@diplodoc/components 3.0.0-alpha-1 → 3.0.0-alpha-2
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.map +1 -1
- 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.map +1 -1
- 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.map +1 -1
- 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.map +1 -1
- 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,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FeedbackSendData } from '../../models';
|
|
3
|
+
import './Feedback.scss';
|
|
4
|
+
export declare enum FeedbackView {
|
|
5
|
+
Wide = "wide",
|
|
6
|
+
Regular = "regular"
|
|
7
|
+
}
|
|
8
|
+
export interface FeedbackProps {
|
|
9
|
+
isLiked?: boolean;
|
|
10
|
+
isDisliked?: boolean;
|
|
11
|
+
onSendFeedback: (data: FeedbackSendData) => void;
|
|
12
|
+
view?: FeedbackView;
|
|
13
|
+
}
|
|
14
|
+
declare const Feedback: React.FC<FeedbackProps>;
|
|
15
|
+
export default Feedback;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FeedbackView } from '../Feedback';
|
|
3
|
+
type DislikeControlProps = {
|
|
4
|
+
isVerticalView?: boolean | undefined;
|
|
5
|
+
isDisliked: boolean | undefined;
|
|
6
|
+
className?: string | undefined;
|
|
7
|
+
view: FeedbackView | undefined;
|
|
8
|
+
onClick: () => void;
|
|
9
|
+
};
|
|
10
|
+
declare const DislikeControl: React.MemoExoticComponent<React.ForwardRefExoticComponent<DislikeControlProps & React.RefAttributes<HTMLButtonElement>>>;
|
|
11
|
+
export default DislikeControl;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React, { RefObject } from 'react';
|
|
2
|
+
import { FeedbackView } from '../Feedback';
|
|
3
|
+
export interface FeedbackCheckboxes {
|
|
4
|
+
[key: string]: boolean;
|
|
5
|
+
}
|
|
6
|
+
export type FormData = {
|
|
7
|
+
comment: string;
|
|
8
|
+
answers: string[];
|
|
9
|
+
};
|
|
10
|
+
type DislikeVariantsPopupProps = {
|
|
11
|
+
view: FeedbackView;
|
|
12
|
+
visible: boolean;
|
|
13
|
+
anchor: RefObject<HTMLButtonElement>;
|
|
14
|
+
onOutsideClick: () => void;
|
|
15
|
+
onSubmit: (data: FormData) => void;
|
|
16
|
+
};
|
|
17
|
+
declare const DislikeVariantsPopup: React.FC<DislikeVariantsPopupProps>;
|
|
18
|
+
export default DislikeVariantsPopup;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { PopperPosition } from '../../../hooks';
|
|
3
|
+
import { FeedbackView } from '../Feedback';
|
|
4
|
+
type LikeControlProps = {
|
|
5
|
+
isVerticalView?: boolean | undefined;
|
|
6
|
+
isLiked: boolean | undefined;
|
|
7
|
+
className?: string | undefined;
|
|
8
|
+
view: FeedbackView | undefined;
|
|
9
|
+
onClick: () => void;
|
|
10
|
+
popupPosition?: PopperPosition | undefined;
|
|
11
|
+
};
|
|
12
|
+
declare const LikeControl: React.MemoExoticComponent<React.ForwardRefExoticComponent<LikeControlProps & React.RefAttributes<HTMLButtonElement>>>;
|
|
13
|
+
export default LikeControl;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React, { RefObject } from 'react';
|
|
2
|
+
import { FeedbackView } from '../Feedback';
|
|
3
|
+
type SuccessPopupProps = {
|
|
4
|
+
view: FeedbackView;
|
|
5
|
+
visible: boolean;
|
|
6
|
+
anchor: RefObject<HTMLButtonElement>;
|
|
7
|
+
onOutsideClick: () => void;
|
|
8
|
+
};
|
|
9
|
+
declare const SuccessPopup: React.NamedExoticComponent<SuccessPopupProps>;
|
|
10
|
+
export default SuccessPopup;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './HTML';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/Mark/Users/3y3k0/doctools/docs-components/src/components/Mark/Mark.scss", "../../../../src/components/Mark/%3Cinput%20css%
|
|
3
|
+
"sources": ["../../../../src/components/Mark/Users/3y3k0/doctools/docs-components/src/components/Mark/Mark.scss", "../../../../src/components/Mark/%3Cinput%20css%20enLClE%3E"],
|
|
4
4
|
"sourcesContent": [".dc-mark {\n display: inline-block;\n font-family: 'YS Text', sans-serif;\n font-weight: bold;\n line-height: 1;\n\n &_color {\n &_blue {\n color: #67b0f8;\n }\n\n &_green {\n color: #56bd67;\n }\n }\n\n &_size {\n &_s {\n font-size: 10px;\n letter-spacing: 0.25px;\n }\n\n &_m {\n font-size: 12px;\n letter-spacing: 0.3px;\n }\n }\n}\n", ".dc-mark {\n display: inline-block;\n font-family: \"YS Text\", sans-serif;\n font-weight: bold;\n line-height: 1;\n}\n.dc-mark_color_blue {\n color: #67b0f8;\n}\n.dc-mark_color_green {\n color: #56bd67;\n}\n.dc-mark_size_s {\n font-size: 10px;\n letter-spacing: 0.25px;\n}\n.dc-mark_size_m {\n font-size: 12px;\n letter-spacing: 0.3px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9NYXJrIiwic291cmNlcyI6WyJNYXJrLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSTtFQUNBO0VBQ0E7RUFDQTs7QUFHSTtFQUNJOztBQUdKO0VBQ0k7O0FBS0o7RUFDSTtFQUNBOztBQUdKO0VBQ0k7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIi5kYy1tYXJrIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgZm9udC1mYW1pbHk6ICdZUyBUZXh0Jywgc2Fucy1zZXJpZjtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICBsaW5lLWhlaWdodDogMTtcblxuICAgICZfY29sb3Ige1xuICAgICAgICAmX2JsdWUge1xuICAgICAgICAgICAgY29sb3I6ICM2N2IwZjg7XG4gICAgICAgIH1cblxuICAgICAgICAmX2dyZWVuIHtcbiAgICAgICAgICAgIGNvbG9yOiAjNTZiZDY3O1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9zaXplIHtcbiAgICAgICAgJl9zIHtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTBweDtcbiAgICAgICAgICAgIGxldHRlci1zcGFjaW5nOiAwLjI1cHg7XG4gICAgICAgIH1cblxuICAgICAgICAmX20ge1xuICAgICAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgICAgICAgICAgbGV0dGVyLXNwYWNpbmc6IDAuM3B4O1xuICAgICAgICB9XG4gICAgfVxufVxuIl19 */"],
|
|
5
5
|
"mappings": ";AAAA,CAAA;AACI,WAAA;AACA,eAAA,SAAA,EAAA;AACA,eAAA;AACA,eAAA;ACCJ;ADEQ,CAAA;AACI,SAAA;ACAZ;ADGQ,CAAA;AACI,SAAA;ACDZ;ADMQ,CAAA;AACI,aAAA;AACA,kBAAA;ACJZ;ADOQ,CAAA;AACI,aAAA;AACA,kBAAA;ACLZ;",
|
|
6
6
|
"names": []
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Mark';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/MiniToc/Users/3y3k0/doctools/docs-components/src/components/MiniToc/MiniToc.scss", "../../../../src/components/MiniToc/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss", "../../../../src/components/MiniToc/%3Cinput%20css%
|
|
3
|
+
"sources": ["../../../../src/components/MiniToc/Users/3y3k0/doctools/docs-components/src/components/MiniToc/MiniToc.scss", "../../../../src/components/MiniToc/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss", "../../../../src/components/MiniToc/%3Cinput%20css%20Qpb2HO%3E"],
|
|
4
4
|
"sourcesContent": ["@import '../../styles/variables';\n@import '../../styles/mixins';\n\n.dc-mini-toc {\n $class: &;\n\n &__title {\n @include text-size(body-2);\n font-weight: 500;\n color: var(--g-color-text-primary);\n margin-bottom: 12px;\n }\n\n &__sections {\n @include reset-list-style();\n\n height: calc(\n 100vh - var(--dc-header-height, #{$headerHeight}) - #{$miniTocOffset} - var(--dc-subheader-height)\n );\n overflow-y: auto;\n overflow-x: hidden;\n }\n\n &__section {\n display: block;\n\n & > #{$class}__section-link {\n border-left-color: var(--g-color-line-generic);\n }\n\n &-link {\n display: flex;\n align-items: center;\n padding: 6px 6px 6px 12px;\n min-height: 28px;\n\n color: var(--g-color-text-secondary);\n border-left: 2px solid transparent;\n text-decoration: none;\n\n &:hover {\n color: var(--g-color-text-complementary);\n }\n }\n\n &_child {\n #{$class}__section-link {\n padding-left: 25px;\n }\n }\n\n &_active > #{$class}__section-link {\n color: var(--g-color-text-primary);\n border-left-color: var(--g-color-text-primary);\n }\n }\n}\n", "@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", ".dc-mini-toc__title {\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 color: var(--g-color-text-primary);\n margin-bottom: 12px;\n}\n.dc-mini-toc__sections {\n margin: 0;\n padding: 0;\n list-style: none;\n height: calc(\n 100vh - var(--dc-header-height, 0px) - 56px - var(--dc-subheader-height)\n );\n overflow-y: auto;\n overflow-x: hidden;\n}\n.dc-mini-toc__section {\n display: block;\n}\n.dc-mini-toc__section > .dc-mini-toc__section-link {\n border-left-color: var(--g-color-line-generic);\n}\n.dc-mini-toc__section-link {\n display: flex;\n align-items: center;\n padding: 6px 6px 6px 12px;\n min-height: 28px;\n color: var(--g-color-text-secondary);\n border-left: 2px solid transparent;\n text-decoration: none;\n}\n.dc-mini-toc__section-link:hover {\n color: var(--g-color-text-complementary);\n}\n.dc-mini-toc__section_child .dc-mini-toc__section-link {\n padding-left: 25px;\n}\n.dc-mini-toc__section_active > .dc-mini-toc__section-link {\n color: var(--g-color-text-primary);\n border-left-color: var(--g-color-text-primary);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9NaW5pVG9jIiwic291cmNlcyI6WyJNaW5pVG9jLnNjc3MiLCIuLi8uLi9zdHlsZXMvbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTUk7RUNIQTtFQUNBO0VESUk7RUFDQTtFQUNBOztBQUdKO0VDTEE7RUFDQTtFQUNBO0VETUk7QUFBQTtBQUFBO0VBR0E7RUFDQTs7QUFHSjtFQUNJOztBQUVBO0VBQ0k7O0FBR0o7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7RUFDQTs7QUFFQTtFQUNJOztBQUtKO0VBQ0k7O0FBSVI7RUFDSTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcyc7XG5AaW1wb3J0ICcuLi8uLi9zdHlsZXMvbWl4aW5zJztcblxuLmRjLW1pbmktdG9jIHtcbiAgICAkY2xhc3M6ICY7XG5cbiAgICAmX190aXRsZSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTIpO1xuICAgICAgICBmb250LXdlaWdodDogNTAwO1xuICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LXByaW1hcnkpO1xuICAgICAgICBtYXJnaW4tYm90dG9tOiAxMnB4O1xuICAgIH1cblxuICAgICZfX3NlY3Rpb25zIHtcbiAgICAgICAgQGluY2x1ZGUgcmVzZXQtbGlzdC1zdHlsZSgpO1xuXG4gICAgICAgIGhlaWdodDogY2FsYyhcbiAgICAgICAgICAgIDEwMHZoIC0gdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3skaGVhZGVySGVpZ2h0fSkgLSAjeyRtaW5pVG9jT2Zmc2V0fSAtIHZhcigtLWRjLXN1YmhlYWRlci1oZWlnaHQpXG4gICAgICAgICk7XG4gICAgICAgIG92ZXJmbG93LXk6IGF1dG87XG4gICAgICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgICB9XG5cbiAgICAmX19zZWN0aW9uIHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG5cbiAgICAgICAgJiA+ICN7JGNsYXNzfV9fc2VjdGlvbi1saW5rIHtcbiAgICAgICAgICAgIGJvcmRlci1sZWZ0LWNvbG9yOiB2YXIoLS1nLWNvbG9yLWxpbmUtZ2VuZXJpYyk7XG4gICAgICAgIH1cblxuICAgICAgICAmLWxpbmsge1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICBwYWRkaW5nOiA2cHggNnB4IDZweCAxMnB4O1xuICAgICAgICAgICAgbWluLWhlaWdodDogMjhweDtcblxuICAgICAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgYm9yZGVyLWxlZnQ6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcblxuICAgICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1jb21wbGVtZW50YXJ5KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICZfY2hpbGQge1xuICAgICAgICAgICAgI3skY2xhc3N9X19zZWN0aW9uLWxpbmsge1xuICAgICAgICAgICAgICAgIHBhZGRpbmctbGVmdDogMjVweDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICZfYWN0aXZlID4gI3skY2xhc3N9X19zZWN0aW9uLWxpbmsge1xuICAgICAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1wcmltYXJ5KTtcbiAgICAgICAgICAgIGJvcmRlci1sZWZ0LWNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtcHJpbWFyeSk7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCJAaW1wb3J0ICcuL3ZhcmlhYmxlcyc7XG5cbkBtaXhpbiB0ZXh0LXNpemUoJG5hbWUpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtI3skbmFtZX0tbGluZS1oZWlnaHQpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGlzdC1zdHlsZSgpIHtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xufVxuXG5AbWl4aW4gZml4QW5jaG9yUG9zaXRpb24oJG9mZnNldDogMHB4KSB7XG4gICAgcGFkZGluZy10b3A6IGNhbGModmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3skaGVhZGVySGVpZ2h0fSkpO1xuICAgIG1hcmdpbi10b3A6IGNhbGMoI3skb2Zmc2V0fSAtIHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7JGhlYWRlckhlaWdodH0pKTtcbn1cblxuQG1peGluIHJlc2V0LWxpbmstc3R5bGUoKSB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuXG5AbWl4aW4gaXNsYW5kcy1mb2N1cygpIHtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgLnV0aWxpdHlmb2N1cyAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMnB4IHNvbGlkICNmZmRiNGQ7XG4gICAgfVxufVxuXG5AbWl4aW4gbGluaygpIHtcbiAgICBAaW5jbHVkZSBpc2xhbmRzLWZvY3VzKCk7XG5cbiAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWxpbmspO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rLWhvdmVyKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzIoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMSk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmczKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMik7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmc0KCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMSk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmc1KCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTMpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNigpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNDAwO1xufVxuXG5AbWl4aW4gY29udHJpYnV0b3JzLXRleHQoKSB7XG4gICAgZm9udC1zaXplOiAxM3B4O1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgbWFyZ2luLXJpZ2h0OiA1cHg7XG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xufVxuXG5AbWl4aW4gdGV4dC1ib2R5LTEoKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtYm9keS0xLWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LTEtbGluZS1oZWlnaHQpO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS1mb250LXdlaWdodCk7XG59XG5cbkBtaXhpbiBkZXNrdG9wLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBkZXNrdG9wLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBtb2JpbGUtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuIl19 */"],
|
|
5
5
|
"mappings": ";AAMI,CAAA;ACHA,aAAA,IAAA;AACA,eAAA,IAAA;ADII,eAAA;AACA,SAAA,IAAA;AACA,iBAAA;AEJR;AFOI,CAAA;ACLA,UAAA;AACA,WAAA;AACA,cAAA;ADMI,UAAA;AAAA,UAAA;AAGA,cAAA;AACA,cAAA;AEJR;AFOI,CAAA;AACI,WAAA;AELR;AFOQ,CAHJ,qBAGI,EAAA,CAAA;AACI,qBAAA,IAAA;AELZ;AFQQ,CAJA;AAKI,WAAA;AACA,eAAA;AACA,WAAA,IAAA,IAAA,IAAA;AACA,cAAA;AAEA,SAAA,IAAA;AACA,eAAA,IAAA,MAAA;AACA,2BAAA;AAAA,mBAAA;AEPZ;AFSY,CAdJ,yBAcI;AACI,SAAA,IAAA;AEPhB;AFYY,CAAA,2BAAA,CApBJ;AAqBQ,gBAAA;AEVhB;AFcQ,CAAA,4BAAA,EAAA,CAzBA;AA0BI,SAAA,IAAA;AACA,qBAAA,IAAA;AEZZ;",
|
|
6
6
|
"names": []
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DocHeadingItem, Router } from '../../models';
|
|
3
|
+
import './MiniToc.scss';
|
|
4
|
+
export interface MinitocProps {
|
|
5
|
+
headings: DocHeadingItem[];
|
|
6
|
+
router: Router;
|
|
7
|
+
headerHeight?: number;
|
|
8
|
+
}
|
|
9
|
+
export interface MinitocSectionProps {
|
|
10
|
+
headings: DocHeadingItem[];
|
|
11
|
+
router: Router;
|
|
12
|
+
headerHeight?: number;
|
|
13
|
+
}
|
|
14
|
+
declare const MiniToc: React.NamedExoticComponent<MinitocProps>;
|
|
15
|
+
export default MiniToc;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React, { PropsWithChildren } from 'react';
|
|
2
|
+
export interface OutsideClickProps {
|
|
3
|
+
onOutsideClick: () => void;
|
|
4
|
+
anchor?: HTMLElement | null;
|
|
5
|
+
}
|
|
6
|
+
export default class OutsideClick extends React.Component<PropsWithChildren<OutsideClickProps>> {
|
|
7
|
+
ref: React.RefObject<HTMLDivElement>;
|
|
8
|
+
componentDidMount(): void;
|
|
9
|
+
componentWillUnmount(): void;
|
|
10
|
+
render(): React.JSX.Element;
|
|
11
|
+
handleOutsideClick: (e: MouseEvent) => void;
|
|
12
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/Paginator/Users/3y3k0/doctools/docs-components/src/components/Paginator/Paginator.scss", "../../../../src/components/Paginator/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss", "../../../../src/components/Paginator/%3Cinput%20css%
|
|
3
|
+
"sources": ["../../../../src/components/Paginator/Users/3y3k0/doctools/docs-components/src/components/Paginator/Paginator.scss", "../../../../src/components/Paginator/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss", "../../../../src/components/Paginator/%3Cinput%20css%205HfDir%3E"],
|
|
4
4
|
"sourcesContent": ["@import '../../styles/variables';\n@import '../../styles/mixins';\n\n.Paginator {\n $block: &;\n\n @include reset-list-style();\n\n display: flex;\n align-items: center;\n\n &__item {\n $item: &;\n\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n min-width: 28px;\n min-height: 28px;\n margin: 4px;\n\n color: var(--g-color-text-primary);\n @include text-size(body-1);\n\n &_type {\n &_prev {\n margin-left: -6px;\n\n #{$block}__icon {\n transform: rotate(180deg);\n }\n }\n\n &_dots {\n min-width: 0;\n color: var(--g-color-text-secondary);\n }\n\n &_page {\n cursor: pointer;\n border-radius: 14px;\n\n &:hover {\n background: var(--g-color-base-simple-hover);\n }\n\n &#{$item}_active {\n color: var(--g-color-text-light-primary);\n background: var(--g-color-base-brand);\n cursor: default;\n }\n }\n\n &_next {\n margin-right: -6px;\n }\n }\n }\n}\n", "@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", ".Paginator {\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n align-items: center;\n}\n.Paginator__item {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 28px;\n min-height: 28px;\n margin: 4px;\n color: var(--g-color-text-primary);\n font-size: var(--g-text-body-1-font-size);\n line-height: var(--g-text-body-1-line-height);\n}\n.Paginator__item_type_prev {\n margin-left: -6px;\n}\n.Paginator__item_type_prev .Paginator__icon {\n transform: rotate(180deg);\n}\n.Paginator__item_type_dots {\n min-width: 0;\n color: var(--g-color-text-secondary);\n}\n.Paginator__item_type_page {\n cursor: pointer;\n border-radius: 14px;\n}\n.Paginator__item_type_page:hover {\n background: var(--g-color-base-simple-hover);\n}\n.Paginator__item_type_page.Paginator__item_active {\n color: var(--g-color-text-light-primary);\n background: var(--g-color-base-brand);\n cursor: default;\n}\n.Paginator__item_type_next {\n margin-right: -6px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9QYWdpbmF0b3IiLCJzb3VyY2VzIjpbIlBhZ2luYXRvci5zY3NzIiwiLi4vLi4vc3R5bGVzL21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdBO0VDS0k7RUFDQTtFQUNBO0VERkE7RUFDQTs7QUFFQTtFQUdJO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7RUFDQTtFQUVBO0VDbkJKO0VBQ0E7O0FEc0JRO0VBQ0k7O0FBRUE7RUFDSTs7QUFJUjtFQUNJO0VBQ0E7O0FBR0o7RUFDSTtFQUNBOztBQUVBO0VBQ0k7O0FBR0o7RUFDSTtFQUNBO0VBQ0E7O0FBSVI7RUFDSSIsInNvdXJjZXNDb250ZW50IjpbIkBpbXBvcnQgJy4uLy4uL3N0eWxlcy92YXJpYWJsZXMnO1xuQGltcG9ydCAnLi4vLi4vc3R5bGVzL21peGlucyc7XG5cbi5QYWdpbmF0b3Ige1xuICAgICRibG9jazogJjtcblxuICAgIEBpbmNsdWRlIHJlc2V0LWxpc3Qtc3R5bGUoKTtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICZfX2l0ZW0ge1xuICAgICAgICAkaXRlbTogJjtcblxuICAgICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cbiAgICAgICAgbWluLXdpZHRoOiAyOHB4O1xuICAgICAgICBtaW4taGVpZ2h0OiAyOHB4O1xuICAgICAgICBtYXJnaW46IDRweDtcblxuICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LXByaW1hcnkpO1xuICAgICAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0xKTtcblxuICAgICAgICAmX3R5cGUge1xuICAgICAgICAgICAgJl9wcmV2IHtcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogLTZweDtcblxuICAgICAgICAgICAgICAgICN7JGJsb2NrfV9faWNvbiB7XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDE4MGRlZyk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmX2RvdHMge1xuICAgICAgICAgICAgICAgIG1pbi13aWR0aDogMDtcbiAgICAgICAgICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICZfcGFnZSB7XG4gICAgICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDE0cHg7XG5cbiAgICAgICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZDogdmFyKC0tZy1jb2xvci1iYXNlLXNpbXBsZS1ob3Zlcik7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgJiN7JGl0ZW19X2FjdGl2ZSB7XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGlnaHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6IHZhcigtLWctY29sb3ItYmFzZS1icmFuZCk7XG4gICAgICAgICAgICAgICAgICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICZfbmV4dCB7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAtNnB4O1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxufVxuIiwiQGltcG9ydCAnLi92YXJpYWJsZXMnO1xuXG5AbWl4aW4gdGV4dC1zaXplKCRuYW1lKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtI3skbmFtZX0tZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHJlc2V0LWxpc3Qtc3R5bGUoKSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbn1cblxuQG1peGluIGZpeEFuY2hvclBvc2l0aW9uKCRvZmZzZXQ6IDBweCkge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7JGhlYWRlckhlaWdodH0pKTtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKCN7JG9mZnNldH0gLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG59XG5cbkBtaXhpbiByZXNldC1saW5rLXN0eWxlKCkge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuQG1peGluIGlzbGFuZHMtZm9jdXMoKSB7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgIC51dGlsaXR5Zm9jdXMgJjpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCAjZmZkYjRkO1xuICAgIH1cbn1cblxuQG1peGluIGxpbmsoKSB7XG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuXG4gICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rKTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nMygpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzYoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gZGVza3RvcC10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cbiJdfQ== */"],
|
|
5
5
|
"mappings": ";AAGA,CAAA;ACKI,UAAA;AACA,WAAA;AACA,cAAA;ADFA,WAAA;AACA,eAAA;AEHJ;AFKI,CAAA;AAGI,WAAA;AACA,eAAA;AACA,mBAAA;AAEA,aAAA;AACA,cAAA;AACA,UAAA;AAEA,SAAA,IAAA;ACnBJ,aAAA,IAAA;AACA,eAAA,IAAA;ACaJ;AFSY,CAAA;AACI,eAAA;AEPhB;AFSgB,CAHJ,0BAGI,CAAA;AACI,aAAA,OAAA;AEPpB;AFWY,CAAA;AACI,aAAA;AACA,SAAA,IAAA;AEThB;AFYY,CAAA;AACI,UAAA;AACA,iBAAA;AEVhB;AFYgB,CAJJ,yBAII;AACI,cAAA,IAAA;AEVpB;AFagB,CARJ,yBAQI,CAAA;AACI,SAAA,IAAA;AACA,cAAA,IAAA;AACA,UAAA;AEXpB;AFeY,CAAA;AACI,gBAAA;AEbhB;",
|
|
6
6
|
"names": []
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './Paginator.scss';
|
|
3
|
+
export interface PaginatorDefaultProps {
|
|
4
|
+
page: number;
|
|
5
|
+
maxPages?: number;
|
|
6
|
+
onPageChange: (page: number) => void;
|
|
7
|
+
}
|
|
8
|
+
export interface PaginatorExtraProps {
|
|
9
|
+
className?: string;
|
|
10
|
+
isMobile?: boolean;
|
|
11
|
+
}
|
|
12
|
+
export interface Test {
|
|
13
|
+
aaa: never;
|
|
14
|
+
}
|
|
15
|
+
export interface TotalCountItems {
|
|
16
|
+
totalItems: number;
|
|
17
|
+
itemsPerPage?: number;
|
|
18
|
+
}
|
|
19
|
+
export type PaginatorProps = PaginatorDefaultProps & TotalCountItems;
|
|
20
|
+
export type PaginatorInnerProps = PaginatorExtraProps & PaginatorProps;
|
|
21
|
+
declare const Paginator: ({ page, itemsPerPage, totalItems, maxPages, className, isMobile, onPageChange, }: PaginatorInnerProps) => React.JSX.Element | null;
|
|
22
|
+
export default Paginator;
|
|
@@ -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%20vhMpUD%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%2047KgO2%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%20n_3QM9%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';
|