@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
|
@@ -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": ["block", "React", "ReactDOMServer", "LinkIcon", "Contributors"]
|
|
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%20VKtjLZ%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": []
|
|
@@ -5,6 +5,7 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
7
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
9
|
var __export = (target, all) => {
|
|
9
10
|
for (var name in all)
|
|
10
11
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -26,6 +27,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
26
27
|
mod
|
|
27
28
|
));
|
|
28
29
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
30
|
+
var __publicField = (obj, key, value) => {
|
|
31
|
+
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
32
|
+
return value;
|
|
33
|
+
};
|
|
29
34
|
|
|
30
35
|
// src/components/ErrorBoundary/ErrorBoundary.tsx
|
|
31
36
|
var ErrorBoundary_exports = {};
|
|
@@ -37,7 +42,10 @@ var import_react = __toESM(require("react"));
|
|
|
37
42
|
var import_lodash = require("lodash");
|
|
38
43
|
var import_ErrorPage = require("../ErrorPage");
|
|
39
44
|
var ErrorBoundary = class extends import_react.default.Component {
|
|
40
|
-
|
|
45
|
+
constructor() {
|
|
46
|
+
super(...arguments);
|
|
47
|
+
__publicField(this, "state", {});
|
|
48
|
+
}
|
|
41
49
|
componentDidUpdate(prevProps) {
|
|
42
50
|
if (this.state.error && !(0, import_lodash.isEqual)(this.props, prevProps)) {
|
|
43
51
|
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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAuC;AAEvC,oBAAsB;AAEtB,uBAAwB;AAOxB,IAAM,gBAAN,cAA4B,aAAAA,QAAM,UAAiD;AAAA,EAAnF;AAAA;AACI,iCAA4B,CAAC;AAAA;AAAA,EAE7B,mBAAmB,WAA+B;AAC9C,QAAI,KAAK,MAAM,SAAS,KAAC,uBAAQ,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,6BAAAA,QAAA,cAAC,gCAAU,IAAK;AAAA,EACnC;AACJ;AAEA,IAAO,wBAAQ;",
|
|
6
6
|
"names": ["React"]
|
|
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%20pjrX9Y%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%20c98cSO%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": []
|
|
@@ -3,8 +3,22 @@ var __create = Object.create;
|
|
|
3
3
|
var __defProp = Object.defineProperty;
|
|
4
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6
7
|
var __getProtoOf = Object.getPrototypeOf;
|
|
7
8
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
10
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
11
|
+
var __spreadValues = (a, b2) => {
|
|
12
|
+
for (var prop in b2 || (b2 = {}))
|
|
13
|
+
if (__hasOwnProp.call(b2, prop))
|
|
14
|
+
__defNormalProp(a, prop, b2[prop]);
|
|
15
|
+
if (__getOwnPropSymbols)
|
|
16
|
+
for (var prop of __getOwnPropSymbols(b2)) {
|
|
17
|
+
if (__propIsEnum.call(b2, prop))
|
|
18
|
+
__defNormalProp(a, prop, b2[prop]);
|
|
19
|
+
}
|
|
20
|
+
return a;
|
|
21
|
+
};
|
|
8
22
|
var __export = (target, all) => {
|
|
9
23
|
for (var name in all)
|
|
10
24
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -112,7 +126,7 @@ var Feedback = (props) => {
|
|
|
112
126
|
hideFeedbackPopups();
|
|
113
127
|
dislikeSuccessPopup.open();
|
|
114
128
|
setInnerState(import_models.FeedbackType.dislike);
|
|
115
|
-
onSendFeedback({ type: import_models.FeedbackType.dislike,
|
|
129
|
+
onSendFeedback(__spreadValues({ type: import_models.FeedbackType.dislike }, data));
|
|
116
130
|
},
|
|
117
131
|
[onSendFeedback, setInnerState, dislikeSuccessPopup, hideFeedbackPopups]
|
|
118
132
|
);
|
|
@@ -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": ["block", "FeedbackView", "React", "LikeControl", "DislikeControl", "SuccessPopup", "DislikeVariantsPopup"]
|
|
7
7
|
}
|
|
@@ -3,8 +3,22 @@ var __create = Object.create;
|
|
|
3
3
|
var __defProp = Object.defineProperty;
|
|
4
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6
7
|
var __getProtoOf = Object.getPrototypeOf;
|
|
7
8
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
10
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
11
|
+
var __spreadValues = (a, b2) => {
|
|
12
|
+
for (var prop in b2 || (b2 = {}))
|
|
13
|
+
if (__hasOwnProp.call(b2, prop))
|
|
14
|
+
__defNormalProp(a, prop, b2[prop]);
|
|
15
|
+
if (__getOwnPropSymbols)
|
|
16
|
+
for (var prop of __getOwnPropSymbols(b2)) {
|
|
17
|
+
if (__propIsEnum.call(b2, prop))
|
|
18
|
+
__defNormalProp(a, prop, b2[prop]);
|
|
19
|
+
}
|
|
20
|
+
return a;
|
|
21
|
+
};
|
|
8
22
|
var __export = (target, all) => {
|
|
9
23
|
for (var name in all)
|
|
10
24
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -59,7 +73,7 @@ var DislikeControl = (0, import_react.memo)(
|
|
|
59
73
|
isVerticalView,
|
|
60
74
|
tooltipText,
|
|
61
75
|
ref,
|
|
62
|
-
icon: (args) => /* @__PURE__ */ import_react.default.createElement(import_uikit.Icon, { data: isDisliked ? import_thumbs_down_fill.default : import_thumbs_down.default,
|
|
76
|
+
icon: (args) => /* @__PURE__ */ import_react.default.createElement(import_uikit.Icon, __spreadValues({ data: isDisliked ? import_thumbs_down_fill.default : import_thumbs_down.default }, args))
|
|
63
77
|
}
|
|
64
78
|
);
|
|
65
79
|
})
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/components/Feedback/controls/DislikeControl.tsx"],
|
|
4
4
|
"sourcesContent": ["import React, {forwardRef, memo, useContext} from 'react';\n\nimport {Button, Icon} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {useTranslation} from '../../../hooks';\nimport {Control} from '../../Control';\nimport {ControlsLayoutContext} from '../../Controls/ControlsLayout';\nimport {FeedbackView} from '../Feedback';\n\nimport DislikeActiveIcon from '@gravity-ui/icons/svgs/thumbs-down-fill.svg';\nimport DislikeIcon from '@gravity-ui/icons/svgs/thumbs-down.svg';\n\ntype DislikeControlProps = {\n isVerticalView?: boolean | undefined;\n isDisliked: boolean | undefined;\n className?: string | undefined;\n view: FeedbackView | undefined;\n onClick: () => void;\n};\n\nconst b = block('dc-feedback');\n\nconst DislikeControl = memo(\n forwardRef<HTMLButtonElement, DislikeControlProps>(({isDisliked, view, onClick}, ref) => {\n const {t} = useTranslation('feedback');\n const {isVerticalView, controlClassName} = useContext(ControlsLayoutContext);\n const tooltipText = isDisliked ? t('cancel-dislike-text') : t('dislike-text');\n\n if (view === FeedbackView.Wide) {\n return (\n <Button view=\"normal\" ref={ref} onClick={onClick} className={b('control', {view})}>\n <Button.Icon>\n <Icon data={isDisliked ? DislikeActiveIcon : DislikeIcon} size={14} />\n </Button.Icon>\n {t<string>('button-dislike-text')}\n </Button>\n );\n }\n\n return (\n <Control\n onClick={onClick}\n className={b('control', {view}, controlClassName)}\n isVerticalView={isVerticalView}\n tooltipText={tooltipText}\n ref={ref}\n icon={(args) => (\n <Icon data={isDisliked ? DislikeActiveIcon : DislikeIcon} {...args} />\n )}\n />\n );\n }),\n);\n\nDislikeControl.displayName = 'DislikeControl';\n\nexport default DislikeControl;\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkD;AAElD,mBAA2B;AAC3B,yBAAkB;AAElB,mBAA6B;AAC7B,qBAAsB;AACtB,4BAAoC;AACpC,sBAA2B;AAE3B,8BAA8B;AAC9B,yBAAwB;AAUxB,IAAM,QAAI,mBAAAA,SAAM,aAAa;AAE7B,IAAM,qBAAiB;AAAA,MACnB,yBAAmD,CAAC,EAAC,YAAY,MAAM,QAAO,GAAG,QAAQ;AACrF,UAAM,EAAC,EAAC,QAAI,6BAAe,UAAU;AACrC,UAAM,EAAC,gBAAgB,iBAAgB,QAAI,yBAAW,2CAAqB;AAC3E,UAAM,cAAc,aAAa,EAAE,qBAAqB,IAAI,EAAE,cAAc;AAE5E,QAAI,SAAS,6BAAa,MAAM;AAC5B,aACI,6BAAAC,QAAA,cAAC,uBAAO,MAAK,UAAS,KAAU,SAAkB,WAAW,EAAE,WAAW,EAAC,KAAI,CAAC,KAC5E,6BAAAA,QAAA,cAAC,oBAAO,MAAP,MACG,6BAAAA,QAAA,cAAC,qBAAK,MAAM,aAAa,wBAAAC,UAAoB,mBAAAC,SAAa,MAAM,IAAI,CACxE,GACC,EAAU,qBAAqB,CACpC;AAAA,IAER;AAEA,WACI,6BAAAF,QAAA;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,WAAW,EAAE,WAAW,EAAC,KAAI,GAAG,gBAAgB;AAAA,QAChD;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAM,CAAC,SACH,6BAAAA,QAAA,cAAC,oCAAK,MAAM,aAAa,wBAAAC,UAAoB,mBAAAC,WAAiB,KAAM;AAAA;AAAA,IAE5E;AAAA,EAER,CAAC;AACL;AAEA,eAAe,cAAc;AAE7B,IAAO,yBAAQ;",
|
|
6
6
|
"names": ["block", "React", "DislikeActiveIcon", "DislikeIcon"]
|
|
7
7
|
}
|
|
@@ -1,10 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __create = Object.create;
|
|
3
3
|
var __defProp = Object.defineProperty;
|
|
4
|
+
var __defProps = Object.defineProperties;
|
|
4
5
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
5
7
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
8
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6
9
|
var __getProtoOf = Object.getPrototypeOf;
|
|
7
10
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
11
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
12
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
13
|
+
var __spreadValues = (a, b2) => {
|
|
14
|
+
for (var prop in b2 || (b2 = {}))
|
|
15
|
+
if (__hasOwnProp.call(b2, prop))
|
|
16
|
+
__defNormalProp(a, prop, b2[prop]);
|
|
17
|
+
if (__getOwnPropSymbols)
|
|
18
|
+
for (var prop of __getOwnPropSymbols(b2)) {
|
|
19
|
+
if (__propIsEnum.call(b2, prop))
|
|
20
|
+
__defNormalProp(a, prop, b2[prop]);
|
|
21
|
+
}
|
|
22
|
+
return a;
|
|
23
|
+
};
|
|
24
|
+
var __spreadProps = (a, b2) => __defProps(a, __getOwnPropDescs(b2));
|
|
8
25
|
var __export = (target, all) => {
|
|
9
26
|
for (var name in all)
|
|
10
27
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -65,10 +82,9 @@ var DislikeVariantsList = (0, import_react.memo)(
|
|
|
65
82
|
className: b("variant"),
|
|
66
83
|
checked: checked[variant],
|
|
67
84
|
onUpdate: (state) => {
|
|
68
|
-
setChecked({
|
|
69
|
-
...checked,
|
|
85
|
+
setChecked(__spreadProps(__spreadValues({}, checked), {
|
|
70
86
|
[variant]: state
|
|
71
|
-
});
|
|
87
|
+
}));
|
|
72
88
|
},
|
|
73
89
|
content: t(variant)
|
|
74
90
|
}
|
|
@@ -121,13 +137,14 @@ var DislikeVariantsPopup = (0, import_react.memo)(
|
|
|
121
137
|
const feedbackCheckboxes = (0, import_react.useRef)(null);
|
|
122
138
|
const onFormSubmit = (0, import_react.useCallback)(
|
|
123
139
|
(event) => {
|
|
140
|
+
var _a, _b, _c, _d;
|
|
124
141
|
event.preventDefault();
|
|
125
142
|
onSubmit({
|
|
126
|
-
comment: feedbackComment.current
|
|
127
|
-
answers: feedbackCheckboxes.current
|
|
143
|
+
comment: ((_a = feedbackComment.current) == null ? void 0 : _a.data()) || "",
|
|
144
|
+
answers: ((_b = feedbackCheckboxes.current) == null ? void 0 : _b.data()) || []
|
|
128
145
|
});
|
|
129
|
-
feedbackComment.current
|
|
130
|
-
feedbackCheckboxes.current
|
|
146
|
+
(_c = feedbackComment.current) == null ? void 0 : _c.clean();
|
|
147
|
+
(_d = feedbackCheckboxes.current) == null ? void 0 : _d.clean();
|
|
131
148
|
},
|
|
132
149
|
[onSubmit]
|
|
133
150
|
);
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/components/Feedback/controls/DislikeVariantsPopup.tsx"],
|
|
4
4
|
"sourcesContent": ["import React, {\n RefObject,\n SyntheticEvent,\n forwardRef,\n memo,\n useCallback,\n useContext,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from 'react';\n\nimport {Button, Checkbox, Popup, TextArea} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {PopperPosition, useTranslation} from '../../../hooks';\nimport {ControlsLayoutContext} from '../../Controls/ControlsLayout';\nimport {FeedbackView} from '../Feedback';\n\nexport interface FeedbackCheckboxes {\n [key: string]: boolean;\n}\n\nconst b = block('dc-feedback');\n\nconst DislikeVariantsList = memo(\n forwardRef<FormPart<string[]>>((_props, ref) => {\n const {t, i18n} = useTranslation('feedback-variants');\n const variants = i18n.getResourceBundle(i18n.language, 'feedback-variants');\n const [checked, setChecked] = useState({} as FeedbackCheckboxes);\n\n useImperativeHandle(ref, () => {\n return {\n data() {\n return Object.keys(checked)\n .filter((key) => Boolean(checked[key]))\n .map((key) => variants[key]);\n },\n\n clean() {\n setChecked({});\n },\n };\n });\n\n if (!Object.keys(variants).length) {\n return null;\n }\n\n return (\n <div className={b('variants')}>\n {Object.keys(variants).map((variant) => (\n <Checkbox\n key={variant}\n className={b('variant')}\n checked={checked[variant]}\n // TODO: fix uikit API - onUpdate(value, key)\n onUpdate={(state) => {\n setChecked({\n ...checked,\n [variant]: state,\n });\n }}\n content={t<string>(variant)}\n />\n ))}\n </div>\n );\n }),\n);\n\nDislikeVariantsList.displayName = 'DislikeVariantsList';\n\nconst DislikeVariantsInput = memo(\n forwardRef<FormPart<string>>((_props, ref) => {\n const {t} = useTranslation('feedback');\n const [feedbackComment, setFeedbackComment] = useState('');\n const onChange = useCallback((event: SyntheticEvent) => {\n setFeedbackComment((event.target as HTMLTextAreaElement).value);\n }, []);\n\n useImperativeHandle(ref, () => {\n return {\n data() {\n return feedbackComment;\n },\n\n clean() {\n setFeedbackComment('');\n },\n };\n });\n\n return (\n <div className={b('textarea')}>\n <TextArea\n size=\"m\"\n rows={6}\n placeholder={t('comment-placeholder')}\n hasClear\n value={feedbackComment}\n onChange={onChange}\n />\n </div>\n );\n }),\n);\n\nDislikeVariantsInput.displayName = 'DislikeVariantsInput';\n\ntype FormPart<T> = {\n data(): T;\n clean(): void;\n};\n\nexport type FormData = {\n comment: string;\n answers: string[];\n};\n\ntype DislikeVariantsPopupProps = {\n view: FeedbackView;\n visible: boolean;\n anchor: RefObject<HTMLButtonElement>;\n onOutsideClick: () => void;\n onSubmit: (data: FormData) => void;\n};\n\nconst DislikeVariantsPopup: React.FC<DislikeVariantsPopupProps> = memo(\n ({anchor, visible, view, onOutsideClick, onSubmit}) => {\n const {t} = useTranslation('feedback');\n const {isVerticalView} = useContext(ControlsLayoutContext);\n const position = useMemo(() => {\n if (!view || view === FeedbackView.Regular) {\n return isVerticalView ? PopperPosition.LEFT_START : PopperPosition.BOTTOM_END;\n }\n\n return PopperPosition.RIGHT;\n }, [isVerticalView, view]);\n\n const feedbackComment = useRef<FormPart<string> | null>(null);\n const feedbackCheckboxes = useRef<FormPart<string[]> | null>(null);\n\n const onFormSubmit = useCallback(\n (event: SyntheticEvent) => {\n event.preventDefault();\n\n onSubmit({\n comment: feedbackComment.current?.data() || '',\n answers: feedbackCheckboxes.current?.data() || [],\n });\n\n feedbackComment.current?.clean();\n feedbackCheckboxes.current?.clean();\n },\n [onSubmit],\n );\n\n return (\n <Popup\n anchorRef={anchor}\n open={visible}\n onOutsideClick={onOutsideClick}\n contentClassName={b('variants-popup', {view})}\n placement={position}\n >\n <h3 className={b('popup-title')}>{t<string>('dislike-variants-title')}</h3>\n <form onSubmit={onFormSubmit}>\n <DislikeVariantsList ref={feedbackCheckboxes} />\n <DislikeVariantsInput ref={feedbackComment} />\n <div className={b('variants-actions')}>\n <Button view=\"action\" className={b('variants-action')} type={'submit'}>\n {t<string>('send-action-text')}\n </Button>\n </div>\n </form>\n </Popup>\n );\n },\n);\n\nDislikeVariantsPopup.displayName = 'FeedbackDislikeVariantsPopup';\n\nexport default DislikeVariantsPopup;\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["block", "React"]
|
|
7
7
|
}
|
|
@@ -3,8 +3,22 @@ var __create = Object.create;
|
|
|
3
3
|
var __defProp = Object.defineProperty;
|
|
4
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6
7
|
var __getProtoOf = Object.getPrototypeOf;
|
|
7
8
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
10
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
11
|
+
var __spreadValues = (a, b2) => {
|
|
12
|
+
for (var prop in b2 || (b2 = {}))
|
|
13
|
+
if (__hasOwnProp.call(b2, prop))
|
|
14
|
+
__defNormalProp(a, prop, b2[prop]);
|
|
15
|
+
if (__getOwnPropSymbols)
|
|
16
|
+
for (var prop of __getOwnPropSymbols(b2)) {
|
|
17
|
+
if (__propIsEnum.call(b2, prop))
|
|
18
|
+
__defNormalProp(a, prop, b2[prop]);
|
|
19
|
+
}
|
|
20
|
+
return a;
|
|
21
|
+
};
|
|
8
22
|
var __export = (target, all) => {
|
|
9
23
|
for (var name in all)
|
|
10
24
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -70,7 +84,7 @@ var LikeControl = (0, import_react.memo)(
|
|
|
70
84
|
isVerticalView,
|
|
71
85
|
tooltipText,
|
|
72
86
|
ref,
|
|
73
|
-
icon: (args) => /* @__PURE__ */ import_react.default.createElement(import_uikit.Icon, { data: isLiked ? import_thumbs_up_fill.default : import_thumbs_up.default,
|
|
87
|
+
icon: (args) => /* @__PURE__ */ import_react.default.createElement(import_uikit.Icon, __spreadValues({ data: isLiked ? import_thumbs_up_fill.default : import_thumbs_up.default }, args)),
|
|
74
88
|
popupPosition
|
|
75
89
|
}
|
|
76
90
|
);
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/components/Feedback/controls/LikeControl.tsx"],
|
|
4
4
|
"sourcesContent": ["import React, {forwardRef, memo, useContext} from 'react';\n\nimport {Button, Icon} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport type {PopperPosition} from '../../../hooks';\nimport {useTranslation} from '../../../hooks';\nimport {Control} from '../../Control';\nimport {ControlsLayoutContext} from '../../Controls/ControlsLayout';\nimport {FeedbackView} from '../Feedback';\n\nimport LikeActiveIcon from '@gravity-ui/icons/svgs/thumbs-up-fill.svg';\nimport LikeIcon from '@gravity-ui/icons/svgs/thumbs-up.svg';\n\ntype LikeControlProps = {\n isVerticalView?: boolean | undefined;\n isLiked: boolean | undefined;\n className?: string | undefined;\n view: FeedbackView | undefined;\n onClick: () => void;\n popupPosition?: PopperPosition | undefined;\n};\n\nconst b = block('dc-feedback');\n\nconst LikeControl = memo(\n forwardRef<HTMLButtonElement, LikeControlProps>(({isLiked, view, onClick}, ref) => {\n const {t} = useTranslation('feedback');\n const {isVerticalView, popupPosition, controlClassName} = useContext(ControlsLayoutContext);\n const tooltipText = isLiked ? t('cancel-like-text') : t('like-text');\n\n if (view === FeedbackView.Wide) {\n return (\n <Button\n size=\"m\"\n view=\"normal\"\n ref={ref}\n onClick={onClick}\n className={b('control', {view})}\n >\n <Button.Icon>\n <Icon data={isLiked ? LikeActiveIcon : LikeIcon} size={14} />\n </Button.Icon>\n {t<string>('button-like-text')}\n </Button>\n );\n }\n\n return (\n <Control\n onClick={onClick}\n className={b('control', {view}, controlClassName)}\n isVerticalView={isVerticalView}\n tooltipText={tooltipText}\n ref={ref}\n icon={(args) => <Icon data={isLiked ? LikeActiveIcon : LikeIcon} {...args} />}\n popupPosition={popupPosition}\n />\n );\n }),\n);\n\nLikeControl.displayName = 'LikeControl';\n\nexport default LikeControl;\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkD;AAElD,mBAA2B;AAC3B,yBAAkB;AAGlB,mBAA6B;AAC7B,qBAAsB;AACtB,4BAAoC;AACpC,sBAA2B;AAE3B,4BAA2B;AAC3B,uBAAqB;AAWrB,IAAM,QAAI,mBAAAA,SAAM,aAAa;AAE7B,IAAM,kBAAc;AAAA,MAChB,yBAAgD,CAAC,EAAC,SAAS,MAAM,QAAO,GAAG,QAAQ;AAC/E,UAAM,EAAC,EAAC,QAAI,6BAAe,UAAU;AACrC,UAAM,EAAC,gBAAgB,eAAe,iBAAgB,QAAI,yBAAW,2CAAqB;AAC1F,UAAM,cAAc,UAAU,EAAE,kBAAkB,IAAI,EAAE,WAAW;AAEnE,QAAI,SAAS,6BAAa,MAAM;AAC5B,aACI,6BAAAC,QAAA;AAAA,QAAC;AAAA;AAAA,UACG,MAAK;AAAA,UACL,MAAK;AAAA,UACL;AAAA,UACA;AAAA,UACA,WAAW,EAAE,WAAW,EAAC,KAAI,CAAC;AAAA;AAAA,QAE9B,6BAAAA,QAAA,cAAC,oBAAO,MAAP,MACG,6BAAAA,QAAA,cAAC,qBAAK,MAAM,UAAU,sBAAAC,UAAiB,iBAAAC,SAAU,MAAM,IAAI,CAC/D;AAAA,QACC,EAAU,kBAAkB;AAAA,MACjC;AAAA,IAER;AAEA,WACI,6BAAAF,QAAA;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,WAAW,EAAE,WAAW,EAAC,KAAI,GAAG,gBAAgB;AAAA,QAChD;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAM,CAAC,SAAS,6BAAAA,QAAA,cAAC,oCAAK,MAAM,UAAU,sBAAAC,UAAiB,iBAAAC,WAAc,KAAM;AAAA,QAC3E;AAAA;AAAA,IACJ;AAAA,EAER,CAAC;AACL;AAEA,YAAY,cAAc;AAE1B,IAAO,sBAAQ;",
|
|
6
6
|
"names": ["block", "React", "LikeActiveIcon", "LikeIcon"]
|
|
7
7
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/Mark/Users/3y3k0/doctools/docs-components/src/components/Mark/Mark.scss", "../../../../src/components/Mark/%3Cinput%20css%
|
|
3
|
+
"sources": ["../../../../src/components/Mark/Users/3y3k0/doctools/docs-components/src/components/Mark/Mark.scss", "../../../../src/components/Mark/%3Cinput%20css%20yDLMno%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": []
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/MiniToc/Users/3y3k0/doctools/docs-components/src/components/MiniToc/MiniToc.scss", "../../../../src/components/MiniToc/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss", "../../../../src/components/MiniToc/%3Cinput%20css%
|
|
3
|
+
"sources": ["../../../../src/components/MiniToc/Users/3y3k0/doctools/docs-components/src/components/MiniToc/MiniToc.scss", "../../../../src/components/MiniToc/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss", "../../../../src/components/MiniToc/%3Cinput%20css%20o_Y1jX%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": []
|
|
@@ -5,6 +5,7 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
7
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
9
|
var __export = (target, all) => {
|
|
9
10
|
for (var name in all)
|
|
10
11
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -26,6 +27,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
26
27
|
mod
|
|
27
28
|
));
|
|
28
29
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
30
|
+
var __publicField = (obj, key, value) => {
|
|
31
|
+
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
32
|
+
return value;
|
|
33
|
+
};
|
|
29
34
|
|
|
30
35
|
// src/components/OutsideClick/OutsideClick.tsx
|
|
31
36
|
var OutsideClick_exports = {};
|
|
@@ -35,7 +40,17 @@ __export(OutsideClick_exports, {
|
|
|
35
40
|
module.exports = __toCommonJS(OutsideClick_exports);
|
|
36
41
|
var import_react = __toESM(require("react"));
|
|
37
42
|
var OutsideClick = class extends import_react.default.Component {
|
|
38
|
-
|
|
43
|
+
constructor() {
|
|
44
|
+
super(...arguments);
|
|
45
|
+
__publicField(this, "ref", (0, import_react.createRef)());
|
|
46
|
+
__publicField(this, "handleOutsideClick", (e) => {
|
|
47
|
+
var _a, _b;
|
|
48
|
+
const { onOutsideClick, anchor } = this.props;
|
|
49
|
+
if (e.target && !(((_b = (_a = this.ref) == null ? void 0 : _a.current) == null ? void 0 : _b.contains(e.target)) || (anchor == null ? void 0 : anchor.contains(e.target)))) {
|
|
50
|
+
onOutsideClick();
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
}
|
|
39
54
|
componentDidMount() {
|
|
40
55
|
document.addEventListener("mousedown", this.handleOutsideClick);
|
|
41
56
|
}
|
|
@@ -46,11 +61,5 @@ var OutsideClick = class extends import_react.default.Component {
|
|
|
46
61
|
const { children } = this.props;
|
|
47
62
|
return /* @__PURE__ */ import_react.default.createElement("div", { ref: this.ref }, children);
|
|
48
63
|
}
|
|
49
|
-
handleOutsideClick = (e) => {
|
|
50
|
-
const { onOutsideClick, anchor } = this.props;
|
|
51
|
-
if (e.target && !(this.ref?.current?.contains(e.target) || anchor?.contains(e.target))) {
|
|
52
|
-
onOutsideClick();
|
|
53
|
-
}
|
|
54
|
-
};
|
|
55
64
|
};
|
|
56
65
|
//# sourceMappingURL=OutsideClick.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/OutsideClick/OutsideClick.tsx"],
|
|
4
4
|
"sourcesContent": ["import React, {PropsWithChildren, createRef} from 'react';\n\nexport interface OutsideClickProps {\n onOutsideClick: () => void;\n anchor?: HTMLElement | null;\n}\n\nexport default class OutsideClick extends React.Component<PropsWithChildren<OutsideClickProps>> {\n ref = createRef<HTMLDivElement>();\n\n componentDidMount() {\n document.addEventListener('mousedown', this.handleOutsideClick);\n }\n\n componentWillUnmount() {\n document.removeEventListener('mousedown', this.handleOutsideClick);\n }\n\n render() {\n const {children} = this.props;\n return <div ref={this.ref}>{children}</div>;\n }\n\n handleOutsideClick = (e: MouseEvent) => {\n const {onOutsideClick, anchor} = this.props;\n\n if (\n e.target &&\n !(this.ref?.current?.contains(e.target as Node) || anchor?.contains(e.target as Node))\n ) {\n onOutsideClick();\n }\n };\n}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkD;AAOlD,IAAqB,eAArB,cAA0C,aAAAA,QAAM,UAAgD;AAAA,EAAhG;AAAA;AACI,mCAAM,wBAA0B;AAehC,8CAAqB,CAAC,MAAkB;AAvB5C;AAwBQ,YAAM,EAAC,gBAAgB,OAAM,IAAI,KAAK;AAEtC,UACI,EAAE,UACF,IAAE,gBAAK,QAAL,mBAAU,YAAV,mBAAmB,SAAS,EAAE,aAAmB,iCAAQ,SAAS,EAAE,WACxE;AACE,uBAAe;AAAA,MACnB;AAAA,IACJ;AAAA;AAAA,EAtBA,oBAAoB;AAChB,aAAS,iBAAiB,aAAa,KAAK,kBAAkB;AAAA,EAClE;AAAA,EAEA,uBAAuB;AACnB,aAAS,oBAAoB,aAAa,KAAK,kBAAkB;AAAA,EACrE;AAAA,EAEA,SAAS;AACL,UAAM,EAAC,SAAQ,IAAI,KAAK;AACxB,WAAO,6BAAAA,QAAA,cAAC,SAAI,KAAK,KAAK,OAAM,QAAS;AAAA,EACzC;AAYJ;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|