@redocly/theme 0.61.1 → 0.62.0-custom.1

package/lib/components/Feedback/Comment.js

@@ -39,23 +39,27 @@ const styled_components_1 = __importStar(require("styled-components"));
 const hooks_1 = require("../../core/hooks");
 const RadioCheckButtonIcon_1 = require("../../icons/RadioCheckButtonIcon/RadioCheckButtonIcon");
 const Button_1 = require("../../components/Button/Button");
+const constants_1 = require("../../core/constants");
 function Comment({ settings, onSubmit, onCancel, className, standAlone = true, isDialog = false, }) {
     const { useTranslate } = (0, hooks_1.useThemeHooks)();
     const { translate } = useTranslate();
     const { label, submitText } = settings || {};
     const [text, setText] = react_1.default.useState('');
     const [submitValue, setSubmitValue] = react_1.default.useState('');
+    const [isMaxLengthReached, setIsMaxLengthReached] = react_1.default.useState(false);
     const modalRef = (0, react_1.useRef)(null);
     (0, hooks_1.useOutsideClick)(modalRef, onCancel);
     const send = () => {
-        if (!text)
+        const trimmedText = text.trim();
+        if (!trimmedText)
             return;
-        setSubmitValue(text);
-        onSubmit({ comment: text });
+        setSubmitValue(trimmedText);
+        onSubmit({ comment: trimmedText });
     };
     const handleTextAreaChange = (e) => {
         const commentValue = e.target.value;
         setText(commentValue);
+        setIsMaxLengthReached(commentValue.length >= constants_1.MAX_CONTEXT_LENGTH);
         if (!standAlone) {
             onSubmit({ comment: commentValue });
         }
@@ -70,7 +74,11 @@ function Comment({ settings, onSubmit, onCancel, className, standAlone = true, i
     return (react_1.default.createElement(CommentWrapper, { ref: modalRef, "data-component-name": "Feedback/Comment", className: className, style: standAlone ? { width: 'var(--feedback-report-dialog-width)' } : { width: 'auto' } },
         react_1.default.createElement(Label, { "data-translation-key": "feedback.settings.comment.label", standAlone: standAlone }, label ||
             translate('feedback.settings.comment.label', 'Please share your feedback with us.')),
-        react_1.default.createElement(TextArea, { rows: 3, onChange: handleTextAreaChange }),
+        react_1.default.createElement(TextArea, { rows: 3, maxLength: constants_1.MAX_CONTEXT_LENGTH, onChange: handleTextAreaChange }),
+        isMaxLengthReached && (react_1.default.createElement(MaxLengthMessage, { "data-translation-key": "feedback.settings.comment.maxLength" }, translate('feedback.settings.comment.maxLength', {
+            maxLength: constants_1.MAX_CONTEXT_LENGTH,
+            defaultValue: `Maximum content length of ${constants_1.MAX_CONTEXT_LENGTH} characters reached`,
+        }))),
         standAlone && (react_1.default.createElement(ButtonsContainer, null,
             onCancel && (react_1.default.createElement(Button_1.Button, { "data-translation-key": "feedback.settings.comment.cancel", onClick: onCancel, variant: "text", size: "small" }, translate('feedback.settings.comment.cancel', 'Cancel'))),
             react_1.default.createElement(Button_1.Button, { "data-translation-key": "feedback.settings.comment.send", onClick: send, variant: isDialog ? 'primary' : 'secondary', size: "small" }, translate('feedback.settings.comment.send', 'Send'))))));
@@ -136,4 +144,9 @@ const ButtonsContainer = styled_components_1.default.div `
   margin-top: var(--spacing-xs);
   gap: var(--spacing-xs);
 `;
+const MaxLengthMessage = styled_components_1.default.div `
+  font-size: var(--font-size-sm);
+  color: var(--text-color-secondary);
+  margin-top: var(--spacing-xxs);
+`;
 //# sourceMappingURL=Comment.js.map

package/lib/components/Feedback/Mood.js

@@ -46,6 +46,7 @@ const Button_1 = require("../../components/Button/Button");
 const FaceDissatisfiedIcon_1 = require("../../icons/FaceDissatisfiedIcon/FaceDissatisfiedIcon");
 const FaceSatisfiedIcon_1 = require("../../icons/FaceSatisfiedIcon/FaceSatisfiedIcon");
 const FaceNeutralIcon_1 = require("../../icons/FaceNeutralIcon/FaceNeutralIcon");
+const constants_1 = require("../../core/constants");
 var MOOD_STATES;
 (function (MOOD_STATES) {
     MOOD_STATES["SATISFIED"] = "satisfied";
@@ -118,11 +119,13 @@ function Mood({ settings, onSubmit, className }) {
     const displaySubmitBnt = !!(score && (displayReasons || displayComment));
     const displayFeedbackEmail = !!score && !(optionalEmailSettings === null || optionalEmailSettings === void 0 ? void 0 : optionalEmailSettings.hide) && !userData.isAuthenticated;
     const onSubmitMoodForm = () => {
+        const trimmedComment = (comment === null || comment === void 0 ? void 0 : comment.trim()) || undefined;
+        const trimmedEmail = (email === null || email === void 0 ? void 0 : email.trim()) || undefined;
         onSubmit({
             score: remapScore(score),
-            comment,
+            comment: trimmedComment,
             reasons,
-            email,
+            email: trimmedEmail,
         });
         setIsSubmitted(true);
     };
@@ -170,7 +173,7 @@ function Mood({ settings, onSubmit, className }) {
                 React.createElement(InputLabel, { "data-translation-key": "feedback.settings.optionalEmail.label" }, (optionalEmailSettings === null || optionalEmailSettings === void 0 ? void 0 : optionalEmailSettings.label) ||
                     translate('feedback.settings.optionalEmail.label', 'Your email (optional, for follow-up)')),
                 React.createElement(EmailInput, { onChange: onEmailChange, placeholder: (optionalEmailSettings === null || optionalEmailSettings === void 0 ? void 0 : optionalEmailSettings.placeholder) ||
-                        translate('feedback.settings.optionalEmail.placeholder', 'yourname@example.com'), type: "email", required: !!email, onKeyDown: (e) => {
+                        translate('feedback.settings.optionalEmail.placeholder', 'yourname@example.com'), type: "email", maxLength: constants_1.MAX_EMAIL_LENGTH, required: !!email, onKeyDown: (e) => {
                         if (e.key === 'Enter') {
                             e.preventDefault();
                             onSubmitMoodForm();

package/lib/components/Feedback/Rating.js

@@ -47,6 +47,7 @@ const RadioCheckButtonIcon_1 = require("../../icons/RadioCheckButtonIcon/RadioCh
 const Comment_1 = require("../../components/Feedback/Comment");
 const Stars_1 = require("../../components/Feedback/Stars");
 const Button_1 = require("../../components/Button/Button");
+const constants_1 = require("../../core/constants");
 exports.FEEDBACK_MAX_RATING = 5;
 function Rating({ settings, onSubmit, className }) {
     const { label, submitText, comment: commentSettings, reasons: reasonsSettings, optionalEmail: optionalEmailSettings, } = settings || {};
@@ -63,12 +64,14 @@ function Rating({ settings, onSubmit, className }) {
         setEmail(value || undefined);
     };
     const onSubmitRatingForm = () => {
+        const trimmedComment = (comment === null || comment === void 0 ? void 0 : comment.trim()) || undefined;
+        const trimmedEmail = (email === null || email === void 0 ? void 0 : email.trim()) || undefined;
         onSubmit({
             score,
-            comment,
+            comment: trimmedComment,
             reasons,
             max: exports.FEEDBACK_MAX_RATING,
-            email,
+            email: trimmedEmail,
         });
         setIsSubmitted(true);
     };
@@ -115,7 +118,7 @@ function Rating({ settings, onSubmit, className }) {
                 React.createElement(InputLabel, { "data-translation-key": "feedback.settings.optionalEmail.label" }, (optionalEmailSettings === null || optionalEmailSettings === void 0 ? void 0 : optionalEmailSettings.label) ||
                     translate('feedback.settings.optionalEmail.label', 'Your email (optional, for follow-up)')),
                 React.createElement(EmailInput, { onChange: onEmailChange, placeholder: (optionalEmailSettings === null || optionalEmailSettings === void 0 ? void 0 : optionalEmailSettings.placeholder) ||
-                        translate('feedback.settings.optionalEmail.placeholder', 'yourname@example.com'), type: "email", required: !!email, onKeyDown: (e) => {
+                        translate('feedback.settings.optionalEmail.placeholder', 'yourname@example.com'), type: "email", maxLength: constants_1.MAX_EMAIL_LENGTH, required: !!email, onKeyDown: (e) => {
                         if (e.key === 'Enter') {
                             e.preventDefault();
                             onSubmitRatingForm();

package/lib/components/Feedback/Scale.js

@@ -47,6 +47,7 @@ const RadioCheckButtonIcon_1 = require("../../icons/RadioCheckButtonIcon/RadioCh
 const Comment_1 = require("../../components/Feedback/Comment");
 const Reasons_1 = require("../../components/Feedback/Reasons");
 const Button_1 = require("../../components/Button/Button");
+const constants_1 = require("../../core/constants");
 exports.MAX_SCALE = 10;
 function Scale({ settings, onSubmit, className }) {
     const { label, submitText, leftScaleLabel, rightScaleLabel, comment: commentSettings, reasons: reasonsSettings, optionalEmail: optionalEmailSettings, } = settings || {};
@@ -77,12 +78,14 @@ function Scale({ settings, onSubmit, className }) {
         setEmail(undefined);
     };
     const onSubmitScaleForm = () => {
+        const trimmedComment = (comment === null || comment === void 0 ? void 0 : comment.trim()) || undefined;
+        const trimmedEmail = (email === null || email === void 0 ? void 0 : email.trim()) || undefined;
         onSubmit({
             score,
-            comment,
+            comment: trimmedComment,
             reasons,
             max: exports.MAX_SCALE,
-            email,
+            email: trimmedEmail,
         });
         setIsSubmitted(true);
     };
@@ -122,7 +125,7 @@ function Scale({ settings, onSubmit, className }) {
                 React.createElement(InputLabel, { "data-translation-key": "feedback.settings.optionalEmail.label" }, (optionalEmailSettings === null || optionalEmailSettings === void 0 ? void 0 : optionalEmailSettings.label) ||
                     translate('feedback.settings.optionalEmail.label', 'Your email (optional, for follow-up)')),
                 React.createElement(EmailInput, { onChange: onEmailChange, placeholder: (optionalEmailSettings === null || optionalEmailSettings === void 0 ? void 0 : optionalEmailSettings.placeholder) ||
-                        translate('feedback.settings.optionalEmail.placeholder', 'yourname@example.com'), type: "email", required: !!email, onKeyDown: (e) => {
+                        translate('feedback.settings.optionalEmail.placeholder', 'yourname@example.com'), type: "email", maxLength: constants_1.MAX_EMAIL_LENGTH, required: !!email, onKeyDown: (e) => {
                         if (e.key === 'Enter') {
                             e.preventDefault();
                             onSubmitScaleForm();

package/lib/components/Feedback/Sentiment.js

@@ -47,6 +47,7 @@ const Comment_1 = require("../../components/Feedback/Comment");
 const Button_1 = require("../../components/Button/Button");
 const ThumbDownIcon_1 = require("../../icons/ThumbDownIcon/ThumbDownIcon");
 const ThumbUpIcon_1 = require("../../icons/ThumbUpIcon/ThumbUpIcon");
+const constants_1 = require("../../core/constants");
 function Sentiment({ settings, onSubmit, className }) {
     const { label, submitText, comment: commentSettings, reasons: reasonsSettings, optionalEmail: optionalEmailSettings, } = settings || {};
     const [isSubmitted, setIsSubmitted] = React.useState(false);
@@ -105,11 +106,13 @@ function Sentiment({ settings, onSubmit, className }) {
         return scoreSpecificReasonSettings === null || scoreSpecificReasonSettings === void 0 ? void 0 : scoreSpecificReasonSettings.component;
     };
     const onSubmitSentimentForm = () => {
+        const trimmedComment = (comment === null || comment === void 0 ? void 0 : comment.trim()) || undefined;
+        const trimmedEmail = (email === null || email === void 0 ? void 0 : email.trim()) || undefined;
         onSubmit({
             score,
-            comment,
+            comment: trimmedComment,
             reasons,
-            email,
+            email: trimmedEmail,
         });
         setIsSubmitted(true);
     };
@@ -154,7 +157,7 @@ function Sentiment({ settings, onSubmit, className }) {
                 React.createElement(InputLabel, { "data-translation-key": "feedback.settings.optionalEmail.label" }, (optionalEmailSettings === null || optionalEmailSettings === void 0 ? void 0 : optionalEmailSettings.label) ||
                     translate('feedback.settings.optionalEmail.label', 'Your email (optional, for follow-up)')),
                 React.createElement(EmailInput, { onChange: onEmailChange, placeholder: (optionalEmailSettings === null || optionalEmailSettings === void 0 ? void 0 : optionalEmailSettings.placeholder) ||
-                        translate('feedback.settings.optionalEmail.placeholder', 'yourname@example.com'), type: "email", required: !!email, onKeyDown: (e) => {
+                        translate('feedback.settings.optionalEmail.placeholder', 'yourname@example.com'), type: "email", maxLength: constants_1.MAX_EMAIL_LENGTH, required: !!email, onKeyDown: (e) => {
                         if (e.key === 'Enter') {
                             e.preventDefault();
                             onSubmitSentimentForm();

package/lib/components/Filter/FilterCheckboxes.js

@@ -24,7 +24,7 @@ function FilterCheckboxes({ filter, filterValuesCasing, showCounter = true, }) {
             const id = 'filter--' + filter.property + '--' + value;
             return (react_1.default.createElement(FilterCheckboxOption, { key: id, role: "link", onClick: () => {
                     filter.toggleOption(value);
-                    telemetry.sendFilterCheckboxToggledMessage({ id });
+                    telemetry.sendFilterCheckboxToggledMessage([{ object: 'checkbox', id }]);
                 } },
                 react_1.default.createElement(CheckboxIcon_1.CheckboxIcon, { checked: filter.selectedOptions instanceof Set
                         ? filter.selectedOptions.has(value) ||

package/lib/components/JsonViewer/JsonViewer.js

@@ -40,7 +40,7 @@ exports.JsonViewerWrap = exports.JsonViewer = void 0;
 const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const CodeBlock_1 = require("../../components/CodeBlock/CodeBlock");
-const Helpers_1 = require("./Helpers");
+const helpers_1 = require("../../components/JsonViewer/helpers");
 function JsonComponent({ data, expandLevel = 1, className, onCopyClick, onPanelToggle, title, controls = {}, }) {
     const showFoldingButtons = data && Object.values(data).some((value) => typeof value === 'object' && value !== null);
     const [expandAllSignal, setExpandAllSignal] = react_1.default.useState(undefined);
@@ -71,7 +71,7 @@ function JsonComponent({ data, expandLevel = 1, className, onCopyClick, onPanelT
                 }
                 : undefined, source: source },
             react_1.default.createElement(FoldingWrap, null,
-                react_1.default.createElement(Helpers_1.JsonValue, { value: data, level: 0, standalone: true, expandAllSignal: expandAllSignal, defaultExpandLevel: Math.max(1, expandLevel) })))));
+                react_1.default.createElement(helpers_1.JsonValue, { value: data, level: 0, standalone: true, expandAllSignal: expandAllSignal, defaultExpandLevel: Math.max(1, expandLevel) })))));
 }
 exports.JsonViewer = (0, react_1.memo)(JsonComponent);
 const FoldingWrap = styled_components_1.default.div `

package/lib/components/JsonViewer/{Helpers.js → helpers.js}

@@ -37,6 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.JsonValue = JsonValue;
+/* eslint-disable check-file/filename-naming-convention */
 const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const Button_1 = require("../../components/Button/Button");
@@ -137,4 +138,4 @@ const ExpandButton = (0, styled_components_1.default)(Button_1.Button) `
     margin-left: 0;
   }
 `;
-//# sourceMappingURL=Helpers.js.map
+//# sourceMappingURL=helpers.js.map

package/lib/components/LanguagePicker/LanguagePicker.js

@@ -26,7 +26,7 @@ function LanguagePicker(props) {
         onAction: () => {
             setLocale(locale.code);
             props.onChangeLanguage(locale.code);
-            telemetry.sendLanguagePickerLocaleChangedMessage({ locale: locale.code });
+            telemetry.sendLanguagePickerLocaleChangedMessage([{ object: 'locale', locale: locale.code }]);
         },
         active: locale.code === currentLocale.code,
         suffix: locale.code === currentLocale.code && react_1.default.createElement(CheckmarkIcon_1.CheckmarkIcon, null),

package/lib/components/Markdown/Markdown.js

@@ -77,7 +77,7 @@ exports.Markdown = styled_components_1.default.main.attrs(({ className }) => ({
   ${links_1.markdownLinksCss}
 
   a[name], [id] {
-    scroll-margin-top: var(--navbar-height);
+    scroll-margin-top: calc(var(--navbar-height) + var(--banner-height));
   }
 
   img,
@@ -95,7 +95,7 @@ exports.Markdown = styled_components_1.default.main.attrs(({ className }) => ({
     font-family: var(--heading-font-family);
     position: relative;
 
-    scroll-margin-top: var(--navbar-height);
+    scroll-margin-top: calc(var(--navbar-height) + var(--banner-height));
   }
 
   strong {

package/lib/components/Menu/MenuItem.js

@@ -45,10 +45,10 @@ const HttpTag_1 = require("../../components/Tags/HttpTag");
 const constants_1 = require("../../core/constants");
 const utils_1 = require("../../core/utils");
 const ArrowRightIcon_1 = require("../../icons/ArrowRightIcon/ArrowRightIcon");
-const Badge_1 = require("../../components/Badge/Badge");
 const GenericIcon_1 = require("../../icons/GenericIcon/GenericIcon");
+const Tag_1 = require("../../components/Tag/Tag");
 function MenuItem(props) {
-    var _a;
+    var _a, _b;
     const { item, depth, className, onClick } = props;
     const { useTranslate, useTelemetry } = (0, hooks_1.useThemeHooks)();
     const { translate } = useTranslate();
@@ -65,10 +65,13 @@ function MenuItem(props) {
     const hasChevron = isNested && !isDrilldown;
     const hasHttpTag = !!item.httpVerb || type === constants_1.MenuItemType.Operation;
     const handleOnClick = () => {
-        telemetry.sendSidebarItemClickedMessage({
-            label: item.label,
-            type: item.type === 'link' || item.type === 'group' ? item.type : undefined,
-        });
+        telemetry.sendSidebarItemClickedMessage([
+            {
+                object: 'sidebar_item',
+                label: item.label,
+                type: item.type === 'link' || item.type === 'group' ? item.type : undefined,
+            },
+        ]);
         onClick === null || onClick === void 0 ? void 0 : onClick();
         if (isNested) {
             handleExpand();
@@ -89,9 +92,10 @@ function MenuItem(props) {
         hasChevron ? react_1.default.createElement(ChevronWrapper, null, chevron) : null,
         react_1.default.createElement(MenuItemIcon, { icon: item.icon, srcSet: item.srcSet }),
         react_1.default.createElement(MenuItemLabelTextWrapper, null,
-            react_1.default.createElement(MenuItemLabel, null,
-                react_1.default.createElement("span", null, translate(item.labelTranslationKey, item.label)), (_a = item.badges) === null || _a === void 0 ? void 0 :
-                _a.map(({ name, color }) => (react_1.default.createElement(MenuItemBadge, { color: color, key: name }, name))),
+            react_1.default.createElement(MenuItemLabel, null, (_a = item.badges) === null || _a === void 0 ? void 0 :
+                _a.filter(({ position }) => position === 'before').map(({ name, color, icon }) => (react_1.default.createElement(SidebarTag, { color: isDirectColorValue(color) ? undefined : color, "$bgColor": isDirectColorValue(color) ? color : undefined, key: name, icon: icon && react_1.default.createElement(BadgeIcon, { icon: icon }) }, name))),
+                react_1.default.createElement("span", null, translate(item.labelTranslationKey, item.label)), (_b = item.badges) === null || _b === void 0 ? void 0 :
+                _b.filter(({ position }) => position !== 'before').map(({ name, color, icon }) => (react_1.default.createElement(SidebarTag, { color: isDirectColorValue(color) ? undefined : color, "$bgColor": isDirectColorValue(color) ? color : undefined, key: name, icon: icon && react_1.default.createElement(BadgeIcon, { icon: icon }) }, name))),
                 item.external ? react_1.default.createElement(LaunchIcon_1.LaunchIcon, { size: "var(--menu-item-external-icon-size)" }) : null),
             item.sublabel ? (react_1.default.createElement(MenuItemSubLabel, null, translate(item.subLabelTranslationKey, item.sublabel))) : null),
         isDrilldown ? react_1.default.createElement(ArrowRightIcon_1.ArrowRightIcon, { size: "12px" }) : null,
@@ -101,6 +105,12 @@ function MenuItem(props) {
         isNested ? (react_1.default.createElement(MenuItemNestedWrapper, { depth: depth, ref: nestedMenuRef, style: style }, isExpanded || !canUnmount ? props.children : null)) : null,
         item.separatorLine ? (react_1.default.createElement(MenuItemSeparatorLine, { depth: depth, linePosition: item.linePosition })) : null));
 }
+/* for backward compatibility */
+function isDirectColorValue(color) {
+    if (!color)
+        return false;
+    return color.startsWith('#') || color.startsWith('rgb') || color.startsWith('hsl');
+}
 function generateClassName({ type, item, className, }) {
     const classNames = [className, `menu-item-type-${type}`];
     if (type === constants_1.MenuItemType.Separator) {
@@ -279,15 +289,31 @@ const MenuItemLabel = styled_components_1.default.span `
     margin-right: var(--spacing-xxs);
   }
 `;
-const MenuItemBadge = (0, styled_components_1.default)(Badge_1.Badge) `
+const SidebarTag = (0, styled_components_1.default)(Tag_1.Tag) `
+  ${({ $bgColor }) => $bgColor && `background-color: ${$bgColor};`} /* for backward compatibility */
   margin-left: 0;
-  background-color: ${({ color }) => color || 'var(--color-info-base)'};
   font-size: var(--font-size-sm);
   line-height: var(--line-height-sm);
   padding: 0 var(--spacing-xxs);
-  max-width: 80px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
+  max-width: 90px;
+
+  --tag-padding: 0 var(--spacing-xxs);
+  --tag-content-padding: 0;
+  --tag-font-size: var(--font-size-sm);
+  --tag-line-height: var(--line-height-sm);
+  vertical-align: middle;
+
+  ${Tag_1.ContentWrapper} {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    display: block;
+  }
+`;
+const BadgeIcon = (0, styled_components_1.default)(GenericIcon_1.GenericIcon) `
+  --icon-width: var(--font-size-sm);
+  --icon-height: var(--font-size-sm);
+  margin-right: var(--spacing-xxs);
+  flex-shrink: 0;
 `;
 //# sourceMappingURL=MenuItem.js.map

package/lib/components/Menu/variables.js

@@ -131,12 +131,12 @@ exports.mobileMenu = (0, styled_components_1.css) `
     * @tokens Mobile Menu
     * */
   /* Fallback for older browsers. dvh accounts for dynamic UI elements like mobile address bars */
-  --menu-mobile-height: calc(100vh - var(--navbar-height));
-  --menu-mobile-height: calc(100dvh - var(--navbar-height));
+  --menu-mobile-height: calc(100vh - var(--navbar-height) - var(--banner-height));
+  --menu-mobile-height: calc(100dvh - var(--navbar-height) - var(--banner-height));
   --menu-mobile-width: 100%;
   --menu-mobile-z-index: var(--z-index-raised);
   --menu-mobile-left: 0;
-  --menu-mobile-top: var(--navbar-height);
+  --menu-mobile-top: calc(var(--navbar-height) + var(--banner-height));
   --menu-mobile-transition: 0.5s;
   --menu-mobile-bg: var(--bg-color); // @presenter Color
   --menu-mobile-margin: var(--menu-mobile-items-margin-top) var(--menu-mobile-margin-horizontal) 0 var(--menu-mobile-margin-horizontal);

package/lib/components/Navbar/NavbarItem.js

@@ -27,7 +27,7 @@ function NavbarItem({ navItem, className }) {
     const normalizedPath = (item.link ? (0, utils_1.removeTrailingSlash)(item.link) : item.link) || '';
     const pathWithPathPrefix = (0, utils_1.withPathPrefix)((0, utils_1.getPathnameForLocale)(normalizedPath, defaultLocale, currentLocale, locales));
     const isActive = (0, utils_1.removeTrailingSlash)(pathname) === (0, utils_1.removeTrailingSlash)(pathWithPathPrefix);
-    const itemContent = (react_1.default.createElement(NavbarMenuItem, { as: item.link ? Link_1.Link : undefined, active: isActive, className: className, onClick: () => telemetry.sendNavbarMenuItemClickedMessage({ type: item.type }), external: item.external, target: item.target, to: item.link },
+    const itemContent = (react_1.default.createElement(NavbarMenuItem, { as: item.link ? Link_1.Link : undefined, active: isActive, className: className, onClick: () => telemetry.sendNavbarMenuItemClickedMessage([{ object: 'menu_item', type: item.type }]), external: item.external, target: item.target, to: item.link },
         react_1.default.createElement(NavbarIcon, { icon: item.icon, srcSet: item.srcSet }),
         react_1.default.createElement(NavbarLabel, { "data-translation-key": item.labelTranslationKey }, translate(item.labelTranslationKey, item.label)),
         item.external ? react_1.default.createElement(ExternalLinkIcon, { size: "10px" }) : null));

package/lib/components/OpenApiDocs/hooks/AdditionalOverviewInfo.d.ts

@@ -0,0 +1 @@
+export declare const AdditionalOverviewInfo: any;

package/lib/components/OpenApiDocs/hooks/AdditionalOverviewInfo.js

@@ -0,0 +1,12 @@
+"use strict";
+// interface AdditionalOverviewInfoProps {
+//   info: any;
+// }
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdditionalOverviewInfo = void 0;
+// export function AdditionalOverviewInfo(_props: AdditionalOverviewInfoProps) {
+//   return null;
+// }
+/* eslint-disable-next-line @typescript-eslint/no-explicit-any */
+exports.AdditionalOverviewInfo = null;
+//# sourceMappingURL=AdditionalOverviewInfo.js.map

package/lib/components/OpenApiDocs/hooks/AfterOpenApiDescription.d.ts

@@ -0,0 +1 @@
+export declare const AfterOpenApiDescription: any;

package/lib/components/OpenApiDocs/hooks/AfterOpenApiDescription.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AfterOpenApiDescription = void 0;
+/* eslint-disable-next-line @typescript-eslint/no-explicit-any */
+exports.AfterOpenApiDescription = null;
+//# sourceMappingURL=AfterOpenApiDescription.js.map

package/lib/components/PageActions/PageActions.js

@@ -49,6 +49,7 @@ exports.PageActions = PageActions;
 const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const PageActionsMenuItem_1 = require("../../components/PageActions/PageActionsMenuItem");
+const DropdownMenuItem_1 = require("../../components/Dropdown/DropdownMenuItem");
 const Link_1 = require("../../components/Link/Link");
 const ButtonGroup_1 = require("../../components/Button/ButtonGroup");
 const Button_1 = require("../../components/Button/Button");
@@ -77,16 +78,18 @@ function PageActions(props) {
             setActionState('idle');
         }, ACTION_DONE_DISPLAY_DURATION);
     });
-    const menuItems = actions.map((action) => ({
-        content: 'link' in action ? (react_1.default.createElement(LinkMenuItem, { to: action.link, external: true },
-            react_1.default.createElement(PageActionsMenuItem_1.PageActionsMenuItem, { pageAction: action }))) : (react_1.default.createElement(PageActionsMenuItem_1.PageActionsMenuItem, { pageAction: action })),
-        onAction: 'onClick' in action ? () => handleActionClick(action) : undefined,
-    }));
-    return (react_1.default.createElement(PageActionsWrapper, null,
+    const menuItems = actions.map((action, index) => {
+        const key = `${action.title}-${index}`;
+        const hasLink = 'link' in action;
+        const content = hasLink ? (react_1.default.createElement(LinkMenuItem, { key: `${key}-link`, to: action.link, tabIndex: -1, external: true },
+            react_1.default.createElement(PageActionsMenuItem_1.PageActionsMenuItem, { pageAction: action }))) : (react_1.default.createElement(PageActionsMenuItem_1.PageActionsMenuItem, { pageAction: action }));
+        return (react_1.default.createElement(StyledDropdownMenuItem, { key: key, onAction: () => handleActionClick(action) }, content));
+    });
+    return (react_1.default.createElement(PageActionsWrapper, { "data-component-name": "PageActions/PageActions" },
         react_1.default.createElement(ButtonGroup_1.ButtonGroup, { variant: "outlined", size: "medium" },
             react_1.default.createElement(Button_1.Button, { icon: renderIcon(buttonAction, actionState), to: 'link' in buttonAction ? buttonAction.link : undefined, external: true, onClick: () => handleActionClick(buttonAction) }, buttonAction.buttonText),
-            actions.length > 1 ? (react_1.default.createElement(Dropdown_1.Dropdown, { withArrow: true, trigger: react_1.default.createElement(Button_1.Button, null), placement: "bottom", alignment: "end" },
-                react_1.default.createElement(StyledDropdownMenu, { items: menuItems }))) : null)));
+            actions.length > 1 ? (react_1.default.createElement(StyledDropdown, { withArrow: true, trigger: react_1.default.createElement(Button_1.Button, null), placement: "bottom", alignment: "end" },
+                react_1.default.createElement(StyledDropdownMenu, null, menuItems))) : null)));
 }
 function renderIcon(buttonAction, actionState) {
     switch (actionState) {
@@ -111,7 +114,21 @@ const LinkMenuItem = (0, styled_components_1.default)(Link_1.Link) `
   text-decoration: none;
   --link-decoration-hover: none;
 `;
+const StyledDropdown = (0, styled_components_1.default)(Dropdown_1.Dropdown) `
+  --dropdown-menu-z-index: calc(var(--z-index-raised) - 1);
+`;
 const StyledDropdownMenu = (0, styled_components_1.default)(DropdownMenu_1.DropdownMenu) `
   --dropdown-menu-max-height: var(--page-actions-dropdown-max-height);
 `;
+const StyledDropdownMenuItem = (0, styled_components_1.default)(DropdownMenuItem_1.DropdownMenuItem) `
+  &:has(a) {
+    padding: 0;
+    & > a {
+      display: inline-block;
+      width: 100%;
+      padding: var(--dropdown-menu-item-padding-vertical)
+        var(--dropdown-menu-item-padding-horizontal);
+    }
+  }
+`;
 //# sourceMappingURL=PageActions.js.map

package/lib/components/Search/SearchAiDialog.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { JSX } from 'react';
-import type { AiSearchConversationItem, SearchAiMessageResource } from '../../core/types';
+import type { AiSearchConversationItem, SearchAiMessageResource, ToolCall, ContentSegment } from '../../core/types';
 import { AiSearchError } from '../../core/constants';
 export type SearchAiDialogProps = {
     response: string | undefined;
@@ -12,5 +12,7 @@ export type SearchAiDialogProps = {
     conversation: AiSearchConversationItem[];
     setConversation: React.Dispatch<React.SetStateAction<AiSearchConversationItem[]>>;
     onMessageSent: (message: string, history?: AiSearchConversationItem[], messageId?: string) => void;
+    toolCalls?: ToolCall[];
+    contentSegments?: ContentSegment[];
 };
-export declare function SearchAiDialog({ isGeneratingResponse, response, initialMessage, error, resources, onMessageSent, className, conversation, setConversation, }: SearchAiDialogProps): JSX.Element;
+export declare function SearchAiDialog({ isGeneratingResponse, response, initialMessage, error, resources, onMessageSent, className, conversation, setConversation, toolCalls, contentSegments, }: SearchAiDialogProps): JSX.Element;

package/lib/components/Search/SearchAiDialog.js

@@ -46,7 +46,7 @@ const constants_1 = require("../../core/constants");
 const SearchAiMessage_1 = require("../../components/Search/SearchAiMessage");
 const Admonition_1 = require("../../components/Admonition/Admonition");
 const AiStarsIcon_1 = require("../../icons/AiStarsIcon/AiStarsIcon");
-function SearchAiDialog({ isGeneratingResponse, response, initialMessage, error, resources, onMessageSent, className, conversation, setConversation, }) {
+function SearchAiDialog({ isGeneratingResponse, response, initialMessage, error, resources, onMessageSent, className, conversation, setConversation, toolCalls = [], contentSegments, }) {
     const { useTranslate } = (0, hooks_1.useThemeHooks)();
     const { aiAssistant } = (0, hooks_1.useThemeConfig)();
     const { translate } = useTranslate();
@@ -99,12 +99,31 @@ function SearchAiDialog({ isGeneratingResponse, response, initialMessage, error,
                         content,
                         resources,
                         messageId: lastMessage.messageId,
+                        toolCalls,
+                        contentSegments,
                     },
                 ];
             }
-            return [...prev, { role: constants_1.AiSearchConversationRole.ASSISTANT, content, resources }];
+            return [
+                ...prev,
+                {
+                    role: constants_1.AiSearchConversationRole.ASSISTANT,
+                    content,
+                    resources,
+                    toolCalls,
+                    contentSegments,
+                },
+            ];
         });
-    }, [response, conversation.length, error, resources, setConversation]);
+    }, [
+        response,
+        conversation.length,
+        error,
+        resources,
+        toolCalls,
+        contentSegments,
+        setConversation,
+    ]);
     (0, react_1.useEffect)(() => {
         if (error) {
             setConversation((prev) => prev.slice(0, -1));
@@ -123,7 +142,7 @@ function SearchAiDialog({ isGeneratingResponse, response, initialMessage, error,
         react_1.default.createElement(ConversationWrapper, null,
             conversation.map((item, index) => (react_1.default.createElement(SearchAiMessage_1.SearchAiMessage, { key: `search-ai-message-${index}`, role: item.role, content: item.content, isThinking: item.role === constants_1.AiSearchConversationRole.ASSISTANT &&
                     isGeneratingResponse &&
-                    index === conversation.length - 1, resources: item.resources, messageId: item.messageId, feedback: item.feedback, onFeedbackChange: handleFeedbackChange }))),
+                    index === conversation.length - 1, resources: item.resources, messageId: item.messageId, feedback: item.feedback, onFeedbackChange: handleFeedbackChange, toolCalls: item.toolCalls || (index === conversation.length - 1 ? toolCalls : undefined), contentSegments: item.contentSegments }))),
             error && (react_1.default.createElement(Admonition_1.Admonition, { type: "danger", name: translate(constants_1.AI_SEARCH_ERROR_CONFIG[error].headerKey, constants_1.AI_SEARCH_ERROR_CONFIG[error].headerDefault) }, translate(constants_1.AI_SEARCH_ERROR_CONFIG[error].messageKey, constants_1.AI_SEARCH_ERROR_CONFIG[error].messageDefault))),
             !conversation.length && !error && (react_1.default.createElement(SuggestionsWrapper, null, suggestions === null || suggestions === void 0 ? void 0 : suggestions.map((suggestion) => (react_1.default.createElement(Button_1.Button, { key: suggestion, variant: "outlined", onClick: () => handleOnMessageSent(suggestion) }, suggestion))))),
             react_1.default.createElement("div", { ref: conversationEndRef })),

package/lib/components/Search/SearchAiMessage.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { JSX } from 'react';
-import { FeedbackType, type SearchAiMessageResource } from '../../core/types';
+import { FeedbackType, type SearchAiMessageResource, type ToolCall, type ContentSegment } from '../../core/types';
 import { AiSearchConversationRole } from '../../core/constants';
 export type SearchAiMessageProps = {
     role: AiSearchConversationRole;
@@ -11,7 +11,9 @@ export type SearchAiMessageProps = {
     messageId?: string;
     feedback?: FeedbackType;
     onFeedbackChange: (messageId: string, feedback: FeedbackType | undefined) => void;
+    toolCalls?: ToolCall[];
+    contentSegments?: ContentSegment[];
 };
-declare function SearchAiMessageComponent({ role, content, isThinking, resources, className, messageId, feedback, onFeedbackChange, }: SearchAiMessageProps): JSX.Element;
+declare function SearchAiMessageComponent({ role, content, isThinking, resources, className, messageId, feedback, onFeedbackChange, toolCalls, contentSegments, }: SearchAiMessageProps): JSX.Element;
 export declare const SearchAiMessage: React.MemoExoticComponent<typeof SearchAiMessageComponent>;
 export {};