@arc-ui/community-components 3.13.0 → 3.13.1

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @arc-ui/community-components@3.13.0 build /builds/enterprise/frontend/arc-community/packages/components
+> @arc-ui/community-components@3.13.1 build /builds/enterprise/frontend/arc-community/packages/components
 > rimraf lib dist && rollup -c && generate-subpath-css && pnpm run build:clean
 
 Browserslist: browsers data (caniuse-lite) is 11 months old. Please run:
@@ -7,41 +7,41 @@ Browserslist: browsers data (caniuse-lite) is 11 months old. Please run:
   Why you should do it regularly: https://github.com/browserslist/update-db#readme
 
 src/index.ts → lib/index.cjs, lib/index.mjs...
-created lib/index.cjs, lib/index.mjs in 12.7s
+created lib/index.cjs, lib/index.mjs in 6.9s
 
 ./lib/types/index.d.ts → lib/index.d.mts, lib/index.d.cts...
 (!) Unresolved dependencies
 https://rollupjs.org/troubleshooting/#warning-treating-module-as-external-dependency
-@arc-ui/components/MediaCard (imported by "lib/types/components/ArticleCarousel/ArticleCarousel.d.ts", "lib/types/components/PromoListing/PromoListing.d.ts" and "lib/types/components/BusinessSegmentSwitcher/types/types.d.ts")
-@arc-ui/components/Avatar (imported by "lib/types/components/Author/Author.d.ts")
 @arc-ui/components/NavigationHeader (imported by "lib/types/components/HeaderBarNotification/HeaderBarNotification.d.ts")
-@arc-ui/components/Heading (imported by "lib/types/components/CopyLead/CopyLead.d.ts", "lib/types/components/FeaturePost/FeaturePost.d.ts", "lib/types/components/PromoListing/PromoListing.d.ts", "lib/types/components/Summary/Summary.d.ts", "lib/types/components/BannerWithTabs/BannerWithTabs.d.ts", "lib/types/components/SectionHeading/SectionHeading.d.ts", "lib/types/components/PartnerBrandLogos/PartnerBrandLogos.d.ts", "lib/types/components/Accordion/components/AccordionHeading/AccordionHeading.d.ts", "lib/types/components/ArticleSidebar/types/text-section.d.ts", "lib/types/components/ArticleSidebar/types/link-section.d.ts", "lib/types/components/ArticleSidebar/types/topic.d.ts", "lib/types/components/ArticleSidebar/types/share.d.ts" and "lib/types/components/PartnerBrandLogos/components/PartnerLogoSubgroup/PartnerLogoSubgroup.d.ts")
-@arc-ui/components/VideoPlayer (imported by "lib/types/components/CopyLead/CopyLead.d.ts" and "lib/types/components/FeaturePost/FeaturePost.d.ts")
+@arc-ui/components/Avatar (imported by "lib/types/components/Author/Author.d.ts")
 @arc-ui/components/Download (imported by "lib/types/components/DownloadList/DownloadList.d.ts")
+@arc-ui/components/Heading (imported by "lib/types/components/CopyLead/CopyLead.d.ts", "lib/types/components/FeaturePost/FeaturePost.d.ts", "lib/types/components/Summary/Summary.d.ts", "lib/types/components/PromoListing/PromoListing.d.ts", "lib/types/components/BannerWithTabs/BannerWithTabs.d.ts", "lib/types/components/SectionHeading/SectionHeading.d.ts", "lib/types/components/PartnerBrandLogos/PartnerBrandLogos.d.ts", "lib/types/components/Accordion/components/AccordionHeading/AccordionHeading.d.ts", "lib/types/components/ArticleSidebar/types/link-section.d.ts", "lib/types/components/ArticleSidebar/types/topic.d.ts", "lib/types/components/ArticleSidebar/types/text-section.d.ts", "lib/types/components/ArticleSidebar/types/share.d.ts" and "lib/types/components/PartnerBrandLogos/components/PartnerLogoSubgroup/PartnerLogoSubgroup.d.ts")
+@arc-ui/components/VideoPlayer (imported by "lib/types/components/CopyLead/CopyLead.d.ts" and "lib/types/components/FeaturePost/FeaturePost.d.ts")
+@arc-ui/components/MediaCard (imported by "lib/types/components/ArticleCarousel/ArticleCarousel.d.ts", "lib/types/components/PromoListing/PromoListing.d.ts" and "lib/types/components/BusinessSegmentSwitcher/types/types.d.ts")
 @arc-ui/components/ButtonV2 (imported by "lib/types/components/Highlights/Highlights.d.ts" and "lib/types/components/PromoListing/PromoListing.d.ts")
 @arc-ui/components/ImpactCard (imported by "lib/types/components/PromoListing/PromoListing.d.ts")
 @arc-ui/components/InformationCard (imported by "lib/types/components/PromoListing/PromoListing.d.ts", "lib/types/components/BusinessSegmentSwitcher/types/types.d.ts" and "lib/types/components/ProductNavigation/types/product-list.d.ts")
 @arc-ui/components/TypographyCard (imported by "lib/types/components/PromoListing/PromoListing.d.ts" and "lib/types/components/BusinessSegmentSwitcher/types/types.d.ts")
 @arc-ui/components/TemplateBanner (imported by "lib/types/components/BannerWithTabs/BannerWithTabs.d.ts")
-@arc-ui/components/Image (imported by "lib/types/components/SectionHeading/SectionHeading.d.ts", "lib/types/components/ThumbnailSignpost/ThumbnailSignpost.d.ts", "lib/types/components/Accordion/components/AccordionHeading/AccordionHeading.d.ts", "lib/types/components/CopyLead/types/copy-lead-image.d.ts" and "lib/types/components/FeaturePost/types/feature-post-image.d.ts")
+@arc-ui/components/Image (imported by "lib/types/components/SectionHeading/SectionHeading.d.ts", "lib/types/components/ThumbnailSignpost/ThumbnailSignpost.d.ts", "lib/types/components/Accordion/components/AccordionHeading/AccordionHeading.d.ts", "lib/types/components/FeaturePost/types/feature-post-image.d.ts" and "lib/types/components/CopyLead/types/copy-lead-image.d.ts")
 @arc-ui/components/VerticalSpace (imported by "lib/types/components/PartnerBrandLogos/PartnerBrandLogos.d.ts")
 @arc-ui/components/Disclosure (imported by "lib/types/components/Accordion/components/AccordionDisclosureList/AccordionDisclosureList.d.ts")
 @arc-ui/components/Tag (imported by "lib/types/components/ArticleSidebar/types/topic.d.ts")
 @arc-ui/components/AppButton (imported by "lib/types/components/FeaturePost/types/feature-post-app-button-footer.d.ts")
-@arc-ui/components/Button (imported by "lib/types/components/CopyLead/types/copy-lead-button.d.ts" and "lib/types/components/FeaturePost/types/feature-post-cta-footer.d.ts")
+@arc-ui/components/Button (imported by "lib/types/components/FeaturePost/types/feature-post-cta-footer.d.ts" and "lib/types/components/CopyLead/types/copy-lead-button.d.ts")
 react-player/types (imported by "lib/types/internal/VideoCardPlayer/VideoCardPlayer.d.ts" and "lib/types/internal/VideoCardPlayer/types/player-props.d.ts")
 @arc-ui/components/Visible (imported by "lib/types/internal/VideoCardPlayer/components/VideoCardThumbnail/VideoCardThumbnail.d.ts")
-created lib/index.d.mts, lib/index.d.cts in 276ms
+created lib/index.d.mts, lib/index.d.cts in 154ms
 
 ./src/components/Accordion/index.ts, ./src/components/ActionTile/index.ts, ./src/components/ArticleCarousel/index.ts, ./src/components/ArticleSidebar/index.ts, ./src/components/Author/index.ts, ./src/components/BannerWithTabs/index.ts, ./src/components/BusinessSegmentSwitcher/index.ts, ./src/components/ContentInfoWidget/index.ts, ./src/components/CopyLead/index.ts, ./src/components/DownloadList/index.ts, ./src/components/FAQs/index.ts, ./src/components/FeaturePost/index.ts, ./src/components/HeaderBarNotification/index.ts, ./src/components/Highlights/index.ts, ./src/components/InlineLinkGroup/index.ts, ./src/components/LinkTile/index.ts, ./src/components/PartnerBrandLogos/index.ts, ./src/components/ProductNavigation/index.ts, ./src/components/PromoListing/index.ts, ./src/components/PromoListingThumbnailSignpost/index.ts, ./src/components/Quote/index.ts, ./src/components/SectionHeading/index.ts, ./src/components/Statistics/index.ts, ./src/components/Summary/index.ts, ./src/components/ThumbnailSignpost/index.ts, ./src/components/VideoHeroCard/index.ts, ./src/components/VideoPortraitCard/index.ts → lib...
-created lib in 16.9s
+created lib in 7.6s
 
 ./src/components/Accordion/index.ts, ./src/components/ActionTile/index.ts, ./src/components/ArticleCarousel/index.ts, ./src/components/ArticleSidebar/index.ts, ./src/components/Author/index.ts, ./src/components/BannerWithTabs/index.ts, ./src/components/BusinessSegmentSwitcher/index.ts, ./src/components/ContentInfoWidget/index.ts, ./src/components/CopyLead/index.ts, ./src/components/DownloadList/index.ts, ./src/components/FAQs/index.ts, ./src/components/FeaturePost/index.ts, ./src/components/HeaderBarNotification/index.ts, ./src/components/Highlights/index.ts, ./src/components/InlineLinkGroup/index.ts, ./src/components/LinkTile/index.ts, ./src/components/PartnerBrandLogos/index.ts, ./src/components/ProductNavigation/index.ts, ./src/components/PromoListing/index.ts, ./src/components/PromoListingThumbnailSignpost/index.ts, ./src/components/Quote/index.ts, ./src/components/SectionHeading/index.ts, ./src/components/Statistics/index.ts, ./src/components/Summary/index.ts, ./src/components/ThumbnailSignpost/index.ts, ./src/components/VideoHeroCard/index.ts, ./src/components/VideoPortraitCard/index.ts → lib...
-created lib in 16.2s
+created lib in 7.3s
 Browserslist: browsers data (caniuse-lite) is 11 months old. Please run:
   npx update-browserslist-db@latest
   Why you should do it regularly: https://github.com/browserslist/update-db#readme
 
-> @arc-ui/community-components@3.13.0 build:clean /builds/enterprise/frontend/arc-community/packages/components
+> @arc-ui/community-components@3.13.1 build:clean /builds/enterprise/frontend/arc-community/packages/components
 > rimraf ./lib/types ./lib/styles.js ./lib/index.js ./lib/index.js.map
 

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @arc-ui/community-components
 
+## 3.13.1
+
+### Patch Changes
+
+- 8978dfe: Add support for URL prop
+- 8978dfe: Add optional URL prop to ArticleSidebar
+
 ## 3.13.0
 
 ### Minor Changes

package/lib/ArticleSidebar/ArticleSidebar.cjs

@@ -55,10 +55,15 @@ var styles = {"tagGroup":"ArticleSidebar-module_tagGroup__rIPQc","textContent":"
  */
 var ArticleSidebar = function (_a) {
     var _b;
-    var author = _a.author, aboutSection = _a.aboutSection, topics = _a.topics, share = _a.share, additionalContent = _a.additionalContent, linkSection = _a.linkSection, props = tslib_es6.__rest(_a, ["author", "aboutSection", "topics", "share", "additionalContent", "linkSection"]);
+    var author = _a.author, aboutSection = _a.aboutSection, topics = _a.topics, share = _a.share, additionalContent = _a.additionalContent, linkSection = _a.linkSection, providedUrl = _a.url, props = tslib_es6.__rest(_a, ["author", "aboutSection", "topics", "share", "additionalContent", "linkSection", "url"]);
     var id = React.useId();
     var _c = React.useState(false), showToast = _c[0], setShowToast = _c[1];
-    var url = location.href;
+    var _d = React.useState(""), clientUrl = _d[0], setClientUrl = _d[1];
+    React.useEffect(function () {
+        if (!providedUrl)
+            setClientUrl(window.location.href);
+    }, [providedUrl]);
+    var url = providedUrl !== null && providedUrl !== void 0 ? providedUrl : clientUrl;
     var copyTextToClipBoard = function () { return tslib_es6.__awaiter(void 0, void 0, void 0, function () {
         return tslib_es6.__generator(this, function (_a) {
             switch (_a.label) {
@@ -79,14 +84,14 @@ var ArticleSidebar = function (_a) {
                 ariaLabel: share.clipboardAriaLabel || "Copy url to clipboard",
             },
             {
-                href: "mailto:?subject=".concat(share.articleTitle, "&body=").concat(url),
+                href: "mailto:?subject=".concat(encodeURIComponent(share.articleTitle), "&body=").concat(encodeURIComponent(url)),
                 icon: BtIconEmailUnread,
                 ariaLabel: share.emailAriaLabel || "Share by email",
             }
         ], (share.linkedin
             ? [
                 {
-                    href: "https://www.linkedin.com/sharing/share-offsite/?url=".concat(url),
+                    href: "https://www.linkedin.com/sharing/share-offsite/?url=".concat(encodeURIComponent(url)),
                     icon: ArcIconSocialLinkedin,
                     ariaLabel: share.linkedInAriaLabel || "Share on LinkedIn",
                 },
@@ -94,14 +99,15 @@ var ArticleSidebar = function (_a) {
             : []), true), (share.x
             ? [
                 {
-                    href: "https://twitter.com/intent/tweet?url=".concat(url),
+                    href: "https://twitter.com/intent/tweet?url=".concat(encodeURIComponent(url)),
                     icon: ArcIconSocialX,
                     ariaLabel: share.xAriaLabel || "Share on x",
                 },
             ]
             : []), true) : [];
     var hasTopContent = Boolean(author || aboutSection || additionalContent);
-    var hasBottomContent = Boolean(linkSection || topics || share);
+    var showShare = share && url;
+    var hasBottomContent = Boolean(linkSection || topics || showShare);
     return (React.createElement("div", tslib_es6.__assign({}, filterAttrs.filterAttrs(props)),
         React.createElement("div", { className: index.classNames((_b = {},
                 _b[styles.textContent] = hasTopContent,
@@ -129,9 +135,9 @@ var ArticleSidebar = function (_a) {
             React.createElement(Heading.Heading, { level: linkSection.headingLevel }, linkSection.heading),
             linkSection.links.map(function (_a) {
                 var text = _a.text, url = _a.url, ariaLabel = _a.ariaLabel;
-                return (React.createElement(React.Fragment, null,
+                return (React.createElement(React.Fragment, { key: "".concat(id, "-").concat(url) },
                     React.createElement(VerticalSpace.VerticalSpace, { size: "8" }),
-                    React.createElement("div", { key: "".concat(id, "-").concat(url) },
+                    React.createElement("div", null,
                         React.createElement(Link.Link, { "aria-label": ariaLabel, size: "s", href: url }, text))));
             }))),
         topics && (React.createElement(React.Fragment, null,
@@ -139,7 +145,7 @@ var ArticleSidebar = function (_a) {
             React.createElement(Heading.Heading, { level: topics.headingLevel }, topics.heading),
             React.createElement(VerticalSpace.VerticalSpace, { size: "16" }),
             React.createElement("div", { className: styles.tagGroup }, topics.tags.map(function (tag) { return (React.createElement(Tag.Tag, tslib_es6.__assign({ key: "".concat(id, "-").concat(tag.title) }, tag))); })))),
-        share && (React.createElement(React.Fragment, null,
+        showShare && (React.createElement(React.Fragment, null,
             (linkSection || topics) && (React.createElement("div", { "data-testid": "links-topics-content-rule" },
                 React.createElement(VerticalSpace.VerticalSpace, { size: "32" }),
                 React.createElement(Rule.Rule, null),

package/lib/ArticleSidebar/ArticleSidebar.mjs

@@ -1,5 +1,5 @@
 import { _ as __rest, b as __spreadArray, a as __assign, c as __awaiter, d as __generator } from '../_shared/esm/tslib.es6-BVXMhEem.mjs';
-import React__default, { useId, useState } from 'react';
+import React__default, { useId, useState, useEffect } from 'react';
 import { c as classNames } from '../_shared/esm/index-BSO2EFem.mjs';
 import { Heading } from '@arc-ui/components/Heading';
 import { Icon } from '@arc-ui/components/Icon';
@@ -53,10 +53,15 @@ var styles = {"tagGroup":"ArticleSidebar-module_tagGroup__rIPQc","textContent":"
  */
 var ArticleSidebar = function (_a) {
     var _b;
-    var author = _a.author, aboutSection = _a.aboutSection, topics = _a.topics, share = _a.share, additionalContent = _a.additionalContent, linkSection = _a.linkSection, props = __rest(_a, ["author", "aboutSection", "topics", "share", "additionalContent", "linkSection"]);
+    var author = _a.author, aboutSection = _a.aboutSection, topics = _a.topics, share = _a.share, additionalContent = _a.additionalContent, linkSection = _a.linkSection, providedUrl = _a.url, props = __rest(_a, ["author", "aboutSection", "topics", "share", "additionalContent", "linkSection", "url"]);
     var id = useId();
     var _c = useState(false), showToast = _c[0], setShowToast = _c[1];
-    var url = location.href;
+    var _d = useState(""), clientUrl = _d[0], setClientUrl = _d[1];
+    useEffect(function () {
+        if (!providedUrl)
+            setClientUrl(window.location.href);
+    }, [providedUrl]);
+    var url = providedUrl !== null && providedUrl !== void 0 ? providedUrl : clientUrl;
     var copyTextToClipBoard = function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
@@ -77,14 +82,14 @@ var ArticleSidebar = function (_a) {
                 ariaLabel: share.clipboardAriaLabel || "Copy url to clipboard",
             },
             {
-                href: "mailto:?subject=".concat(share.articleTitle, "&body=").concat(url),
+                href: "mailto:?subject=".concat(encodeURIComponent(share.articleTitle), "&body=").concat(encodeURIComponent(url)),
                 icon: BtIconEmailUnread,
                 ariaLabel: share.emailAriaLabel || "Share by email",
             }
         ], (share.linkedin
             ? [
                 {
-                    href: "https://www.linkedin.com/sharing/share-offsite/?url=".concat(url),
+                    href: "https://www.linkedin.com/sharing/share-offsite/?url=".concat(encodeURIComponent(url)),
                     icon: ArcIconSocialLinkedin,
                     ariaLabel: share.linkedInAriaLabel || "Share on LinkedIn",
                 },
@@ -92,14 +97,15 @@ var ArticleSidebar = function (_a) {
             : []), true), (share.x
             ? [
                 {
-                    href: "https://twitter.com/intent/tweet?url=".concat(url),
+                    href: "https://twitter.com/intent/tweet?url=".concat(encodeURIComponent(url)),
                     icon: ArcIconSocialX,
                     ariaLabel: share.xAriaLabel || "Share on x",
                 },
             ]
             : []), true) : [];
     var hasTopContent = Boolean(author || aboutSection || additionalContent);
-    var hasBottomContent = Boolean(linkSection || topics || share);
+    var showShare = share && url;
+    var hasBottomContent = Boolean(linkSection || topics || showShare);
     return (React__default.createElement("div", __assign({}, filterAttrs(props)),
         React__default.createElement("div", { className: classNames((_b = {},
                 _b[styles.textContent] = hasTopContent,
@@ -127,9 +133,9 @@ var ArticleSidebar = function (_a) {
             React__default.createElement(Heading, { level: linkSection.headingLevel }, linkSection.heading),
             linkSection.links.map(function (_a) {
                 var text = _a.text, url = _a.url, ariaLabel = _a.ariaLabel;
-                return (React__default.createElement(React__default.Fragment, null,
+                return (React__default.createElement(React__default.Fragment, { key: "".concat(id, "-").concat(url) },
                     React__default.createElement(VerticalSpace, { size: "8" }),
-                    React__default.createElement("div", { key: "".concat(id, "-").concat(url) },
+                    React__default.createElement("div", null,
                         React__default.createElement(Link, { "aria-label": ariaLabel, size: "s", href: url }, text))));
             }))),
         topics && (React__default.createElement(React__default.Fragment, null,
@@ -137,7 +143,7 @@ var ArticleSidebar = function (_a) {
             React__default.createElement(Heading, { level: topics.headingLevel }, topics.heading),
             React__default.createElement(VerticalSpace, { size: "16" }),
             React__default.createElement("div", { className: styles.tagGroup }, topics.tags.map(function (tag) { return (React__default.createElement(Tag, __assign({ key: "".concat(id, "-").concat(tag.title) }, tag))); })))),
-        share && (React__default.createElement(React__default.Fragment, null,
+        showShare && (React__default.createElement(React__default.Fragment, null,
             (linkSection || topics) && (React__default.createElement("div", { "data-testid": "links-topics-content-rule" },
                 React__default.createElement(VerticalSpace, { size: "32" }),
                 React__default.createElement(Rule, null),

package/lib/index.cjs

@@ -3837,10 +3837,15 @@ var styles$e = {"tagGroup":"ArticleSidebar-module_tagGroup__rIPQc","textContent"
  */
 var ArticleSidebar = function (_a) {
     var _b;
-    var author = _a.author, aboutSection = _a.aboutSection, topics = _a.topics, share = _a.share, additionalContent = _a.additionalContent, linkSection = _a.linkSection, props = __rest(_a, ["author", "aboutSection", "topics", "share", "additionalContent", "linkSection"]);
+    var author = _a.author, aboutSection = _a.aboutSection, topics = _a.topics, share = _a.share, additionalContent = _a.additionalContent, linkSection = _a.linkSection, providedUrl = _a.url, props = __rest(_a, ["author", "aboutSection", "topics", "share", "additionalContent", "linkSection", "url"]);
     var id = React.useId();
     var _c = React.useState(false), showToast = _c[0], setShowToast = _c[1];
-    var url = location.href;
+    var _d = React.useState(""), clientUrl = _d[0], setClientUrl = _d[1];
+    React.useEffect(function () {
+        if (!providedUrl)
+            setClientUrl(window.location.href);
+    }, [providedUrl]);
+    var url = providedUrl !== null && providedUrl !== void 0 ? providedUrl : clientUrl;
     var copyTextToClipBoard = function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
@@ -3861,14 +3866,14 @@ var ArticleSidebar = function (_a) {
                 ariaLabel: share.clipboardAriaLabel || "Copy url to clipboard",
             },
             {
-                href: "mailto:?subject=".concat(share.articleTitle, "&body=").concat(url),
+                href: "mailto:?subject=".concat(encodeURIComponent(share.articleTitle), "&body=").concat(encodeURIComponent(url)),
                 icon: BtIconEmailUnread,
                 ariaLabel: share.emailAriaLabel || "Share by email",
             }
         ], (share.linkedin
             ? [
                 {
-                    href: "https://www.linkedin.com/sharing/share-offsite/?url=".concat(url),
+                    href: "https://www.linkedin.com/sharing/share-offsite/?url=".concat(encodeURIComponent(url)),
                     icon: ArcIconSocialLinkedin,
                     ariaLabel: share.linkedInAriaLabel || "Share on LinkedIn",
                 },
@@ -3876,14 +3881,15 @@ var ArticleSidebar = function (_a) {
             : []), true), (share.x
             ? [
                 {
-                    href: "https://twitter.com/intent/tweet?url=".concat(url),
+                    href: "https://twitter.com/intent/tweet?url=".concat(encodeURIComponent(url)),
                     icon: ArcIconSocialX,
                     ariaLabel: share.xAriaLabel || "Share on x",
                 },
             ]
             : []), true) : [];
     var hasTopContent = Boolean(author || aboutSection || additionalContent);
-    var hasBottomContent = Boolean(linkSection || topics || share);
+    var showShare = share && url;
+    var hasBottomContent = Boolean(linkSection || topics || showShare);
     return (React.createElement("div", __assign({}, filterAttrs(props)),
         React.createElement("div", { className: classNames((_b = {},
                 _b[styles$e.textContent] = hasTopContent,
@@ -3911,9 +3917,9 @@ var ArticleSidebar = function (_a) {
             React.createElement(Heading.Heading, { level: linkSection.headingLevel }, linkSection.heading),
             linkSection.links.map(function (_a) {
                 var text = _a.text, url = _a.url, ariaLabel = _a.ariaLabel;
-                return (React.createElement(React.Fragment, null,
+                return (React.createElement(React.Fragment, { key: "".concat(id, "-").concat(url) },
                     React.createElement(VerticalSpace.VerticalSpace, { size: "8" }),
-                    React.createElement("div", { key: "".concat(id, "-").concat(url) },
+                    React.createElement("div", null,
                         React.createElement(Link.Link, { "aria-label": ariaLabel, size: "s", href: url }, text))));
             }))),
         topics && (React.createElement(React.Fragment, null,
@@ -3921,7 +3927,7 @@ var ArticleSidebar = function (_a) {
             React.createElement(Heading.Heading, { level: topics.headingLevel }, topics.heading),
             React.createElement(VerticalSpace.VerticalSpace, { size: "16" }),
             React.createElement("div", { className: styles$e.tagGroup }, topics.tags.map(function (tag) { return (React.createElement(Tag.Tag, __assign({ key: "".concat(id, "-").concat(tag.title) }, tag))); })))),
-        share && (React.createElement(React.Fragment, null,
+        showShare && (React.createElement(React.Fragment, null,
             (linkSection || topics) && (React.createElement("div", { "data-testid": "links-topics-content-rule" },
                 React.createElement(VerticalSpace.VerticalSpace, { size: "32" }),
                 React.createElement(Rule.Rule, null),