@diplodoc/components 3.0.0-alpha-3 → 3.0.0-alpha-5
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 +0 -3
- package/build/cjs/components/Controls/Controls.css.map +3 -3
- package/build/cjs/components/Controls/single-controls/DividerControl/DividerControl.css.map +1 -1
- package/build/cjs/components/Controls/single-controls/FullScreenControl.js +15 -1
- package/build/cjs/components/Controls/single-controls/FullScreenControl.js.map +1 -1
- package/build/cjs/components/Controls/single-controls/LangControl.js +15 -1
- package/build/cjs/components/Controls/single-controls/LangControl.js.map +1 -1
- package/build/cjs/components/Controls/single-controls/PdfControl.js +15 -1
- package/build/cjs/components/Controls/single-controls/PdfControl.js.map +1 -1
- package/build/cjs/components/Controls/single-controls/SettingsControl/SettingsControl.css.map +1 -1
- package/build/cjs/components/Controls/single-controls/SettingsControl/SettingsControl.js +15 -1
- package/build/cjs/components/Controls/single-controls/SettingsControl/SettingsControl.js.map +1 -1
- package/build/cjs/components/Controls/single-controls/SinglePageControl.js +15 -1
- package/build/cjs/components/Controls/single-controls/SinglePageControl.js.map +1 -1
- package/build/cjs/components/DocLayout/DocLayout.css.map +1 -1
- package/build/cjs/components/DocLayout/DocLayout.js +28 -7
- package/build/cjs/components/DocLayout/DocLayout.js.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/DocPage/DocPage.js +136 -112
- package/build/cjs/components/DocPage/DocPage.js.map +1 -1
- package/build/cjs/components/DocPageTitle/DocPageTitle.css.map +1 -1
- package/build/cjs/components/ErrorBoundary/ErrorBoundary.js +9 -1
- package/build/cjs/components/ErrorBoundary/ErrorBoundary.js.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/Feedback/Feedback.js +15 -1
- package/build/cjs/components/Feedback/Feedback.js.map +1 -1
- package/build/cjs/components/Feedback/controls/DislikeControl.js +15 -1
- package/build/cjs/components/Feedback/controls/DislikeControl.js.map +1 -1
- package/build/cjs/components/Feedback/controls/DislikeVariantsPopup.js +24 -7
- package/build/cjs/components/Feedback/controls/DislikeVariantsPopup.js.map +1 -1
- package/build/cjs/components/Feedback/controls/LikeControl.js +15 -1
- package/build/cjs/components/Feedback/controls/LikeControl.js.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/OutsideClick/OutsideClick.js +16 -7
- package/build/cjs/components/OutsideClick/OutsideClick.js.map +1 -1
- package/build/cjs/components/Paginator/Paginator.css.map +1 -1
- package/build/cjs/components/Scrollspy/Scrollspy.js +67 -62
- package/build/cjs/components/Scrollspy/Scrollspy.js.map +1 -1
- package/build/cjs/components/SearchBar/SearchBar.css.map +1 -1
- package/build/cjs/components/SearchBar/SearchBar.js +16 -2
- package/build/cjs/components/SearchBar/SearchBar.js.map +1 -1
- package/build/cjs/components/SearchBar/withHighlightedSearchWords.js +22 -6
- package/build/cjs/components/SearchBar/withHighlightedSearchWords.js.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/SearchPage/SearchPage.js +33 -23
- package/build/cjs/components/SearchPage/SearchPage.js.map +1 -1
- package/build/cjs/components/Subscribe/Subscribe.css.map +1 -1
- package/build/cjs/components/Subscribe/Subscribe.js +15 -1
- package/build/cjs/components/Subscribe/Subscribe.js.map +1 -1
- package/build/cjs/components/Toc/Toc.css.map +1 -1
- package/build/cjs/components/Toc/Toc.js +109 -95
- package/build/cjs/components/Toc/Toc.js.map +1 -1
- package/build/cjs/components/Toc/TocItemRegistry.js +9 -4
- package/build/cjs/components/Toc/TocItemRegistry.js.map +1 -1
- package/build/cjs/components/TocItem/TocItem.css.map +1 -1
- package/build/cjs/components/TocItem/TocItem.js +53 -29
- package/build/cjs/components/TocItem/TocItem.js.map +1 -1
- package/build/cjs/components/TocNavPanel/TocNavPanel.css.map +1 -1
- package/build/cjs/components/TocNavPanel/TocNavPanel.js +21 -4
- package/build/cjs/components/TocNavPanel/TocNavPanel.js.map +2 -2
- package/build/cjs/components/ToggleArrow/ToggleArrow.css.map +1 -1
- package/build/cjs/config/i18n.js +4 -1
- package/build/cjs/config/i18n.js.map +2 -2
- package/build/cjs/i18n/en.js +113 -122
- package/build/cjs/i18n/en.js.map +2 -2
- package/build/cjs/i18n/ru.js +1 -122
- package/build/cjs/i18n/ru.js.map +2 -2
- package/build/cjs/utils/index.js +1 -1
- package/build/cjs/utils/index.js.map +1 -1
- package/build/esm/components/BookmarkButton/BookmarkButton.css.map +1 -1
- package/build/esm/components/Breadcrumbs/Breadcrumbs.css.map +1 -1
- package/build/esm/components/ContributorAvatars/ContributorAvatars.css.map +1 -1
- package/build/esm/components/Contributors/Contributors.css.map +1 -1
- package/build/esm/components/Control/Control.css.map +1 -1
- package/build/esm/components/Controls/Controls.css +0 -3
- package/build/esm/components/Controls/Controls.css.map +3 -3
- package/build/esm/components/Controls/single-controls/DividerControl/DividerControl.css.map +1 -1
- package/build/esm/components/Controls/single-controls/FullScreenControl.js +18 -1
- package/build/esm/components/Controls/single-controls/FullScreenControl.js.map +1 -1
- package/build/esm/components/Controls/single-controls/LangControl.js +18 -1
- package/build/esm/components/Controls/single-controls/LangControl.js.map +1 -1
- package/build/esm/components/Controls/single-controls/PdfControl.js +18 -1
- package/build/esm/components/Controls/single-controls/PdfControl.js.map +1 -1
- package/build/esm/components/Controls/single-controls/SettingsControl/SettingsControl.css.map +1 -1
- package/build/esm/components/Controls/single-controls/SettingsControl/SettingsControl.js +18 -1
- package/build/esm/components/Controls/single-controls/SettingsControl/SettingsControl.js.map +1 -1
- package/build/esm/components/Controls/single-controls/SinglePageControl.js +18 -1
- package/build/esm/components/Controls/single-controls/SinglePageControl.js.map +1 -1
- package/build/esm/components/DocLayout/DocLayout.css.map +1 -1
- package/build/esm/components/DocLayout/DocLayout.js +31 -7
- package/build/esm/components/DocLayout/DocLayout.js.map +1 -1
- package/build/esm/components/DocLeadingPage/DocLeadingPage.css.map +1 -1
- package/build/esm/components/DocPage/DocPage.css.map +1 -1
- package/build/esm/components/DocPage/DocPage.js +139 -112
- package/build/esm/components/DocPage/DocPage.js.map +1 -1
- package/build/esm/components/DocPageTitle/DocPageTitle.css.map +1 -1
- package/build/esm/components/ErrorBoundary/ErrorBoundary.js +11 -1
- package/build/esm/components/ErrorBoundary/ErrorBoundary.js.map +1 -1
- package/build/esm/components/ErrorPage/ErrorPage.css.map +1 -1
- package/build/esm/components/Feedback/Feedback.css.map +1 -1
- package/build/esm/components/Feedback/Feedback.js +18 -1
- package/build/esm/components/Feedback/Feedback.js.map +1 -1
- package/build/esm/components/Feedback/controls/DislikeControl.js +18 -1
- package/build/esm/components/Feedback/controls/DislikeControl.js.map +1 -1
- package/build/esm/components/Feedback/controls/DislikeVariantsPopup.js +27 -7
- package/build/esm/components/Feedback/controls/DislikeVariantsPopup.js.map +1 -1
- package/build/esm/components/Feedback/controls/LikeControl.js +18 -1
- package/build/esm/components/Feedback/controls/LikeControl.js.map +1 -1
- package/build/esm/components/Mark/Mark.css.map +1 -1
- package/build/esm/components/MiniToc/MiniToc.css.map +1 -1
- package/build/esm/components/OutsideClick/OutsideClick.js +18 -7
- package/build/esm/components/OutsideClick/OutsideClick.js.map +1 -1
- package/build/esm/components/Paginator/Paginator.css.map +1 -1
- package/build/esm/components/Scrollspy/Scrollspy.js +69 -62
- package/build/esm/components/Scrollspy/Scrollspy.js.map +1 -1
- package/build/esm/components/SearchBar/SearchBar.css.map +1 -1
- package/build/esm/components/SearchBar/SearchBar.js +19 -2
- package/build/esm/components/SearchBar/SearchBar.js.map +1 -1
- package/build/esm/components/SearchBar/withHighlightedSearchWords.js +25 -6
- package/build/esm/components/SearchBar/withHighlightedSearchWords.js.map +1 -1
- package/build/esm/components/SearchItem/SearchItem.css.map +1 -1
- package/build/esm/components/SearchPage/SearchPage.css.map +1 -1
- package/build/esm/components/SearchPage/SearchPage.js +36 -23
- package/build/esm/components/SearchPage/SearchPage.js.map +1 -1
- package/build/esm/components/Subscribe/Subscribe.css.map +1 -1
- package/build/esm/components/Subscribe/Subscribe.js +18 -1
- package/build/esm/components/Subscribe/Subscribe.js.map +1 -1
- package/build/esm/components/Toc/Toc.css.map +1 -1
- package/build/esm/components/Toc/Toc.js +112 -95
- package/build/esm/components/Toc/Toc.js.map +1 -1
- package/build/esm/components/Toc/TocItemRegistry.js +11 -4
- package/build/esm/components/Toc/TocItemRegistry.js.map +1 -1
- package/build/esm/components/TocItem/TocItem.css.map +1 -1
- package/build/esm/components/TocItem/TocItem.js +56 -29
- package/build/esm/components/TocItem/TocItem.js.map +1 -1
- package/build/esm/components/TocNavPanel/TocNavPanel.css.map +1 -1
- package/build/esm/components/TocNavPanel/TocNavPanel.js +24 -4
- package/build/esm/components/TocNavPanel/TocNavPanel.js.map +2 -2
- package/build/esm/components/ToggleArrow/ToggleArrow.css.map +1 -1
- package/build/esm/config/i18n.js +4 -1
- package/build/esm/config/i18n.js.map +2 -2
- package/build/esm/i18n/en.js +114 -133
- package/build/esm/i18n/en.js.map +2 -2
- package/build/esm/i18n/ru.js +2 -133
- package/build/esm/i18n/ru.js.map +2 -2
- package/build/esm/utils/index.js +1 -1
- package/build/esm/utils/index.js.map +1 -1
- package/build/index.css.map +1 -1
- package/build/themes/common/index.css.map +1 -1
- package/package.json +1 -1
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
+
var __spreadValues = (a, b2) => {
|
|
9
|
+
for (var prop in b2 || (b2 = {}))
|
|
10
|
+
if (__hasOwnProp.call(b2, prop))
|
|
11
|
+
__defNormalProp(a, prop, b2[prop]);
|
|
12
|
+
if (__getOwnPropSymbols)
|
|
13
|
+
for (var prop of __getOwnPropSymbols(b2)) {
|
|
14
|
+
if (__propIsEnum.call(b2, prop))
|
|
15
|
+
__defNormalProp(a, prop, b2[prop]);
|
|
16
|
+
}
|
|
17
|
+
return a;
|
|
18
|
+
};
|
|
19
|
+
var __spreadProps = (a, b2) => __defProps(a, __getOwnPropDescs(b2));
|
|
20
|
+
var __publicField = (obj, key, value) => {
|
|
21
|
+
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
22
|
+
return value;
|
|
23
|
+
};
|
|
24
|
+
|
|
1
25
|
// src/components/DocPage/DocPage.tsx
|
|
2
26
|
import React from "react";
|
|
3
27
|
import block from "bem-cn-lite";
|
|
@@ -26,13 +50,114 @@ import LinkIcon from "../../../../assets/icons/link.svg";
|
|
|
26
50
|
import "./DocPage.css";
|
|
27
51
|
var b = block("dc-doc-page");
|
|
28
52
|
var DocPage = class extends React.Component {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
53
|
+
constructor() {
|
|
54
|
+
super(...arguments);
|
|
55
|
+
__publicField(this, "state", {
|
|
56
|
+
loading: true,
|
|
57
|
+
keyDOM: getRandomKey()
|
|
58
|
+
});
|
|
59
|
+
__publicField(this, "bodyRef", null);
|
|
60
|
+
__publicField(this, "bodyObserver", null);
|
|
61
|
+
__publicField(this, "handleBodyMutation", (mutationsList) => {
|
|
62
|
+
const { onContentMutation, onContentLoaded } = this.props;
|
|
63
|
+
if (this.props.singlePage && this.bodyObserver && this.bodyRef) {
|
|
64
|
+
this.bodyObserver.disconnect();
|
|
65
|
+
this.addLinksToOriginalArticle();
|
|
66
|
+
this.bodyObserver.observe(this.bodyRef, {
|
|
67
|
+
childList: true,
|
|
68
|
+
subtree: true
|
|
69
|
+
});
|
|
70
|
+
}
|
|
71
|
+
if (onContentMutation) {
|
|
72
|
+
setTimeout(onContentMutation, 0);
|
|
73
|
+
}
|
|
74
|
+
this.setState({ loading: false });
|
|
75
|
+
if (!onContentLoaded) {
|
|
76
|
+
return;
|
|
77
|
+
}
|
|
78
|
+
setTimeout(() => {
|
|
79
|
+
mutationsList.filter(({ type }) => type === "childList").forEach((mutation) => {
|
|
80
|
+
const yfmRoot = mutation.target;
|
|
81
|
+
const yfmImages = [...yfmRoot.querySelectorAll("img")];
|
|
82
|
+
yfmImages.forEach((img) => {
|
|
83
|
+
img.addEventListener("load", onContentLoaded, false);
|
|
84
|
+
});
|
|
85
|
+
});
|
|
86
|
+
}, 0);
|
|
87
|
+
});
|
|
88
|
+
__publicField(this, "setBodyRef", (ref) => {
|
|
89
|
+
this.bodyRef = ref;
|
|
90
|
+
});
|
|
91
|
+
__publicField(this, "addLinksToOriginalArticle", () => {
|
|
92
|
+
const { singlePage, convertPathToOriginalArticle, generatePathToVcs, vcsType } = this.props;
|
|
93
|
+
if (singlePage) {
|
|
94
|
+
const elements = document.querySelectorAll("[data-original-article]");
|
|
95
|
+
for (const el of elements) {
|
|
96
|
+
const href = el.getAttribute("data-original-article") || "";
|
|
97
|
+
const linkWrapperEl = getHeaderTag(el);
|
|
98
|
+
if (linkWrapperEl) {
|
|
99
|
+
const anchors = linkWrapperEl.querySelectorAll(".yfm-anchor");
|
|
100
|
+
for (const anchor of anchors) {
|
|
101
|
+
anchor.classList.add("yfm-anchor_hidden");
|
|
102
|
+
}
|
|
103
|
+
const linkToOriginal = document.createElement("a");
|
|
104
|
+
linkToOriginal.href = callSafe(convertPathToOriginalArticle, href);
|
|
105
|
+
linkToOriginal.className = "yfm-anchor yfm-original-link";
|
|
106
|
+
linkToOriginal.innerHTML = ReactDOMServer.renderToStaticMarkup(/* @__PURE__ */ React.createElement(LinkIcon, null));
|
|
107
|
+
linkWrapperEl.append(linkToOriginal);
|
|
108
|
+
if (typeof generatePathToVcs === "function") {
|
|
109
|
+
const vcsHref = callSafe(generatePathToVcs, href);
|
|
110
|
+
const linkToVcs = createElementFromHTML(
|
|
111
|
+
ReactDOMServer.renderToStaticMarkup(
|
|
112
|
+
/* @__PURE__ */ React.createElement(
|
|
113
|
+
EditControl,
|
|
114
|
+
{
|
|
115
|
+
vcsUrl: vcsHref,
|
|
116
|
+
vcsType,
|
|
117
|
+
view: "wide",
|
|
118
|
+
className: b("edit-button")
|
|
119
|
+
}
|
|
120
|
+
)
|
|
121
|
+
)
|
|
122
|
+
);
|
|
123
|
+
linkWrapperEl.append(linkToVcs);
|
|
124
|
+
linkWrapperEl.classList.add(b("header-container"));
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
});
|
|
130
|
+
__publicField(this, "getIsVerticalView", () => {
|
|
131
|
+
const { fullScreen } = this.props;
|
|
132
|
+
return !this.showMiniToc || fullScreen;
|
|
133
|
+
});
|
|
134
|
+
__publicField(this, "renderSearchBar", () => {
|
|
135
|
+
const {
|
|
136
|
+
showSearchBar,
|
|
137
|
+
searchQuery,
|
|
138
|
+
searchCurrentIndex,
|
|
139
|
+
searchCountResults,
|
|
140
|
+
onClickPrevSearch,
|
|
141
|
+
onClickNextSearch,
|
|
142
|
+
onCloseSearchBar,
|
|
143
|
+
singlePage
|
|
144
|
+
} = this.props;
|
|
145
|
+
if (!showSearchBar || singlePage) {
|
|
146
|
+
return null;
|
|
147
|
+
}
|
|
148
|
+
return /* @__PURE__ */ React.createElement("div", { className: b("search-bar") }, /* @__PURE__ */ React.createElement(
|
|
149
|
+
SearchBar,
|
|
150
|
+
{
|
|
151
|
+
searchCurrentIndex,
|
|
152
|
+
searchCountResults,
|
|
153
|
+
onClickPrevSearch,
|
|
154
|
+
onClickNextSearch,
|
|
155
|
+
onCloseSearchBar,
|
|
156
|
+
searchQuery
|
|
157
|
+
}
|
|
158
|
+
));
|
|
159
|
+
});
|
|
160
|
+
}
|
|
36
161
|
componentDidMount() {
|
|
37
162
|
const { singlePage } = this.props;
|
|
38
163
|
if (singlePage) {
|
|
@@ -106,33 +231,6 @@ var DocPage = class extends React.Component {
|
|
|
106
231
|
))
|
|
107
232
|
);
|
|
108
233
|
}
|
|
109
|
-
handleBodyMutation = (mutationsList) => {
|
|
110
|
-
const { onContentMutation, onContentLoaded } = this.props;
|
|
111
|
-
if (this.props.singlePage && this.bodyObserver && this.bodyRef) {
|
|
112
|
-
this.bodyObserver.disconnect();
|
|
113
|
-
this.addLinksToOriginalArticle();
|
|
114
|
-
this.bodyObserver.observe(this.bodyRef, {
|
|
115
|
-
childList: true,
|
|
116
|
-
subtree: true
|
|
117
|
-
});
|
|
118
|
-
}
|
|
119
|
-
if (onContentMutation) {
|
|
120
|
-
setTimeout(onContentMutation, 0);
|
|
121
|
-
}
|
|
122
|
-
this.setState({ loading: false });
|
|
123
|
-
if (!onContentLoaded) {
|
|
124
|
-
return;
|
|
125
|
-
}
|
|
126
|
-
setTimeout(() => {
|
|
127
|
-
mutationsList.filter(({ type }) => type === "childList").forEach((mutation) => {
|
|
128
|
-
const yfmRoot = mutation.target;
|
|
129
|
-
const yfmImages = [...yfmRoot.querySelectorAll("img")];
|
|
130
|
-
yfmImages.forEach((img) => {
|
|
131
|
-
img.addEventListener("load", onContentLoaded, false);
|
|
132
|
-
});
|
|
133
|
-
});
|
|
134
|
-
}, 0);
|
|
135
|
-
};
|
|
136
234
|
addBodyObserver() {
|
|
137
235
|
if (!this.bodyObserver) {
|
|
138
236
|
this.bodyObserver = new MutationObserver(this.handleBodyMutation);
|
|
@@ -144,9 +242,6 @@ var DocPage = class extends React.Component {
|
|
|
144
242
|
});
|
|
145
243
|
}
|
|
146
244
|
}
|
|
147
|
-
setBodyRef = (ref) => {
|
|
148
|
-
this.bodyRef = ref;
|
|
149
|
-
};
|
|
150
245
|
renderLoader() {
|
|
151
246
|
const { renderLoader } = this.props;
|
|
152
247
|
const { loading } = this.state;
|
|
@@ -155,45 +250,6 @@ var DocPage = class extends React.Component {
|
|
|
155
250
|
}
|
|
156
251
|
return /* @__PURE__ */ React.createElement("div", { className: b("loader-wrapper") }, renderLoader());
|
|
157
252
|
}
|
|
158
|
-
addLinksToOriginalArticle = () => {
|
|
159
|
-
const { singlePage, convertPathToOriginalArticle, generatePathToVcs, vcsType } = this.props;
|
|
160
|
-
if (singlePage) {
|
|
161
|
-
const elements = document.querySelectorAll("[data-original-article]");
|
|
162
|
-
for (const el of elements) {
|
|
163
|
-
const href = el.getAttribute("data-original-article") || "";
|
|
164
|
-
const linkWrapperEl = getHeaderTag(el);
|
|
165
|
-
if (linkWrapperEl) {
|
|
166
|
-
const anchors = linkWrapperEl.querySelectorAll(".yfm-anchor");
|
|
167
|
-
for (const anchor of anchors) {
|
|
168
|
-
anchor.classList.add("yfm-anchor_hidden");
|
|
169
|
-
}
|
|
170
|
-
const linkToOriginal = document.createElement("a");
|
|
171
|
-
linkToOriginal.href = callSafe(convertPathToOriginalArticle, href);
|
|
172
|
-
linkToOriginal.className = "yfm-anchor yfm-original-link";
|
|
173
|
-
linkToOriginal.innerHTML = ReactDOMServer.renderToStaticMarkup(/* @__PURE__ */ React.createElement(LinkIcon, null));
|
|
174
|
-
linkWrapperEl.append(linkToOriginal);
|
|
175
|
-
if (typeof generatePathToVcs === "function") {
|
|
176
|
-
const vcsHref = callSafe(generatePathToVcs, href);
|
|
177
|
-
const linkToVcs = createElementFromHTML(
|
|
178
|
-
ReactDOMServer.renderToStaticMarkup(
|
|
179
|
-
/* @__PURE__ */ React.createElement(
|
|
180
|
-
EditControl,
|
|
181
|
-
{
|
|
182
|
-
vcsUrl: vcsHref,
|
|
183
|
-
vcsType,
|
|
184
|
-
view: "wide",
|
|
185
|
-
className: b("edit-button")
|
|
186
|
-
}
|
|
187
|
-
)
|
|
188
|
-
)
|
|
189
|
-
);
|
|
190
|
-
linkWrapperEl.append(linkToVcs);
|
|
191
|
-
linkWrapperEl.classList.add(b("header-container"));
|
|
192
|
-
}
|
|
193
|
-
}
|
|
194
|
-
}
|
|
195
|
-
}
|
|
196
|
-
};
|
|
197
253
|
get showMiniToc() {
|
|
198
254
|
const { showMiniToc, singlePage, headings, toc } = this.props;
|
|
199
255
|
if (singlePage) {
|
|
@@ -228,18 +284,19 @@ var DocPage = class extends React.Component {
|
|
|
228
284
|
));
|
|
229
285
|
}
|
|
230
286
|
renderPageContributors() {
|
|
287
|
+
var _a;
|
|
231
288
|
const { meta, hideContributors } = this.props;
|
|
232
289
|
if (hideContributors) {
|
|
233
290
|
return null;
|
|
234
291
|
}
|
|
235
|
-
const author = this.renderAuthor(!meta
|
|
292
|
+
const author = this.renderAuthor(!((_a = meta == null ? void 0 : meta.contributors) == null ? void 0 : _a.length));
|
|
236
293
|
const contributors = this.renderContributors();
|
|
237
294
|
const separator = author && contributors && /* @__PURE__ */ React.createElement("div", { className: b("separator") }, ",");
|
|
238
295
|
return /* @__PURE__ */ React.createElement("div", { className: b("page-contributors") }, author, " ", separator, " ", contributors);
|
|
239
296
|
}
|
|
240
297
|
renderAuthor(onlyAuthor) {
|
|
241
298
|
const { meta } = this.props;
|
|
242
|
-
if (!isContributor(meta
|
|
299
|
+
if (!isContributor(meta == null ? void 0 : meta.author)) {
|
|
243
300
|
return null;
|
|
244
301
|
}
|
|
245
302
|
return /* @__PURE__ */ React.createElement(
|
|
@@ -254,7 +311,7 @@ var DocPage = class extends React.Component {
|
|
|
254
311
|
}
|
|
255
312
|
renderContributors() {
|
|
256
313
|
const { meta } = this.props;
|
|
257
|
-
if (!meta
|
|
314
|
+
if (!(meta == null ? void 0 : meta.contributors) || meta.contributors.length === 0) {
|
|
258
315
|
return null;
|
|
259
316
|
}
|
|
260
317
|
return /* @__PURE__ */ React.createElement(Contributors, { users: meta.contributors });
|
|
@@ -328,12 +385,11 @@ var DocPage = class extends React.Component {
|
|
|
328
385
|
}
|
|
329
386
|
return /* @__PURE__ */ React.createElement(
|
|
330
387
|
TocNavPanel,
|
|
331
|
-
{
|
|
332
|
-
...toc,
|
|
388
|
+
__spreadProps(__spreadValues({}, toc), {
|
|
333
389
|
router,
|
|
334
390
|
fixed: fullScreen,
|
|
335
391
|
className: b("toc-nav-panel")
|
|
336
|
-
}
|
|
392
|
+
})
|
|
337
393
|
);
|
|
338
394
|
}
|
|
339
395
|
isEditable() {
|
|
@@ -341,36 +397,6 @@ var DocPage = class extends React.Component {
|
|
|
341
397
|
const editable = toc.stage !== "preview" && meta.stage !== "preview" && meta.editable !== false && toc.editable !== false;
|
|
342
398
|
return Boolean(editable && vcsUrl && vcsType);
|
|
343
399
|
}
|
|
344
|
-
getIsVerticalView = () => {
|
|
345
|
-
const { fullScreen } = this.props;
|
|
346
|
-
return !this.showMiniToc || fullScreen;
|
|
347
|
-
};
|
|
348
|
-
renderSearchBar = () => {
|
|
349
|
-
const {
|
|
350
|
-
showSearchBar,
|
|
351
|
-
searchQuery,
|
|
352
|
-
searchCurrentIndex,
|
|
353
|
-
searchCountResults,
|
|
354
|
-
onClickPrevSearch,
|
|
355
|
-
onClickNextSearch,
|
|
356
|
-
onCloseSearchBar,
|
|
357
|
-
singlePage
|
|
358
|
-
} = this.props;
|
|
359
|
-
if (!showSearchBar || singlePage) {
|
|
360
|
-
return null;
|
|
361
|
-
}
|
|
362
|
-
return /* @__PURE__ */ React.createElement("div", { className: b("search-bar") }, /* @__PURE__ */ React.createElement(
|
|
363
|
-
SearchBar,
|
|
364
|
-
{
|
|
365
|
-
searchCurrentIndex,
|
|
366
|
-
searchCountResults,
|
|
367
|
-
onClickPrevSearch,
|
|
368
|
-
onClickNextSearch,
|
|
369
|
-
onCloseSearchBar,
|
|
370
|
-
searchQuery
|
|
371
|
-
}
|
|
372
|
-
));
|
|
373
|
-
};
|
|
374
400
|
renderControls() {
|
|
375
401
|
const {
|
|
376
402
|
lang,
|
|
@@ -429,6 +455,7 @@ var DocPage = class extends React.Component {
|
|
|
429
455
|
)));
|
|
430
456
|
}
|
|
431
457
|
};
|
|
458
|
+
__publicField(DocPage, "defaultProps", DEFAULT_SETTINGS);
|
|
432
459
|
var DocPage_default = withHighlightedSearchWords(DocPage);
|
|
433
460
|
export {
|
|
434
461
|
DocPage_default as default
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/DocPage/DocPage.tsx"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\n\nimport block from 'bem-cn-lite';\nimport ReactDOMServer from 'react-dom/server';\n\nimport {DEFAULT_SETTINGS} from '../../constants';\nimport {\n DocPageData,\n DocSettings,\n FeedbackSendData,\n Lang,\n Router,\n SubscribeData,\n TextSizes,\n Theme,\n Vcs,\n} from '../../models';\nimport {\n InnerProps,\n callSafe,\n createElementFromHTML,\n getHeaderTag,\n getRandomKey,\n getStateKey,\n isContributor,\n} from '../../utils';\nimport {BookmarkButton} from '../BookmarkButton';\nimport {Breadcrumbs} from '../Breadcrumbs';\nimport Contributors from '../Contributors/Contributors';\nimport {Controls, ControlsLayout, EditControl} from '../Controls';\nimport {DocLayout} from '../DocLayout';\nimport {DocPageTitle} from '../DocPageTitle';\nimport {Feedback, FeedbackView} from '../Feedback';\nimport {HTML} from '../HTML';\nimport {MiniToc} from '../MiniToc';\nimport {SearchBar, withHighlightedSearchWords} from '../SearchBar';\nimport {TocNavPanel} from '../TocNavPanel';\n\nimport LinkIcon from '../../../assets/icons/link.svg';\n\nimport './DocPage.scss';\n\nconst b = block('dc-doc-page');\n\nexport interface DocPageProps extends DocPageData, DocSettings {\n lang: Lang;\n langs?: string[];\n router: Router;\n headerHeight?: number;\n tocTitleIcon?: React.ReactNode;\n hideToc?: boolean;\n\n showSearchBar?: boolean;\n searchQuery?: string;\n onClickPrevSearch?: () => void;\n onClickNextSearch?: () => void;\n onCloseSearchBar?: () => void;\n searchCurrentIndex?: number;\n searchCountResults?: number;\n\n hideTocHeader?: boolean;\n hideControls?: boolean;\n hideEditControl?: boolean;\n hideFeedbackControls?: boolean;\n hideContributors?: boolean;\n renderLoader?: () => React.ReactNode;\n convertPathToOriginalArticle?: (path: string) => string;\n generatePathToVcs?: (path: string) => string;\n onChangeLang?: (lang: Lang) => void;\n onChangeFullScreen?: (value: boolean) => void;\n onChangeSinglePage?: (value: boolean) => void;\n onChangeWideFormat?: (value: boolean) => void;\n onChangeShowMiniToc?: (value: boolean) => void;\n onChangeBookmarkPage?: (value: boolean) => void;\n onChangeTheme?: (theme: Theme) => void;\n onChangeTextSize?: (textSize: TextSizes) => void;\n onSendFeedback?: (data: FeedbackSendData) => void;\n onContentMutation?: () => void;\n onContentLoaded?: () => void;\n onSubscribe?: (data: SubscribeData) => void;\n pdfLink?: string;\n}\n\ntype DocPageInnerProps = InnerProps<DocPageProps, DocSettings>;\ntype DocPageState = {\n loading: boolean;\n keyDOM: number;\n};\n\nclass DocPage extends React.Component<DocPageInnerProps, DocPageState> {\n static defaultProps: DocSettings = DEFAULT_SETTINGS;\n\n state: DocPageState = {\n loading: true,\n keyDOM: getRandomKey(),\n };\n\n bodyRef: HTMLDivElement | null = null;\n bodyObserver: MutationObserver | null = null;\n\n componentDidMount(): void {\n const {singlePage} = this.props;\n\n if (singlePage) {\n this.addLinksToOriginalArticle();\n }\n\n this.setState({loading: false});\n\n this.addBodyObserver();\n }\n\n componentDidUpdate(prevProps: DocPageInnerProps): void {\n if (prevProps.singlePage !== this.props.singlePage) {\n this.setState({loading: true});\n }\n\n if (prevProps.html !== this.props.html) {\n this.setState({keyDOM: getRandomKey()});\n }\n }\n\n componentWillUnmount(): void {\n if (this.bodyObserver) {\n this.bodyObserver.disconnect();\n }\n }\n\n render() {\n const {\n toc,\n router,\n headerHeight,\n wideFormat,\n fullScreen,\n singlePage,\n tocTitleIcon,\n hideTocHeader,\n hideToc,\n footer,\n onChangeSinglePage,\n pdfLink,\n } = this.props;\n\n const hideMiniToc = !this.showMiniToc;\n const modes = {\n 'regular-page-width': !wideFormat,\n 'full-screen': fullScreen,\n 'hidden-mini-toc': hideMiniToc,\n 'single-page': singlePage,\n };\n\n return (\n <DocLayout\n toc={toc}\n router={router}\n headerHeight={headerHeight}\n className={b(modes)}\n fullScreen={fullScreen}\n hideRight={hideMiniToc}\n tocTitleIcon={tocTitleIcon}\n wideFormat={wideFormat}\n hideTocHeader={hideTocHeader}\n hideToc={hideToc}\n loading={this.state.loading}\n footer={footer}\n singlePage={singlePage}\n onChangeSinglePage={onChangeSinglePage}\n pdfLink={pdfLink}\n >\n <DocLayout.Center>\n {this.renderSearchBar()}\n {this.renderBreadcrumbs()}\n {this.renderControls()}\n <div className={b('main')}>\n <main className={b('content')}>\n {this.renderTitle()}\n {this.renderPageContributors()}\n {hideMiniToc ? null : this.renderContentMiniToc()}\n {this.renderBody()}\n {this.renderFeedback()}\n </main>\n {this.renderTocNavPanel()}\n </div>\n {this.renderLoader()}\n </DocLayout.Center>\n <DocLayout.Right>\n {/* This key allows recalculating the offset for the mini-toc for Safari */}\n <div\n className={b('aside')}\n key={getStateKey(this.showMiniToc, wideFormat, singlePage)}\n >\n {hideMiniToc ? null : this.renderAsideMiniToc()}\n </div>\n </DocLayout.Right>\n </DocLayout>\n );\n }\n\n private handleBodyMutation = (mutationsList: MutationRecord[]) => {\n const {onContentMutation, onContentLoaded} = this.props;\n\n if (this.props.singlePage && this.bodyObserver && this.bodyRef) {\n this.bodyObserver.disconnect();\n this.addLinksToOriginalArticle();\n this.bodyObserver.observe(this.bodyRef, {\n childList: true,\n subtree: true,\n });\n }\n\n if (onContentMutation) {\n setTimeout(onContentMutation, 0);\n }\n\n this.setState({loading: false});\n\n if (!onContentLoaded) {\n return;\n }\n\n setTimeout(() => {\n mutationsList\n .filter(({type}) => type === 'childList')\n .forEach((mutation) => {\n const yfmRoot = mutation.target as HTMLElement;\n const yfmImages = [...yfmRoot.querySelectorAll('img')];\n\n yfmImages.forEach((img) => {\n img.addEventListener('load', onContentLoaded, false);\n });\n });\n }, 0);\n };\n\n private addBodyObserver() {\n if (!this.bodyObserver) {\n this.bodyObserver = new MutationObserver(this.handleBodyMutation);\n }\n\n if (this.bodyRef) {\n this.bodyObserver.observe(this.bodyRef, {\n childList: true,\n subtree: true,\n });\n }\n }\n\n private setBodyRef = (ref: HTMLDivElement) => {\n this.bodyRef = ref;\n };\n\n private renderLoader() {\n const {renderLoader} = this.props;\n const {loading} = this.state;\n\n if (!renderLoader || !loading) {\n return null;\n }\n\n return <div className={b('loader-wrapper')}>{renderLoader()}</div>;\n }\n\n private addLinksToOriginalArticle = () => {\n const {singlePage, convertPathToOriginalArticle, generatePathToVcs, vcsType} = this.props;\n\n if (singlePage) {\n const elements = document.querySelectorAll('[data-original-article]');\n for (const el of elements) {\n const href = el.getAttribute('data-original-article') || '';\n const linkWrapperEl = getHeaderTag(el as HTMLElement);\n\n if (linkWrapperEl) {\n /* Hide anchors */\n const anchors = linkWrapperEl.querySelectorAll('.yfm-anchor');\n for (const anchor of anchors) {\n anchor.classList.add('yfm-anchor_hidden');\n }\n\n /* Create the link to the original article */\n const linkToOriginal = document.createElement('a');\n linkToOriginal.href = callSafe(convertPathToOriginalArticle, href);\n linkToOriginal.className = 'yfm-anchor yfm-original-link';\n linkToOriginal.innerHTML = ReactDOMServer.renderToStaticMarkup(<LinkIcon />);\n linkWrapperEl.append(linkToOriginal);\n\n /* Create the link to the vcs */\n if (typeof generatePathToVcs === 'function') {\n const vcsHref = callSafe(generatePathToVcs, href);\n const linkToVcs = createElementFromHTML(\n ReactDOMServer.renderToStaticMarkup(\n <EditControl\n vcsUrl={vcsHref}\n vcsType={vcsType}\n view={'wide'}\n className={b('edit-button')}\n />,\n ),\n );\n linkWrapperEl.append(linkToVcs);\n linkWrapperEl.classList.add(b('header-container'));\n }\n }\n }\n }\n };\n\n get showMiniToc() {\n const {showMiniToc, singlePage, headings, toc} = this.props;\n\n if (singlePage) {\n return false;\n }\n\n const emptyHeaderOrSinglePage = headings.length === 0 || toc.singlePage;\n const soloHeaderWithChildren =\n headings.length === 1 && headings[0].items && headings[0].items.length >= 1;\n\n if (emptyHeaderOrSinglePage || !(soloHeaderWithChildren || headings.length >= 2)) {\n return false;\n }\n\n return showMiniToc;\n }\n\n private renderBreadcrumbs() {\n const {breadcrumbs} = this.props;\n\n if (!breadcrumbs || breadcrumbs.length < 2) {\n return null;\n }\n\n return (\n <div className={b('breadcrumbs')}>\n <Breadcrumbs items={breadcrumbs} />\n </div>\n );\n }\n\n private renderTitle() {\n const {title, meta, bookmarkedPage, onChangeBookmarkPage} = this.props;\n const withBookmarks = onChangeBookmarkPage;\n\n if (!title) {\n return null;\n }\n\n return (\n <DocPageTitle stage={meta.stage} className={b('title')}>\n <HTML>{title}</HTML>\n {withBookmarks && (\n <BookmarkButton\n isBookmarked={Boolean(bookmarkedPage)}\n onBookmark={onChangeBookmarkPage}\n />\n )}\n </DocPageTitle>\n );\n }\n\n private renderPageContributors() {\n const {meta, hideContributors} = this.props;\n\n if (hideContributors) {\n return null;\n }\n\n const author = this.renderAuthor(!meta?.contributors?.length);\n const contributors = this.renderContributors();\n\n const separator = author && contributors && <div className={b('separator')}>{','}</div>;\n\n return (\n <div className={b('page-contributors')}>\n {author} {separator} {contributors}\n </div>\n );\n }\n\n private renderAuthor(onlyAuthor: boolean) {\n const {meta} = this.props;\n\n if (!isContributor(meta?.author)) {\n return null;\n }\n\n return (\n <Contributors\n users={[meta.author]}\n onlyAuthor={onlyAuthor}\n translationName={'authors'}\n isAuthor={true}\n />\n );\n }\n\n private renderContributors() {\n const {meta} = this.props;\n\n if (!meta?.contributors || meta.contributors.length === 0) {\n return null;\n }\n\n return <Contributors users={meta.contributors} />;\n }\n\n private renderContentMiniToc() {\n const {headings} = this.props;\n\n return (\n <div className={b('content-mini-toc', 'yfm')}>\n <ul>\n {headings.map(({title, href, level, items}, index) => {\n if (level !== 2) {\n return null;\n }\n\n return (\n <li key={index}>\n <a href={href}>{title}</a>\n {items && (\n <ul>\n {items.map(\n (\n {\n title: itemTitle,\n href: itemHref,\n level: itemLevel,\n },\n idx,\n ) => {\n if (itemLevel !== 3) {\n return null;\n }\n\n return (\n <li key={idx}>\n <a href={itemHref}>{itemTitle}</a>\n </li>\n );\n },\n )}\n </ul>\n )}\n </li>\n );\n })}\n </ul>\n </div>\n );\n }\n\n private renderBody() {\n const {html, textSize} = this.props;\n\n if (!html) {\n return null;\n }\n\n return (\n <div\n ref={this.setBodyRef}\n className={b('body', {'text-size': textSize}, 'yfm')}\n dangerouslySetInnerHTML={{__html: html}}\n />\n );\n }\n\n private renderAsideMiniToc() {\n const {headings, router, headerHeight} = this.props;\n const {keyDOM} = this.state;\n\n return (\n <div className={b('aside-mini-toc')}>\n <MiniToc\n headings={headings}\n router={router}\n headerHeight={headerHeight}\n key={keyDOM}\n />\n </div>\n );\n }\n\n private renderFeedback() {\n const {singlePage, isLiked, isDisliked, onSendFeedback, hideFeedbackControls} = this.props;\n\n if (singlePage || hideFeedbackControls || !onSendFeedback) {\n return null;\n }\n\n return (\n <div className={b('feedback')}>\n <Feedback\n isLiked={isLiked}\n isDisliked={isDisliked}\n onSendFeedback={onSendFeedback}\n view={FeedbackView.Wide}\n />\n </div>\n );\n }\n\n private renderTocNavPanel() {\n const {toc, singlePage, router, fullScreen} = this.props;\n\n if (singlePage) {\n return null;\n }\n\n return (\n <TocNavPanel\n {...toc}\n router={router}\n fixed={fullScreen}\n className={b('toc-nav-panel')}\n />\n );\n }\n\n private isEditable() {\n const {toc, meta, vcsUrl, vcsType} = this.props;\n const editable =\n toc.stage !== 'preview' &&\n meta.stage !== 'preview' &&\n meta.editable !== false &&\n toc.editable !== false;\n\n return Boolean(editable && vcsUrl && vcsType);\n }\n\n private getIsVerticalView = () => {\n const {fullScreen} = this.props;\n return !this.showMiniToc || fullScreen;\n };\n\n private renderSearchBar = () => {\n const {\n showSearchBar,\n searchQuery,\n searchCurrentIndex,\n searchCountResults,\n onClickPrevSearch,\n onClickNextSearch,\n onCloseSearchBar,\n singlePage,\n } = this.props;\n\n if (!showSearchBar || singlePage) {\n return null;\n }\n\n return (\n <div className={b('search-bar')}>\n <SearchBar\n searchCurrentIndex={searchCurrentIndex}\n searchCountResults={searchCountResults}\n onClickPrevSearch={onClickPrevSearch}\n onClickNextSearch={onClickNextSearch}\n onCloseSearchBar={onCloseSearchBar}\n searchQuery={searchQuery}\n />\n </div>\n );\n };\n\n private renderControls() {\n const {\n lang,\n langs,\n textSize,\n theme,\n wideFormat,\n fullScreen,\n singlePage,\n vcsUrl,\n vcsType,\n onChangeLang,\n onChangeFullScreen,\n onChangeWideFormat,\n onChangeShowMiniToc,\n onChangeTheme,\n onChangeTextSize,\n onSendFeedback,\n onSubscribe,\n isLiked,\n isDisliked,\n hideControls,\n hideEditControl,\n hideFeedbackControls,\n } = this.props;\n\n if (hideControls) {\n return null;\n }\n\n const isVerticalView = this.getIsVerticalView();\n\n return (\n <div className={b('controls', {vertical: isVerticalView})}>\n <ControlsLayout isVerticalView={isVerticalView}>\n <Controls\n lang={lang}\n langs={langs}\n textSize={textSize}\n theme={theme}\n wideFormat={wideFormat}\n showMiniToc={this.showMiniToc}\n fullScreen={fullScreen}\n singlePage={singlePage}\n vcsUrl={vcsUrl as string}\n vcsType={vcsType as Vcs}\n isLiked={isLiked}\n isDisliked={isDisliked}\n onChangeLang={onChangeLang}\n onChangeFullScreen={onChangeFullScreen}\n onChangeWideFormat={onChangeWideFormat}\n onChangeShowMiniToc={onChangeShowMiniToc}\n onChangeTheme={onChangeTheme}\n onChangeTextSize={onChangeTextSize}\n onSendFeedback={onSendFeedback}\n onSubscribe={onSubscribe}\n hideEditControl={hideEditControl || fullScreen || !this.isEditable()}\n hideFeedbackControls={hideFeedbackControls}\n />\n </ControlsLayout>\n </div>\n );\n }\n}\n\nexport default withHighlightedSearchWords(DocPage);\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/DocPageTitle/Users/3y3k0/doctools/docs-components/src/components/DocPageTitle/DocPageTitle.scss", "../../../../src/components/DocPageTitle/%3Cinput%20css%
|
|
3
|
+
"sources": ["../../../../src/components/DocPageTitle/Users/3y3k0/doctools/docs-components/src/components/DocPageTitle/DocPageTitle.scss", "../../../../src/components/DocPageTitle/%3Cinput%20css%20hmiipT%3E"],
|
|
4
4
|
"sourcesContent": [".dc-doc-page-title {\n position: relative;\n\n &__label {\n position: absolute;\n left: 0;\n top: -11px;\n }\n}\n", ".dc-doc-page-title {\n position: relative;\n}\n.dc-doc-page-title__label {\n position: absolute;\n left: 0;\n top: -11px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Eb2NQYWdlVGl0bGUiLCJzb3VyY2VzIjpbIkRvY1BhZ2VUaXRsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0k7O0FBRUE7RUFDSTtFQUNBO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyIuZGMtZG9jLXBhZ2UtdGl0bGUge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICZfX2xhYmVsIHtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICB0b3A6IC0xMXB4O1xuICAgIH1cbn1cbiJdfQ== */"],
|
|
5
5
|
"mappings": ";AAAA,CAAA;AACI,YAAA;ACCJ;ADCI,CAAA;AACI,YAAA;AACA,QAAA;AACA,OAAA;ACCR;",
|
|
6
6
|
"names": []
|
|
@@ -1,9 +1,19 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3
|
+
var __publicField = (obj, key, value) => {
|
|
4
|
+
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
5
|
+
return value;
|
|
6
|
+
};
|
|
7
|
+
|
|
1
8
|
// src/components/ErrorBoundary/ErrorBoundary.tsx
|
|
2
9
|
import React from "react";
|
|
3
10
|
import { isEqual } from "lodash";
|
|
4
11
|
import { ErrorPage } from "../ErrorPage";
|
|
5
12
|
var ErrorBoundary = class extends React.Component {
|
|
6
|
-
|
|
13
|
+
constructor() {
|
|
14
|
+
super(...arguments);
|
|
15
|
+
__publicField(this, "state", {});
|
|
16
|
+
}
|
|
7
17
|
componentDidUpdate(prevProps) {
|
|
8
18
|
if (this.state.error && !isEqual(this.props, prevProps)) {
|
|
9
19
|
this.setState({ error: void 0, errorInfo: void 0 });
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/ErrorBoundary/ErrorBoundary.tsx"],
|
|
4
4
|
"sourcesContent": ["import React, {PropsWithChildren} from 'react';\n\nimport {isEqual} from 'lodash';\n\nimport {ErrorPage} from '../ErrorPage';\n\ninterface ErrorBoundaryState {\n error?: Error;\n errorInfo?: unknown;\n}\n\nclass ErrorBoundary extends React.Component<PropsWithChildren<ErrorBoundaryState>> {\n state: ErrorBoundaryState = {};\n\n componentDidUpdate(prevProps: ErrorBoundaryState) {\n if (this.state.error && !isEqual(this.props, prevProps)) {\n this.setState({error: undefined, errorInfo: undefined});\n }\n }\n\n componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n this.setState({error, errorInfo});\n }\n\n render() {\n const {children} = this.props;\n const {error} = this.state;\n\n return error ? <ErrorPage /> : children;\n }\n}\n\nexport default ErrorBoundary;\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;AAAA,OAAO,WAAgC;AAEvC,SAAQ,eAAc;AAEtB,SAAQ,iBAAgB;AAOxB,IAAM,gBAAN,cAA4B,MAAM,UAAiD;AAAA,EAAnF;AAAA;AACI,iCAA4B,CAAC;AAAA;AAAA,EAE7B,mBAAmB,WAA+B;AAC9C,QAAI,KAAK,MAAM,SAAS,CAAC,QAAQ,KAAK,OAAO,SAAS,GAAG;AACrD,WAAK,SAAS,EAAC,OAAO,QAAW,WAAW,OAAS,CAAC;AAAA,IAC1D;AAAA,EACJ;AAAA,EAEA,kBAAkB,OAAc,WAA4B;AACxD,SAAK,SAAS,EAAC,OAAO,UAAS,CAAC;AAAA,EACpC;AAAA,EAEA,SAAS;AACL,UAAM,EAAC,SAAQ,IAAI,KAAK;AACxB,UAAM,EAAC,MAAK,IAAI,KAAK;AAErB,WAAO,QAAQ,oCAAC,eAAU,IAAK;AAAA,EACnC;AACJ;AAEA,IAAO,wBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/ErrorPage/Users/3y3k0/doctools/docs-components/src/components/ErrorPage/ErrorPage.scss", "../../../../src/components/ErrorPage/%3Cinput%20css%
|
|
3
|
+
"sources": ["../../../../src/components/ErrorPage/Users/3y3k0/doctools/docs-components/src/components/ErrorPage/ErrorPage.scss", "../../../../src/components/ErrorPage/%3Cinput%20css%20N-T9Wr%3E", "../../../../src/components/ErrorPage/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss"],
|
|
4
4
|
"sourcesContent": ["@import '../../styles/variables';\n@import '../../styles/mixins';\n\n.ErrorPage {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 70px;\n padding: 0 50px;\n text-align: center;\n\n &__image {\n width: 230px;\n height: 230px;\n margin-bottom: 40px;\n\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center center;\n\n //The images for error page are supposed to be installed via overriding \"background-image\" variable\n &_code {\n &_403 {\n background-image: var(--dc-error-image-403);\n }\n\n &_404 {\n background-image: var(--dc-error-image-404);\n }\n\n &_500 {\n background-image: var(--dc-error-image-500);\n }\n }\n }\n\n &__code {\n margin-bottom: 10px;\n }\n\n &__title {\n @include heading3();\n\n max-width: 800px;\n margin-bottom: 20px;\n }\n\n &__description {\n display: flex;\n flex-direction: column;\n gap: 10px;\n\n max-width: 600px;\n\n &-link {\n width: 100%;\n max-width: 200px;\n }\n }\n\n a {\n @include link();\n }\n\n .mobile & {\n margin-top: 40px;\n padding: 0 20px;\n }\n}\n", ".ErrorPage {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 70px;\n padding: 0 50px;\n text-align: center;\n}\n.ErrorPage__image {\n width: 230px;\n height: 230px;\n margin-bottom: 40px;\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center center;\n}\n.ErrorPage__image_code_403 {\n background-image: var(--dc-error-image-403);\n}\n.ErrorPage__image_code_404 {\n background-image: var(--dc-error-image-404);\n}\n.ErrorPage__image_code_500 {\n background-image: var(--dc-error-image-500);\n}\n.ErrorPage__code {\n margin-bottom: 10px;\n}\n.ErrorPage__title {\n font-size: var(--g-text-header-2-font-size);\n line-height: var(--g-text-header-2-line-height);\n font-weight: 500;\n max-width: 800px;\n margin-bottom: 20px;\n}\n.ErrorPage__description {\n display: flex;\n flex-direction: column;\n gap: 10px;\n max-width: 600px;\n}\n.ErrorPage__description-link {\n width: 100%;\n max-width: 200px;\n}\n.ErrorPage a {\n outline: none;\n color: var(--g-color-text-link);\n text-decoration: none;\n cursor: pointer;\n}\n.utilityfocus .ErrorPage a:focus {\n outline: 2px solid #ffdb4d;\n}\n.ErrorPage a:hover, .ErrorPage a:active {\n color: var(--g-color-text-link-hover);\n}\n.mobile .ErrorPage {\n margin-top: 40px;\n padding: 0 20px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9FcnJvclBhZ2UiLCJzb3VyY2VzIjpbIkVycm9yUGFnZS5zY3NzIiwiLi4vLi4vc3R5bGVzL21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0k7RUFDQTtFQUNBO0VBRUE7RUFDQTtFQUNBOztBQUlJO0VBQ0k7O0FBR0o7RUFDSTs7QUFHSjtFQUNJOztBQUtaO0VBQ0k7O0FBR0o7RUNyQ0E7RUFDQTtFQXdEQTtFRGpCSTtFQUNBOztBQUdKO0VBQ0k7RUFDQTtFQUNBO0VBRUE7O0FBRUE7RUFDSTtFQUNBOztBQUlSO0VDcENBO0VBVUE7RUFDQTtFQUNBOztBQVZBO0VBQ0k7O0FBV0o7RUFFSTs7QUR3Qko7RUFDSTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcyc7XG5AaW1wb3J0ICcuLi8uLi9zdHlsZXMvbWl4aW5zJztcblxuLkVycm9yUGFnZSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbWFyZ2luLXRvcDogNzBweDtcbiAgICBwYWRkaW5nOiAwIDUwcHg7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuXG4gICAgJl9faW1hZ2Uge1xuICAgICAgICB3aWR0aDogMjMwcHg7XG4gICAgICAgIGhlaWdodDogMjMwcHg7XG4gICAgICAgIG1hcmdpbi1ib3R0b206IDQwcHg7XG5cbiAgICAgICAgYmFja2dyb3VuZC1zaXplOiBjb250YWluO1xuICAgICAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICAgICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgY2VudGVyO1xuXG4gICAgICAgIC8vVGhlIGltYWdlcyBmb3IgZXJyb3IgcGFnZSBhcmUgc3VwcG9zZWQgdG8gYmUgaW5zdGFsbGVkIHZpYSBvdmVycmlkaW5nIFwiYmFja2dyb3VuZC1pbWFnZVwiIHZhcmlhYmxlXG4gICAgICAgICZfY29kZSB7XG4gICAgICAgICAgICAmXzQwMyB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1pbWFnZTogdmFyKC0tZGMtZXJyb3ItaW1hZ2UtNDAzKTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJl80MDQge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtaW1hZ2U6IHZhcigtLWRjLWVycm9yLWltYWdlLTQwNCk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICZfNTAwIHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWltYWdlOiB2YXIoLS1kYy1lcnJvci1pbWFnZS01MDApO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fY29kZSB7XG4gICAgICAgIG1hcmdpbi1ib3R0b206IDEwcHg7XG4gICAgfVxuXG4gICAgJl9fdGl0bGUge1xuICAgICAgICBAaW5jbHVkZSBoZWFkaW5nMygpO1xuXG4gICAgICAgIG1heC13aWR0aDogODAwcHg7XG4gICAgICAgIG1hcmdpbi1ib3R0b206IDIwcHg7XG4gICAgfVxuXG4gICAgJl9fZGVzY3JpcHRpb24ge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBnYXA6IDEwcHg7XG5cbiAgICAgICAgbWF4LXdpZHRoOiA2MDBweDtcblxuICAgICAgICAmLWxpbmsge1xuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBtYXgtd2lkdGg6IDIwMHB4O1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgYSB7XG4gICAgICAgIEBpbmNsdWRlIGxpbmsoKTtcbiAgICB9XG5cbiAgICAubW9iaWxlICYge1xuICAgICAgICBtYXJnaW4tdG9wOiA0MHB4O1xuICAgICAgICBwYWRkaW5nOiAwIDIwcHg7XG4gICAgfVxufVxuIiwiQGltcG9ydCAnLi92YXJpYWJsZXMnO1xuXG5AbWl4aW4gdGV4dC1zaXplKCRuYW1lKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtI3skbmFtZX0tZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHJlc2V0LWxpc3Qtc3R5bGUoKSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbn1cblxuQG1peGluIGZpeEFuY2hvclBvc2l0aW9uKCRvZmZzZXQ6IDBweCkge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7JGhlYWRlckhlaWdodH0pKTtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKCN7JG9mZnNldH0gLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG59XG5cbkBtaXhpbiByZXNldC1saW5rLXN0eWxlKCkge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuQG1peGluIGlzbGFuZHMtZm9jdXMoKSB7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgIC51dGlsaXR5Zm9jdXMgJjpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCAjZmZkYjRkO1xuICAgIH1cbn1cblxuQG1peGluIGxpbmsoKSB7XG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuXG4gICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rKTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nMygpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzYoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gZGVza3RvcC10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cbiJdfQ== */", "@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": ";AAGA,CAAA;AACI,WAAA;AACA,kBAAA;AACA,eAAA;AACA,cAAA;AACA,WAAA,EAAA;AACA,cAAA;ACFJ;ADII,CAAA;AACI,SAAA;AACA,UAAA;AACA,iBAAA;AAEA,mBAAA;AACA,qBAAA;AACA,uBAAA,OAAA;ACHR;ADOY,CAAA;AACI,oBAAA,IAAA;ACLhB;ADQY,CAAA;AACI,oBAAA,IAAA;ACNhB;ADSY,CAAA;AACI,oBAAA,IAAA;ACPhB;ADYI,CAAA;AACI,iBAAA;ACVR;ADaI,CAAA;AErCA,aAAA,IAAA;AACA,eAAA,IAAA;AAwDA,eAAA;AFjBI,aAAA;AACA,iBAAA;ACVR;ADaI,CAAA;AACI,WAAA;AACA,kBAAA;AACA,OAAA;AAEA,aAAA;ACZR;ADcQ,CAAA;AACI,SAAA;AACA,aAAA;ACZZ;ADgBI,CAzDJ,UAyDI;AEpCA,WAAA;AAUA,SAAA,IAAA;AACA,2BAAA;AAAA,mBAAA;AACA,UAAA;ADcJ;ACxBI,CAAA,aAAA,CFvBJ,UEuBI,CAAA;AACI,WAAA,IAAA,MAAA;AD0BR;ACfI,CFnCJ,UEmCI,CAAA;AAAA,CFnCJ,UEmCI,CAAA;AAEI,SAAA,IAAA;ADgBR;ADQI,CAAA,OAAA,CA7DJ;AA8DQ,cAAA;AACA,WAAA,EAAA;ACNR;",
|
|
6
6
|
"names": []
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/Feedback/Users/3y3k0/doctools/docs-components/src/components/Feedback/Feedback.scss", "../../../../src/components/Feedback/%3Cinput%20css%
|
|
3
|
+
"sources": ["../../../../src/components/Feedback/Users/3y3k0/doctools/docs-components/src/components/Feedback/Feedback.scss", "../../../../src/components/Feedback/%3Cinput%20css%20npZPGj%3E", "../../../../src/components/Feedback/Users/3y3k0/doctools/docs-components/src/styles/variables.scss"],
|
|
4
4
|
"sourcesContent": ["@import '../../styles/mixins';\n@import '../../styles/variables';\n\n$popupWidth: 320px;\n\n@mixin tooltip-in-center {\n @media screen and (max-width: map-get($screenBreakpoints, 'xs')) {\n & {\n // stylelint-disable declaration-no-important\n right: 0 !important;\n left: 0 !important;\n margin: auto;\n }\n }\n}\n\n.dc-feedback {\n &__container {\n &_view_wide {\n display: flex;\n align-items: center;\n flex-direction: column;\n width: 100%;\n }\n }\n\n &__container-row {\n display: flex;\n justify-content: center;\n width: 100%;\n padding: 28px;\n\n border: 1px solid var(--g-color-line-generic);\n border-radius: 8px;\n\n &_view_wide {\n display: flex;\n align-items: center;\n }\n }\n\n &__success-popup {\n padding: $popupPadding 50px $popupPadding $popupPadding;\n width: $popupWidth;\n\n &_view_wide {\n @include tooltip-in-center();\n }\n }\n\n &__variants-popup {\n padding: $popupPadding;\n width: $popupWidth;\n\n &_view_wide {\n @include tooltip-in-center();\n }\n }\n\n &__popup-title {\n font-size: var(--g-text-body-2-font-size);\n line-height: var(--g-text-body-2-line-height);\n padding-bottom: 8px;\n }\n\n &__popup-text {\n font-size: var(--g-text-body-short-font-size);\n line-height: var(--g-text-body-short-line-height);\n }\n\n &__variants {\n display: flex;\n flex-direction: column;\n padding: 8px 0;\n }\n\n &__variant {\n margin-bottom: 8px;\n white-space: normal;\n }\n\n &__variant:last-child {\n margin-bottom: 0;\n }\n\n &__variants-actions {\n padding-top: 8px;\n display: flex;\n justify-content: flex-end;\n }\n\n &__variants-action {\n margin-left: 10px;\n }\n\n &__textarea {\n padding: 8px 0;\n }\n\n &__title {\n &_view_wide {\n font-size: var(--g-text-body-2-font-size);\n line-height: var(--g-text-body-2-line-height);\n margin-right: 16px;\n font-weight: 400;\n }\n }\n\n &__controls {\n display: flex;\n gap: 10px;\n\n &_view_wide {\n display: flex;\n }\n }\n\n &__control {\n &:last-child {\n font-size: 13px;\n line-height: 18px;\n display: flex;\n align-items: center;\n }\n\n &_view_wide {\n margin-right: 12px;\n\n &:last-child {\n margin-right: 0;\n }\n }\n\n &_view_regular {\n margin-right: 4px;\n\n &:last-child {\n margin-right: 0;\n }\n }\n }\n}\n", ".dc-feedback__container_view_wide {\n display: flex;\n align-items: center;\n flex-direction: column;\n width: 100%;\n}\n.dc-feedback__container-row {\n display: flex;\n justify-content: center;\n width: 100%;\n padding: 28px;\n border: 1px solid var(--g-color-line-generic);\n border-radius: 8px;\n}\n.dc-feedback__container-row_view_wide {\n display: flex;\n align-items: center;\n}\n.dc-feedback__success-popup {\n padding: 16px 50px 16px 16px;\n width: 320px;\n}\n@media screen and (max-width: 375px) {\n .dc-feedback__success-popup_view_wide {\n right: 0 !important;\n left: 0 !important;\n margin: auto;\n }\n}\n.dc-feedback__variants-popup {\n padding: 16px;\n width: 320px;\n}\n@media screen and (max-width: 375px) {\n .dc-feedback__variants-popup_view_wide {\n right: 0 !important;\n left: 0 !important;\n margin: auto;\n }\n}\n.dc-feedback__popup-title {\n font-size: var(--g-text-body-2-font-size);\n line-height: var(--g-text-body-2-line-height);\n padding-bottom: 8px;\n}\n.dc-feedback__popup-text {\n font-size: var(--g-text-body-short-font-size);\n line-height: var(--g-text-body-short-line-height);\n}\n.dc-feedback__variants {\n display: flex;\n flex-direction: column;\n padding: 8px 0;\n}\n.dc-feedback__variant {\n margin-bottom: 8px;\n white-space: normal;\n}\n.dc-feedback__variant:last-child {\n margin-bottom: 0;\n}\n.dc-feedback__variants-actions {\n padding-top: 8px;\n display: flex;\n justify-content: flex-end;\n}\n.dc-feedback__variants-action {\n margin-left: 10px;\n}\n.dc-feedback__textarea {\n padding: 8px 0;\n}\n.dc-feedback__title_view_wide {\n font-size: var(--g-text-body-2-font-size);\n line-height: var(--g-text-body-2-line-height);\n margin-right: 16px;\n font-weight: 400;\n}\n.dc-feedback__controls {\n display: flex;\n gap: 10px;\n}\n.dc-feedback__controls_view_wide {\n display: flex;\n}\n.dc-feedback__control:last-child {\n font-size: 13px;\n line-height: 18px;\n display: flex;\n align-items: center;\n}\n.dc-feedback__control_view_wide {\n margin-right: 12px;\n}\n.dc-feedback__control_view_wide:last-child {\n margin-right: 0;\n}\n.dc-feedback__control_view_regular {\n margin-right: 4px;\n}\n.dc-feedback__control_view_regular:last-child {\n margin-right: 0;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9GZWVkYmFjayIsInNvdXJjZXMiOlsiRmVlZGJhY2suc2NzcyIsIi4uLy4uL3N0eWxlcy92YXJpYWJsZXMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQlE7RUFDSTtFQUNBO0VBQ0E7RUFDQTs7QUFJUjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBRUE7RUFDQTs7QUFFQTtFQUNJO0VBQ0E7O0FBSVI7RUFDSTtFQUNBLE9BeENLOztBQUdUO0VBQ0k7SUFFSTtJQUNBO0lBQ0E7OztBQXVDUjtFQUNJLFNDM0NPO0VENENQLE9BakRLOztBQUdUO0VBQ0k7SUFFSTtJQUNBO0lBQ0E7OztBQWdEUjtFQUNJO0VBQ0E7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7O0FBR0o7RUFDSTtFQUNBO0VBQ0E7O0FBR0o7RUFDSTtFQUNBOztBQUdKO0VBQ0k7O0FBR0o7RUFDSTtFQUNBO0VBQ0E7O0FBR0o7RUFDSTs7QUFHSjtFQUNJOztBQUlBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7O0FBSVI7RUFDSTtFQUNBOztBQUVBO0VBQ0k7O0FBS0o7RUFDSTtFQUNBO0VBQ0E7RUFDQTs7QUFHSjtFQUNJOztBQUVBO0VBQ0k7O0FBSVI7RUFDSTs7QUFFQTtFQUNJIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnLi4vLi4vc3R5bGVzL21peGlucyc7XG5AaW1wb3J0ICcuLi8uLi9zdHlsZXMvdmFyaWFibGVzJztcblxuJHBvcHVwV2lkdGg6IDMyMHB4O1xuXG5AbWl4aW4gdG9vbHRpcC1pbi1jZW50ZXIge1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAneHMnKSkge1xuICAgICAgICAmIHtcbiAgICAgICAgICAgIC8vIHN0eWxlbGludC1kaXNhYmxlIGRlY2xhcmF0aW9uLW5vLWltcG9ydGFudFxuICAgICAgICAgICAgcmlnaHQ6IDAgIWltcG9ydGFudDtcbiAgICAgICAgICAgIGxlZnQ6IDAgIWltcG9ydGFudDtcbiAgICAgICAgICAgIG1hcmdpbjogYXV0bztcbiAgICAgICAgfVxuICAgIH1cbn1cblxuLmRjLWZlZWRiYWNrIHtcbiAgICAmX19jb250YWluZXIge1xuICAgICAgICAmX3ZpZXdfd2lkZSB7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX2NvbnRhaW5lci1yb3cge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIHBhZGRpbmc6IDI4cHg7XG5cbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tZy1jb2xvci1saW5lLWdlbmVyaWMpO1xuICAgICAgICBib3JkZXItcmFkaXVzOiA4cHg7XG5cbiAgICAgICAgJl92aWV3X3dpZGUge1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19zdWNjZXNzLXBvcHVwIHtcbiAgICAgICAgcGFkZGluZzogJHBvcHVwUGFkZGluZyA1MHB4ICRwb3B1cFBhZGRpbmcgJHBvcHVwUGFkZGluZztcbiAgICAgICAgd2lkdGg6ICRwb3B1cFdpZHRoO1xuXG4gICAgICAgICZfdmlld193aWRlIHtcbiAgICAgICAgICAgIEBpbmNsdWRlIHRvb2x0aXAtaW4tY2VudGVyKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX192YXJpYW50cy1wb3B1cCB7XG4gICAgICAgIHBhZGRpbmc6ICRwb3B1cFBhZGRpbmc7XG4gICAgICAgIHdpZHRoOiAkcG9wdXBXaWR0aDtcblxuICAgICAgICAmX3ZpZXdfd2lkZSB7XG4gICAgICAgICAgICBAaW5jbHVkZSB0b29sdGlwLWluLWNlbnRlcigpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fcG9wdXAtdGl0bGUge1xuICAgICAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5LTItZm9udC1zaXplKTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LTItbGluZS1oZWlnaHQpO1xuICAgICAgICBwYWRkaW5nLWJvdHRvbTogOHB4O1xuICAgIH1cblxuICAgICZfX3BvcHVwLXRleHQge1xuICAgICAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5LXNob3J0LWZvbnQtc2l6ZSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS1zaG9ydC1saW5lLWhlaWdodCk7XG4gICAgfVxuXG4gICAgJl9fdmFyaWFudHMge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBwYWRkaW5nOiA4cHggMDtcbiAgICB9XG5cbiAgICAmX192YXJpYW50IHtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogOHB4O1xuICAgICAgICB3aGl0ZS1zcGFjZTogbm9ybWFsO1xuICAgIH1cblxuICAgICZfX3ZhcmlhbnQ6bGFzdC1jaGlsZCB7XG4gICAgICAgIG1hcmdpbi1ib3R0b206IDA7XG4gICAgfVxuXG4gICAgJl9fdmFyaWFudHMtYWN0aW9ucyB7XG4gICAgICAgIHBhZGRpbmctdG9wOiA4cHg7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgfVxuXG4gICAgJl9fdmFyaWFudHMtYWN0aW9uIHtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gICAgfVxuXG4gICAgJl9fdGV4dGFyZWEge1xuICAgICAgICBwYWRkaW5nOiA4cHggMDtcbiAgICB9XG5cbiAgICAmX190aXRsZSB7XG4gICAgICAgICZfdmlld193aWRlIHtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMi1mb250LXNpemUpO1xuICAgICAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LTItbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAxNnB4O1xuICAgICAgICAgICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX2NvbnRyb2xzIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZ2FwOiAxMHB4O1xuXG4gICAgICAgICZfdmlld193aWRlIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19jb250cm9sIHtcbiAgICAgICAgJjpsYXN0LWNoaWxkIHtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxOHB4O1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIH1cblxuICAgICAgICAmX3ZpZXdfd2lkZSB7XG4gICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDEycHg7XG5cbiAgICAgICAgICAgICY6bGFzdC1jaGlsZCB7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAwO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJl92aWV3X3JlZ3VsYXIge1xuICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiA0cHg7XG5cbiAgICAgICAgICAgICY6bGFzdC1jaGlsZCB7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAwO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxufVxuIiwiLy8gU2l6ZXNcbiRoZWFkZXJIZWlnaHQ6IDBweDtcbiRub3JtYWxPZmZzZXQ6IDIwcHg7XG4kbWluaVRvY09mZnNldDogNTZweDtcbiRibG9ja01hcmdpbkJvdHRvbUxhcmdlOiAyMHB4O1xuJGJsb2NrTWFyZ2luQm90dG9tTWVkaXVtOiAxNXB4O1xuJGhlYWRlck1hcmdpblRvcExhcmdlOiA0MHB4O1xuJGhlYWRlck1hcmdpblRvcE1lZGl1bTogMzJweDtcbiRwb3B1cFBhZGRpbmc6IDE2cHg7XG4kY2VudGVyQmxvY2tNYXhXaWR0aDogNzM2cHg7XG5cbiRzY3JlZW5CcmVha3BvaW50czogKFxuICAgICd4cyc6IDM3NXB4LFxuICAgICdzbSc6IDU3N3B4LFxuICAgICdtZCc6IDc2OXB4LFxuICAgICdsZyc6IDEwODFweCxcbiAgICAneGwnOiAxMTg1cHgsXG4pO1xuIl19 */", "// Sizes\n$headerHeight: 0px;\n$normalOffset: 20px;\n$miniTocOffset: 56px;\n$blockMarginBottomLarge: 20px;\n$blockMarginBottomMedium: 15px;\n$headerMarginTopLarge: 40px;\n$headerMarginTopMedium: 32px;\n$popupPadding: 16px;\n$centerBlockMaxWidth: 736px;\n\n$screenBreakpoints: (\n 'xs': 375px,\n 'sm': 577px,\n 'md': 769px,\n 'lg': 1081px,\n 'xl': 1185px,\n);\n"],
|
|
5
5
|
"mappings": ";AAkBQ,CAAA;AACI,WAAA;AACA,eAAA;AACA,kBAAA;AACA,SAAA;ACjBZ;ADqBI,CAAA;AACI,WAAA;AACA,mBAAA;AACA,SAAA;AACA,WAAA;AAEA,UAAA,IAAA,MAAA,IAAA;AACA,iBAAA;ACpBR;ADsBQ,CAAA;AACI,WAAA;AACA,eAAA;ACpBZ;ADwBI,CAAA;AACI,WAAA,KAAA,KAAA,KAAA;AACA,SAAA;ACtBR;ADfI,OAAA,OAAA,IAAA,CAAA,SAAA,EAAA;AACI,GAAA;AAEI,WAAA;AACA,UAAA;ACiBV;ADpBM,GAAA;AAII,YAAA;ACgBV;AACF;ADsBI,CAAA;AACI,WAAA;AACA,SAAA;ACpBR;AD1BI,OAAA,OAAA,IAAA,CAAA,SAAA,EAAA;AACI,GAAA;AAEI,WAAA;AACA,UAAA;AC4BV;AD/BM,GAAA;AAII,YAAA;AC2BV;AACF;ADoBI,CAAA;AACI,aAAA,IAAA;AACA,eAAA,IAAA;AACA,kBAAA;AClBR;ADqBI,CAAA;AACI,aAAA,IAAA;AACA,eAAA,IAAA;ACnBR;ADsBI,CAAA;AACI,WAAA;AACA,kBAAA;AACA,WAAA,IAAA;ACpBR;ADuBI,CAAA;AACI,iBAAA;AACA,eAAA;ACrBR;ADwBI,CALA,oBAKA;AACI,iBAAA;ACtBR;ADyBI,CAAA;AACI,eAAA;AACA,WAAA;AACA,mBAAA;ACvBR;AD0BI,CAAA;AACI,eAAA;ACxBR;AD2BI,CAAA;AACI,WAAA,IAAA;ACzBR;AD6BQ,CAAA;AACI,aAAA,IAAA;AACA,eAAA,IAAA;AACA,gBAAA;AACA,eAAA;AC3BZ;AD+BI,CAAA;AACI,WAAA;AACA,OAAA;AC7BR;AD+BQ,CAAA;AACI,WAAA;AC7BZ;ADkCQ,CAAA,oBAAA;AACI,aAAA;AACA,eAAA;AACA,WAAA;AACA,eAAA;AChCZ;ADmCQ,CAAA;AACI,gBAAA;ACjCZ;ADmCY,CAHJ,8BAGI;AACI,gBAAA;ACjChB;ADqCQ,CAAA;AACI,gBAAA;ACnCZ;ADqCY,CAHJ,iCAGI;AACI,gBAAA;ACnChB;",
|
|
6
6
|
"names": []
|
|
@@ -1,3 +1,20 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
+
var __spreadValues = (a, b2) => {
|
|
7
|
+
for (var prop in b2 || (b2 = {}))
|
|
8
|
+
if (__hasOwnProp.call(b2, prop))
|
|
9
|
+
__defNormalProp(a, prop, b2[prop]);
|
|
10
|
+
if (__getOwnPropSymbols)
|
|
11
|
+
for (var prop of __getOwnPropSymbols(b2)) {
|
|
12
|
+
if (__propIsEnum.call(b2, prop))
|
|
13
|
+
__defNormalProp(a, prop, b2[prop]);
|
|
14
|
+
}
|
|
15
|
+
return a;
|
|
16
|
+
};
|
|
17
|
+
|
|
1
18
|
// src/components/Feedback/Feedback.tsx
|
|
2
19
|
import React, { useCallback, useEffect, useRef, useState } from "react";
|
|
3
20
|
import block from "bem-cn-lite";
|
|
@@ -77,7 +94,7 @@ var Feedback = (props) => {
|
|
|
77
94
|
hideFeedbackPopups();
|
|
78
95
|
dislikeSuccessPopup.open();
|
|
79
96
|
setInnerState(FeedbackType.dislike);
|
|
80
|
-
onSendFeedback({ type: FeedbackType.dislike,
|
|
97
|
+
onSendFeedback(__spreadValues({ type: FeedbackType.dislike }, data));
|
|
81
98
|
},
|
|
82
99
|
[onSendFeedback, setInnerState, dislikeSuccessPopup, hideFeedbackPopups]
|
|
83
100
|
);
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/Feedback/Feedback.tsx"],
|
|
4
4
|
"sourcesContent": ["import React, {PropsWithChildren, useCallback, useEffect, useRef, useState} from 'react';\n\nimport block from 'bem-cn-lite';\n\nimport {usePopupState, useTranslation} from '../../hooks';\nimport {FeedbackSendData, FeedbackType} from '../../models';\n\nimport DislikeControl from './controls/DislikeControl';\nimport DislikeVariantsPopup, {FormData} from './controls/DislikeVariantsPopup';\nimport LikeControl from './controls/LikeControl';\nimport SuccessPopup from './controls/SuccessPopup';\n\nimport './Feedback.scss';\n\nconst b = block('dc-feedback');\n\nexport enum FeedbackView {\n Wide = 'wide',\n Regular = 'regular',\n}\n\nexport interface FeedbackProps {\n isLiked?: boolean;\n isDisliked?: boolean;\n onSendFeedback: (data: FeedbackSendData) => void;\n view?: FeedbackView;\n}\n\nconst getInnerState = (isLiked: boolean, isDisliked: boolean) => {\n switch (true) {\n case Boolean(isDisliked):\n return FeedbackType.dislike;\n case Boolean(isLiked):\n return FeedbackType.like;\n default:\n return FeedbackType.indeterminate;\n }\n};\n\nconst ControlsLayout: React.FC<PropsWithChildren<{view: FeedbackView}>> = ({view, children}) => {\n const {t} = useTranslation('feedback');\n\n if (view === FeedbackView.Regular) {\n return <React.Fragment>{children}</React.Fragment>;\n }\n\n return (\n <div className={b('container', {view})}>\n <div className={b('container-row', {view})}>\n <h3 className={b('title', {view})}>{t<string>('main-question')}</h3>\n <div className={b('controls', {view})}>{children}</div>\n </div>\n </div>\n );\n};\n\nconst Feedback: React.FC<FeedbackProps> = (props) => {\n const {\n isLiked = false,\n isDisliked = false,\n onSendFeedback,\n view = FeedbackView.Regular,\n } = props;\n\n const likeControlRef = useRef<HTMLButtonElement | null>(null);\n const dislikeControlRef = useRef<HTMLButtonElement | null>(null);\n\n const [innerState, setInnerState] = useState<FeedbackType>(getInnerState(isLiked, isDisliked));\n useEffect(() => {\n setInnerState(getInnerState(isLiked, isDisliked));\n }, [isLiked, isDisliked, setInnerState]);\n\n const likeSuccessPopup = usePopupState({autoclose: 3000});\n const dislikeSuccessPopup = usePopupState({autoclose: 3000});\n const dislikeVariantsPopup = usePopupState();\n\n const hideFeedbackPopups = useCallback(() => {\n likeSuccessPopup.close();\n dislikeSuccessPopup.close();\n dislikeVariantsPopup.close();\n }, [likeSuccessPopup, dislikeSuccessPopup, dislikeVariantsPopup]);\n\n const onChangeLike = useCallback(() => {\n hideFeedbackPopups();\n\n if (innerState === FeedbackType.like) {\n setInnerState(FeedbackType.indeterminate);\n onSendFeedback({type: FeedbackType.indeterminate});\n } else {\n setInnerState(FeedbackType.like);\n onSendFeedback({type: FeedbackType.like});\n likeSuccessPopup.open();\n }\n }, [onSendFeedback, setInnerState, innerState, likeSuccessPopup, hideFeedbackPopups]);\n\n const onChangeDislike = useCallback(() => {\n hideFeedbackPopups();\n\n if (innerState === FeedbackType.dislike) {\n setInnerState(FeedbackType.indeterminate);\n onSendFeedback({type: FeedbackType.indeterminate});\n } else {\n dislikeVariantsPopup.open();\n }\n }, [onSendFeedback, setInnerState, innerState, dislikeVariantsPopup, hideFeedbackPopups]);\n\n const onSendDislikeInformation = useCallback(\n (data: FormData) => {\n hideFeedbackPopups();\n dislikeSuccessPopup.open();\n setInnerState(FeedbackType.dislike);\n onSendFeedback({type: FeedbackType.dislike, ...data});\n },\n [onSendFeedback, setInnerState, dislikeSuccessPopup, hideFeedbackPopups],\n );\n\n return (\n <React.Fragment>\n <ControlsLayout view={view}>\n <LikeControl\n ref={likeControlRef}\n view={view}\n onClick={onChangeLike}\n isLiked={innerState === FeedbackType.like}\n />\n <DislikeControl\n ref={dislikeControlRef}\n view={view}\n onClick={onChangeDislike}\n isDisliked={innerState === FeedbackType.dislike}\n />\n </ControlsLayout>\n {likeControlRef.current && (\n <SuccessPopup\n visible={likeSuccessPopup.visible}\n anchor={likeControlRef}\n view={view}\n onOutsideClick={hideFeedbackPopups}\n />\n )}\n {dislikeControlRef.current && (\n <SuccessPopup\n visible={dislikeSuccessPopup.visible}\n anchor={dislikeControlRef}\n view={view}\n onOutsideClick={hideFeedbackPopups}\n />\n )}\n {dislikeControlRef.current && (\n <DislikeVariantsPopup\n visible={dislikeVariantsPopup.visible}\n anchor={dislikeControlRef}\n view={view}\n onSubmit={onSendDislikeInformation}\n onOutsideClick={hideFeedbackPopups}\n />\n )}\n </React.Fragment>\n );\n};\n\nexport default Feedback;\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["FeedbackView"]
|
|
7
7
|
}
|
|
@@ -1,3 +1,20 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
+
var __spreadValues = (a, b2) => {
|
|
7
|
+
for (var prop in b2 || (b2 = {}))
|
|
8
|
+
if (__hasOwnProp.call(b2, prop))
|
|
9
|
+
__defNormalProp(a, prop, b2[prop]);
|
|
10
|
+
if (__getOwnPropSymbols)
|
|
11
|
+
for (var prop of __getOwnPropSymbols(b2)) {
|
|
12
|
+
if (__propIsEnum.call(b2, prop))
|
|
13
|
+
__defNormalProp(a, prop, b2[prop]);
|
|
14
|
+
}
|
|
15
|
+
return a;
|
|
16
|
+
};
|
|
17
|
+
|
|
1
18
|
// src/components/Feedback/controls/DislikeControl.tsx
|
|
2
19
|
import React, { forwardRef, memo, useContext } from "react";
|
|
3
20
|
import { Button, Icon } from "@gravity-ui/uikit";
|
|
@@ -25,7 +42,7 @@ var DislikeControl = memo(
|
|
|
25
42
|
isVerticalView,
|
|
26
43
|
tooltipText,
|
|
27
44
|
ref,
|
|
28
|
-
icon: (args) => /* @__PURE__ */ React.createElement(Icon, { data: isDisliked ? DislikeActiveIcon : DislikeIcon,
|
|
45
|
+
icon: (args) => /* @__PURE__ */ React.createElement(Icon, __spreadValues({ data: isDisliked ? DislikeActiveIcon : DislikeIcon }, args))
|
|
29
46
|
}
|
|
30
47
|
);
|
|
31
48
|
})
|