@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.
Files changed (154) hide show
  1. package/build/cjs/components/BookmarkButton/BookmarkButton.css.map +1 -1
  2. package/build/cjs/components/Breadcrumbs/Breadcrumbs.css.map +1 -1
  3. package/build/cjs/components/ContributorAvatars/ContributorAvatars.css.map +1 -1
  4. package/build/cjs/components/Contributors/Contributors.css.map +1 -1
  5. package/build/cjs/components/Control/Control.css.map +1 -1
  6. package/build/cjs/components/Controls/Controls.css.map +1 -1
  7. package/build/cjs/components/Controls/single-controls/DividerControl/DividerControl.css.map +1 -1
  8. package/build/cjs/components/Controls/single-controls/SettingsControl/SettingsControl.css.map +1 -1
  9. package/build/cjs/components/DocLayout/DocLayout.css.map +1 -1
  10. package/build/cjs/components/DocLeadingPage/DocLeadingPage.css.map +1 -1
  11. package/build/cjs/components/DocPage/DocPage.css.map +1 -1
  12. package/build/cjs/components/DocPageTitle/DocPageTitle.css.map +1 -1
  13. package/build/cjs/components/ErrorPage/ErrorPage.css.map +1 -1
  14. package/build/cjs/components/Feedback/Feedback.css.map +1 -1
  15. package/build/cjs/components/Mark/Mark.css.map +1 -1
  16. package/build/cjs/components/MiniToc/MiniToc.css.map +1 -1
  17. package/build/cjs/components/Paginator/Paginator.css.map +1 -1
  18. package/build/cjs/components/SearchBar/SearchBar.css.map +1 -1
  19. package/build/cjs/components/SearchItem/SearchItem.css.map +1 -1
  20. package/build/cjs/components/SearchPage/SearchPage.css.map +1 -1
  21. package/build/cjs/components/Subscribe/Subscribe.css.map +1 -1
  22. package/build/cjs/components/Toc/Toc.css.map +1 -1
  23. package/build/cjs/components/TocItem/TocItem.css.map +1 -1
  24. package/build/cjs/components/TocNavPanel/TocNavPanel.css.map +1 -1
  25. package/build/cjs/components/ToggleArrow/ToggleArrow.css.map +1 -1
  26. package/build/esm/components/BookmarkButton/BookmarkButton.css.map +1 -1
  27. package/build/esm/components/BookmarkButton/BookmarkButton.d.ts +8 -0
  28. package/build/esm/components/BookmarkButton/index.d.ts +1 -0
  29. package/build/esm/components/Breadcrumbs/Breadcrumbs.css.map +1 -1
  30. package/build/esm/components/Breadcrumbs/Breadcrumbs.d.ts +8 -0
  31. package/build/esm/components/Breadcrumbs/index.d.ts +1 -0
  32. package/build/esm/components/ContributorAvatars/Avatars/Avatar.d.ts +10 -0
  33. package/build/esm/components/ContributorAvatars/Avatars/AvatarWithDescription.d.ts +9 -0
  34. package/build/esm/components/ContributorAvatars/Avatars/Details.d.ts +10 -0
  35. package/build/esm/components/ContributorAvatars/Avatars/HiddenAvatars.d.ts +10 -0
  36. package/build/esm/components/ContributorAvatars/ContributorAvatars.css.map +1 -1
  37. package/build/esm/components/ContributorAvatars/ContributorAvatars.d.ts +10 -0
  38. package/build/esm/components/ContributorAvatars/index.d.ts +2 -0
  39. package/build/esm/components/ContributorAvatars/models.d.ts +16 -0
  40. package/build/esm/components/ContributorAvatars/utils.d.ts +3 -0
  41. package/build/esm/components/Contributors/Contributors.css.map +1 -1
  42. package/build/esm/components/Contributors/Contributors.d.ts +11 -0
  43. package/build/esm/components/Contributors/index.d.ts +2 -0
  44. package/build/esm/components/Control/Control.css.map +1 -1
  45. package/build/esm/components/Control/Control.d.ts +20 -0
  46. package/build/esm/components/Control/index.d.ts +2 -0
  47. package/build/esm/components/Controls/Controls.css.map +1 -1
  48. package/build/esm/components/Controls/Controls.d.ts +32 -0
  49. package/build/esm/components/Controls/ControlsLayout.d.ts +12 -0
  50. package/build/esm/components/Controls/index.d.ts +4 -0
  51. package/build/esm/components/Controls/single-controls/DividerControl/DividerControl.css.map +1 -1
  52. package/build/esm/components/Controls/single-controls/DividerControl/DividerControl.d.ts +7 -0
  53. package/build/esm/components/Controls/single-controls/EditControl.d.ts +9 -0
  54. package/build/esm/components/Controls/single-controls/FullScreenControl.d.ts +7 -0
  55. package/build/esm/components/Controls/single-controls/LangControl.d.ts +10 -0
  56. package/build/esm/components/Controls/single-controls/PdfControl.d.ts +6 -0
  57. package/build/esm/components/Controls/single-controls/SettingsControl/SettingsControl.css.map +1 -1
  58. package/build/esm/components/Controls/single-controls/SettingsControl/SettingsControl.d.ts +17 -0
  59. package/build/esm/components/Controls/single-controls/SinglePageControl.d.ts +7 -0
  60. package/build/esm/components/Controls/single-controls/index.d.ts +7 -0
  61. package/build/esm/components/Controls/single-controls/utils.d.ts +2 -0
  62. package/build/esm/components/DocLayout/DocLayout.css.map +1 -1
  63. package/build/esm/components/DocLayout/DocLayout.d.ts +34 -0
  64. package/build/esm/components/DocLayout/index.d.ts +1 -0
  65. package/build/esm/components/DocLeadingPage/DocLeadingPage.css.map +1 -1
  66. package/build/esm/components/DocLeadingPage/DocLeadingPage.d.ts +22 -0
  67. package/build/esm/components/DocLeadingPage/index.d.ts +1 -0
  68. package/build/esm/components/DocPage/DocPage.css.map +1 -1
  69. package/build/esm/components/DocPage/DocPage.d.ts +41 -0
  70. package/build/esm/components/DocPage/index.d.ts +2 -0
  71. package/build/esm/components/DocPageTitle/DocPageTitle.css.map +1 -1
  72. package/build/esm/components/DocPageTitle/DocPageTitle.d.ts +7 -0
  73. package/build/esm/components/DocPageTitle/index.d.ts +1 -0
  74. package/build/esm/components/ErrorBoundary/ErrorBoundary.d.ts +12 -0
  75. package/build/esm/components/ErrorBoundary/index.d.ts +2 -0
  76. package/build/esm/components/ErrorPage/ErrorPage.css.map +1 -1
  77. package/build/esm/components/ErrorPage/ErrorPage.d.ts +10 -0
  78. package/build/esm/components/ErrorPage/index.d.ts +2 -0
  79. package/build/esm/components/Feedback/Feedback.css.map +1 -1
  80. package/build/esm/components/Feedback/Feedback.d.ts +15 -0
  81. package/build/esm/components/Feedback/controls/DislikeControl.d.ts +11 -0
  82. package/build/esm/components/Feedback/controls/DislikeVariantsPopup.d.ts +18 -0
  83. package/build/esm/components/Feedback/controls/LikeControl.d.ts +13 -0
  84. package/build/esm/components/Feedback/controls/SuccessPopup.d.ts +10 -0
  85. package/build/esm/components/Feedback/index.d.ts +2 -0
  86. package/build/esm/components/HTML/HTML.d.ts +7 -0
  87. package/build/esm/components/HTML/index.d.ts +1 -0
  88. package/build/esm/components/Link.d.ts +6 -0
  89. package/build/esm/components/Mark/Mark.css.map +1 -1
  90. package/build/esm/components/Mark/Mark.d.ts +10 -0
  91. package/build/esm/components/Mark/index.d.ts +1 -0
  92. package/build/esm/components/MiniToc/MiniToc.css.map +1 -1
  93. package/build/esm/components/MiniToc/MiniToc.d.ts +15 -0
  94. package/build/esm/components/MiniToc/index.d.ts +2 -0
  95. package/build/esm/components/OutsideClick/OutsideClick.d.ts +12 -0
  96. package/build/esm/components/OutsideClick/index.d.ts +2 -0
  97. package/build/esm/components/Paginator/Paginator.css.map +1 -1
  98. package/build/esm/components/Paginator/Paginator.d.ts +22 -0
  99. package/build/esm/components/Paginator/index.d.ts +2 -0
  100. package/build/esm/components/Scrollspy/Scrollspy.d.ts +48 -0
  101. package/build/esm/components/Scrollspy/index.d.ts +1 -0
  102. package/build/esm/components/SearchBar/SearchBar.css.map +1 -1
  103. package/build/esm/components/SearchBar/SearchBar.d.ts +12 -0
  104. package/build/esm/components/SearchBar/constants.d.ts +7 -0
  105. package/build/esm/components/SearchBar/hooks.d.ts +55 -0
  106. package/build/esm/components/SearchBar/index.d.ts +4 -0
  107. package/build/esm/components/SearchBar/utils.d.ts +26 -0
  108. package/build/esm/components/SearchBar/withHighlightedSearchWords.d.ts +16 -0
  109. package/build/esm/components/SearchItem/SearchItem.css.map +1 -1
  110. package/build/esm/components/SearchItem/SearchItem.d.ts +19 -0
  111. package/build/esm/components/SearchItem/index.d.ts +2 -0
  112. package/build/esm/components/SearchPage/SearchPage.css.map +1 -1
  113. package/build/esm/components/SearchPage/SearchPage.d.ts +20 -0
  114. package/build/esm/components/SearchPage/index.d.ts +2 -0
  115. package/build/esm/components/StageLabel/StageLabel.d.ts +8 -0
  116. package/build/esm/components/StageLabel/index.d.ts +1 -0
  117. package/build/esm/components/Subscribe/Subscribe.css.map +1 -1
  118. package/build/esm/components/Subscribe/Subscribe.d.ts +13 -0
  119. package/build/esm/components/Subscribe/SubscribeSuccessPopup/SubscribeSuccessPopup.d.ts +8 -0
  120. package/build/esm/components/Subscribe/SubscribeSuccessPopup/index.d.ts +1 -0
  121. package/build/esm/components/Subscribe/SubscribeVariantsPopup/SubscribeVariantsPopup.d.ts +11 -0
  122. package/build/esm/components/Subscribe/SubscribeVariantsPopup/index.d.ts +1 -0
  123. package/build/esm/components/Subscribe/index.d.ts +2 -0
  124. package/build/esm/components/Subscribe/utils.d.ts +3 -0
  125. package/build/esm/components/Text/Text.d.ts +7 -0
  126. package/build/esm/components/Text/index.d.ts +1 -0
  127. package/build/esm/components/TextInput/TextInput.d.ts +0 -0
  128. package/build/esm/components/Toc/Toc.css.map +1 -1
  129. package/build/esm/components/Toc/Toc.d.ts +58 -0
  130. package/build/esm/components/Toc/TocItemRegistry.d.ts +16 -0
  131. package/build/esm/components/Toc/index.d.ts +2 -0
  132. package/build/esm/components/TocItem/TocItem.css.map +1 -1
  133. package/build/esm/components/TocItem/TocItem.d.ts +20 -0
  134. package/build/esm/components/TocItem/index.d.ts +2 -0
  135. package/build/esm/components/TocNavPanel/TocNavPanel.css.map +1 -1
  136. package/build/esm/components/TocNavPanel/TocNavPanel.d.ts +10 -0
  137. package/build/esm/components/TocNavPanel/index.d.ts +2 -0
  138. package/build/esm/components/ToggleArrow/ToggleArrow.css.map +1 -1
  139. package/build/esm/components/ToggleArrow/ToggleArrow.d.ts +11 -0
  140. package/build/esm/components/ToggleArrow/index.d.ts +1 -0
  141. package/build/esm/config/i18n.d.ts +7 -0
  142. package/build/esm/config/index.d.ts +6 -0
  143. package/build/esm/constants.d.ts +19 -0
  144. package/build/esm/hooks/index.d.ts +4 -0
  145. package/build/esm/hooks/usePopper.d.ts +33 -0
  146. package/build/esm/hooks/usePopupState.d.ts +8 -0
  147. package/build/esm/hooks/useTimer.d.ts +1 -0
  148. package/build/esm/hooks/useTranslation.d.ts +2 -0
  149. package/build/esm/index.d.ts +28 -0
  150. package/build/esm/models/index.d.ts +139 -0
  151. package/build/esm/utils/index.d.ts +14 -0
  152. package/build/index.css.map +1 -1
  153. package/build/themes/common/index.css.map +1 -1
  154. 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,2 @@
1
+ export * from './Feedback';
2
+ export { default as Feedback } from './Feedback';
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ export interface HTMLProps {
3
+ children?: string;
4
+ block?: boolean;
5
+ className?: string;
6
+ }
7
+ export declare const HTML: React.FC<HTMLProps>;
@@ -0,0 +1 @@
1
+ export * from './HTML';
@@ -0,0 +1,6 @@
1
+ import React, { PropsWithChildren } from 'react';
2
+ interface LinkProps {
3
+ url?: string;
4
+ }
5
+ declare const Link: React.FC<PropsWithChildren<LinkProps>>;
6
+ export default Link;
@@ -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%20X3-mjO%3E"],
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,10 @@
1
+ import React from 'react';
2
+ import './Mark.scss';
3
+ export type MarkColor = 'blue' | 'green';
4
+ export interface MarkProps {
5
+ text: string;
6
+ color?: MarkColor;
7
+ size?: 's' | 'm';
8
+ className?: string;
9
+ }
10
+ export declare const Mark: React.FC<MarkProps>;
@@ -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%20ZVI2tR%3E"],
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,2 @@
1
+ export * from './MiniToc';
2
+ export { default as MiniToc } from './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
+ }
@@ -0,0 +1,2 @@
1
+ export { default as OutsideClick } from './OutsideClick';
2
+ export * from './OutsideClick';
@@ -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%20pk6c7-%3E"],
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,2 @@
1
+ export { default as Paginator } from './Paginator';
2
+ export * from './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%20YSUvwV%3E"],
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,7 @@
1
+ export declare const CLASSNAME = "dc-search-highlighted";
2
+ export declare const CLASSNAME_SELECTED = "dc-search-highlighted_selected";
3
+ export declare const HIGHLIGHT_OPTIONS: {
4
+ element: string;
5
+ className: string;
6
+ exclude: string[];
7
+ };
@@ -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,4 @@
1
+ export * from './SearchBar';
2
+ export { default as SearchBar } from './SearchBar';
3
+ export * from './withHighlightedSearchWords';
4
+ export { default as withHighlightedSearchWords } from './withHighlightedSearchWords';
@@ -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%203q7cSX%3E", "../../../../src/components/SearchItem/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss"],
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;
@@ -0,0 +1,2 @@
1
+ export { default as SearchItem } from './SearchItem';
2
+ export * from './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%20zRocMO%3E"],
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,2 @@
1
+ export { default as SearchPage } from './SearchPage';
2
+ export * from './SearchPage';
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export type StageType = 'preview' | 'new';
3
+ export interface StageLabelProps {
4
+ stage?: StageType;
5
+ size?: 's' | 'm';
6
+ className?: string;
7
+ }
8
+ export declare const StageLabel: React.FC<StageLabelProps>;
@@ -0,0 +1 @@
1
+ export * from './StageLabel';