npm - @gravity-ui/page-constructor - Versions diffs - 8.14.0 → 8.14.2 - Mend

@gravity-ui/page-constructor 8.14.0 → 8.14.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/build/cjs/blocks/Footer/components/CopyrightFloor/CopyrightFloor.js CHANGED Viewed

@@ -7,6 +7,7 @@ const React = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const components_1 = require("../../../../components/index.js");
 const constants_1 = require("../../../../constants.js");
+const ssrContext_1 = require("../../../../context/ssrContext/index.js");
 const theme_1 = require("../../../../context/theme/index.js");
 const grid_1 = require("../../../../grid/index.js");
 const utils_1 = require("../../../../utils/index.js");
@@ -71,20 +72,19 @@ const RightSide = ({ copyright, rightSideRef, style }) => {
     const theme = (0, theme_1.useTheme)();
     return ((0, jsx_runtime_1.jsxs)("div", { className: b('links-floor-right'), ref: rightSideRef, style: style, children: [copyright.languageSwitcher && ((0, jsx_runtime_1.jsx)(LangSwitcher_1.LangSwitcher, { buttonText: copyright.languageSwitcher.buttonText, items: copyright.languageSwitcher.items, image: (0, utils_1.getThemedValue)(copyright.languageSwitcher.image, theme) })), copyright.copyrightText && ((0, jsx_runtime_1.jsx)("span", { className: b('links-floor-copyright'), children: copyright.copyrightText }))] }));
 };
-const DOCUMENT_ELEMENT_REF = {
-    current: document.documentElement,
-};
 const CopyrightFloor = ({ copyright }) => {
     const theme = (0, theme_1.useTheme)();
+    const { isServer } = React.useContext(ssrContext_1.SSRContext);
     const [isSmallWidth, setIsSmallWidth] = React.useState(() => {
-        return document.documentElement.clientWidth <= MOBILE_WIDTH;
+        return !isServer && document.documentElement.clientWidth <= MOBILE_WIDTH;
     });
     const [isThreeColumnStacked, setIsThreeColumnStacked] = React.useState(() => {
-        return document.documentElement.clientWidth <= THREE_COLUMN_DESKTOP_WIDTH;
+        return !isServer && document.documentElement.clientWidth <= THREE_COLUMN_DESKTOP_WIDTH;
     });
     const [sideColumnWidth, setSideColumnWidth] = React.useState();
     const logoRef = React.useRef(null);
     const rightSideRef = React.useRef(null);
+    const documentElementRef = React.useMemo(() => ({ current: isServer ? null : document.documentElement }), [isServer]);
     const updateSideColumnWidth = React.useCallback(() => {
         const logoWidth = Math.ceil(logoRef.current?.getBoundingClientRect().width ?? 0);
         const rightSideWidth = rightSideRef.current
@@ -99,7 +99,7 @@ const CopyrightFloor = ({ copyright }) => {
         updateSideColumnWidth();
     }, [updateSideColumnWidth]);
     (0, uikit_1.useResizeObserver)({
-        ref: DOCUMENT_ELEMENT_REF,
+        ref: documentElementRef,
         onResize: updateFloorSize,
     });
     const menuContainerRef = React.useRef(null);

package/build/cjs/blocks/Footer/components/CopyrightFloor/CopyrightFloor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CopyrightFloor.js","sourceRoot":"../../../../../../src","sources":["blocks/Footer/components/CopyrightFloor/CopyrightFloor.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {DropdownMenu, DropdownMenuItem, Link, useResizeObserver} from '@gravity-ui/uikit';\n\nimport {Image} from '../../../../components';\nimport {BREAKPOINTS} from '../../../../constants';\nimport {useTheme} from '../../../../context/theme';\nimport {Col} from '../../../../grid';\nimport type {FooterBlockProps} from '../../../../models';\nimport {block, getThemedValue} from '../../../../utils';\nimport {useLogoImageProps} from '../../hooks/useLogoImageProps';\nimport {LinkItem, useOverflowListItems} from '../../hooks/useOverflowListItems';\nimport {LangSwitcher} from '../LangSwitcher';\n\nimport './CopyrightFloor.scss';\n\nconst b = block('footer-block');\n\nconst MOBILE_WIDTH = BREAKPOINTS.sm;\nconst THREE_COLUMN_DESKTOP_WIDTH = BREAKPOINTS.md;\n\ntype CopyrightFloorProps = {\n copyright: NonNullable<FooterBlockProps['copyright']>;\n};\n\nfunction getElementFlexContentWidth(element: HTMLElement) {\n const children = Array.from(element.children) as HTMLElement[];\n\n if (!children.length) {\n return element.scrollWidth;\n }\n\n const elementStyles = window.getComputedStyle(element);\n const columnGap = parseFloat(elementStyles.columnGap);\n const gap = Number.isNaN(columnGap) ? 0 : columnGap;\n // extra 1px to prevent overflow\n const childrenWidths = children.map((child) => child.scrollWidth + 1);\n\n if (elementStyles.flexDirection.startsWith('column')) {\n return Math.ceil(Math.max(...childrenWidths));\n }\n\n return Math.ceil(\n childrenWidths.reduce((sum, width) => sum + width, 0) + gap * (children.length - 1),\n );\n}\n\nfunction useLinksAlignmentState(copyright: CopyrightFloorProps['copyright']) {\n const hasOnlyLinks = Boolean(\n copyright.links?.length &&\n !copyright.logo &&\n !copyright.languageSwitcher &&\n !copyright.copyrightText,\n );\n const areLinksInTheMiddle = Boolean(\n copyright.logo &&\n copyright.links?.length &&\n (copyright.languageSwitcher \|\| copyright.copyrightText),\n );\n\n return {\n shouldCenterLinks: areLinksInTheMiddle \|\| hasOnlyLinks,\n threeColumnLayout: areLinksInTheMiddle,\n hasOnlyLinks,\n };\n}\n\ntype CopyrightLogoProps = {\n logo: CopyrightFloorProps['copyright']['logo'];\n logoImageProps: Record<string, unknown> \| null;\n logoRef?: React.RefObject<HTMLDivElement>;\n};\n\nconst CopyrightLogo = ({logo, logoImageProps, logoRef}: CopyrightLogoProps) => {\n if (!logo \|\| !logoImageProps) {\n return null;\n }\n\n return (\n <div className={b('logo')} ref={logoRef}>\n {logo.url ? (\n <Link href={logo.url}>\n <Image {...logoImageProps} alt={logo.alt ?? ''} className={b('logo-image')} />\n </Link>\n ) : (\n <Image {...logoImageProps} alt={logo.alt ?? ''} className={b('logo-image')} />\n )}\n </div>\n );\n};\n\ntype VisibleLinksProps = {\n items: LinkItem[];\n isLinksOverflowDropdown: boolean;\n};\n\nconst VisibleLinks = ({items, isLinksOverflowDropdown}: VisibleLinksProps) => {\n if (!items?.length) {\n return null;\n }\n\n return (\n <ul\n className={b('links-floor-list', {\n wrap: !isLinksOverflowDropdown,\n })}\n >\n {items.map((item, index) => (\n <li key={index} className={b('links-floor-item')}>\n <a href={item.url}>{item.text}</a>\n </li>\n ))}\n </ul>\n );\n};\n\ntype OverflowDropdownProps = {\n isLinksOverflowDropdown: boolean;\n items: DropdownMenuItem[];\n};\n\nconst OverflowDropdown = ({isLinksOverflowDropdown, items}: OverflowDropdownProps) => {\n if (!isLinksOverflowDropdown \|\| !items.length) {\n return null;\n }\n\n return (\n <DropdownMenu\n items={items}\n switcherWrapperClassName={b('more-button', {\n visible: isLinksOverflowDropdown && items.length > 0,\n })}\n size=\"l\"\n />\n );\n};\n\ntype RightSideProps = {\n copyright: CopyrightFloorProps['copyright'];\n rightSideRef: React.RefObject<HTMLDivElement>;\n style?: React.CSSProperties;\n};\n\nconst RightSide = ({copyright, rightSideRef, style}: RightSideProps) => {\n const theme = useTheme();\n\n return (\n <div className={b('links-floor-right')} ref={rightSideRef} style={style}>\n {copyright.languageSwitcher && (\n <LangSwitcher\n buttonText={copyright.languageSwitcher.buttonText}\n items={copyright.languageSwitcher.items}\n image={getThemedValue(copyright.languageSwitcher.image, theme)}\n />\n )}\n {copyright.copyrightText && (\n <span className={b('links-floor-copyright')}>{copyright.copyrightText}</span>\n )}\n </div>\n );\n};\n\nconst DOCUMENT_ELEMENT_REF = {\n current: document.documentElement,\n};\n\nexport const CopyrightFloor = ({copyright}: CopyrightFloorProps) => {\n const theme = useTheme();\n const [isSmallWidth, setIsSmallWidth] = React.useState(() => {\n return document.documentElement.clientWidth <= MOBILE_WIDTH;\n });\n const [isThreeColumnStacked, setIsThreeColumnStacked] = React.useState(() => {\n return document.documentElement.clientWidth <= THREE_COLUMN_DESKTOP_WIDTH;\n });\n const [sideColumnWidth, setSideColumnWidth] = React.useState<number>();\n const logoRef = React.useRef<HTMLDivElement>(null);\n const rightSideRef = React.useRef<HTMLDivElement>(null);\n\n const updateSideColumnWidth = React.useCallback(() => {\n const logoWidth = Math.ceil(logoRef.current?.getBoundingClientRect().width ?? 0);\n const rightSideWidth = rightSideRef.current\n ? getElementFlexContentWidth(rightSideRef.current)\n : 0;\n const maxSideWidth = Math.max(logoWidth, rightSideWidth);\n\n setSideColumnWidth(maxSideWidth \|\| undefined);\n }, []);\n\n const updateFloorSize = React.useCallback(() => {\n setIsSmallWidth(document.documentElement.clientWidth <= MOBILE_WIDTH);\n setIsThreeColumnStacked(document.documentElement.clientWidth <= THREE_COLUMN_DESKTOP_WIDTH);\n updateSideColumnWidth();\n }, [updateSideColumnWidth]);\n\n useResizeObserver({\n ref: DOCUMENT_ELEMENT_REF,\n onResize: updateFloorSize,\n });\n\n const menuContainerRef = React.useRef<HTMLDivElement>(null);\n const linksOverflowStrategy = copyright.linksOverflowStrategy \|\| 'dropdown';\n const isLinksOverflowDropdown = linksOverflowStrategy === 'dropdown';\n const {visibleItems, hiddenItems, measured} = useOverflowListItems({\n isDropdown: isLinksOverflowDropdown && !isSmallWidth,\n containerRef: menuContainerRef,\n items: copyright.links,\n itemSelector: `.${b('links-floor-item')}`,\n moreButtonWidth: 52,\n });\n const {shouldCenterLinks, threeColumnLayout, hasOnlyLinks} = useLinksAlignmentState(copyright);\n const hasLanguageSwitcher = Boolean(copyright.languageSwitcher);\n const hasCopyrightText = Boolean(copyright.copyrightText);\n const hasRightSideContent = hasLanguageSwitcher \|\| hasCopyrightText;\n const copyrightLogoImage = copyright.logo && getThemedValue(copyright.logo.image, theme);\n const copyrightLogoImageProps = useLogoImageProps(copyrightLogoImage);\n\n React.useEffect(() => {\n if (isThreeColumnStacked) {\n updateSideColumnWidth();\n }\n }, [updateSideColumnWidth, copyrightLogoImageProps, hasRightSideContent, isThreeColumnStacked]);\n\n const linksContent = (\n <div className={b('links-floor-left', {measured})} ref={menuContainerRef}>\n <VisibleLinks items={visibleItems} isLinksOverflowDropdown={isLinksOverflowDropdown} />\n <OverflowDropdown\n isLinksOverflowDropdown={isLinksOverflowDropdown}\n items={hiddenItems}\n />\n </div>\n );\n\n const sideColumnStyle = React.useMemo<React.CSSProperties \| undefined>(() => {\n if (!threeColumnLayout \|\| isThreeColumnStacked \|\| sideColumnWidth === undefined) {\n return undefined;\n }\n\n return {width: sideColumnWidth};\n }, [isThreeColumnStacked, sideColumnWidth, threeColumnLayout]);\n\n return (\n <Col sizes={{all: 12}} className={b('floor', {copyright: true})}>\n <div\n className={b('links-floor-inner', {\n centered: shouldCenterLinks,\n threeColumn: threeColumnLayout,\n overflow: linksOverflowStrategy,\n withLanguageSwitcher: hasLanguageSwitcher,\n hasOnlyLinks,\n })}\n >\n {copyright.logo && (\n <div className={b('links-floor-side')} style={sideColumnStyle}>\n <CopyrightLogo\n logo={copyright.logo}\n logoImageProps={copyrightLogoImageProps}\n logoRef={logoRef}\n />\n </div>\n )}\n {threeColumnLayout ? (\n <div className={b('links-floor-center')}>{linksContent}</div>\n ) : (\n linksContent\n )}\n {hasRightSideContent && (\n <RightSide\n copyright={copyright}\n rightSideRef={rightSideRef}\n style={sideColumnStyle}\n />\n )}\n </div>\n </Col>\n );\n};\n"]}
1	+ {"version":3,"file":"CopyrightFloor.js","sourceRoot":"../../../../../../src","sources":["blocks/Footer/components/CopyrightFloor/CopyrightFloor.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {DropdownMenu, DropdownMenuItem, Link, useResizeObserver} from '@gravity-ui/uikit';\n\nimport {Image} from '../../../../components';\nimport {BREAKPOINTS} from '../../../../constants';\nimport {SSRContext} from '../../../../context/ssrContext';\nimport {useTheme} from '../../../../context/theme';\nimport {Col} from '../../../../grid';\nimport type {FooterBlockProps} from '../../../../models';\nimport {block, getThemedValue} from '../../../../utils';\nimport {useLogoImageProps} from '../../hooks/useLogoImageProps';\nimport {LinkItem, useOverflowListItems} from '../../hooks/useOverflowListItems';\nimport {LangSwitcher} from '../LangSwitcher';\n\nimport './CopyrightFloor.scss';\n\nconst b = block('footer-block');\n\nconst MOBILE_WIDTH = BREAKPOINTS.sm;\nconst THREE_COLUMN_DESKTOP_WIDTH = BREAKPOINTS.md;\n\ntype CopyrightFloorProps = {\n copyright: NonNullable<FooterBlockProps['copyright']>;\n};\n\nfunction getElementFlexContentWidth(element: HTMLElement) {\n const children = Array.from(element.children) as HTMLElement[];\n\n if (!children.length) {\n return element.scrollWidth;\n }\n\n const elementStyles = window.getComputedStyle(element);\n const columnGap = parseFloat(elementStyles.columnGap);\n const gap = Number.isNaN(columnGap) ? 0 : columnGap;\n // extra 1px to prevent overflow\n const childrenWidths = children.map((child) => child.scrollWidth + 1);\n\n if (elementStyles.flexDirection.startsWith('column')) {\n return Math.ceil(Math.max(...childrenWidths));\n }\n\n return Math.ceil(\n childrenWidths.reduce((sum, width) => sum + width, 0) + gap * (children.length - 1),\n );\n}\n\nfunction useLinksAlignmentState(copyright: CopyrightFloorProps['copyright']) {\n const hasOnlyLinks = Boolean(\n copyright.links?.length &&\n !copyright.logo &&\n !copyright.languageSwitcher &&\n !copyright.copyrightText,\n );\n const areLinksInTheMiddle = Boolean(\n copyright.logo &&\n copyright.links?.length &&\n (copyright.languageSwitcher \|\| copyright.copyrightText),\n );\n\n return {\n shouldCenterLinks: areLinksInTheMiddle \|\| hasOnlyLinks,\n threeColumnLayout: areLinksInTheMiddle,\n hasOnlyLinks,\n };\n}\n\ntype CopyrightLogoProps = {\n logo: CopyrightFloorProps['copyright']['logo'];\n logoImageProps: Record<string, unknown> \| null;\n logoRef?: React.RefObject<HTMLDivElement>;\n};\n\nconst CopyrightLogo = ({logo, logoImageProps, logoRef}: CopyrightLogoProps) => {\n if (!logo \|\| !logoImageProps) {\n return null;\n }\n\n return (\n <div className={b('logo')} ref={logoRef}>\n {logo.url ? (\n <Link href={logo.url}>\n <Image {...logoImageProps} alt={logo.alt ?? ''} className={b('logo-image')} />\n </Link>\n ) : (\n <Image {...logoImageProps} alt={logo.alt ?? ''} className={b('logo-image')} />\n )}\n </div>\n );\n};\n\ntype VisibleLinksProps = {\n items: LinkItem[];\n isLinksOverflowDropdown: boolean;\n};\n\nconst VisibleLinks = ({items, isLinksOverflowDropdown}: VisibleLinksProps) => {\n if (!items?.length) {\n return null;\n }\n\n return (\n <ul\n className={b('links-floor-list', {\n wrap: !isLinksOverflowDropdown,\n })}\n >\n {items.map((item, index) => (\n <li key={index} className={b('links-floor-item')}>\n <a href={item.url}>{item.text}</a>\n </li>\n ))}\n </ul>\n );\n};\n\ntype OverflowDropdownProps = {\n isLinksOverflowDropdown: boolean;\n items: DropdownMenuItem[];\n};\n\nconst OverflowDropdown = ({isLinksOverflowDropdown, items}: OverflowDropdownProps) => {\n if (!isLinksOverflowDropdown \|\| !items.length) {\n return null;\n }\n\n return (\n <DropdownMenu\n items={items}\n switcherWrapperClassName={b('more-button', {\n visible: isLinksOverflowDropdown && items.length > 0,\n })}\n size=\"l\"\n />\n );\n};\n\ntype RightSideProps = {\n copyright: CopyrightFloorProps['copyright'];\n rightSideRef: React.RefObject<HTMLDivElement>;\n style?: React.CSSProperties;\n};\n\nconst RightSide = ({copyright, rightSideRef, style}: RightSideProps) => {\n const theme = useTheme();\n\n return (\n <div className={b('links-floor-right')} ref={rightSideRef} style={style}>\n {copyright.languageSwitcher && (\n <LangSwitcher\n buttonText={copyright.languageSwitcher.buttonText}\n items={copyright.languageSwitcher.items}\n image={getThemedValue(copyright.languageSwitcher.image, theme)}\n />\n )}\n {copyright.copyrightText && (\n <span className={b('links-floor-copyright')}>{copyright.copyrightText}</span>\n )}\n </div>\n );\n};\n\nexport const CopyrightFloor = ({copyright}: CopyrightFloorProps) => {\n const theme = useTheme();\n const {isServer} = React.useContext(SSRContext);\n const [isSmallWidth, setIsSmallWidth] = React.useState(() => {\n return !isServer && document.documentElement.clientWidth <= MOBILE_WIDTH;\n });\n const [isThreeColumnStacked, setIsThreeColumnStacked] = React.useState(() => {\n return !isServer && document.documentElement.clientWidth <= THREE_COLUMN_DESKTOP_WIDTH;\n });\n const [sideColumnWidth, setSideColumnWidth] = React.useState<number>();\n const logoRef = React.useRef<HTMLDivElement>(null);\n const rightSideRef = React.useRef<HTMLDivElement>(null);\n const documentElementRef = React.useMemo(\n () => ({current: isServer ? null : document.documentElement}),\n [isServer],\n );\n\n const updateSideColumnWidth = React.useCallback(() => {\n const logoWidth = Math.ceil(logoRef.current?.getBoundingClientRect().width ?? 0);\n const rightSideWidth = rightSideRef.current\n ? getElementFlexContentWidth(rightSideRef.current)\n : 0;\n const maxSideWidth = Math.max(logoWidth, rightSideWidth);\n\n setSideColumnWidth(maxSideWidth \|\| undefined);\n }, []);\n\n const updateFloorSize = React.useCallback(() => {\n setIsSmallWidth(document.documentElement.clientWidth <= MOBILE_WIDTH);\n setIsThreeColumnStacked(document.documentElement.clientWidth <= THREE_COLUMN_DESKTOP_WIDTH);\n updateSideColumnWidth();\n }, [updateSideColumnWidth]);\n\n useResizeObserver({\n ref: documentElementRef,\n onResize: updateFloorSize,\n });\n\n const menuContainerRef = React.useRef<HTMLDivElement>(null);\n const linksOverflowStrategy = copyright.linksOverflowStrategy \|\| 'dropdown';\n const isLinksOverflowDropdown = linksOverflowStrategy === 'dropdown';\n const {visibleItems, hiddenItems, measured} = useOverflowListItems({\n isDropdown: isLinksOverflowDropdown && !isSmallWidth,\n containerRef: menuContainerRef,\n items: copyright.links,\n itemSelector: `.${b('links-floor-item')}`,\n moreButtonWidth: 52,\n });\n const {shouldCenterLinks, threeColumnLayout, hasOnlyLinks} = useLinksAlignmentState(copyright);\n const hasLanguageSwitcher = Boolean(copyright.languageSwitcher);\n const hasCopyrightText = Boolean(copyright.copyrightText);\n const hasRightSideContent = hasLanguageSwitcher \|\| hasCopyrightText;\n const copyrightLogoImage = copyright.logo && getThemedValue(copyright.logo.image, theme);\n const copyrightLogoImageProps = useLogoImageProps(copyrightLogoImage);\n\n React.useEffect(() => {\n if (isThreeColumnStacked) {\n updateSideColumnWidth();\n }\n }, [updateSideColumnWidth, copyrightLogoImageProps, hasRightSideContent, isThreeColumnStacked]);\n\n const linksContent = (\n <div className={b('links-floor-left', {measured})} ref={menuContainerRef}>\n <VisibleLinks items={visibleItems} isLinksOverflowDropdown={isLinksOverflowDropdown} />\n <OverflowDropdown\n isLinksOverflowDropdown={isLinksOverflowDropdown}\n items={hiddenItems}\n />\n </div>\n );\n\n const sideColumnStyle = React.useMemo<React.CSSProperties \| undefined>(() => {\n if (!threeColumnLayout \|\| isThreeColumnStacked \|\| sideColumnWidth === undefined) {\n return undefined;\n }\n\n return {width: sideColumnWidth};\n }, [isThreeColumnStacked, sideColumnWidth, threeColumnLayout]);\n\n return (\n <Col sizes={{all: 12}} className={b('floor', {copyright: true})}>\n <div\n className={b('links-floor-inner', {\n centered: shouldCenterLinks,\n threeColumn: threeColumnLayout,\n overflow: linksOverflowStrategy,\n withLanguageSwitcher: hasLanguageSwitcher,\n hasOnlyLinks,\n })}\n >\n {copyright.logo && (\n <div className={b('links-floor-side')} style={sideColumnStyle}>\n <CopyrightLogo\n logo={copyright.logo}\n logoImageProps={copyrightLogoImageProps}\n logoRef={logoRef}\n />\n </div>\n )}\n {threeColumnLayout ? (\n <div className={b('links-floor-center')}>{linksContent}</div>\n ) : (\n linksContent\n )}\n {hasRightSideContent && (\n <RightSide\n copyright={copyright}\n rightSideRef={rightSideRef}\n style={sideColumnStyle}\n />\n )}\n </div>\n </Col>\n );\n};\n"]}

package/build/cjs/utils/url.js CHANGED Viewed

@@ -12,7 +12,7 @@ const EXAMPLE_URL = 'https://example.org';
 exports.EXTERNAL_LINK_PROPS = { target: '_blank', rel: 'noopener noreferrer' };
 function getLinkProps(url, hostname, target) {
     let linkProps = { target };
-    if (isLinkExternal(url, hostname)) {
+    if (isLinkExternal(url, hostname) && (!target || target === '_blank')) {
         linkProps = { ...linkProps, ...exports.EXTERNAL_LINK_PROPS };
     }
     return linkProps;

package/build/cjs/utils/url.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"url.js","sourceRoot":"../../../src","sources":["utils/url.ts"],"names":[],"mappings":";;;AAOA,oCAQC;AAED,sCAQC;AAED,wCAKC;AAED,oDAEC;AAED,8BAEC;AAYD,0CAaC;AAjED,6BAAkC;AAIlC,MAAM,WAAW,GAAG,qBAAqB,CAAC;AAC7B,QAAA,mBAAmB,GAAG,EAAC,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,qBAAqB,EAAC,CAAC;AAElF,SAAgB,YAAY,CAAC,GAAW,EAAE,QAAiB,EAAE,MAAe;IACxE,IAAI,SAAS,GAAG,EAAC,MAAM,EAAC,CAAC;IAEzB,IAAI,cAAc,CAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,CAAC;~~QAChC~~,SAAS,GAAG,EAAC,GAAG,SAAS,EAAE,GAAG,2BAAmB,EAAC,CAAC;IACvD,CAAC;IAED,OAAO,SAAS,CAAC;AACrB,CAAC;AAED,SAAgB,aAAa,CAAC,GAAiB;IAC3C,+CAA+C;IAC/C,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;IAEzC,OAAO;IACH,kFAAkF;IAClF,MAAM,CAAC,MAAM,KAAK,WAAW,IAAI,CAAC,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAC5F,CAAC;AACN,CAAC;AAED,SAAgB,cAAc,CAAC,GAAW,EAAE,cAAuB;IAC/D,OAAO,CACH,aAAa,CAAC,GAAG,CAAC;QAClB,oBAAoB,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,KAAK,oBAAoB,CAAC,cAAc,IAAI,EAAE,CAAC,CAC7F,CAAC;AACN,CAAC;AAED,SAAgB,oBAAoB,CAAC,QAAgB;IACjD,OAAO,QAAQ,CAAC,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;AAC/C,CAAC;AAED,SAAgB,SAAS,CAAC,GAAW,EAAE,GAAG,GAAG,IAAI;IAC7C,OAAO,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;AACzE,CAAC;AAEM,MAAM,mBAAmB,GAAG,CAAC,QAAe,EAAE,EAAE,EAAE;IACrD,MAAM,YAAY,GAAG,IAAI,eAAe,EAAE,CAAC;IAE3C,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QAC3C,YAAY,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,OAAO,YAAY,CAAC;AACxB,CAAC,CAAC;AARW,QAAA,mBAAmB,uBAQ9B;AAEF,SAAgB,eAAe,CAAC,QAAiB,EAAE,QAAiB,EAAE,GAAY;IAC9E,IAAI,CAAC,QAAQ,EAAE,CAAC;QACZ,OAAO,GAAG,IAAI,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,MAAM,GAAG,IAAA,WAAK,EAAC,GAAG,IAAI,EAAE,CAAC,CAAC;IAEhC,OAAO,IAAA,YAAM,EAAC;QACV,GAAG,MAAM;QACT,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,OAAO;QACpC,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,QAAQ;QACrC,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,QAAQ;KACxC,CAAC,CAAC;AACP,CAAC","sourcesContent":["import {format, parse} from 'url';\n\nexport type Query = Record<string, number \| string \| null>;\n\nconst EXAMPLE_URL = 'https://example.org';\nexport const EXTERNAL_LINK_PROPS = {target: '_blank', rel: 'noopener noreferrer'};\n\nexport function getLinkProps(url: string, hostname?: string, target?: string) {\n let linkProps = {target};\n\n if (isLinkExternal(url, hostname)) {\n linkProps = {...linkProps, ...EXTERNAL_LINK_PROPS};\n }\n\n return linkProps;\n}\n\nexport function isAbsoluteUrl(url: string \| URL) {\n // Using example URL as base for relative links\n const urlObj = new URL(url, EXAMPLE_URL);\n\n return (\n // Compare url origin with example and check that original url was not example one\n urlObj.origin !== EXAMPLE_URL \|\| (typeof url === 'string' && url.startsWith(EXAMPLE_URL))\n );\n}\n\nexport function isLinkExternal(url: string, routerHostname?: string) {\n return (\n isAbsoluteUrl(url) &&\n getNonLocaleHostName(new URL(url).hostname) !== getNonLocaleHostName(routerHostname ?? '')\n );\n}\n\nexport function getNonLocaleHostName(hostname: string) {\n return hostname.replace(/\\.(ru\|com)$/, '');\n}\n\nexport function setUrlTld(url: string, tld = 'ru') {\n return typeof url === 'string' ? url?.replace(/\\${tld}/g, tld) : url;\n}\n\nexport const getPageSearchParams = (query: Query = {}) => {\n const searchParams = new URLSearchParams();\n\n Object.entries(query).forEach(([key, value]) => {\n searchParams.set(key, String(value));\n });\n\n return searchParams;\n};\n\nexport function getAbsolutePath(hostname?: string, pathname?: string, url?: string) {\n if (!pathname) {\n return url ?? '';\n }\n\n const parsed = parse(url \|\| '');\n\n return format({\n ...parsed,\n protocol: parsed.protocol \|\| 'https',\n hostname: parsed.hostname \|\| hostname,\n pathname: parsed.pathname \|\| pathname,\n });\n}\n"]}
1	+ {"version":3,"file":"url.js","sourceRoot":"../../../src","sources":["utils/url.ts"],"names":[],"mappings":";;;AAOA,oCAQC;AAED,sCAQC;AAED,wCAKC;AAED,oDAEC;AAED,8BAEC;AAYD,0CAaC;AAjED,6BAAkC;AAIlC,MAAM,WAAW,GAAG,qBAAqB,CAAC;AAC7B,QAAA,mBAAmB,GAAG,EAAC,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,qBAAqB,EAAC,CAAC;AAElF,SAAgB,YAAY,CAAC,GAAW,EAAE,QAAiB,EAAE,MAAe;IACxE,IAAI,SAAS,GAAG,EAAC,MAAM,EAAC,CAAC;IAEzB,IAAI,cAAc,CAAC,GAAG,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,MAAM,KAAK,QAAQ,CAAC,EAAE,CAAC;QACpE,SAAS,GAAG,EAAC,GAAG,SAAS,EAAE,GAAG,2BAAmB,EAAC,CAAC;IACvD,CAAC;IAED,OAAO,SAAS,CAAC;AACrB,CAAC;AAED,SAAgB,aAAa,CAAC,GAAiB;IAC3C,+CAA+C;IAC/C,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;IAEzC,OAAO;IACH,kFAAkF;IAClF,MAAM,CAAC,MAAM,KAAK,WAAW,IAAI,CAAC,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAC5F,CAAC;AACN,CAAC;AAED,SAAgB,cAAc,CAAC,GAAW,EAAE,cAAuB;IAC/D,OAAO,CACH,aAAa,CAAC,GAAG,CAAC;QAClB,oBAAoB,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,KAAK,oBAAoB,CAAC,cAAc,IAAI,EAAE,CAAC,CAC7F,CAAC;AACN,CAAC;AAED,SAAgB,oBAAoB,CAAC,QAAgB;IACjD,OAAO,QAAQ,CAAC,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;AAC/C,CAAC;AAED,SAAgB,SAAS,CAAC,GAAW,EAAE,GAAG,GAAG,IAAI;IAC7C,OAAO,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;AACzE,CAAC;AAEM,MAAM,mBAAmB,GAAG,CAAC,QAAe,EAAE,EAAE,EAAE;IACrD,MAAM,YAAY,GAAG,IAAI,eAAe,EAAE,CAAC;IAE3C,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QAC3C,YAAY,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,OAAO,YAAY,CAAC;AACxB,CAAC,CAAC;AARW,QAAA,mBAAmB,uBAQ9B;AAEF,SAAgB,eAAe,CAAC,QAAiB,EAAE,QAAiB,EAAE,GAAY;IAC9E,IAAI,CAAC,QAAQ,EAAE,CAAC;QACZ,OAAO,GAAG,IAAI,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,MAAM,GAAG,IAAA,WAAK,EAAC,GAAG,IAAI,EAAE,CAAC,CAAC;IAEhC,OAAO,IAAA,YAAM,EAAC;QACV,GAAG,MAAM;QACT,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,OAAO;QACpC,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,QAAQ;QACrC,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,QAAQ;KACxC,CAAC,CAAC;AACP,CAAC","sourcesContent":["import {format, parse} from 'url';\n\nexport type Query = Record<string, number \| string \| null>;\n\nconst EXAMPLE_URL = 'https://example.org';\nexport const EXTERNAL_LINK_PROPS = {target: '_blank', rel: 'noopener noreferrer'};\n\nexport function getLinkProps(url: string, hostname?: string, target?: string) {\n let linkProps = {target};\n\n if (isLinkExternal(url, hostname) && (!target \|\| target === '_blank')) {\n linkProps = {...linkProps, ...EXTERNAL_LINK_PROPS};\n }\n\n return linkProps;\n}\n\nexport function isAbsoluteUrl(url: string \| URL) {\n // Using example URL as base for relative links\n const urlObj = new URL(url, EXAMPLE_URL);\n\n return (\n // Compare url origin with example and check that original url was not example one\n urlObj.origin !== EXAMPLE_URL \|\| (typeof url === 'string' && url.startsWith(EXAMPLE_URL))\n );\n}\n\nexport function isLinkExternal(url: string, routerHostname?: string) {\n return (\n isAbsoluteUrl(url) &&\n getNonLocaleHostName(new URL(url).hostname) !== getNonLocaleHostName(routerHostname ?? '')\n );\n}\n\nexport function getNonLocaleHostName(hostname: string) {\n return hostname.replace(/\\.(ru\|com)$/, '');\n}\n\nexport function setUrlTld(url: string, tld = 'ru') {\n return typeof url === 'string' ? url?.replace(/\\${tld}/g, tld) : url;\n}\n\nexport const getPageSearchParams = (query: Query = {}) => {\n const searchParams = new URLSearchParams();\n\n Object.entries(query).forEach(([key, value]) => {\n searchParams.set(key, String(value));\n });\n\n return searchParams;\n};\n\nexport function getAbsolutePath(hostname?: string, pathname?: string, url?: string) {\n if (!pathname) {\n return url ?? '';\n }\n\n const parsed = parse(url \|\| '');\n\n return format({\n ...parsed,\n protocol: parsed.protocol \|\| 'https',\n hostname: parsed.hostname \|\| hostname,\n pathname: parsed.pathname \|\| pathname,\n });\n}\n"]}

package/build/cjs/utils/url.test.js CHANGED Viewed

@@ -48,6 +48,7 @@ describe('URL utils check', () => {
             '_blank',
             { target: '_blank', rel: 'noopener noreferrer' },
         ],
+        ['http://example.net/path', 'example.com', '_self', { target: '_self' }],
         [
             'http://example.net/path',
             'example.com',
@@ -60,6 +61,7 @@ describe('URL utils check', () => {
             '_blank',
             { target: '_blank', rel: 'noopener noreferrer' },
         ],
+        ['http://example.net/path', undefined, '_self', { target: '_self' }],
         [
             'http://example.net/path',
             undefined,

package/build/cjs/utils/url.test.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"url.test.js","sourceRoot":"../../../src","sources":["utils/url.test.ts"],"names":[],"mappings":"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","sourcesContent":["import {getLinkProps, isAbsoluteUrl, isLinkExternal} from './url';\n\ndescribe('URL utils check', () => {\n test.each([\n ['https://user:pass@sub.example.com:8080/p/a/t/h?query=string&query2=1#hash', true],\n ['http://example.net/path', true],\n ['/p/a/t/h?query=string&query2=1#hash', false],\n ['/path', false],\n ['path', false],\n ])(\"isAbsoluteUrl('%s') should return '%s'\", (url, result) => {\n expect(isAbsoluteUrl(url)).toEqual(result);\n });\n\n test.each([\n [\n 'https://user:pass@sub.example.com:8080/p/a/t/h?query=string&query2=1#hash',\n 'example.net',\n true,\n ],\n [\n 'https://user:pass@sub.example.com:8080/p/a/t/h?query=string&query2=1#hash',\n 'sub.example.com',\n false,\n ],\n [\n 'https://user:pass@sub.example.com:8080/p/a/t/h?query=string&query2=1#hash',\n undefined,\n true,\n ],\n ['http://example.net/path', 'example.net', false],\n ['http://example.net/path', 'sub.example.com', true],\n ['http://example.net/path', undefined, true],\n ['/p/a/t/h?query=string&query2=1#hash', 'example.net', false],\n ['/p/a/t/h?query=string&query2=1#hash', undefined, false],\n ['/path', 'example.net', false],\n ['/path', undefined, false],\n ['path', 'example.net', false],\n ['path', undefined, false],\n ])(\"isLinkExternal('%s', '%s') should return '%s'\", (url, hostname, result) => {\n expect(isLinkExternal(url, hostname)).toEqual(result);\n });\n\n test.each([\n ['http://example.net/path', 'example.net', '_blank', {target: '_blank'}],\n ['http://example.net/path', 'example.net', undefined, {}],\n [\n 'http://example.net/path',\n 'example.com',\n '_blank',\n {target: '_blank', rel: 'noopener noreferrer'},\n ],\n [\n 'http://example.net/path',\n 'example.com',\n undefined,\n {target: '_blank', rel: 'noopener noreferrer'},\n ],\n [\n 'http://example.net/path',\n undefined,\n '_blank',\n {target: '_blank', rel: 'noopener noreferrer'},\n ],\n [\n 'http://example.net/path',\n undefined,\n undefined,\n {target: '_blank', rel: 'noopener noreferrer'},\n ],\n\n ['/path', 'example.net', '_blank', {target: '_blank'}],\n ['/path', 'example.net', undefined, {}],\n ['/path', undefined, '_blank', {target: '_blank'}],\n ['/path', undefined, undefined, {}],\n ])(\"getLinkProps('%s', '%s', '%s') should return '%s'\", (url, hostname, target, result) => {\n expect(getLinkProps(url, hostname, target)).toEqual(result);\n });\n});\n"]}
1	+ {"version":3,"file":"url.test.js","sourceRoot":"../../../src","sources":["utils/url.test.ts"],"names":[],"mappings":"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","sourcesContent":["import {getLinkProps, isAbsoluteUrl, isLinkExternal} from './url';\n\ndescribe('URL utils check', () => {\n test.each([\n ['https://user:pass@sub.example.com:8080/p/a/t/h?query=string&query2=1#hash', true],\n ['http://example.net/path', true],\n ['/p/a/t/h?query=string&query2=1#hash', false],\n ['/path', false],\n ['path', false],\n ])(\"isAbsoluteUrl('%s') should return '%s'\", (url, result) => {\n expect(isAbsoluteUrl(url)).toEqual(result);\n });\n\n test.each([\n [\n 'https://user:pass@sub.example.com:8080/p/a/t/h?query=string&query2=1#hash',\n 'example.net',\n true,\n ],\n [\n 'https://user:pass@sub.example.com:8080/p/a/t/h?query=string&query2=1#hash',\n 'sub.example.com',\n false,\n ],\n [\n 'https://user:pass@sub.example.com:8080/p/a/t/h?query=string&query2=1#hash',\n undefined,\n true,\n ],\n ['http://example.net/path', 'example.net', false],\n ['http://example.net/path', 'sub.example.com', true],\n ['http://example.net/path', undefined, true],\n ['/p/a/t/h?query=string&query2=1#hash', 'example.net', false],\n ['/p/a/t/h?query=string&query2=1#hash', undefined, false],\n ['/path', 'example.net', false],\n ['/path', undefined, false],\n ['path', 'example.net', false],\n ['path', undefined, false],\n ])(\"isLinkExternal('%s', '%s') should return '%s'\", (url, hostname, result) => {\n expect(isLinkExternal(url, hostname)).toEqual(result);\n });\n\n test.each([\n ['http://example.net/path', 'example.net', '_blank', {target: '_blank'}],\n ['http://example.net/path', 'example.net', undefined, {}],\n [\n 'http://example.net/path',\n 'example.com',\n '_blank',\n {target: '_blank', rel: 'noopener noreferrer'},\n ],\n ['http://example.net/path', 'example.com', '_self', {target: '_self'}],\n [\n 'http://example.net/path',\n 'example.com',\n undefined,\n {target: '_blank', rel: 'noopener noreferrer'},\n ],\n [\n 'http://example.net/path',\n undefined,\n '_blank',\n {target: '_blank', rel: 'noopener noreferrer'},\n ],\n ['http://example.net/path', undefined, '_self', {target: '_self'}],\n [\n 'http://example.net/path',\n undefined,\n undefined,\n {target: '_blank', rel: 'noopener noreferrer'},\n ],\n\n ['/path', 'example.net', '_blank', {target: '_blank'}],\n ['/path', 'example.net', undefined, {}],\n ['/path', undefined, '_blank', {target: '_blank'}],\n ['/path', undefined, undefined, {}],\n ])(\"getLinkProps('%s', '%s', '%s') should return '%s'\", (url, hostname, target, result) => {\n expect(getLinkProps(url, hostname, target)).toEqual(result);\n });\n});\n"]}

package/build/esm/blocks/Footer/components/CopyrightFloor/CopyrightFloor.js CHANGED Viewed

@@ -3,6 +3,7 @@ import * as React from 'react';
 import { DropdownMenu, Link, useResizeObserver } from '@gravity-ui/uikit';
 import { Image } from "../../../../components/index.js";
 import { BREAKPOINTS } from "../../../../constants.js";
+import { SSRContext } from "../../../../context/ssrContext/index.js";
 import { useTheme } from "../../../../context/theme/index.js";
 import { Col } from "../../../../grid/index.js";
 import { block, getThemedValue } from "../../../../utils/index.js";
@@ -68,20 +69,19 @@ const RightSide = ({ copyright, rightSideRef, style }) => {
     const theme = useTheme();
     return (_jsxs("div", { className: b('links-floor-right'), ref: rightSideRef, style: style, children: [copyright.languageSwitcher && (_jsx(LangSwitcher, { buttonText: copyright.languageSwitcher.buttonText, items: copyright.languageSwitcher.items, image: getThemedValue(copyright.languageSwitcher.image, theme) })), copyright.copyrightText && (_jsx("span", { className: b('links-floor-copyright'), children: copyright.copyrightText }))] }));
 };
-const DOCUMENT_ELEMENT_REF = {
-    current: document.documentElement,
-};
 export const CopyrightFloor = ({ copyright }) => {
     const theme = useTheme();
+    const { isServer } = React.useContext(SSRContext);
     const [isSmallWidth, setIsSmallWidth] = React.useState(() => {
-        return document.documentElement.clientWidth <= MOBILE_WIDTH;
+        return !isServer && document.documentElement.clientWidth <= MOBILE_WIDTH;
     });
     const [isThreeColumnStacked, setIsThreeColumnStacked] = React.useState(() => {
-        return document.documentElement.clientWidth <= THREE_COLUMN_DESKTOP_WIDTH;
+        return !isServer && document.documentElement.clientWidth <= THREE_COLUMN_DESKTOP_WIDTH;
     });
     const [sideColumnWidth, setSideColumnWidth] = React.useState();
     const logoRef = React.useRef(null);
     const rightSideRef = React.useRef(null);
+    const documentElementRef = React.useMemo(() => ({ current: isServer ? null : document.documentElement }), [isServer]);
     const updateSideColumnWidth = React.useCallback(() => {
         const logoWidth = Math.ceil(logoRef.current?.getBoundingClientRect().width ?? 0);
         const rightSideWidth = rightSideRef.current
@@ -96,7 +96,7 @@ export const CopyrightFloor = ({ copyright }) => {
         updateSideColumnWidth();
     }, [updateSideColumnWidth]);
     useResizeObserver({
-        ref: DOCUMENT_ELEMENT_REF,
+        ref: documentElementRef,
         onResize: updateFloorSize,
     });
     const menuContainerRef = React.useRef(null);

package/build/esm/blocks/Footer/components/CopyrightFloor/CopyrightFloor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CopyrightFloor.js","sourceRoot":"../../../../../../src","sources":["blocks/Footer/components/CopyrightFloor/CopyrightFloor.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {DropdownMenu, DropdownMenuItem, Link, useResizeObserver} from '@gravity-ui/uikit';\n\nimport {Image} from '../../../../components';\nimport {BREAKPOINTS} from '../../../../constants';\nimport {useTheme} from '../../../../context/theme';\nimport {Col} from '../../../../grid';\nimport type {FooterBlockProps} from '../../../../models';\nimport {block, getThemedValue} from '../../../../utils';\nimport {useLogoImageProps} from '../../hooks/useLogoImageProps';\nimport {LinkItem, useOverflowListItems} from '../../hooks/useOverflowListItems';\nimport {LangSwitcher} from '../LangSwitcher';\n\nimport './CopyrightFloor.scss';\n\nconst b = block('footer-block');\n\nconst MOBILE_WIDTH = BREAKPOINTS.sm;\nconst THREE_COLUMN_DESKTOP_WIDTH = BREAKPOINTS.md;\n\ntype CopyrightFloorProps = {\n copyright: NonNullable<FooterBlockProps['copyright']>;\n};\n\nfunction getElementFlexContentWidth(element: HTMLElement) {\n const children = Array.from(element.children) as HTMLElement[];\n\n if (!children.length) {\n return element.scrollWidth;\n }\n\n const elementStyles = window.getComputedStyle(element);\n const columnGap = parseFloat(elementStyles.columnGap);\n const gap = Number.isNaN(columnGap) ? 0 : columnGap;\n // extra 1px to prevent overflow\n const childrenWidths = children.map((child) => child.scrollWidth + 1);\n\n if (elementStyles.flexDirection.startsWith('column')) {\n return Math.ceil(Math.max(...childrenWidths));\n }\n\n return Math.ceil(\n childrenWidths.reduce((sum, width) => sum + width, 0) + gap * (children.length - 1),\n );\n}\n\nfunction useLinksAlignmentState(copyright: CopyrightFloorProps['copyright']) {\n const hasOnlyLinks = Boolean(\n copyright.links?.length &&\n !copyright.logo &&\n !copyright.languageSwitcher &&\n !copyright.copyrightText,\n );\n const areLinksInTheMiddle = Boolean(\n copyright.logo &&\n copyright.links?.length &&\n (copyright.languageSwitcher \|\| copyright.copyrightText),\n );\n\n return {\n shouldCenterLinks: areLinksInTheMiddle \|\| hasOnlyLinks,\n threeColumnLayout: areLinksInTheMiddle,\n hasOnlyLinks,\n };\n}\n\ntype CopyrightLogoProps = {\n logo: CopyrightFloorProps['copyright']['logo'];\n logoImageProps: Record<string, unknown> \| null;\n logoRef?: React.RefObject<HTMLDivElement>;\n};\n\nconst CopyrightLogo = ({logo, logoImageProps, logoRef}: CopyrightLogoProps) => {\n if (!logo \|\| !logoImageProps) {\n return null;\n }\n\n return (\n <div className={b('logo')} ref={logoRef}>\n {logo.url ? (\n <Link href={logo.url}>\n <Image {...logoImageProps} alt={logo.alt ?? ''} className={b('logo-image')} />\n </Link>\n ) : (\n <Image {...logoImageProps} alt={logo.alt ?? ''} className={b('logo-image')} />\n )}\n </div>\n );\n};\n\ntype VisibleLinksProps = {\n items: LinkItem[];\n isLinksOverflowDropdown: boolean;\n};\n\nconst VisibleLinks = ({items, isLinksOverflowDropdown}: VisibleLinksProps) => {\n if (!items?.length) {\n return null;\n }\n\n return (\n <ul\n className={b('links-floor-list', {\n wrap: !isLinksOverflowDropdown,\n })}\n >\n {items.map((item, index) => (\n <li key={index} className={b('links-floor-item')}>\n <a href={item.url}>{item.text}</a>\n </li>\n ))}\n </ul>\n );\n};\n\ntype OverflowDropdownProps = {\n isLinksOverflowDropdown: boolean;\n items: DropdownMenuItem[];\n};\n\nconst OverflowDropdown = ({isLinksOverflowDropdown, items}: OverflowDropdownProps) => {\n if (!isLinksOverflowDropdown \|\| !items.length) {\n return null;\n }\n\n return (\n <DropdownMenu\n items={items}\n switcherWrapperClassName={b('more-button', {\n visible: isLinksOverflowDropdown && items.length > 0,\n })}\n size=\"l\"\n />\n );\n};\n\ntype RightSideProps = {\n copyright: CopyrightFloorProps['copyright'];\n rightSideRef: React.RefObject<HTMLDivElement>;\n style?: React.CSSProperties;\n};\n\nconst RightSide = ({copyright, rightSideRef, style}: RightSideProps) => {\n const theme = useTheme();\n\n return (\n <div className={b('links-floor-right')} ref={rightSideRef} style={style}>\n {copyright.languageSwitcher && (\n <LangSwitcher\n buttonText={copyright.languageSwitcher.buttonText}\n items={copyright.languageSwitcher.items}\n image={getThemedValue(copyright.languageSwitcher.image, theme)}\n />\n )}\n {copyright.copyrightText && (\n <span className={b('links-floor-copyright')}>{copyright.copyrightText}</span>\n )}\n </div>\n );\n};\n\nconst DOCUMENT_ELEMENT_REF = {\n current: document.documentElement,\n};\n\nexport const CopyrightFloor = ({copyright}: CopyrightFloorProps) => {\n const theme = useTheme();\n const [isSmallWidth, setIsSmallWidth] = React.useState(() => {\n return document.documentElement.clientWidth <= MOBILE_WIDTH;\n });\n const [isThreeColumnStacked, setIsThreeColumnStacked] = React.useState(() => {\n return document.documentElement.clientWidth <= THREE_COLUMN_DESKTOP_WIDTH;\n });\n const [sideColumnWidth, setSideColumnWidth] = React.useState<number>();\n const logoRef = React.useRef<HTMLDivElement>(null);\n const rightSideRef = React.useRef<HTMLDivElement>(null);\n\n const updateSideColumnWidth = React.useCallback(() => {\n const logoWidth = Math.ceil(logoRef.current?.getBoundingClientRect().width ?? 0);\n const rightSideWidth = rightSideRef.current\n ? getElementFlexContentWidth(rightSideRef.current)\n : 0;\n const maxSideWidth = Math.max(logoWidth, rightSideWidth);\n\n setSideColumnWidth(maxSideWidth \|\| undefined);\n }, []);\n\n const updateFloorSize = React.useCallback(() => {\n setIsSmallWidth(document.documentElement.clientWidth <= MOBILE_WIDTH);\n setIsThreeColumnStacked(document.documentElement.clientWidth <= THREE_COLUMN_DESKTOP_WIDTH);\n updateSideColumnWidth();\n }, [updateSideColumnWidth]);\n\n useResizeObserver({\n ref: DOCUMENT_ELEMENT_REF,\n onResize: updateFloorSize,\n });\n\n const menuContainerRef = React.useRef<HTMLDivElement>(null);\n const linksOverflowStrategy = copyright.linksOverflowStrategy \|\| 'dropdown';\n const isLinksOverflowDropdown = linksOverflowStrategy === 'dropdown';\n const {visibleItems, hiddenItems, measured} = useOverflowListItems({\n isDropdown: isLinksOverflowDropdown && !isSmallWidth,\n containerRef: menuContainerRef,\n items: copyright.links,\n itemSelector: `.${b('links-floor-item')}`,\n moreButtonWidth: 52,\n });\n const {shouldCenterLinks, threeColumnLayout, hasOnlyLinks} = useLinksAlignmentState(copyright);\n const hasLanguageSwitcher = Boolean(copyright.languageSwitcher);\n const hasCopyrightText = Boolean(copyright.copyrightText);\n const hasRightSideContent = hasLanguageSwitcher \|\| hasCopyrightText;\n const copyrightLogoImage = copyright.logo && getThemedValue(copyright.logo.image, theme);\n const copyrightLogoImageProps = useLogoImageProps(copyrightLogoImage);\n\n React.useEffect(() => {\n if (isThreeColumnStacked) {\n updateSideColumnWidth();\n }\n }, [updateSideColumnWidth, copyrightLogoImageProps, hasRightSideContent, isThreeColumnStacked]);\n\n const linksContent = (\n <div className={b('links-floor-left', {measured})} ref={menuContainerRef}>\n <VisibleLinks items={visibleItems} isLinksOverflowDropdown={isLinksOverflowDropdown} />\n <OverflowDropdown\n isLinksOverflowDropdown={isLinksOverflowDropdown}\n items={hiddenItems}\n />\n </div>\n );\n\n const sideColumnStyle = React.useMemo<React.CSSProperties \| undefined>(() => {\n if (!threeColumnLayout \|\| isThreeColumnStacked \|\| sideColumnWidth === undefined) {\n return undefined;\n }\n\n return {width: sideColumnWidth};\n }, [isThreeColumnStacked, sideColumnWidth, threeColumnLayout]);\n\n return (\n <Col sizes={{all: 12}} className={b('floor', {copyright: true})}>\n <div\n className={b('links-floor-inner', {\n centered: shouldCenterLinks,\n threeColumn: threeColumnLayout,\n overflow: linksOverflowStrategy,\n withLanguageSwitcher: hasLanguageSwitcher,\n hasOnlyLinks,\n })}\n >\n {copyright.logo && (\n <div className={b('links-floor-side')} style={sideColumnStyle}>\n <CopyrightLogo\n logo={copyright.logo}\n logoImageProps={copyrightLogoImageProps}\n logoRef={logoRef}\n />\n </div>\n )}\n {threeColumnLayout ? (\n <div className={b('links-floor-center')}>{linksContent}</div>\n ) : (\n linksContent\n )}\n {hasRightSideContent && (\n <RightSide\n copyright={copyright}\n rightSideRef={rightSideRef}\n style={sideColumnStyle}\n />\n )}\n </div>\n </Col>\n );\n};\n"]}
1	+ {"version":3,"file":"CopyrightFloor.js","sourceRoot":"../../../../../../src","sources":["blocks/Footer/components/CopyrightFloor/CopyrightFloor.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {DropdownMenu, DropdownMenuItem, Link, useResizeObserver} from '@gravity-ui/uikit';\n\nimport {Image} from '../../../../components';\nimport {BREAKPOINTS} from '../../../../constants';\nimport {SSRContext} from '../../../../context/ssrContext';\nimport {useTheme} from '../../../../context/theme';\nimport {Col} from '../../../../grid';\nimport type {FooterBlockProps} from '../../../../models';\nimport {block, getThemedValue} from '../../../../utils';\nimport {useLogoImageProps} from '../../hooks/useLogoImageProps';\nimport {LinkItem, useOverflowListItems} from '../../hooks/useOverflowListItems';\nimport {LangSwitcher} from '../LangSwitcher';\n\nimport './CopyrightFloor.scss';\n\nconst b = block('footer-block');\n\nconst MOBILE_WIDTH = BREAKPOINTS.sm;\nconst THREE_COLUMN_DESKTOP_WIDTH = BREAKPOINTS.md;\n\ntype CopyrightFloorProps = {\n copyright: NonNullable<FooterBlockProps['copyright']>;\n};\n\nfunction getElementFlexContentWidth(element: HTMLElement) {\n const children = Array.from(element.children) as HTMLElement[];\n\n if (!children.length) {\n return element.scrollWidth;\n }\n\n const elementStyles = window.getComputedStyle(element);\n const columnGap = parseFloat(elementStyles.columnGap);\n const gap = Number.isNaN(columnGap) ? 0 : columnGap;\n // extra 1px to prevent overflow\n const childrenWidths = children.map((child) => child.scrollWidth + 1);\n\n if (elementStyles.flexDirection.startsWith('column')) {\n return Math.ceil(Math.max(...childrenWidths));\n }\n\n return Math.ceil(\n childrenWidths.reduce((sum, width) => sum + width, 0) + gap * (children.length - 1),\n );\n}\n\nfunction useLinksAlignmentState(copyright: CopyrightFloorProps['copyright']) {\n const hasOnlyLinks = Boolean(\n copyright.links?.length &&\n !copyright.logo &&\n !copyright.languageSwitcher &&\n !copyright.copyrightText,\n );\n const areLinksInTheMiddle = Boolean(\n copyright.logo &&\n copyright.links?.length &&\n (copyright.languageSwitcher \|\| copyright.copyrightText),\n );\n\n return {\n shouldCenterLinks: areLinksInTheMiddle \|\| hasOnlyLinks,\n threeColumnLayout: areLinksInTheMiddle,\n hasOnlyLinks,\n };\n}\n\ntype CopyrightLogoProps = {\n logo: CopyrightFloorProps['copyright']['logo'];\n logoImageProps: Record<string, unknown> \| null;\n logoRef?: React.RefObject<HTMLDivElement>;\n};\n\nconst CopyrightLogo = ({logo, logoImageProps, logoRef}: CopyrightLogoProps) => {\n if (!logo \|\| !logoImageProps) {\n return null;\n }\n\n return (\n <div className={b('logo')} ref={logoRef}>\n {logo.url ? (\n <Link href={logo.url}>\n <Image {...logoImageProps} alt={logo.alt ?? ''} className={b('logo-image')} />\n </Link>\n ) : (\n <Image {...logoImageProps} alt={logo.alt ?? ''} className={b('logo-image')} />\n )}\n </div>\n );\n};\n\ntype VisibleLinksProps = {\n items: LinkItem[];\n isLinksOverflowDropdown: boolean;\n};\n\nconst VisibleLinks = ({items, isLinksOverflowDropdown}: VisibleLinksProps) => {\n if (!items?.length) {\n return null;\n }\n\n return (\n <ul\n className={b('links-floor-list', {\n wrap: !isLinksOverflowDropdown,\n })}\n >\n {items.map((item, index) => (\n <li key={index} className={b('links-floor-item')}>\n <a href={item.url}>{item.text}</a>\n </li>\n ))}\n </ul>\n );\n};\n\ntype OverflowDropdownProps = {\n isLinksOverflowDropdown: boolean;\n items: DropdownMenuItem[];\n};\n\nconst OverflowDropdown = ({isLinksOverflowDropdown, items}: OverflowDropdownProps) => {\n if (!isLinksOverflowDropdown \|\| !items.length) {\n return null;\n }\n\n return (\n <DropdownMenu\n items={items}\n switcherWrapperClassName={b('more-button', {\n visible: isLinksOverflowDropdown && items.length > 0,\n })}\n size=\"l\"\n />\n );\n};\n\ntype RightSideProps = {\n copyright: CopyrightFloorProps['copyright'];\n rightSideRef: React.RefObject<HTMLDivElement>;\n style?: React.CSSProperties;\n};\n\nconst RightSide = ({copyright, rightSideRef, style}: RightSideProps) => {\n const theme = useTheme();\n\n return (\n <div className={b('links-floor-right')} ref={rightSideRef} style={style}>\n {copyright.languageSwitcher && (\n <LangSwitcher\n buttonText={copyright.languageSwitcher.buttonText}\n items={copyright.languageSwitcher.items}\n image={getThemedValue(copyright.languageSwitcher.image, theme)}\n />\n )}\n {copyright.copyrightText && (\n <span className={b('links-floor-copyright')}>{copyright.copyrightText}</span>\n )}\n </div>\n );\n};\n\nexport const CopyrightFloor = ({copyright}: CopyrightFloorProps) => {\n const theme = useTheme();\n const {isServer} = React.useContext(SSRContext);\n const [isSmallWidth, setIsSmallWidth] = React.useState(() => {\n return !isServer && document.documentElement.clientWidth <= MOBILE_WIDTH;\n });\n const [isThreeColumnStacked, setIsThreeColumnStacked] = React.useState(() => {\n return !isServer && document.documentElement.clientWidth <= THREE_COLUMN_DESKTOP_WIDTH;\n });\n const [sideColumnWidth, setSideColumnWidth] = React.useState<number>();\n const logoRef = React.useRef<HTMLDivElement>(null);\n const rightSideRef = React.useRef<HTMLDivElement>(null);\n const documentElementRef = React.useMemo(\n () => ({current: isServer ? null : document.documentElement}),\n [isServer],\n );\n\n const updateSideColumnWidth = React.useCallback(() => {\n const logoWidth = Math.ceil(logoRef.current?.getBoundingClientRect().width ?? 0);\n const rightSideWidth = rightSideRef.current\n ? getElementFlexContentWidth(rightSideRef.current)\n : 0;\n const maxSideWidth = Math.max(logoWidth, rightSideWidth);\n\n setSideColumnWidth(maxSideWidth \|\| undefined);\n }, []);\n\n const updateFloorSize = React.useCallback(() => {\n setIsSmallWidth(document.documentElement.clientWidth <= MOBILE_WIDTH);\n setIsThreeColumnStacked(document.documentElement.clientWidth <= THREE_COLUMN_DESKTOP_WIDTH);\n updateSideColumnWidth();\n }, [updateSideColumnWidth]);\n\n useResizeObserver({\n ref: documentElementRef,\n onResize: updateFloorSize,\n });\n\n const menuContainerRef = React.useRef<HTMLDivElement>(null);\n const linksOverflowStrategy = copyright.linksOverflowStrategy \|\| 'dropdown';\n const isLinksOverflowDropdown = linksOverflowStrategy === 'dropdown';\n const {visibleItems, hiddenItems, measured} = useOverflowListItems({\n isDropdown: isLinksOverflowDropdown && !isSmallWidth,\n containerRef: menuContainerRef,\n items: copyright.links,\n itemSelector: `.${b('links-floor-item')}`,\n moreButtonWidth: 52,\n });\n const {shouldCenterLinks, threeColumnLayout, hasOnlyLinks} = useLinksAlignmentState(copyright);\n const hasLanguageSwitcher = Boolean(copyright.languageSwitcher);\n const hasCopyrightText = Boolean(copyright.copyrightText);\n const hasRightSideContent = hasLanguageSwitcher \|\| hasCopyrightText;\n const copyrightLogoImage = copyright.logo && getThemedValue(copyright.logo.image, theme);\n const copyrightLogoImageProps = useLogoImageProps(copyrightLogoImage);\n\n React.useEffect(() => {\n if (isThreeColumnStacked) {\n updateSideColumnWidth();\n }\n }, [updateSideColumnWidth, copyrightLogoImageProps, hasRightSideContent, isThreeColumnStacked]);\n\n const linksContent = (\n <div className={b('links-floor-left', {measured})} ref={menuContainerRef}>\n <VisibleLinks items={visibleItems} isLinksOverflowDropdown={isLinksOverflowDropdown} />\n <OverflowDropdown\n isLinksOverflowDropdown={isLinksOverflowDropdown}\n items={hiddenItems}\n />\n </div>\n );\n\n const sideColumnStyle = React.useMemo<React.CSSProperties \| undefined>(() => {\n if (!threeColumnLayout \|\| isThreeColumnStacked \|\| sideColumnWidth === undefined) {\n return undefined;\n }\n\n return {width: sideColumnWidth};\n }, [isThreeColumnStacked, sideColumnWidth, threeColumnLayout]);\n\n return (\n <Col sizes={{all: 12}} className={b('floor', {copyright: true})}>\n <div\n className={b('links-floor-inner', {\n centered: shouldCenterLinks,\n threeColumn: threeColumnLayout,\n overflow: linksOverflowStrategy,\n withLanguageSwitcher: hasLanguageSwitcher,\n hasOnlyLinks,\n })}\n >\n {copyright.logo && (\n <div className={b('links-floor-side')} style={sideColumnStyle}>\n <CopyrightLogo\n logo={copyright.logo}\n logoImageProps={copyrightLogoImageProps}\n logoRef={logoRef}\n />\n </div>\n )}\n {threeColumnLayout ? (\n <div className={b('links-floor-center')}>{linksContent}</div>\n ) : (\n linksContent\n )}\n {hasRightSideContent && (\n <RightSide\n copyright={copyright}\n rightSideRef={rightSideRef}\n style={sideColumnStyle}\n />\n )}\n </div>\n </Col>\n );\n};\n"]}

package/build/esm/utils/url.js CHANGED Viewed

@@ -3,7 +3,7 @@ const EXAMPLE_URL = 'https://example.org';
 export const EXTERNAL_LINK_PROPS = { target: '_blank', rel: 'noopener noreferrer' };
 export function getLinkProps(url, hostname, target) {
     let linkProps = { target };
-    if (isLinkExternal(url, hostname)) {
+    if (isLinkExternal(url, hostname) && (!target || target === '_blank')) {
         linkProps = { ...linkProps, ...EXTERNAL_LINK_PROPS };
     }
     return linkProps;

package/build/esm/utils/url.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"url.js","sourceRoot":"../../../src","sources":["utils/url.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,KAAK,EAAC,MAAM,KAAK,CAAC;AAIlC,MAAM,WAAW,GAAG,qBAAqB,CAAC;AAC1C,MAAM,CAAC,MAAM,mBAAmB,GAAG,EAAC,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,qBAAqB,EAAC,CAAC;AAElF,MAAM,UAAU,YAAY,CAAC,GAAW,EAAE,QAAiB,EAAE,MAAe;IACxE,IAAI,SAAS,GAAG,EAAC,MAAM,EAAC,CAAC;IAEzB,IAAI,cAAc,CAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,CAAC;~~QAChC~~,SAAS,GAAG,EAAC,GAAG,SAAS,EAAE,GAAG,mBAAmB,EAAC,CAAC;IACvD,CAAC;IAED,OAAO,SAAS,CAAC;AACrB,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,GAAiB;IAC3C,+CAA+C;IAC/C,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;IAEzC,OAAO;IACH,kFAAkF;IAClF,MAAM,CAAC,MAAM,KAAK,WAAW,IAAI,CAAC,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAC5F,CAAC;AACN,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,GAAW,EAAE,cAAuB;IAC/D,OAAO,CACH,aAAa,CAAC,GAAG,CAAC;QAClB,oBAAoB,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,KAAK,oBAAoB,CAAC,cAAc,IAAI,EAAE,CAAC,CAC7F,CAAC;AACN,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,QAAgB;IACjD,OAAO,QAAQ,CAAC,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;AAC/C,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,GAAW,EAAE,GAAG,GAAG,IAAI;IAC7C,OAAO,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;AACzE,CAAC;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,QAAe,EAAE,EAAE,EAAE;IACrD,MAAM,YAAY,GAAG,IAAI,eAAe,EAAE,CAAC;IAE3C,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QAC3C,YAAY,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,OAAO,YAAY,CAAC;AACxB,CAAC,CAAC;AAEF,MAAM,UAAU,eAAe,CAAC,QAAiB,EAAE,QAAiB,EAAE,GAAY;IAC9E,IAAI,CAAC,QAAQ,EAAE,CAAC;QACZ,OAAO,GAAG,IAAI,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC;IAEhC,OAAO,MAAM,CAAC;QACV,GAAG,MAAM;QACT,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,OAAO;QACpC,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,QAAQ;QACrC,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,QAAQ;KACxC,CAAC,CAAC;AACP,CAAC","sourcesContent":["import {format, parse} from 'url';\n\nexport type Query = Record<string, number \| string \| null>;\n\nconst EXAMPLE_URL = 'https://example.org';\nexport const EXTERNAL_LINK_PROPS = {target: '_blank', rel: 'noopener noreferrer'};\n\nexport function getLinkProps(url: string, hostname?: string, target?: string) {\n let linkProps = {target};\n\n if (isLinkExternal(url, hostname)) {\n linkProps = {...linkProps, ...EXTERNAL_LINK_PROPS};\n }\n\n return linkProps;\n}\n\nexport function isAbsoluteUrl(url: string \| URL) {\n // Using example URL as base for relative links\n const urlObj = new URL(url, EXAMPLE_URL);\n\n return (\n // Compare url origin with example and check that original url was not example one\n urlObj.origin !== EXAMPLE_URL \|\| (typeof url === 'string' && url.startsWith(EXAMPLE_URL))\n );\n}\n\nexport function isLinkExternal(url: string, routerHostname?: string) {\n return (\n isAbsoluteUrl(url) &&\n getNonLocaleHostName(new URL(url).hostname) !== getNonLocaleHostName(routerHostname ?? '')\n );\n}\n\nexport function getNonLocaleHostName(hostname: string) {\n return hostname.replace(/\\.(ru\|com)$/, '');\n}\n\nexport function setUrlTld(url: string, tld = 'ru') {\n return typeof url === 'string' ? url?.replace(/\\${tld}/g, tld) : url;\n}\n\nexport const getPageSearchParams = (query: Query = {}) => {\n const searchParams = new URLSearchParams();\n\n Object.entries(query).forEach(([key, value]) => {\n searchParams.set(key, String(value));\n });\n\n return searchParams;\n};\n\nexport function getAbsolutePath(hostname?: string, pathname?: string, url?: string) {\n if (!pathname) {\n return url ?? '';\n }\n\n const parsed = parse(url \|\| '');\n\n return format({\n ...parsed,\n protocol: parsed.protocol \|\| 'https',\n hostname: parsed.hostname \|\| hostname,\n pathname: parsed.pathname \|\| pathname,\n });\n}\n"]}
1	+ {"version":3,"file":"url.js","sourceRoot":"../../../src","sources":["utils/url.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,KAAK,EAAC,MAAM,KAAK,CAAC;AAIlC,MAAM,WAAW,GAAG,qBAAqB,CAAC;AAC1C,MAAM,CAAC,MAAM,mBAAmB,GAAG,EAAC,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,qBAAqB,EAAC,CAAC;AAElF,MAAM,UAAU,YAAY,CAAC,GAAW,EAAE,QAAiB,EAAE,MAAe;IACxE,IAAI,SAAS,GAAG,EAAC,MAAM,EAAC,CAAC;IAEzB,IAAI,cAAc,CAAC,GAAG,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,MAAM,KAAK,QAAQ,CAAC,EAAE,CAAC;QACpE,SAAS,GAAG,EAAC,GAAG,SAAS,EAAE,GAAG,mBAAmB,EAAC,CAAC;IACvD,CAAC;IAED,OAAO,SAAS,CAAC;AACrB,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,GAAiB;IAC3C,+CAA+C;IAC/C,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;IAEzC,OAAO;IACH,kFAAkF;IAClF,MAAM,CAAC,MAAM,KAAK,WAAW,IAAI,CAAC,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAC5F,CAAC;AACN,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,GAAW,EAAE,cAAuB;IAC/D,OAAO,CACH,aAAa,CAAC,GAAG,CAAC;QAClB,oBAAoB,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,KAAK,oBAAoB,CAAC,cAAc,IAAI,EAAE,CAAC,CAC7F,CAAC;AACN,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,QAAgB;IACjD,OAAO,QAAQ,CAAC,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;AAC/C,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,GAAW,EAAE,GAAG,GAAG,IAAI;IAC7C,OAAO,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;AACzE,CAAC;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,QAAe,EAAE,EAAE,EAAE;IACrD,MAAM,YAAY,GAAG,IAAI,eAAe,EAAE,CAAC;IAE3C,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QAC3C,YAAY,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,OAAO,YAAY,CAAC;AACxB,CAAC,CAAC;AAEF,MAAM,UAAU,eAAe,CAAC,QAAiB,EAAE,QAAiB,EAAE,GAAY;IAC9E,IAAI,CAAC,QAAQ,EAAE,CAAC;QACZ,OAAO,GAAG,IAAI,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC;IAEhC,OAAO,MAAM,CAAC;QACV,GAAG,MAAM;QACT,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,OAAO;QACpC,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,QAAQ;QACrC,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,QAAQ;KACxC,CAAC,CAAC;AACP,CAAC","sourcesContent":["import {format, parse} from 'url';\n\nexport type Query = Record<string, number \| string \| null>;\n\nconst EXAMPLE_URL = 'https://example.org';\nexport const EXTERNAL_LINK_PROPS = {target: '_blank', rel: 'noopener noreferrer'};\n\nexport function getLinkProps(url: string, hostname?: string, target?: string) {\n let linkProps = {target};\n\n if (isLinkExternal(url, hostname) && (!target \|\| target === '_blank')) {\n linkProps = {...linkProps, ...EXTERNAL_LINK_PROPS};\n }\n\n return linkProps;\n}\n\nexport function isAbsoluteUrl(url: string \| URL) {\n // Using example URL as base for relative links\n const urlObj = new URL(url, EXAMPLE_URL);\n\n return (\n // Compare url origin with example and check that original url was not example one\n urlObj.origin !== EXAMPLE_URL \|\| (typeof url === 'string' && url.startsWith(EXAMPLE_URL))\n );\n}\n\nexport function isLinkExternal(url: string, routerHostname?: string) {\n return (\n isAbsoluteUrl(url) &&\n getNonLocaleHostName(new URL(url).hostname) !== getNonLocaleHostName(routerHostname ?? '')\n );\n}\n\nexport function getNonLocaleHostName(hostname: string) {\n return hostname.replace(/\\.(ru\|com)$/, '');\n}\n\nexport function setUrlTld(url: string, tld = 'ru') {\n return typeof url === 'string' ? url?.replace(/\\${tld}/g, tld) : url;\n}\n\nexport const getPageSearchParams = (query: Query = {}) => {\n const searchParams = new URLSearchParams();\n\n Object.entries(query).forEach(([key, value]) => {\n searchParams.set(key, String(value));\n });\n\n return searchParams;\n};\n\nexport function getAbsolutePath(hostname?: string, pathname?: string, url?: string) {\n if (!pathname) {\n return url ?? '';\n }\n\n const parsed = parse(url \|\| '');\n\n return format({\n ...parsed,\n protocol: parsed.protocol \|\| 'https',\n hostname: parsed.hostname \|\| hostname,\n pathname: parsed.pathname \|\| pathname,\n });\n}\n"]}

package/build/esm/utils/url.test.js CHANGED Viewed

@@ -46,6 +46,7 @@ describe('URL utils check', () => {
             '_blank',
             { target: '_blank', rel: 'noopener noreferrer' },
         ],
+        ['http://example.net/path', 'example.com', '_self', { target: '_self' }],
         [
             'http://example.net/path',
             'example.com',
@@ -58,6 +59,7 @@ describe('URL utils check', () => {
             '_blank',
             { target: '_blank', rel: 'noopener noreferrer' },
         ],
+        ['http://example.net/path', undefined, '_self', { target: '_self' }],
         [
             'http://example.net/path',
             undefined,

package/build/esm/utils/url.test.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"url.test.js","sourceRoot":"../../../src","sources":["utils/url.test.ts"],"names":[],"mappings":"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","sourcesContent":["import {getLinkProps, isAbsoluteUrl, isLinkExternal} from './url';\n\ndescribe('URL utils check', () => {\n test.each([\n ['https://user:pass@sub.example.com:8080/p/a/t/h?query=string&query2=1#hash', true],\n ['http://example.net/path', true],\n ['/p/a/t/h?query=string&query2=1#hash', false],\n ['/path', false],\n ['path', false],\n ])(\"isAbsoluteUrl('%s') should return '%s'\", (url, result) => {\n expect(isAbsoluteUrl(url)).toEqual(result);\n });\n\n test.each([\n [\n 'https://user:pass@sub.example.com:8080/p/a/t/h?query=string&query2=1#hash',\n 'example.net',\n true,\n ],\n [\n 'https://user:pass@sub.example.com:8080/p/a/t/h?query=string&query2=1#hash',\n 'sub.example.com',\n false,\n ],\n [\n 'https://user:pass@sub.example.com:8080/p/a/t/h?query=string&query2=1#hash',\n undefined,\n true,\n ],\n ['http://example.net/path', 'example.net', false],\n ['http://example.net/path', 'sub.example.com', true],\n ['http://example.net/path', undefined, true],\n ['/p/a/t/h?query=string&query2=1#hash', 'example.net', false],\n ['/p/a/t/h?query=string&query2=1#hash', undefined, false],\n ['/path', 'example.net', false],\n ['/path', undefined, false],\n ['path', 'example.net', false],\n ['path', undefined, false],\n ])(\"isLinkExternal('%s', '%s') should return '%s'\", (url, hostname, result) => {\n expect(isLinkExternal(url, hostname)).toEqual(result);\n });\n\n test.each([\n ['http://example.net/path', 'example.net', '_blank', {target: '_blank'}],\n ['http://example.net/path', 'example.net', undefined, {}],\n [\n 'http://example.net/path',\n 'example.com',\n '_blank',\n {target: '_blank', rel: 'noopener noreferrer'},\n ],\n [\n 'http://example.net/path',\n 'example.com',\n undefined,\n {target: '_blank', rel: 'noopener noreferrer'},\n ],\n [\n 'http://example.net/path',\n undefined,\n '_blank',\n {target: '_blank', rel: 'noopener noreferrer'},\n ],\n [\n 'http://example.net/path',\n undefined,\n undefined,\n {target: '_blank', rel: 'noopener noreferrer'},\n ],\n\n ['/path', 'example.net', '_blank', {target: '_blank'}],\n ['/path', 'example.net', undefined, {}],\n ['/path', undefined, '_blank', {target: '_blank'}],\n ['/path', undefined, undefined, {}],\n ])(\"getLinkProps('%s', '%s', '%s') should return '%s'\", (url, hostname, target, result) => {\n expect(getLinkProps(url, hostname, target)).toEqual(result);\n });\n});\n"]}
1	+ {"version":3,"file":"url.test.js","sourceRoot":"../../../src","sources":["utils/url.test.ts"],"names":[],"mappings":"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","sourcesContent":["import {getLinkProps, isAbsoluteUrl, isLinkExternal} from './url';\n\ndescribe('URL utils check', () => {\n test.each([\n ['https://user:pass@sub.example.com:8080/p/a/t/h?query=string&query2=1#hash', true],\n ['http://example.net/path', true],\n ['/p/a/t/h?query=string&query2=1#hash', false],\n ['/path', false],\n ['path', false],\n ])(\"isAbsoluteUrl('%s') should return '%s'\", (url, result) => {\n expect(isAbsoluteUrl(url)).toEqual(result);\n });\n\n test.each([\n [\n 'https://user:pass@sub.example.com:8080/p/a/t/h?query=string&query2=1#hash',\n 'example.net',\n true,\n ],\n [\n 'https://user:pass@sub.example.com:8080/p/a/t/h?query=string&query2=1#hash',\n 'sub.example.com',\n false,\n ],\n [\n 'https://user:pass@sub.example.com:8080/p/a/t/h?query=string&query2=1#hash',\n undefined,\n true,\n ],\n ['http://example.net/path', 'example.net', false],\n ['http://example.net/path', 'sub.example.com', true],\n ['http://example.net/path', undefined, true],\n ['/p/a/t/h?query=string&query2=1#hash', 'example.net', false],\n ['/p/a/t/h?query=string&query2=1#hash', undefined, false],\n ['/path', 'example.net', false],\n ['/path', undefined, false],\n ['path', 'example.net', false],\n ['path', undefined, false],\n ])(\"isLinkExternal('%s', '%s') should return '%s'\", (url, hostname, result) => {\n expect(isLinkExternal(url, hostname)).toEqual(result);\n });\n\n test.each([\n ['http://example.net/path', 'example.net', '_blank', {target: '_blank'}],\n ['http://example.net/path', 'example.net', undefined, {}],\n [\n 'http://example.net/path',\n 'example.com',\n '_blank',\n {target: '_blank', rel: 'noopener noreferrer'},\n ],\n ['http://example.net/path', 'example.com', '_self', {target: '_self'}],\n [\n 'http://example.net/path',\n 'example.com',\n undefined,\n {target: '_blank', rel: 'noopener noreferrer'},\n ],\n [\n 'http://example.net/path',\n undefined,\n '_blank',\n {target: '_blank', rel: 'noopener noreferrer'},\n ],\n ['http://example.net/path', undefined, '_self', {target: '_self'}],\n [\n 'http://example.net/path',\n undefined,\n undefined,\n {target: '_blank', rel: 'noopener noreferrer'},\n ],\n\n ['/path', 'example.net', '_blank', {target: '_blank'}],\n ['/path', 'example.net', undefined, {}],\n ['/path', undefined, '_blank', {target: '_blank'}],\n ['/path', undefined, undefined, {}],\n ])(\"getLinkProps('%s', '%s', '%s') should return '%s'\", (url, hostname, target, result) => {\n expect(getLinkProps(url, hostname, target)).toEqual(result);\n });\n});\n"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "8.14.0",
+  "version": "8.14.2",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "type": "commonjs",

package/server/utils/url.js CHANGED Viewed

@@ -12,7 +12,7 @@ const EXAMPLE_URL = 'https://example.org';
 exports.EXTERNAL_LINK_PROPS = { target: '_blank', rel: 'noopener noreferrer' };
 function getLinkProps(url, hostname, target) {
     let linkProps = { target };
-    if (isLinkExternal(url, hostname)) {
+    if (isLinkExternal(url, hostname) && (!target || target === '_blank')) {
         linkProps = Object.assign(Object.assign({}, linkProps), exports.EXTERNAL_LINK_PROPS);
     }
     return linkProps;