@diplodoc/components 3.0.0-alpha-1 → 3.0.0-alpha-3
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/build/cjs/components/BookmarkButton/BookmarkButton.css.map +1 -1
- package/build/cjs/components/Breadcrumbs/Breadcrumbs.css.map +1 -1
- package/build/cjs/components/ContributorAvatars/ContributorAvatars.css.map +1 -1
- package/build/cjs/components/Contributors/Contributors.css.map +1 -1
- package/build/cjs/components/Control/Control.css.map +1 -1
- package/build/cjs/components/Controls/Controls.css +1 -1
- package/build/cjs/components/Controls/Controls.css.map +3 -3
- package/build/cjs/components/Controls/single-controls/DividerControl/DividerControl.css.map +1 -1
- package/build/cjs/components/Controls/single-controls/SettingsControl/SettingsControl.css.map +1 -1
- package/build/cjs/components/DocLayout/DocLayout.css.map +1 -1
- package/build/cjs/components/DocLeadingPage/DocLeadingPage.css.map +1 -1
- package/build/cjs/components/DocPage/DocPage.css +1 -2
- package/build/cjs/components/DocPage/DocPage.css.map +3 -3
- package/build/cjs/components/DocPageTitle/DocPageTitle.css.map +1 -1
- package/build/cjs/components/ErrorPage/ErrorPage.css.map +1 -1
- package/build/cjs/components/Feedback/Feedback.css.map +1 -1
- package/build/cjs/components/Mark/Mark.css.map +1 -1
- package/build/cjs/components/MiniToc/MiniToc.css.map +1 -1
- package/build/cjs/components/Paginator/Paginator.css.map +1 -1
- package/build/cjs/components/SearchBar/SearchBar.css.map +1 -1
- package/build/cjs/components/SearchItem/SearchItem.css.map +1 -1
- package/build/cjs/components/SearchPage/SearchPage.css.map +1 -1
- package/build/cjs/components/Subscribe/Subscribe.css.map +1 -1
- package/build/cjs/components/Toc/Toc.css.map +1 -1
- package/build/cjs/components/TocItem/TocItem.css.map +1 -1
- package/build/cjs/components/TocNavPanel/TocNavPanel.css.map +1 -1
- package/build/cjs/components/ToggleArrow/ToggleArrow.css.map +1 -1
- package/build/esm/components/BookmarkButton/BookmarkButton.css.map +1 -1
- package/build/esm/components/BookmarkButton/BookmarkButton.d.ts +8 -0
- package/build/esm/components/BookmarkButton/index.d.ts +1 -0
- package/build/esm/components/Breadcrumbs/Breadcrumbs.css.map +1 -1
- package/build/esm/components/Breadcrumbs/Breadcrumbs.d.ts +8 -0
- package/build/esm/components/Breadcrumbs/index.d.ts +1 -0
- package/build/esm/components/ContributorAvatars/Avatars/Avatar.d.ts +10 -0
- package/build/esm/components/ContributorAvatars/Avatars/AvatarWithDescription.d.ts +9 -0
- package/build/esm/components/ContributorAvatars/Avatars/Details.d.ts +10 -0
- package/build/esm/components/ContributorAvatars/Avatars/HiddenAvatars.d.ts +10 -0
- package/build/esm/components/ContributorAvatars/ContributorAvatars.css.map +1 -1
- package/build/esm/components/ContributorAvatars/ContributorAvatars.d.ts +10 -0
- package/build/esm/components/ContributorAvatars/index.d.ts +2 -0
- package/build/esm/components/ContributorAvatars/models.d.ts +16 -0
- package/build/esm/components/ContributorAvatars/utils.d.ts +3 -0
- package/build/esm/components/Contributors/Contributors.css.map +1 -1
- package/build/esm/components/Contributors/Contributors.d.ts +11 -0
- package/build/esm/components/Contributors/index.d.ts +2 -0
- package/build/esm/components/Control/Control.css.map +1 -1
- package/build/esm/components/Control/Control.d.ts +20 -0
- package/build/esm/components/Control/index.d.ts +2 -0
- package/build/esm/components/Controls/Controls.css +1 -1
- package/build/esm/components/Controls/Controls.css.map +3 -3
- package/build/esm/components/Controls/Controls.d.ts +32 -0
- package/build/esm/components/Controls/ControlsLayout.d.ts +12 -0
- package/build/esm/components/Controls/index.d.ts +4 -0
- package/build/esm/components/Controls/single-controls/DividerControl/DividerControl.css.map +1 -1
- package/build/esm/components/Controls/single-controls/DividerControl/DividerControl.d.ts +7 -0
- package/build/esm/components/Controls/single-controls/EditControl.d.ts +9 -0
- package/build/esm/components/Controls/single-controls/FullScreenControl.d.ts +7 -0
- package/build/esm/components/Controls/single-controls/LangControl.d.ts +10 -0
- package/build/esm/components/Controls/single-controls/PdfControl.d.ts +6 -0
- package/build/esm/components/Controls/single-controls/SettingsControl/SettingsControl.css.map +1 -1
- package/build/esm/components/Controls/single-controls/SettingsControl/SettingsControl.d.ts +17 -0
- package/build/esm/components/Controls/single-controls/SinglePageControl.d.ts +7 -0
- package/build/esm/components/Controls/single-controls/index.d.ts +7 -0
- package/build/esm/components/Controls/single-controls/utils.d.ts +2 -0
- package/build/esm/components/DocLayout/DocLayout.css.map +1 -1
- package/build/esm/components/DocLayout/DocLayout.d.ts +34 -0
- package/build/esm/components/DocLayout/index.d.ts +1 -0
- package/build/esm/components/DocLeadingPage/DocLeadingPage.css.map +1 -1
- package/build/esm/components/DocLeadingPage/DocLeadingPage.d.ts +22 -0
- package/build/esm/components/DocLeadingPage/index.d.ts +1 -0
- package/build/esm/components/DocPage/DocPage.css +1 -2
- package/build/esm/components/DocPage/DocPage.css.map +3 -3
- package/build/esm/components/DocPage/DocPage.d.ts +41 -0
- package/build/esm/components/DocPage/index.d.ts +2 -0
- package/build/esm/components/DocPageTitle/DocPageTitle.css.map +1 -1
- package/build/esm/components/DocPageTitle/DocPageTitle.d.ts +7 -0
- package/build/esm/components/DocPageTitle/index.d.ts +1 -0
- package/build/esm/components/ErrorBoundary/ErrorBoundary.d.ts +12 -0
- package/build/esm/components/ErrorBoundary/index.d.ts +2 -0
- package/build/esm/components/ErrorPage/ErrorPage.css.map +1 -1
- package/build/esm/components/ErrorPage/ErrorPage.d.ts +10 -0
- package/build/esm/components/ErrorPage/index.d.ts +2 -0
- package/build/esm/components/Feedback/Feedback.css.map +1 -1
- package/build/esm/components/Feedback/Feedback.d.ts +15 -0
- package/build/esm/components/Feedback/controls/DislikeControl.d.ts +11 -0
- package/build/esm/components/Feedback/controls/DislikeVariantsPopup.d.ts +18 -0
- package/build/esm/components/Feedback/controls/LikeControl.d.ts +13 -0
- package/build/esm/components/Feedback/controls/SuccessPopup.d.ts +10 -0
- package/build/esm/components/Feedback/index.d.ts +2 -0
- package/build/esm/components/HTML/HTML.d.ts +7 -0
- package/build/esm/components/HTML/index.d.ts +1 -0
- package/build/esm/components/Link.d.ts +6 -0
- package/build/esm/components/Mark/Mark.css.map +1 -1
- package/build/esm/components/Mark/Mark.d.ts +10 -0
- package/build/esm/components/Mark/index.d.ts +1 -0
- package/build/esm/components/MiniToc/MiniToc.css.map +1 -1
- package/build/esm/components/MiniToc/MiniToc.d.ts +15 -0
- package/build/esm/components/MiniToc/index.d.ts +2 -0
- package/build/esm/components/OutsideClick/OutsideClick.d.ts +12 -0
- package/build/esm/components/OutsideClick/index.d.ts +2 -0
- package/build/esm/components/Paginator/Paginator.css.map +1 -1
- package/build/esm/components/Paginator/Paginator.d.ts +22 -0
- package/build/esm/components/Paginator/index.d.ts +2 -0
- package/build/esm/components/Scrollspy/Scrollspy.d.ts +48 -0
- package/build/esm/components/Scrollspy/index.d.ts +1 -0
- package/build/esm/components/SearchBar/SearchBar.css.map +1 -1
- package/build/esm/components/SearchBar/SearchBar.d.ts +12 -0
- package/build/esm/components/SearchBar/constants.d.ts +7 -0
- package/build/esm/components/SearchBar/hooks.d.ts +55 -0
- package/build/esm/components/SearchBar/index.d.ts +4 -0
- package/build/esm/components/SearchBar/utils.d.ts +26 -0
- package/build/esm/components/SearchBar/withHighlightedSearchWords.d.ts +16 -0
- package/build/esm/components/SearchItem/SearchItem.css.map +1 -1
- package/build/esm/components/SearchItem/SearchItem.d.ts +19 -0
- package/build/esm/components/SearchItem/index.d.ts +2 -0
- package/build/esm/components/SearchPage/SearchPage.css.map +1 -1
- package/build/esm/components/SearchPage/SearchPage.d.ts +20 -0
- package/build/esm/components/SearchPage/index.d.ts +2 -0
- package/build/esm/components/StageLabel/StageLabel.d.ts +8 -0
- package/build/esm/components/StageLabel/index.d.ts +1 -0
- package/build/esm/components/Subscribe/Subscribe.css.map +1 -1
- package/build/esm/components/Subscribe/Subscribe.d.ts +13 -0
- package/build/esm/components/Subscribe/SubscribeSuccessPopup/SubscribeSuccessPopup.d.ts +8 -0
- package/build/esm/components/Subscribe/SubscribeSuccessPopup/index.d.ts +1 -0
- package/build/esm/components/Subscribe/SubscribeVariantsPopup/SubscribeVariantsPopup.d.ts +11 -0
- package/build/esm/components/Subscribe/SubscribeVariantsPopup/index.d.ts +1 -0
- package/build/esm/components/Subscribe/index.d.ts +2 -0
- package/build/esm/components/Subscribe/utils.d.ts +3 -0
- package/build/esm/components/Text/Text.d.ts +7 -0
- package/build/esm/components/Text/index.d.ts +1 -0
- package/build/esm/components/TextInput/TextInput.d.ts +0 -0
- package/build/esm/components/Toc/Toc.css.map +1 -1
- package/build/esm/components/Toc/Toc.d.ts +58 -0
- package/build/esm/components/Toc/TocItemRegistry.d.ts +16 -0
- package/build/esm/components/Toc/index.d.ts +2 -0
- package/build/esm/components/TocItem/TocItem.css.map +1 -1
- package/build/esm/components/TocItem/TocItem.d.ts +20 -0
- package/build/esm/components/TocItem/index.d.ts +2 -0
- package/build/esm/components/TocNavPanel/TocNavPanel.css.map +1 -1
- package/build/esm/components/TocNavPanel/TocNavPanel.d.ts +10 -0
- package/build/esm/components/TocNavPanel/index.d.ts +2 -0
- package/build/esm/components/ToggleArrow/ToggleArrow.css.map +1 -1
- package/build/esm/components/ToggleArrow/ToggleArrow.d.ts +11 -0
- package/build/esm/components/ToggleArrow/index.d.ts +1 -0
- package/build/esm/config/i18n.d.ts +7 -0
- package/build/esm/config/index.d.ts +6 -0
- package/build/esm/constants.d.ts +19 -0
- package/build/esm/hooks/index.d.ts +4 -0
- package/build/esm/hooks/usePopper.d.ts +33 -0
- package/build/esm/hooks/usePopupState.d.ts +8 -0
- package/build/esm/hooks/useTimer.d.ts +1 -0
- package/build/esm/hooks/useTranslation.d.ts +2 -0
- package/build/esm/index.d.ts +28 -0
- package/build/esm/models/index.d.ts +139 -0
- package/build/esm/utils/index.d.ts +14 -0
- package/build/index.css.map +1 -1
- package/build/themes/common/index.css.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import React, { ReactElement } from 'react';
|
|
2
|
+
import { Router } from '../../models';
|
|
3
|
+
import { InnerProps } from '../../utils';
|
|
4
|
+
interface ScrollspyDefaultProps {
|
|
5
|
+
currentClassName: string;
|
|
6
|
+
sectionOffset: number;
|
|
7
|
+
headerHeight: number;
|
|
8
|
+
}
|
|
9
|
+
export interface ScrollspyProps extends Partial<ScrollspyDefaultProps> {
|
|
10
|
+
items: string[];
|
|
11
|
+
children: ReactElement[];
|
|
12
|
+
router: Router;
|
|
13
|
+
onSectionClick?: (event: MouseEvent) => void;
|
|
14
|
+
className?: string;
|
|
15
|
+
scrollToListItem?: boolean;
|
|
16
|
+
}
|
|
17
|
+
interface ScrollspyState {
|
|
18
|
+
targetItems: HTMLElement[];
|
|
19
|
+
inViewState: boolean[];
|
|
20
|
+
}
|
|
21
|
+
type ScrollspyInnerProps = InnerProps<ScrollspyProps, ScrollspyDefaultProps>;
|
|
22
|
+
export declare class Scrollspy extends React.Component<ScrollspyInnerProps, ScrollspyState> {
|
|
23
|
+
static defaultProps: ScrollspyDefaultProps;
|
|
24
|
+
containerRef: React.RefObject<HTMLUListElement>;
|
|
25
|
+
itemRefs: React.RefObject<HTMLDivElement>[];
|
|
26
|
+
scrollByClick: boolean;
|
|
27
|
+
firstItemIndexInView: number;
|
|
28
|
+
lastItemIndexInView: number;
|
|
29
|
+
constructor(props: ScrollspyInnerProps);
|
|
30
|
+
componentDidMount(): void;
|
|
31
|
+
componentDidUpdate(prevProps: Readonly<ScrollspyProps>, prevState: Readonly<ScrollspyState>): void;
|
|
32
|
+
componentWillUnmount(): void;
|
|
33
|
+
render(): React.JSX.Element;
|
|
34
|
+
private updateFirstItemIndexInView;
|
|
35
|
+
private getContainerValues;
|
|
36
|
+
private updateScrollValues;
|
|
37
|
+
private syncScroll;
|
|
38
|
+
private scrollToListItem;
|
|
39
|
+
private initItems;
|
|
40
|
+
private initSections;
|
|
41
|
+
private saveActiveItems;
|
|
42
|
+
private getViewState;
|
|
43
|
+
private handleScroll;
|
|
44
|
+
private handleScrollDebounced;
|
|
45
|
+
private pauseScrollHandler;
|
|
46
|
+
private handleSectionClick;
|
|
47
|
+
}
|
|
48
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Scrollspy';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/SearchBar/Users/3y3k0/doctools/docs-components/src/components/SearchBar/SearchBar.scss", "../../../../src/components/SearchBar/%3Cinput%20css%
|
|
3
|
+
"sources": ["../../../../src/components/SearchBar/Users/3y3k0/doctools/docs-components/src/components/SearchBar/SearchBar.scss", "../../../../src/components/SearchBar/%3Cinput%20css%20V83lkv%3E"],
|
|
4
4
|
"sourcesContent": ["@import '../../styles/variables';\n@import '../../styles/mixins';\n\n.dc-search-bar {\n width: 100%;\n height: 100%;\n border-radius: 5px;\n box-sizing: border-box;\n box-shadow: 0px 3px 10px var(--g-color-base-generic-accent);\n padding: 11px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n font-size: var(--g-text-body-short-font-size);\n line-height: var(--g-text-body-short-line-height);\n\n &__search-query-label {\n color: var(--g-color-text-secondary);\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n\n @media (max-width: map-get($screenBreakpoints, 'md') + 1) {\n display: none;\n }\n }\n\n &__search-query {\n max-width: 400px;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n\n @media (max-width: map-get($screenBreakpoints, 'md') + 1) {\n display: none;\n }\n }\n\n &__left {\n width: 90%;\n display: flex;\n align-items: center;\n }\n\n &__navigation {\n display: flex;\n align-items: center;\n margin-right: 11px;\n }\n\n &__next-arrow {\n transform: rotate(-180deg);\n }\n\n &__counter {\n margin: 0 4px;\n }\n}\n\n$hl-class: '.dc-search-highlighted';\n\n#{$hl-class} {\n background: var(--dc-text-highlight);\n\n &_selected {\n background: var(--dc-text-highlight-selected);\n }\n}\n", ".dc-search-bar {\n width: 100%;\n height: 100%;\n border-radius: 5px;\n box-sizing: border-box;\n box-shadow: 0px 3px 10px var(--g-color-base-generic-accent);\n padding: 11px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: var(--g-text-body-short-font-size);\n line-height: var(--g-text-body-short-line-height);\n}\n.dc-search-bar__search-query-label {\n color: var(--g-color-text-secondary);\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n@media (max-width: 770px) {\n .dc-search-bar__search-query-label {\n display: none;\n }\n}\n.dc-search-bar__search-query {\n max-width: 400px;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n@media (max-width: 770px) {\n .dc-search-bar__search-query {\n display: none;\n }\n}\n.dc-search-bar__left {\n width: 90%;\n display: flex;\n align-items: center;\n}\n.dc-search-bar__navigation {\n display: flex;\n align-items: center;\n margin-right: 11px;\n}\n.dc-search-bar__next-arrow {\n transform: rotate(-180deg);\n}\n.dc-search-bar__counter {\n margin: 0 4px;\n}\n\n.dc-search-highlighted {\n background: var(--dc-text-highlight);\n}\n.dc-search-highlighted_selected {\n background: var(--dc-text-highlight-selected);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9TZWFyY2hCYXIiLCJzb3VyY2VzIjpbIlNlYXJjaEJhci5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7RUFDQTs7QUFFQTtFQUNJO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBTko7SUFPUTs7O0FBSVI7RUFDSTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQU5KO0lBT1E7OztBQUlSO0VBQ0k7RUFDQTtFQUNBOztBQUdKO0VBQ0k7RUFDQTtFQUNBOztBQUdKO0VBQ0k7O0FBR0o7RUFDSTs7O0FBTVI7RUFDSTs7QUFFQTtFQUNJIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcyc7XG5AaW1wb3J0ICcuLi8uLi9zdHlsZXMvbWl4aW5zJztcblxuLmRjLXNlYXJjaC1iYXIge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBib3gtc2hhZG93OiAwcHggM3B4IDEwcHggdmFyKC0tZy1jb2xvci1iYXNlLWdlbmVyaWMtYWNjZW50KTtcbiAgICBwYWRkaW5nOiAxMXB4O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5LXNob3J0LWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LXNob3J0LWxpbmUtaGVpZ2h0KTtcblxuICAgICZfX3NlYXJjaC1xdWVyeS1sYWJlbCB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAgICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSArIDEpIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19zZWFyY2gtcXVlcnkge1xuICAgICAgICBtYXgtd2lkdGg6IDQwMHB4O1xuICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpICsgMSkge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX2xlZnQge1xuICAgICAgICB3aWR0aDogOTAlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIH1cblxuICAgICZfX25hdmlnYXRpb24ge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBtYXJnaW4tcmlnaHQ6IDExcHg7XG4gICAgfVxuXG4gICAgJl9fbmV4dC1hcnJvdyB7XG4gICAgICAgIHRyYW5zZm9ybTogcm90YXRlKC0xODBkZWcpO1xuICAgIH1cblxuICAgICZfX2NvdW50ZXIge1xuICAgICAgICBtYXJnaW46IDAgNHB4O1xuICAgIH1cbn1cblxuJGhsLWNsYXNzOiAnLmRjLXNlYXJjaC1oaWdobGlnaHRlZCc7XG5cbiN7JGhsLWNsYXNzfSB7XG4gICAgYmFja2dyb3VuZDogdmFyKC0tZGMtdGV4dC1oaWdobGlnaHQpO1xuXG4gICAgJl9zZWxlY3RlZCB7XG4gICAgICAgIGJhY2tncm91bmQ6IHZhcigtLWRjLXRleHQtaGlnaGxpZ2h0LXNlbGVjdGVkKTtcbiAgICB9XG59XG4iXX0= */"],
|
|
5
5
|
"mappings": ";AAGA,CAAA;AACI,SAAA;AACA,UAAA;AACA,iBAAA;AACA,cAAA;AACA,cAAA,IAAA,IAAA,KAAA,IAAA;AACA,WAAA;AACA,WAAA;AACA,eAAA;AACA,mBAAA;AAEA,aAAA,IAAA;AACA,eAAA,IAAA;ACHJ;ADKI,CAAA;AACI,SAAA,IAAA;AACA,eAAA;AACA,iBAAA;AACA,YAAA;ACHR;ADKQ,OAAA,CAAA,SAAA,EAAA;AANJ,GAAA;AAOQ,aAAA;ACFV;AACF;ADKI,CAAA;AACI,aAAA;AACA,eAAA;AACA,iBAAA;AACA,YAAA;ACHR;ADKQ,OAAA,CAAA,SAAA,EAAA;AANJ,GAAA;AAOQ,aAAA;ACFV;AACF;ADKI,CAAA;AACI,SAAA;AACA,WAAA;AACA,eAAA;ACHR;ADMI,CAAA;AACI,WAAA;AACA,eAAA;AACA,gBAAA;ACJR;ADOI,CAAA;AACI,aAAA,OAAA;ACLR;ADQI,CAAA;AACI,UAAA,EAAA;ACNR;ADYA,CAAA;AACI,cAAA,IAAA;ACTJ;ADWI,CAAA;AACI,cAAA,IAAA;ACTR;",
|
|
6
6
|
"names": []
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './SearchBar.scss';
|
|
3
|
+
export interface SearchBarProps {
|
|
4
|
+
searchQuery?: string;
|
|
5
|
+
onClickPrevSearch?: () => void;
|
|
6
|
+
onClickNextSearch?: () => void;
|
|
7
|
+
onCloseSearchBar?: () => void;
|
|
8
|
+
searchCurrentIndex?: number;
|
|
9
|
+
searchCountResults?: number;
|
|
10
|
+
}
|
|
11
|
+
declare const SearchBar: React.NamedExoticComponent<SearchBarProps>;
|
|
12
|
+
export default SearchBar;
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { SyntheticEvent } from 'react';
|
|
2
|
+
type UseHighlightedSearchWords = {
|
|
3
|
+
html: string;
|
|
4
|
+
searchWords: string[];
|
|
5
|
+
showSearchBar: boolean;
|
|
6
|
+
onNotFoundWords?: () => void;
|
|
7
|
+
onContentMutation?: () => void;
|
|
8
|
+
onContentLoaded?: () => void;
|
|
9
|
+
};
|
|
10
|
+
export declare function useHighlightedSearchWords({ html, searchWords, showSearchBar, onContentMutation: _onContentMutation, onContentLoaded: _onContentLoaded, onNotFoundWords, }: UseHighlightedSearchWords): {
|
|
11
|
+
highlightedHtml: string;
|
|
12
|
+
highlightedDOMElements: Element[];
|
|
13
|
+
searchBarIsVisible: boolean;
|
|
14
|
+
wasChangedDOM: boolean;
|
|
15
|
+
onContentMutation: () => void;
|
|
16
|
+
onContentLoaded: () => void;
|
|
17
|
+
};
|
|
18
|
+
type UseNoSearchWordsFoundEffect = {
|
|
19
|
+
showSearchBar: boolean;
|
|
20
|
+
highlightedDOMElements: Element[];
|
|
21
|
+
onNotFoundWords?: () => void;
|
|
22
|
+
};
|
|
23
|
+
export declare function useNoSearchWordsFoundEffect({ showSearchBar, highlightedDOMElements, onNotFoundWords, }: UseNoSearchWordsFoundEffect): void;
|
|
24
|
+
type UseSearchBarNavigation = {
|
|
25
|
+
highlightedDOMElements: Element[];
|
|
26
|
+
stopSyncOnScroll: () => void;
|
|
27
|
+
headerHeight: number;
|
|
28
|
+
hash?: string;
|
|
29
|
+
};
|
|
30
|
+
export declare function useSearchBarNavigation({ highlightedDOMElements, stopSyncOnScroll, headerHeight, hash, }: UseSearchBarNavigation): {
|
|
31
|
+
searchCurrentIndex: number;
|
|
32
|
+
setSearchCurrentIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
|
|
33
|
+
searchCountResults: number;
|
|
34
|
+
onClickPrevSearch: (e: SyntheticEvent) => void;
|
|
35
|
+
onClickNextSearch: (e: SyntheticEvent) => void;
|
|
36
|
+
};
|
|
37
|
+
type UseHighlightCurrentWordEffect = {
|
|
38
|
+
highlightedDOMElements: Element[];
|
|
39
|
+
searchCurrentIndex: number;
|
|
40
|
+
wasChangedDOM: boolean;
|
|
41
|
+
syncOnScroll: boolean;
|
|
42
|
+
hash?: string;
|
|
43
|
+
};
|
|
44
|
+
export declare function useCurrentWordSelectionEffect({ searchCurrentIndex, highlightedDOMElements, wasChangedDOM, syncOnScroll, hash, }: UseHighlightCurrentWordEffect): void;
|
|
45
|
+
type UseCurrentWordSelectionSyncScrollEffect = {
|
|
46
|
+
highlightedDOMElements: Element[];
|
|
47
|
+
searchWords: string[];
|
|
48
|
+
syncOnScroll: boolean;
|
|
49
|
+
searchBarIsVisible: boolean;
|
|
50
|
+
setSearchCurrentIndex: (index: number) => void;
|
|
51
|
+
headerHeight: number;
|
|
52
|
+
setSyncOnScroll: (flag: boolean) => void;
|
|
53
|
+
};
|
|
54
|
+
export declare function useCurrentWordSelectionSyncScrollEffect({ highlightedDOMElements, searchWords, syncOnScroll, searchBarIsVisible, setSearchCurrentIndex, headerHeight, setSyncOnScroll, }: UseCurrentWordSelectionSyncScrollEffect): void;
|
|
55
|
+
export {};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export interface HighlightOptions {
|
|
2
|
+
html: string;
|
|
3
|
+
keywords: string[];
|
|
4
|
+
options: {
|
|
5
|
+
className: string;
|
|
6
|
+
element: string;
|
|
7
|
+
exclude: string[];
|
|
8
|
+
};
|
|
9
|
+
}
|
|
10
|
+
export declare function highlight({ html, keywords, options }: HighlightOptions): string;
|
|
11
|
+
export declare function scrollToItem(item: Element): void;
|
|
12
|
+
type GetItemIndexInView = {
|
|
13
|
+
elements: Element[];
|
|
14
|
+
offset?: number;
|
|
15
|
+
top?: number;
|
|
16
|
+
bottom?: number;
|
|
17
|
+
reverse?: boolean;
|
|
18
|
+
};
|
|
19
|
+
export declare function getItemIndexInView({ elements, offset, top, bottom, reverse, }: GetItemIndexInView): number | undefined;
|
|
20
|
+
type UseHighlightedItemInView = {
|
|
21
|
+
highlightedDOMElements: Element[];
|
|
22
|
+
headerHeight: number;
|
|
23
|
+
hash?: string;
|
|
24
|
+
};
|
|
25
|
+
export declare function getHighlightedItemIndexInView({ highlightedDOMElements, headerHeight, hash, }: UseHighlightedItemInView): number | undefined;
|
|
26
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DocPageData, Router } from '../../models';
|
|
3
|
+
export interface SearchWordsHighlighterProps extends DocPageData {
|
|
4
|
+
useSearchBar?: boolean;
|
|
5
|
+
searchWords?: string[];
|
|
6
|
+
showSearchBar?: boolean;
|
|
7
|
+
onCloseSearchBar?: () => void;
|
|
8
|
+
onNotFoundWords?: () => void;
|
|
9
|
+
searchQuery?: string;
|
|
10
|
+
onContentMutation?: () => void;
|
|
11
|
+
onContentLoaded?: () => void;
|
|
12
|
+
headerHeight?: number;
|
|
13
|
+
router: Router;
|
|
14
|
+
}
|
|
15
|
+
declare function withHighlightedSearchWords<T extends SearchWordsHighlighterProps>(Component: React.ComponentType<T>): React.FC<SearchWordsHighlighterProps & T>;
|
|
16
|
+
export default withHighlightedSearchWords;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/SearchItem/Users/3y3k0/doctools/docs-components/src/components/SearchItem/SearchItem.scss", "../../../../src/components/SearchItem/%3Cinput%20css%
|
|
3
|
+
"sources": ["../../../../src/components/SearchItem/Users/3y3k0/doctools/docs-components/src/components/SearchItem/SearchItem.scss", "../../../../src/components/SearchItem/%3Cinput%20css%2022tKPV%3E", "../../../../src/components/SearchItem/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss"],
|
|
4
4
|
"sourcesContent": ["@import '../../styles/variables';\n@import '../../styles/mixins';\n\n.SearchItem {\n &__link {\n cursor: pointer;\n text-decoration: none;\n color: inherit;\n\n &:hover,\n &:active {\n color: var(--g-color-text-link-hover);\n }\n }\n\n &__marks-wrapper {\n display: none;\n justify-content: flex-end;\n align-items: center;\n }\n\n &__marks {\n height: 16px;\n margin-top: 10px;\n }\n\n &__mark {\n margin-right: 20px;\n\n &:last-child {\n margin-right: 0;\n }\n }\n\n &__item-wrapper:hover &__marks-wrapper {\n display: flex;\n }\n\n &__item-wrapper {\n margin-bottom: 20px;\n @include text-size(body-1);\n }\n\n &__item {\n display: block;\n overflow: hidden;\n\n cursor: pointer;\n text-overflow: ellipsis;\n\n &-title,\n &-description {\n display: block;\n overflow: hidden;\n\n text-overflow: ellipsis;\n }\n\n &-title {\n margin-bottom: 4px;\n }\n\n &-title,\n &-title &-search-token {\n @include link();\n color: var(--g-color-text-primary);\n @include text-size(subheader-3);\n }\n\n &-title:hover &-search-token {\n color: var(--g-color-text-link-hover);\n }\n\n &-description {\n display: inline-block;\n color: var(--g-color-text-secondary);\n\n em {\n font-weight: bolder;\n }\n\n &::after {\n content: '...';\n display: inline;\n }\n }\n &-description &-search-token {\n color: var(--g-color-text-primary);\n }\n }\n}\n", ".SearchItem__link {\n cursor: pointer;\n text-decoration: none;\n color: inherit;\n}\n.SearchItem__link:hover, .SearchItem__link:active {\n color: var(--g-color-text-link-hover);\n}\n.SearchItem__marks-wrapper {\n display: none;\n justify-content: flex-end;\n align-items: center;\n}\n.SearchItem__marks {\n height: 16px;\n margin-top: 10px;\n}\n.SearchItem__mark {\n margin-right: 20px;\n}\n.SearchItem__mark:last-child {\n margin-right: 0;\n}\n.SearchItem__item-wrapper:hover .SearchItem__marks-wrapper {\n display: flex;\n}\n.SearchItem__item-wrapper {\n margin-bottom: 20px;\n font-size: var(--g-text-body-1-font-size);\n line-height: var(--g-text-body-1-line-height);\n}\n.SearchItem__item {\n display: block;\n overflow: hidden;\n cursor: pointer;\n text-overflow: ellipsis;\n}\n.SearchItem__item-title, .SearchItem__item-description {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.SearchItem__item-title {\n margin-bottom: 4px;\n}\n.SearchItem__item-title, .SearchItem__item-title .SearchItem__item-search-token {\n outline: none;\n color: var(--g-color-text-link);\n text-decoration: none;\n cursor: pointer;\n color: var(--g-color-text-primary);\n font-size: var(--g-text-subheader-3-font-size);\n line-height: var(--g-text-subheader-3-line-height);\n}\n.utilityfocus .SearchItem__item-title:focus, .utilityfocus .SearchItem__item-title .SearchItem__item-search-token:focus {\n outline: 2px solid #ffdb4d;\n}\n.SearchItem__item-title:hover, .SearchItem__item-title:active, .SearchItem__item-title .SearchItem__item-search-token:hover, .SearchItem__item-title .SearchItem__item-search-token:active {\n color: var(--g-color-text-link-hover);\n}\n.SearchItem__item-title:hover .SearchItem__item-search-token {\n color: var(--g-color-text-link-hover);\n}\n.SearchItem__item-description {\n display: inline-block;\n color: var(--g-color-text-secondary);\n}\n.SearchItem__item-description em {\n font-weight: bolder;\n}\n.SearchItem__item-description::after {\n content: \"...\";\n display: inline;\n}\n.SearchItem__item-description .SearchItem__item-search-token {\n color: var(--g-color-text-primary);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9TZWFyY2hJdGVtIiwic291cmNlcyI6WyJTZWFyY2hJdGVtLnNjc3MiLCIuLi8uLi9zdHlsZXMvbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSUk7RUFDSTtFQUNBO0VBQ0E7O0FBRUE7RUFFSTs7QUFJUjtFQUNJO0VBQ0E7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7O0FBR0o7RUFDSTs7QUFFQTtFQUNJOztBQUlSO0VBQ0k7O0FBR0o7RUFDSTtFQ3BDSjtFQUNBOztBRHVDQTtFQUNJO0VBQ0E7RUFFQTtFQUNBOztBQUVBO0VBRUk7RUFDQTtFQUVBOztBQUdKO0VBQ0k7O0FBR0o7RUN0Q0o7RUFVQTtFQUNBO0VBQ0E7RUQ2QlE7RUM5RFI7RUFDQTs7QUFzQkE7RUFDSTs7QUFXSjtFQUVJOztBRDZCQTtFQUNJOztBQUdKO0VBQ0k7RUFDQTs7QUFFQTtFQUNJOztBQUdKO0VBQ0k7RUFDQTs7QUFHUjtFQUNJIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcyc7XG5AaW1wb3J0ICcuLi8uLi9zdHlsZXMvbWl4aW5zJztcblxuLlNlYXJjaEl0ZW0ge1xuICAgICZfX2xpbmsge1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICAgICAgY29sb3I6IGluaGVyaXQ7XG5cbiAgICAgICAgJjpob3ZlcixcbiAgICAgICAgJjphY3RpdmUge1xuICAgICAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rLWhvdmVyKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX21hcmtzLXdyYXBwZXIge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIH1cblxuICAgICZfX21hcmtzIHtcbiAgICAgICAgaGVpZ2h0OiAxNnB4O1xuICAgICAgICBtYXJnaW4tdG9wOiAxMHB4O1xuICAgIH1cblxuICAgICZfX21hcmsge1xuICAgICAgICBtYXJnaW4tcmlnaHQ6IDIwcHg7XG5cbiAgICAgICAgJjpsYXN0LWNoaWxkIHtcbiAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX2l0ZW0td3JhcHBlcjpob3ZlciAmX19tYXJrcy13cmFwcGVyIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICB9XG5cbiAgICAmX19pdGVtLXdyYXBwZXIge1xuICAgICAgICBtYXJnaW4tYm90dG9tOiAyMHB4O1xuICAgICAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0xKTtcbiAgICB9XG5cbiAgICAmX19pdGVtIHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcblxuICAgICAgICAmLXRpdGxlLFxuICAgICAgICAmLWRlc2NyaXB0aW9uIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgICAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICAgIH1cblxuICAgICAgICAmLXRpdGxlIHtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDRweDtcbiAgICAgICAgfVxuXG4gICAgICAgICYtdGl0bGUsXG4gICAgICAgICYtdGl0bGUgJi1zZWFyY2gtdG9rZW4ge1xuICAgICAgICAgICAgQGluY2x1ZGUgbGluaygpO1xuICAgICAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1wcmltYXJ5KTtcbiAgICAgICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShzdWJoZWFkZXItMyk7XG4gICAgICAgIH1cblxuICAgICAgICAmLXRpdGxlOmhvdmVyICYtc2VhcmNoLXRva2VuIHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgICAgIH1cblxuICAgICAgICAmLWRlc2NyaXB0aW9uIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtc2Vjb25kYXJ5KTtcblxuICAgICAgICAgICAgZW0ge1xuICAgICAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiBib2xkZXI7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgICAgICAgICBjb250ZW50OiAnLi4uJztcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmU7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgJi1kZXNjcmlwdGlvbiAmLXNlYXJjaC10b2tlbiB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LXByaW1hcnkpO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiQGltcG9ydCAnLi92YXJpYWJsZXMnO1xuXG5AbWl4aW4gdGV4dC1zaXplKCRuYW1lKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtI3skbmFtZX0tZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHJlc2V0LWxpc3Qtc3R5bGUoKSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbn1cblxuQG1peGluIGZpeEFuY2hvclBvc2l0aW9uKCRvZmZzZXQ6IDBweCkge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7JGhlYWRlckhlaWdodH0pKTtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKCN7JG9mZnNldH0gLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG59XG5cbkBtaXhpbiByZXNldC1saW5rLXN0eWxlKCkge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuQG1peGluIGlzbGFuZHMtZm9jdXMoKSB7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgIC51dGlsaXR5Zm9jdXMgJjpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCAjZmZkYjRkO1xuICAgIH1cbn1cblxuQG1peGluIGxpbmsoKSB7XG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuXG4gICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rKTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nMygpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzYoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gZGVza3RvcC10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cbiJdfQ== */", "@import './variables';\n\n@mixin text-size($name) {\n font-size: var(--g-text-#{$name}-font-size);\n line-height: var(--g-text-#{$name}-line-height);\n}\n\n@mixin reset-list-style() {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n@mixin fixAnchorPosition($offset: 0px) {\n padding-top: calc(var(--dc-header-height, #{$headerHeight}));\n margin-top: calc(#{$offset} - var(--dc-header-height, #{$headerHeight}));\n}\n\n@mixin reset-link-style() {\n color: inherit;\n text-decoration: none;\n}\n\n@mixin islands-focus() {\n outline: none;\n\n .utilityfocus &:focus {\n outline: 2px solid #ffdb4d;\n }\n}\n\n@mixin link() {\n @include islands-focus();\n\n color: var(--g-color-text-link);\n text-decoration: none;\n cursor: pointer;\n\n &:hover,\n &:active {\n color: var(--g-color-text-link-hover);\n }\n}\n\n@mixin heading1() {\n @include text-size(display-3);\n font-weight: 500;\n\n @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n @include text-size(display-2);\n }\n}\n\n@mixin heading2() {\n @include text-size(display-1);\n font-weight: 500;\n}\n\n@mixin heading3() {\n @include text-size(header-2);\n font-weight: 500;\n}\n\n@mixin heading4() {\n @include text-size(header-1);\n font-weight: 500;\n}\n\n@mixin heading5() {\n @include text-size(body-3);\n font-weight: 500;\n}\n\n@mixin heading6() {\n @include text-size(body-3);\n font-weight: 400;\n}\n\n@mixin contributors-text() {\n font-size: 13px;\n font-weight: 400;\n margin-right: 5px;\n align-self: center;\n}\n\n@mixin text-body-1() {\n font-size: var(--g-text-body-1-font-size);\n line-height: var(--g-text-body-1-line-height);\n font-weight: var(--g-text-body-font-weight);\n}\n\n@mixin desktop-only() {\n @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n display: none;\n }\n}\n\n@mixin desktop-tablet-only() {\n @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n display: none;\n }\n}\n\n@mixin mobile-tablet-only() {\n @media (min-width: map-get($screenBreakpoints, 'md')) {\n display: none;\n }\n}\n\n@mixin mobile-only() {\n @media (min-width: map-get($screenBreakpoints, 'sm')) {\n display: none;\n }\n}\n"],
|
|
5
5
|
"mappings": ";AAII,CAAA;AACI,UAAA;AACA,2BAAA;AAAA,mBAAA;AACA,SAAA;ACHR;ADKQ,CALJ,gBAKI;AAAA,CALJ,gBAKI;AAEI,SAAA,IAAA;ACJZ;ADQI,CAAA;AACI,WAAA;AACA,mBAAA;AACA,eAAA;ACNR;ADSI,CAAA;AACI,UAAA;AACA,cAAA;ACPR;ADUI,CAAA;AACI,gBAAA;ACRR;ADUQ,CAHJ,gBAGI;AACI,gBAAA;ACRZ;ADYI,CAAA,wBAAA,OAAA,CAnBA;AAoBI,WAAA;ACVR;ADaI,CAJA;AAKI,iBAAA;AEpCJ,aAAA,IAAA;AACA,eAAA,IAAA;AD0BJ;ADaI,CAAA;AACI,WAAA;AACA,YAAA;AAEA,UAAA;AACA,iBAAA;ACZR;ADcQ,CAAA;AAAA,CAAA;AAEI,WAAA;AACA,YAAA;AAEA,iBAAA;ACdZ;ADiBQ,CARA;AASI,iBAAA;ACfZ;ADkBQ,CAZA;AAYA,CAZA,uBAYA,CAAA;AEtCJ,WAAA;AAUA,SAAA,IAAA;AACA,2BAAA;AAAA,mBAAA;AACA,UAAA;AF6BQ,SAAA,IAAA;AE9DR,aAAA,IAAA;AACA,eAAA,IAAA;ADiDJ;AC3BI,CAAA,aAAA,CFwBI,sBExBJ;AAAA,CAAA,aAAA,CFwBI,uBExBJ,CFoCI,6BEpCJ;AACI,WAAA,IAAA,MAAA;AD6BR;AClBI,CFYI,sBEZJ;AAAA,CFYI,sBEZJ;AAAA,CFYI,uBEZJ,CFwBI,6BExBJ;AAAA,CFYI,uBEZJ,CFwBI,6BExBJ;AAEI,SAAA,IAAA;ADmBR;ADUQ,CAnBA,sBAmBA,OAAA,CAPA;AAQI,SAAA,IAAA;ACRZ;ADWQ,CAvBA;AAwBI,WAAA;AACA,SAAA,IAAA;ACTZ;ADWY,CA3BJ,6BA2BI;AACI,eAAA;ACThB;ADYY,CA/BJ,4BA+BI;AACI,WAAA;AACA,WAAA;ACVhB;ADaQ,CApCA,6BAoCA,CAxBA;AAyBI,SAAA,IAAA;ACXZ;",
|
|
6
6
|
"names": []
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './SearchItem.scss';
|
|
3
|
+
export interface ISearchItem {
|
|
4
|
+
url: string;
|
|
5
|
+
title: string;
|
|
6
|
+
description?: string;
|
|
7
|
+
}
|
|
8
|
+
export interface SearchOnClickProps {
|
|
9
|
+
itemOnClick?: (item: ISearchItem) => void;
|
|
10
|
+
irrelevantOnClick?: (item: ISearchItem) => void;
|
|
11
|
+
relevantOnClick?: (item: ISearchItem) => void;
|
|
12
|
+
}
|
|
13
|
+
export interface SearchItemProps {
|
|
14
|
+
item: ISearchItem;
|
|
15
|
+
className?: string;
|
|
16
|
+
}
|
|
17
|
+
type SearchPageInnerProps = SearchItemProps & SearchOnClickProps;
|
|
18
|
+
declare const SearchItem: React.NamedExoticComponent<SearchPageInnerProps>;
|
|
19
|
+
export default SearchItem;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/SearchPage/Users/3y3k0/doctools/docs-components/src/components/SearchPage/SearchPage.scss", "../../../../src/components/SearchPage/%3Cinput%20css%
|
|
3
|
+
"sources": ["../../../../src/components/SearchPage/Users/3y3k0/doctools/docs-components/src/components/SearchPage/SearchPage.scss", "../../../../src/components/SearchPage/%3Cinput%20css%20moOeTx%3E"],
|
|
4
4
|
"sourcesContent": ["@import '../../styles/variables';\n@import '../../styles/mixins';\n\n.dc-search-page {\n margin-top: 26px;\n display: flex;\n justify-content: center;\n\n &__layout {\n max-width: $centerBlockMaxWidth;\n width: 100%;\n }\n\n &__search-field-wrapper {\n display: flex;\n align-items: center;\n }\n\n &__search-button {\n margin-left: 10px;\n }\n\n &__search {\n &-field,\n &-item {\n margin-bottom: 36px;\n }\n }\n\n &__subtitle {\n margin-bottom: 18px;\n }\n\n &__paginator {\n padding: 10px 0;\n border-top: 1px solid var(--g-color-line-generic);\n }\n\n @media (max-width: map-get($screenBreakpoints, 'md')) {\n margin-top: 16px;\n\n &__layout {\n padding: 0 12px;\n }\n\n &__search {\n &-field {\n margin-bottom: 24px;\n }\n\n &-item {\n margin-bottom: 40px;\n }\n }\n }\n}\n", ".dc-search-page {\n margin-top: 26px;\n display: flex;\n justify-content: center;\n}\n.dc-search-page__layout {\n max-width: 736px;\n width: 100%;\n}\n.dc-search-page__search-field-wrapper {\n display: flex;\n align-items: center;\n}\n.dc-search-page__search-button {\n margin-left: 10px;\n}\n.dc-search-page__search-field, .dc-search-page__search-item {\n margin-bottom: 36px;\n}\n.dc-search-page__subtitle {\n margin-bottom: 18px;\n}\n.dc-search-page__paginator {\n padding: 10px 0;\n border-top: 1px solid var(--g-color-line-generic);\n}\n@media (max-width: 769px) {\n .dc-search-page {\n margin-top: 16px;\n }\n .dc-search-page__layout {\n padding: 0 12px;\n }\n .dc-search-page__search-field {\n margin-bottom: 24px;\n }\n .dc-search-page__search-item {\n margin-bottom: 40px;\n }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9TZWFyY2hQYWdlIiwic291cmNlcyI6WyJTZWFyY2hQYWdlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0E7RUFDSTtFQUNBO0VBQ0E7O0FBRUE7RUFDSTtFQUNBOztBQUdKO0VBQ0k7RUFDQTs7QUFHSjtFQUNJOztBQUlBO0VBRUk7O0FBSVI7RUFDSTs7QUFHSjtFQUNJO0VBQ0E7O0FBR0o7RUFuQ0o7SUFvQ1E7O0VBRUE7SUFDSTs7RUFJQTtJQUNJOztFQUdKO0lBQ0kiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuLi8uLi9zdHlsZXMvdmFyaWFibGVzJztcbkBpbXBvcnQgJy4uLy4uL3N0eWxlcy9taXhpbnMnO1xuXG4uZGMtc2VhcmNoLXBhZ2Uge1xuICAgIG1hcmdpbi10b3A6IDI2cHg7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblxuICAgICZfX2xheW91dCB7XG4gICAgICAgIG1heC13aWR0aDogJGNlbnRlckJsb2NrTWF4V2lkdGg7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cblxuICAgICZfX3NlYXJjaC1maWVsZC13cmFwcGVyIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICB9XG5cbiAgICAmX19zZWFyY2gtYnV0dG9uIHtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gICAgfVxuXG4gICAgJl9fc2VhcmNoIHtcbiAgICAgICAgJi1maWVsZCxcbiAgICAgICAgJi1pdGVtIHtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDM2cHg7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19zdWJ0aXRsZSB7XG4gICAgICAgIG1hcmdpbi1ib3R0b206IDE4cHg7XG4gICAgfVxuXG4gICAgJl9fcGFnaW5hdG9yIHtcbiAgICAgICAgcGFkZGluZzogMTBweCAwO1xuICAgICAgICBib3JkZXItdG9wOiAxcHggc29saWQgdmFyKC0tZy1jb2xvci1saW5lLWdlbmVyaWMpO1xuICAgIH1cblxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykpIHtcbiAgICAgICAgbWFyZ2luLXRvcDogMTZweDtcblxuICAgICAgICAmX19sYXlvdXQge1xuICAgICAgICAgICAgcGFkZGluZzogMCAxMnB4O1xuICAgICAgICB9XG5cbiAgICAgICAgJl9fc2VhcmNoIHtcbiAgICAgICAgICAgICYtZmllbGQge1xuICAgICAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDI0cHg7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICYtaXRlbSB7XG4gICAgICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogNDBweDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbn1cbiJdfQ== */"],
|
|
5
5
|
"mappings": ";AAGA,CAAA;AACI,cAAA;AACA,WAAA;AACA,mBAAA;ACFJ;ADII,CAAA;AACI,aAAA;AACA,SAAA;ACFR;ADKI,CAAA;AACI,WAAA;AACA,eAAA;ACHR;ADMI,CAAA;AACI,eAAA;ACJR;ADQQ,CAAA;AAAA,CAAA;AAEI,iBAAA;ACPZ;ADWI,CAAA;AACI,iBAAA;ACTR;ADYI,CAAA;AACI,WAAA,KAAA;AACA,cAAA,IAAA,MAAA,IAAA;ACVR;ADaI,OAAA,CAAA,SAAA,EAAA;AAnCJ,GAAA;AAoCQ,gBAAA;ACVN;ADYM,GAjCJ;AAkCQ,aAAA,EAAA;ACVV;ADcU,GAvBJ;AAwBQ,mBAAA;ACZd;ADeU,GA3BJ;AA4BQ,mBAAA;ACbd;AACF;",
|
|
6
6
|
"names": []
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PaginatorProps } from '../Paginator';
|
|
3
|
+
import { ISearchItem, SearchOnClickProps } from '../SearchItem';
|
|
4
|
+
import './SearchPage.scss';
|
|
5
|
+
interface Loading {
|
|
6
|
+
loading?: boolean;
|
|
7
|
+
}
|
|
8
|
+
interface InputProps {
|
|
9
|
+
query: string;
|
|
10
|
+
onSubmit: (query: string) => void;
|
|
11
|
+
}
|
|
12
|
+
interface SearchPageProps extends Loading {
|
|
13
|
+
items: ISearchItem[];
|
|
14
|
+
page: number;
|
|
15
|
+
isMobile?: boolean;
|
|
16
|
+
loading?: boolean;
|
|
17
|
+
}
|
|
18
|
+
type SearchPageInnerProps = SearchPageProps & SearchOnClickProps & InputProps & PaginatorProps;
|
|
19
|
+
declare const SearchPage: ({ query, items, page, isMobile, totalItems, maxPages, itemsPerPage, onPageChange, onSubmit, itemOnClick, irrelevantOnClick, relevantOnClick, loading, }: SearchPageInnerProps) => React.JSX.Element;
|
|
20
|
+
export default SearchPage;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './StageLabel';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/Subscribe/Users/3y3k0/doctools/docs-components/src/components/Subscribe/Subscribe.scss", "../../../../src/components/Subscribe/%3Cinput%20css%
|
|
3
|
+
"sources": ["../../../../src/components/Subscribe/Users/3y3k0/doctools/docs-components/src/components/Subscribe/Subscribe.scss", "../../../../src/components/Subscribe/%3Cinput%20css%20M1cpUo%3E", "../../../../src/components/Subscribe/Users/3y3k0/doctools/docs-components/src/styles/variables.scss"],
|
|
4
4
|
"sourcesContent": ["@import '../../styles/mixins';\n@import '../../styles/variables';\n\n$popupWidth: 320px;\n\n@mixin tooltip-in-center {\n @media screen and (max-width: map-get($screenBreakpoints, 'xs')) {\n & {\n // stylelint-disable declaration-no-important\n right: 0 !important;\n left: 0 !important;\n margin: auto;\n }\n }\n}\n\n.dc-subscribe {\n &__container {\n &_view_wide {\n display: flex;\n align-items: center;\n flex-direction: column;\n width: 100%;\n }\n }\n\n &__container-row {\n display: flex;\n justify-content: center;\n width: 100%;\n padding: 28px;\n\n border: 1px solid var(--g-color-line-generic);\n border-radius: 8px;\n\n &_view_wide {\n display: flex;\n align-items: center;\n }\n }\n\n &__success-popup {\n padding: $popupPadding;\n width: $popupWidth;\n\n &_view_wide {\n @include tooltip-in-center();\n }\n }\n\n &__variants-popup {\n padding: $popupPadding;\n width: $popupWidth;\n\n &_view_wide {\n @include tooltip-in-center();\n }\n }\n\n &__popup-title {\n font-size: var(--g-text-body2-font-size);\n line-height: var(--g-text-body2-line-height);\n padding-bottom: 8px;\n }\n\n &__popup-text {\n font-size: var(--g-text-body-1-font-size);\n line-height: var(--g-text-body-1-line-height);\n }\n\n &__variants-actions {\n display: flex;\n justify-content: flex-end;\n }\n\n &__variants-action {\n margin-left: 10px;\n }\n\n &__variant__list-item {\n padding: 6px 12px;\n }\n\n &__textarea {\n padding: 8px 0;\n }\n\n &__title {\n &_view_wide {\n font-size: var(--g-text-body2-font-size);\n line-height: var(--g-text-body2-line-height);\n margin-right: 16px;\n font-weight: 400;\n }\n }\n\n &__controls {\n display: flex;\n\n &_view_wide {\n display: flex;\n }\n }\n\n &__control {\n &:last-child {\n font-size: 13px;\n line-height: 18px;\n display: flex;\n align-items: center;\n }\n\n &_view_wide {\n margin-right: 12px;\n\n &:last-child {\n margin-right: 0;\n }\n }\n\n &_view_regular {\n margin-right: 4px;\n\n &:last-child {\n margin-right: 0;\n }\n }\n }\n}\n", ".dc-subscribe__container_view_wide {\n display: flex;\n align-items: center;\n flex-direction: column;\n width: 100%;\n}\n.dc-subscribe__container-row {\n display: flex;\n justify-content: center;\n width: 100%;\n padding: 28px;\n border: 1px solid var(--g-color-line-generic);\n border-radius: 8px;\n}\n.dc-subscribe__container-row_view_wide {\n display: flex;\n align-items: center;\n}\n.dc-subscribe__success-popup {\n padding: 16px;\n width: 320px;\n}\n@media screen and (max-width: 375px) {\n .dc-subscribe__success-popup_view_wide {\n right: 0 !important;\n left: 0 !important;\n margin: auto;\n }\n}\n.dc-subscribe__variants-popup {\n padding: 16px;\n width: 320px;\n}\n@media screen and (max-width: 375px) {\n .dc-subscribe__variants-popup_view_wide {\n right: 0 !important;\n left: 0 !important;\n margin: auto;\n }\n}\n.dc-subscribe__popup-title {\n font-size: var(--g-text-body2-font-size);\n line-height: var(--g-text-body2-line-height);\n padding-bottom: 8px;\n}\n.dc-subscribe__popup-text {\n font-size: var(--g-text-body-1-font-size);\n line-height: var(--g-text-body-1-line-height);\n}\n.dc-subscribe__variants-actions {\n display: flex;\n justify-content: flex-end;\n}\n.dc-subscribe__variants-action {\n margin-left: 10px;\n}\n.dc-subscribe__variant__list-item {\n padding: 6px 12px;\n}\n.dc-subscribe__textarea {\n padding: 8px 0;\n}\n.dc-subscribe__title_view_wide {\n font-size: var(--g-text-body2-font-size);\n line-height: var(--g-text-body2-line-height);\n margin-right: 16px;\n font-weight: 400;\n}\n.dc-subscribe__controls {\n display: flex;\n}\n.dc-subscribe__controls_view_wide {\n display: flex;\n}\n.dc-subscribe__control:last-child {\n font-size: 13px;\n line-height: 18px;\n display: flex;\n align-items: center;\n}\n.dc-subscribe__control_view_wide {\n margin-right: 12px;\n}\n.dc-subscribe__control_view_wide:last-child {\n margin-right: 0;\n}\n.dc-subscribe__control_view_regular {\n margin-right: 4px;\n}\n.dc-subscribe__control_view_regular:last-child {\n margin-right: 0;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9TdWJzY3JpYmUiLCJzb3VyY2VzIjpbIlN1YnNjcmliZS5zY3NzIiwiLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCUTtFQUNJO0VBQ0E7RUFDQTtFQUNBOztBQUlSO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFFQTtFQUNBOztBQUVBO0VBQ0k7RUFDQTs7QUFJUjtFQUNJLFNDbENPO0VEbUNQLE9BeENLOztBQUdUO0VBQ0k7SUFFSTtJQUNBO0lBQ0E7OztBQXVDUjtFQUNJLFNDM0NPO0VENENQLE9BakRLOztBQUdUO0VBQ0k7SUFFSTtJQUNBO0lBQ0E7OztBQWdEUjtFQUNJO0VBQ0E7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7O0FBR0o7RUFDSTtFQUNBOztBQUdKO0VBQ0k7O0FBR0o7RUFDSTs7QUFHSjtFQUNJOztBQUlBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7O0FBSVI7RUFDSTs7QUFFQTtFQUNJOztBQUtKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7O0FBR0o7RUFDSTs7QUFFQTtFQUNJOztBQUlSO0VBQ0k7O0FBRUE7RUFDSSIsInNvdXJjZXNDb250ZW50IjpbIkBpbXBvcnQgJy4uLy4uL3N0eWxlcy9taXhpbnMnO1xuQGltcG9ydCAnLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcyc7XG5cbiRwb3B1cFdpZHRoOiAzMjBweDtcblxuQG1peGluIHRvb2x0aXAtaW4tY2VudGVyIHtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ3hzJykpIHtcbiAgICAgICAgJiB7XG4gICAgICAgICAgICAvLyBzdHlsZWxpbnQtZGlzYWJsZSBkZWNsYXJhdGlvbi1uby1pbXBvcnRhbnRcbiAgICAgICAgICAgIHJpZ2h0OiAwICFpbXBvcnRhbnQ7XG4gICAgICAgICAgICBsZWZ0OiAwICFpbXBvcnRhbnQ7XG4gICAgICAgICAgICBtYXJnaW46IGF1dG87XG4gICAgICAgIH1cbiAgICB9XG59XG5cbi5kYy1zdWJzY3JpYmUge1xuICAgICZfX2NvbnRhaW5lciB7XG4gICAgICAgICZfdmlld193aWRlIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fY29udGFpbmVyLXJvdyB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgcGFkZGluZzogMjhweDtcblxuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZ2VuZXJpYyk7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDhweDtcblxuICAgICAgICAmX3ZpZXdfd2lkZSB7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX3N1Y2Nlc3MtcG9wdXAge1xuICAgICAgICBwYWRkaW5nOiAkcG9wdXBQYWRkaW5nO1xuICAgICAgICB3aWR0aDogJHBvcHVwV2lkdGg7XG5cbiAgICAgICAgJl92aWV3X3dpZGUge1xuICAgICAgICAgICAgQGluY2x1ZGUgdG9vbHRpcC1pbi1jZW50ZXIoKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX3ZhcmlhbnRzLXBvcHVwIHtcbiAgICAgICAgcGFkZGluZzogJHBvcHVwUGFkZGluZztcbiAgICAgICAgd2lkdGg6ICRwb3B1cFdpZHRoO1xuXG4gICAgICAgICZfdmlld193aWRlIHtcbiAgICAgICAgICAgIEBpbmNsdWRlIHRvb2x0aXAtaW4tY2VudGVyKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19wb3B1cC10aXRsZSB7XG4gICAgICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHkyLWZvbnQtc2l6ZSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keTItbGluZS1oZWlnaHQpO1xuICAgICAgICBwYWRkaW5nLWJvdHRvbTogOHB4O1xuICAgIH1cblxuICAgICZfX3BvcHVwLXRleHQge1xuICAgICAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5LTEtZm9udC1zaXplKTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LTEtbGluZS1oZWlnaHQpO1xuICAgIH1cblxuICAgICZfX3ZhcmlhbnRzLWFjdGlvbnMge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgIH1cblxuICAgICZfX3ZhcmlhbnRzLWFjdGlvbiB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICAgIH1cblxuICAgICZfX3ZhcmlhbnRfX2xpc3QtaXRlbSB7XG4gICAgICAgIHBhZGRpbmc6IDZweCAxMnB4O1xuICAgIH1cblxuICAgICZfX3RleHRhcmVhIHtcbiAgICAgICAgcGFkZGluZzogOHB4IDA7XG4gICAgfVxuXG4gICAgJl9fdGl0bGUge1xuICAgICAgICAmX3ZpZXdfd2lkZSB7XG4gICAgICAgICAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5Mi1mb250LXNpemUpO1xuICAgICAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5Mi1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDE2cHg7XG4gICAgICAgICAgICBmb250LXdlaWdodDogNDAwO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fY29udHJvbHMge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuXG4gICAgICAgICZfdmlld193aWRlIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19jb250cm9sIHtcbiAgICAgICAgJjpsYXN0LWNoaWxkIHtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxOHB4O1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIH1cblxuICAgICAgICAmX3ZpZXdfd2lkZSB7XG4gICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDEycHg7XG5cbiAgICAgICAgICAgICY6bGFzdC1jaGlsZCB7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAwO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJl92aWV3X3JlZ3VsYXIge1xuICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiA0cHg7XG5cbiAgICAgICAgICAgICY6bGFzdC1jaGlsZCB7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAwO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxufVxuIiwiLy8gU2l6ZXNcbiRoZWFkZXJIZWlnaHQ6IDBweDtcbiRub3JtYWxPZmZzZXQ6IDIwcHg7XG4kbWluaVRvY09mZnNldDogNTZweDtcbiRibG9ja01hcmdpbkJvdHRvbUxhcmdlOiAyMHB4O1xuJGJsb2NrTWFyZ2luQm90dG9tTWVkaXVtOiAxNXB4O1xuJGhlYWRlck1hcmdpblRvcExhcmdlOiA0MHB4O1xuJGhlYWRlck1hcmdpblRvcE1lZGl1bTogMzJweDtcbiRwb3B1cFBhZGRpbmc6IDE2cHg7XG4kY2VudGVyQmxvY2tNYXhXaWR0aDogNzM2cHg7XG5cbiRzY3JlZW5CcmVha3BvaW50czogKFxuICAgICd4cyc6IDM3NXB4LFxuICAgICdzbSc6IDU3N3B4LFxuICAgICdtZCc6IDc2OXB4LFxuICAgICdsZyc6IDEwODFweCxcbiAgICAneGwnOiAxMTg1cHgsXG4pO1xuIl19 */", "// Sizes\n$headerHeight: 0px;\n$normalOffset: 20px;\n$miniTocOffset: 56px;\n$blockMarginBottomLarge: 20px;\n$blockMarginBottomMedium: 15px;\n$headerMarginTopLarge: 40px;\n$headerMarginTopMedium: 32px;\n$popupPadding: 16px;\n$centerBlockMaxWidth: 736px;\n\n$screenBreakpoints: (\n 'xs': 375px,\n 'sm': 577px,\n 'md': 769px,\n 'lg': 1081px,\n 'xl': 1185px,\n);\n"],
|
|
5
5
|
"mappings": ";AAkBQ,CAAA;AACI,WAAA;AACA,eAAA;AACA,kBAAA;AACA,SAAA;ACjBZ;ADqBI,CAAA;AACI,WAAA;AACA,mBAAA;AACA,SAAA;AACA,WAAA;AAEA,UAAA,IAAA,MAAA,IAAA;AACA,iBAAA;ACpBR;ADsBQ,CAAA;AACI,WAAA;AACA,eAAA;ACpBZ;ADwBI,CAAA;AACI,WAAA;AACA,SAAA;ACtBR;ADfI,OAAA,OAAA,IAAA,CAAA,SAAA,EAAA;AACI,GAAA;AAEI,WAAA;AACA,UAAA;ACiBV;ADpBM,GAAA;AAII,YAAA;ACgBV;AACF;ADsBI,CAAA;AACI,WAAA;AACA,SAAA;ACpBR;AD1BI,OAAA,OAAA,IAAA,CAAA,SAAA,EAAA;AACI,GAAA;AAEI,WAAA;AACA,UAAA;AC4BV;AD/BM,GAAA;AAII,YAAA;AC2BV;AACF;ADoBI,CAAA;AACI,aAAA,IAAA;AACA,eAAA,IAAA;AACA,kBAAA;AClBR;ADqBI,CAAA;AACI,aAAA,IAAA;AACA,eAAA,IAAA;ACnBR;ADsBI,CAAA;AACI,WAAA;AACA,mBAAA;ACpBR;ADuBI,CAAA;AACI,eAAA;ACrBR;ADwBI,CAAA;AACI,WAAA,IAAA;ACtBR;ADyBI,CAAA;AACI,WAAA,IAAA;ACvBR;AD2BQ,CAAA;AACI,aAAA,IAAA;AACA,eAAA,IAAA;AACA,gBAAA;AACA,eAAA;ACzBZ;AD6BI,CAAA;AACI,WAAA;AC3BR;AD6BQ,CAAA;AACI,WAAA;AC3BZ;ADgCQ,CAAA,qBAAA;AACI,aAAA;AACA,eAAA;AACA,WAAA;AACA,eAAA;AC9BZ;ADiCQ,CAAA;AACI,gBAAA;AC/BZ;ADiCY,CAHJ,+BAGI;AACI,gBAAA;AC/BhB;ADmCQ,CAAA;AACI,gBAAA;ACjCZ;ADmCY,CAHJ,kCAGI;AACI,gBAAA;ACjChB;",
|
|
6
6
|
"names": []
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SubscribeData } from '../../models';
|
|
3
|
+
import './Subscribe.scss';
|
|
4
|
+
export declare enum SubscribeView {
|
|
5
|
+
Wide = "wide",
|
|
6
|
+
Regular = "regular"
|
|
7
|
+
}
|
|
8
|
+
export interface SubscribeProps {
|
|
9
|
+
onSubscribe: (data: SubscribeData) => void;
|
|
10
|
+
view?: SubscribeView;
|
|
11
|
+
}
|
|
12
|
+
declare const Subscribe: React.NamedExoticComponent<SubscribeProps>;
|
|
13
|
+
export default Subscribe;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SubscribeView } from '../Subscribe';
|
|
3
|
+
declare const SubscribeSuccessPopup: React.NamedExoticComponent<{
|
|
4
|
+
anchor: React.RefObject<HTMLElement>;
|
|
5
|
+
view?: SubscribeView | undefined;
|
|
6
|
+
onOutsideClick: () => void;
|
|
7
|
+
}>;
|
|
8
|
+
export default SubscribeSuccessPopup;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as SubscribeSuccessPopup } from './SubscribeSuccessPopup';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SubscribeData } from '../../../models';
|
|
3
|
+
import { SubscribeView } from '../Subscribe';
|
|
4
|
+
declare const SubscribeVariantsPopup: React.NamedExoticComponent<{
|
|
5
|
+
anchor: React.RefObject<HTMLElement>;
|
|
6
|
+
view?: SubscribeView | undefined;
|
|
7
|
+
onSubscribe?: ((data: SubscribeData) => void) | undefined;
|
|
8
|
+
onSubmit: () => void;
|
|
9
|
+
onOutsideClick: () => void;
|
|
10
|
+
}>;
|
|
11
|
+
export default SubscribeVariantsPopup;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as SubscribeVariantsPopup } from './SubscribeVariantsPopup';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Text';
|
|
File without changes
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/Toc/Users/3y3k0/doctools/docs-components/src/components/Toc/Toc.scss", "../../../../src/components/Toc/%3Cinput%20css%
|
|
3
|
+
"sources": ["../../../../src/components/Toc/Users/3y3k0/doctools/docs-components/src/components/Toc/Toc.scss", "../../../../src/components/Toc/%3Cinput%20css%20wXMoEu%3E", "../../../../src/components/Toc/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss"],
|
|
4
4
|
"sourcesContent": ["@import '../../styles/variables';\n@import '../../styles/mixins';\n\n$iconSize: 18px;\n$toggleSize: 10px;\n$leftOffset: 57px;\n\n@mixin toc-header {\n @include text-size(body-2);\n font-weight: 500;\n}\n\n.dc-toc {\n $class: &;\n\n display: flex;\n flex-direction: column;\n height: calc(100vh - var(--dc-header-height, #{$headerHeight}));\n overflow-y: hidden;\n border-right: 1px solid var(--g-color-line-generic);\n\n &__empty {\n padding: 5px 15px 5px 24px;\n }\n\n &__top {\n flex-grow: 0;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n padding: 10px 10px 8px 0;\n\n &_scrolled {\n border-bottom: 1px solid var(--g-color-line-generic);\n }\n\n &-header-icon {\n display: flex;\n margin-right: 5px;\n flex-shrink: 0;\n }\n\n &-header {\n flex-grow: 0;\n $headerClass: &;\n position: relative;\n\n @include text-size(body-2);\n font-weight: 500;\n\n &_link {\n @include reset-link-style();\n display: flex;\n align-items: center;\n\n &:hover {\n @include link();\n\n color: var(--g-color-text-primary);\n }\n }\n }\n }\n\n &__bottom {\n flex-grow: 0;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n padding: 4px 10px 20px 0;\n\n &_scrolled {\n border-top: 1px solid var(--g-color-line-generic);\n }\n }\n\n &__content {\n --g-scrollbar-width: 6px;\n\n position: relative;\n flex-grow: 1;\n overflow-y: auto;\n scrollbar-width: thin;\n\n &_offset_top {\n padding-top: 24px;\n }\n }\n\n &__list {\n @include reset-list-style();\n\n display: block;\n\n &-item {\n cursor: pointer;\n user-select: none;\n\n &_main > *:first-child {\n color: var(--g-color-text-primary);\n }\n\n &:not(&_opened) > #{$class}__list {\n display: none;\n }\n\n // recurcive padding\n > #{$class}__list {\n padding-left: 20px;\n }\n }\n }\n\n &__content > &__list {\n padding-right: 21px;\n padding-bottom: 30px;\n }\n}\n", ".dc-toc {\n display: flex;\n flex-direction: column;\n height: calc(100vh - var(--dc-header-height, 0px));\n overflow-y: hidden;\n border-right: 1px solid var(--g-color-line-generic);\n}\n.dc-toc__empty {\n padding: 5px 15px 5px 24px;\n}\n.dc-toc__top {\n flex-grow: 0;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n padding: 10px 10px 8px 0;\n}\n.dc-toc__top_scrolled {\n border-bottom: 1px solid var(--g-color-line-generic);\n}\n.dc-toc__top-header-icon {\n display: flex;\n margin-right: 5px;\n flex-shrink: 0;\n}\n.dc-toc__top-header {\n flex-grow: 0;\n position: relative;\n font-size: var(--g-text-body-2-font-size);\n line-height: var(--g-text-body-2-line-height);\n font-weight: 500;\n}\n.dc-toc__top-header_link {\n color: inherit;\n text-decoration: none;\n display: flex;\n align-items: center;\n}\n.dc-toc__top-header_link:hover {\n outline: none;\n color: var(--g-color-text-link);\n text-decoration: none;\n cursor: pointer;\n color: var(--g-color-text-primary);\n}\n.utilityfocus .dc-toc__top-header_link:hover:focus {\n outline: 2px solid #ffdb4d;\n}\n.dc-toc__top-header_link:hover:hover, .dc-toc__top-header_link:hover:active {\n color: var(--g-color-text-link-hover);\n}\n.dc-toc__bottom {\n flex-grow: 0;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n padding: 4px 10px 20px 0;\n}\n.dc-toc__bottom_scrolled {\n border-top: 1px solid var(--g-color-line-generic);\n}\n.dc-toc__content {\n --g-scrollbar-width: 6px;\n position: relative;\n flex-grow: 1;\n overflow-y: auto;\n scrollbar-width: thin;\n}\n.dc-toc__content_offset_top {\n padding-top: 24px;\n}\n.dc-toc__list {\n margin: 0;\n padding: 0;\n list-style: none;\n display: block;\n}\n.dc-toc__list-item {\n cursor: pointer;\n user-select: none;\n}\n.dc-toc__list-item_main > *:first-child {\n color: var(--g-color-text-primary);\n}\n.dc-toc__list-item:not(.dc-toc__list-item_opened) > .dc-toc__list {\n display: none;\n}\n.dc-toc__list-item > .dc-toc__list {\n padding-left: 20px;\n}\n.dc-toc__content > .dc-toc__list {\n padding-right: 21px;\n padding-bottom: 30px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Ub2MiLCJzb3VyY2VzIjpbIlRvYy5zY3NzIiwiLi4vLi4vc3R5bGVzL21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVlBO0VBR0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNJOztBQUdKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNJOztBQUdKO0VBQ0k7RUFDQTtFQUNBOztBQUdKO0VBQ0k7RUFFQTtFQzFDUjtFQUNBO0VENENROztBQUVBO0VDL0JSO0VBQ0E7RURnQ1k7RUFDQTs7QUFFQTtFQy9CWjtFQVVBO0VBQ0E7RUFDQTtFRHNCZ0I7O0FDaENoQjtFQUNJOztBQVdKO0VBRUk7O0FEd0JKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNJOztBQUlSO0VBQ0k7RUFFQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNJOztBQUlSO0VDakZBO0VBQ0E7RUFDQTtFRGtGSTs7QUFFQTtFQUNJO0VBQ0E7O0FBRUE7RUFDSTs7QUFHSjtFQUNJOztBQUlKO0VBQ0k7O0FBS1o7RUFDSTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcyc7XG5AaW1wb3J0ICcuLi8uLi9zdHlsZXMvbWl4aW5zJztcblxuJGljb25TaXplOiAxOHB4O1xuJHRvZ2dsZVNpemU6IDEwcHg7XG4kbGVmdE9mZnNldDogNTdweDtcblxuQG1peGluIHRvYy1oZWFkZXIge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTIpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbi5kYy10b2Mge1xuICAgICRjbGFzczogJjtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBoZWlnaHQ6IGNhbGMoMTAwdmggLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG4gICAgb3ZlcmZsb3cteTogaGlkZGVuO1xuICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkIHZhcigtLWctY29sb3ItbGluZS1nZW5lcmljKTtcblxuICAgICZfX2VtcHR5IHtcbiAgICAgICAgcGFkZGluZzogNXB4IDE1cHggNXB4IDI0cHg7XG4gICAgfVxuXG4gICAgJl9fdG9wIHtcbiAgICAgICAgZmxleC1ncm93OiAwO1xuICAgICAgICBmbGV4LXNocmluazogMDtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgcGFkZGluZzogMTBweCAxMHB4IDhweCAwO1xuXG4gICAgICAgICZfc2Nyb2xsZWQge1xuICAgICAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHZhcigtLWctY29sb3ItbGluZS1nZW5lcmljKTtcbiAgICAgICAgfVxuXG4gICAgICAgICYtaGVhZGVyLWljb24ge1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgICAgICAgICAgZmxleC1zaHJpbms6IDA7XG4gICAgICAgIH1cblxuICAgICAgICAmLWhlYWRlciB7XG4gICAgICAgICAgICBmbGV4LWdyb3c6IDA7XG4gICAgICAgICAgICAkaGVhZGVyQ2xhc3M6ICY7XG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAgICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTIpO1xuICAgICAgICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgICAgICAgICAgJl9saW5rIHtcbiAgICAgICAgICAgICAgICBAaW5jbHVkZSByZXNldC1saW5rLXN0eWxlKCk7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgICAgICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICAgICAgICAgIEBpbmNsdWRlIGxpbmsoKTtcblxuICAgICAgICAgICAgICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LXByaW1hcnkpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX2JvdHRvbSB7XG4gICAgICAgIGZsZXgtZ3JvdzogMDtcbiAgICAgICAgZmxleC1zaHJpbms6IDA7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIHBhZGRpbmc6IDRweCAxMHB4IDIwcHggMDtcblxuICAgICAgICAmX3Njcm9sbGVkIHtcbiAgICAgICAgICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZ2VuZXJpYyk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19jb250ZW50IHtcbiAgICAgICAgLS1nLXNjcm9sbGJhci13aWR0aDogNnB4O1xuXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgZmxleC1ncm93OiAxO1xuICAgICAgICBvdmVyZmxvdy15OiBhdXRvO1xuICAgICAgICBzY3JvbGxiYXItd2lkdGg6IHRoaW47XG5cbiAgICAgICAgJl9vZmZzZXRfdG9wIHtcbiAgICAgICAgICAgIHBhZGRpbmctdG9wOiAyNHB4O1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fbGlzdCB7XG4gICAgICAgIEBpbmNsdWRlIHJlc2V0LWxpc3Qtc3R5bGUoKTtcblxuICAgICAgICBkaXNwbGF5OiBibG9jaztcblxuICAgICAgICAmLWl0ZW0ge1xuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgICAgICAgICAgICZfbWFpbiA+ICo6Zmlyc3QtY2hpbGQge1xuICAgICAgICAgICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICY6bm90KCZfb3BlbmVkKSA+ICN7JGNsYXNzfV9fbGlzdCB7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgLy8gcmVjdXJjaXZlIHBhZGRpbmdcbiAgICAgICAgICAgID4gI3skY2xhc3N9X19saXN0IHtcbiAgICAgICAgICAgICAgICBwYWRkaW5nLWxlZnQ6IDIwcHg7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19jb250ZW50ID4gJl9fbGlzdCB7XG4gICAgICAgIHBhZGRpbmctcmlnaHQ6IDIxcHg7XG4gICAgICAgIHBhZGRpbmctYm90dG9tOiAzMHB4O1xuICAgIH1cbn1cbiIsIkBpbXBvcnQgJy4vdmFyaWFibGVzJztcblxuQG1peGluIHRleHQtc2l6ZSgkbmFtZSkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1saW5lLWhlaWdodCk7XG59XG5cbkBtaXhpbiByZXNldC1saXN0LXN0eWxlKCkge1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG59XG5cbkBtaXhpbiBmaXhBbmNob3JQb3NpdGlvbigkb2Zmc2V0OiAwcHgpIHtcbiAgICBwYWRkaW5nLXRvcDogY2FsYyh2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG4gICAgbWFyZ2luLXRvcDogY2FsYygjeyRvZmZzZXR9IC0gdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3skaGVhZGVySGVpZ2h0fSkpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGluay1zdHlsZSgpIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbkBtaXhpbiBpc2xhbmRzLWZvY3VzKCkge1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAudXRpbGl0eWZvY3VzICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAycHggc29saWQgI2ZmZGI0ZDtcbiAgICB9XG59XG5cbkBtaXhpbiBsaW5rKCkge1xuICAgIEBpbmNsdWRlIGlzbGFuZHMtZm9jdXMoKTtcblxuICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluayk7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcblxuICAgICY6aG92ZXIsXG4gICAgJjphY3RpdmUge1xuICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWxpbmstaG92ZXIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcxKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTMpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0yKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMigpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0xKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzMoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGhlYWRlci0yKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzQoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGhlYWRlci0xKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzUoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmc2KCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTMpO1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG59XG5cbkBtaXhpbiBjb250cmlidXRvcnMtdGV4dCgpIHtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBtYXJnaW4tcmlnaHQ6IDVweDtcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XG59XG5cbkBtaXhpbiB0ZXh0LWJvZHktMSgpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5LTEtZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktMS1saW5lLWhlaWdodCk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LWZvbnQtd2VpZ2h0KTtcbn1cblxuQG1peGluIGRlc2t0b3Atb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIGRlc2t0b3AtdGFibGV0LW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBtb2JpbGUtdGFibGV0LW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG4iXX0= */", "@import './variables';\n\n@mixin text-size($name) {\n font-size: var(--g-text-#{$name}-font-size);\n line-height: var(--g-text-#{$name}-line-height);\n}\n\n@mixin reset-list-style() {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n@mixin fixAnchorPosition($offset: 0px) {\n padding-top: calc(var(--dc-header-height, #{$headerHeight}));\n margin-top: calc(#{$offset} - var(--dc-header-height, #{$headerHeight}));\n}\n\n@mixin reset-link-style() {\n color: inherit;\n text-decoration: none;\n}\n\n@mixin islands-focus() {\n outline: none;\n\n .utilityfocus &:focus {\n outline: 2px solid #ffdb4d;\n }\n}\n\n@mixin link() {\n @include islands-focus();\n\n color: var(--g-color-text-link);\n text-decoration: none;\n cursor: pointer;\n\n &:hover,\n &:active {\n color: var(--g-color-text-link-hover);\n }\n}\n\n@mixin heading1() {\n @include text-size(display-3);\n font-weight: 500;\n\n @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n @include text-size(display-2);\n }\n}\n\n@mixin heading2() {\n @include text-size(display-1);\n font-weight: 500;\n}\n\n@mixin heading3() {\n @include text-size(header-2);\n font-weight: 500;\n}\n\n@mixin heading4() {\n @include text-size(header-1);\n font-weight: 500;\n}\n\n@mixin heading5() {\n @include text-size(body-3);\n font-weight: 500;\n}\n\n@mixin heading6() {\n @include text-size(body-3);\n font-weight: 400;\n}\n\n@mixin contributors-text() {\n font-size: 13px;\n font-weight: 400;\n margin-right: 5px;\n align-self: center;\n}\n\n@mixin text-body-1() {\n font-size: var(--g-text-body-1-font-size);\n line-height: var(--g-text-body-1-line-height);\n font-weight: var(--g-text-body-font-weight);\n}\n\n@mixin desktop-only() {\n @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n display: none;\n }\n}\n\n@mixin desktop-tablet-only() {\n @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n display: none;\n }\n}\n\n@mixin mobile-tablet-only() {\n @media (min-width: map-get($screenBreakpoints, 'md')) {\n display: none;\n }\n}\n\n@mixin mobile-only() {\n @media (min-width: map-get($screenBreakpoints, 'sm')) {\n display: none;\n }\n}\n"],
|
|
5
5
|
"mappings": ";AAYA,CAAA;AAGI,WAAA;AACA,kBAAA;AACA,UAAA,KAAA,MAAA,EAAA;AAAA,UAAA,KAAA,MAAA,EAAA,IAAA,kBAAA,EAAA;AACA,cAAA;AACA,gBAAA,IAAA,MAAA,IAAA;ACbJ;ADeI,CAAA;AACI,WAAA,IAAA,KAAA,IAAA;ACbR;ADgBI,CAAA;AACI,aAAA;AACA,eAAA;AACA,WAAA;AACA,eAAA;AACA,WAAA,KAAA,KAAA,IAAA;ACdR;ADgBQ,CAAA;AACI,iBAAA,IAAA,MAAA,IAAA;ACdZ;ADiBQ,CAAA;AACI,WAAA;AACA,gBAAA;AACA,eAAA;ACfZ;ADkBQ,CAAA;AACI,aAAA;AAEA,YAAA;AE1CR,aAAA,IAAA;AACA,eAAA,IAAA;AF4CQ,eAAA;ACjBZ;ADmBY,CAAA;AE/BR,SAAA;AACA,2BAAA;AAAA,mBAAA;AFgCY,WAAA;AACA,eAAA;AChBhB;ADkBgB,CALJ,uBAKI;AE/BZ,WAAA;AAUA,SAAA,IAAA;AACA,2BAAA;AAAA,mBAAA;AACA,UAAA;AFsBgB,SAAA,IAAA;ACdpB;AClBI,CAAA,aAAA,CFwBQ,uBExBR,MAAA;AACI,WAAA,IAAA,MAAA;ADoBR;ACTI,CFYQ,uBEZR,MAAA;AAAA,CFYQ,uBEZR,MAAA;AAEI,SAAA,IAAA;ADUR;ADcI,CAAA;AACI,aAAA;AACA,eAAA;AACA,WAAA;AACA,eAAA;AACA,WAAA,IAAA,KAAA,KAAA;ACZR;ADcQ,CAAA;AACI,cAAA,IAAA,MAAA,IAAA;ACZZ;ADgBI,CAAA;AACI,uBAAA;AAEA,YAAA;AACA,aAAA;AACA,cAAA;AACA,mBAAA;ACfR;ADiBQ,CAAA;AACI,eAAA;ACfZ;ADmBI,CAAA;AEjFA,UAAA;AACA,WAAA;AACA,cAAA;AFkFI,WAAA;AChBR;ADkBQ,CAAA;AACI,UAAA;AACA,uBAAA;AAAA,oBAAA;AAAA,eAAA;AChBZ;ADkBY,CAAA,uBAAA,EAAA,CAAA;AACI,SAAA,IAAA;AChBhB;ADmBY,CARJ,iBAQI,KAAA,CAAA,0BAAA,EAAA,CAbR;AAcY,WAAA;ACjBhB;ADqBY,CAbJ,kBAaI,EAAA,CAlBR;AAmBY,gBAAA;ACnBhB;ADwBI,CArCA,gBAqCA,EAAA,CAxBA;AAyBI,iBAAA;AACA,kBAAA;ACtBR;",
|
|
6
6
|
"names": []
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Router, TocData } from '../../models';
|
|
3
|
+
import { TocItem as Item } from '../TocItem';
|
|
4
|
+
import { TocItemRegistry } from './TocItemRegistry';
|
|
5
|
+
import './Toc.scss';
|
|
6
|
+
export interface TocProps extends TocData {
|
|
7
|
+
router: Router;
|
|
8
|
+
headerHeight?: number;
|
|
9
|
+
tocTitleIcon?: React.ReactNode;
|
|
10
|
+
hideTocHeader?: boolean;
|
|
11
|
+
singlePage?: boolean;
|
|
12
|
+
onChangeSinglePage?: (value: boolean) => void;
|
|
13
|
+
pdfLink?: string;
|
|
14
|
+
}
|
|
15
|
+
interface TocState {
|
|
16
|
+
activeId: string | null | undefined;
|
|
17
|
+
fixedById: Record<string, 'opened' | 'closed'>;
|
|
18
|
+
contentScrolled: boolean;
|
|
19
|
+
registry: TocItemRegistry;
|
|
20
|
+
}
|
|
21
|
+
declare class Toc extends React.Component<TocProps, TocState> {
|
|
22
|
+
contentRef: React.RefObject<HTMLDivElement>;
|
|
23
|
+
rootRef: React.RefObject<HTMLDivElement>;
|
|
24
|
+
activeRef: React.RefObject<Item>;
|
|
25
|
+
containerEl: HTMLElement | null;
|
|
26
|
+
footerEl: HTMLElement | null;
|
|
27
|
+
constructor(props: TocProps);
|
|
28
|
+
getInitialState(): {
|
|
29
|
+
registry: TocItemRegistry;
|
|
30
|
+
fixedById: {};
|
|
31
|
+
activeId: null;
|
|
32
|
+
contentScrolled: boolean;
|
|
33
|
+
};
|
|
34
|
+
componentDidMount(): void;
|
|
35
|
+
componentDidUpdate(prevProps: TocProps, prevState: TocState): void;
|
|
36
|
+
componentWillUnmount(): void;
|
|
37
|
+
render(): React.JSX.Element;
|
|
38
|
+
computeState(prevState: TocState): {
|
|
39
|
+
activeId: string | null | undefined;
|
|
40
|
+
fixedById: Record<string, "opened" | "closed">;
|
|
41
|
+
contentScrolled: boolean;
|
|
42
|
+
registry: TocItemRegistry;
|
|
43
|
+
};
|
|
44
|
+
private normalizeUrl;
|
|
45
|
+
private renderList;
|
|
46
|
+
private renderEmpty;
|
|
47
|
+
private renderTop;
|
|
48
|
+
private renderBottom;
|
|
49
|
+
private setTocHeight;
|
|
50
|
+
private handleScroll;
|
|
51
|
+
private handleResize;
|
|
52
|
+
private scrollToActiveItem;
|
|
53
|
+
private handleContentScroll;
|
|
54
|
+
private openItem;
|
|
55
|
+
private closeItem;
|
|
56
|
+
private toggleItem;
|
|
57
|
+
}
|
|
58
|
+
export default Toc;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { TocItem } from '../../models';
|
|
2
|
+
type NormalizeUrl = (path: string, hash: string | undefined) => string | null | undefined;
|
|
3
|
+
export declare class TocItemRegistry {
|
|
4
|
+
private itemById;
|
|
5
|
+
private parentById;
|
|
6
|
+
private itemIdByUrl;
|
|
7
|
+
private normalizeUrl;
|
|
8
|
+
constructor(items: TocItem[], normalizeUrl: NormalizeUrl);
|
|
9
|
+
getIdByUrl(url: string): string | undefined;
|
|
10
|
+
getItemById(id: string): TocItem | undefined;
|
|
11
|
+
getParentId(id: string): string;
|
|
12
|
+
getParentIds(id: string): string[];
|
|
13
|
+
getChildIds(id: string): string[];
|
|
14
|
+
private consumeItems;
|
|
15
|
+
}
|
|
16
|
+
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/TocItem/Users/3y3k0/doctools/docs-components/src/components/TocItem/TocItem.scss", "../../../../src/components/TocItem/%3Cinput%20css%
|
|
3
|
+
"sources": ["../../../../src/components/TocItem/Users/3y3k0/doctools/docs-components/src/components/TocItem/TocItem.scss", "../../../../src/components/TocItem/%3Cinput%20css%20PgaNOa%3E"],
|
|
4
4
|
"sourcesContent": ["@import '../../styles/variables';\n@import '../../styles/mixins';\n\n.dc-toc-item {\n cursor: pointer;\n user-select: none;\n\n &__link {\n display: block;\n text-decoration: none;\n }\n\n &__text {\n position: relative;\n padding: 7px 12px 7px 20px;\n word-break: break-word;\n\n color: var(--g-color-text-primary);\n\n &_active {\n border-radius: 3px;\n background: var(--g-color-base-selection);\n }\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n // hack: to be shure that it will always start from the left of the TOC\n left: -100vw;\n height: 100%;\n }\n\n &:hover {\n border-radius: 3px;\n background: var(--g-color-base-simple-hover);\n }\n }\n\n &__icon {\n position: absolute;\n left: 0;\n }\n}\n", ".dc-toc-item {\n cursor: pointer;\n user-select: none;\n}\n.dc-toc-item__link {\n display: block;\n text-decoration: none;\n}\n.dc-toc-item__text {\n position: relative;\n padding: 7px 12px 7px 20px;\n word-break: break-word;\n color: var(--g-color-text-primary);\n}\n.dc-toc-item__text_active {\n border-radius: 3px;\n background: var(--g-color-base-selection);\n}\n.dc-toc-item__text::before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n left: -100vw;\n height: 100%;\n}\n.dc-toc-item__text:hover {\n border-radius: 3px;\n background: var(--g-color-base-simple-hover);\n}\n.dc-toc-item__icon {\n position: absolute;\n left: 0;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Ub2NJdGVtIiwic291cmNlcyI6WyJUb2NJdGVtLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0E7RUFDSTtFQUNBOztBQUVBO0VBQ0k7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7RUFDQTtFQUVBOztBQUVBO0VBQ0k7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBRUE7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7O0FBSVI7RUFDSTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcyc7XG5AaW1wb3J0ICcuLi8uLi9zdHlsZXMvbWl4aW5zJztcblxuLmRjLXRvYy1pdGVtIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgICAmX19saW5rIHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG5cbiAgICAmX190ZXh0IHtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBwYWRkaW5nOiA3cHggMTJweCA3cHggMjBweDtcbiAgICAgICAgd29yZC1icmVhazogYnJlYWstd29yZDtcblxuICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LXByaW1hcnkpO1xuXG4gICAgICAgICZfYWN0aXZlIHtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IHZhcigtLWctY29sb3ItYmFzZS1zZWxlY3Rpb24pO1xuICAgICAgICB9XG5cbiAgICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgICAvLyBoYWNrOiB0byBiZSBzaHVyZSB0aGF0IGl0IHdpbGwgYWx3YXlzIHN0YXJ0IGZyb20gdGhlIGxlZnQgb2YgdGhlIFRPQ1xuICAgICAgICAgICAgbGVmdDogLTEwMHZ3O1xuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICB9XG5cbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoLS1nLWNvbG9yLWJhc2Utc2ltcGxlLWhvdmVyKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX2ljb24ge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgfVxufVxuIl19 */"],
|
|
5
5
|
"mappings": ";AAGA,CAAA;AACI,UAAA;AACA,uBAAA;AAAA,oBAAA;AAAA,eAAA;ACFJ;ADII,CAAA;AACI,WAAA;AACA,2BAAA;AAAA,mBAAA;ACFR;ADKI,CAAA;AACI,YAAA;AACA,WAAA,IAAA,KAAA,IAAA;AACA,cAAA;AAEA,SAAA,IAAA;ACJR;ADMQ,CAAA;AACI,iBAAA;AACA,cAAA,IAAA;ACJZ;ADOQ,CAZJ,iBAYI;AACI,WAAA;AACA,YAAA;AACA,OAAA;AACA,SAAA;AAEA,QAAA;AACA,UAAA;ACNZ;ADSQ,CAtBJ,iBAsBI;AACI,iBAAA;AACA,cAAA,IAAA;ACPZ;ADWI,CAAA;AACI,YAAA;AACA,QAAA;ACTR;",
|
|
6
6
|
"names": []
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TocItem as ITocItem } from '../../models';
|
|
3
|
+
import './TocItem.scss';
|
|
4
|
+
export interface TocItemProps extends ITocItem {
|
|
5
|
+
id: string;
|
|
6
|
+
name: string;
|
|
7
|
+
href?: string;
|
|
8
|
+
items?: ITocItem[];
|
|
9
|
+
active: boolean;
|
|
10
|
+
expandable: boolean;
|
|
11
|
+
expanded: boolean;
|
|
12
|
+
toggleItem: (id: string, opened: boolean) => void;
|
|
13
|
+
}
|
|
14
|
+
declare class TocItem extends React.Component<TocItemProps> {
|
|
15
|
+
contentRef: React.RefObject<HTMLDivElement>;
|
|
16
|
+
render(): React.JSX.Element;
|
|
17
|
+
scrollToItem: () => void;
|
|
18
|
+
private handleClick;
|
|
19
|
+
}
|
|
20
|
+
export default TocItem;
|