@redocly/theme 0.44.0 → 0.44.1

package/lib/components/CodeBlock/CodeBlockControls.js

@@ -39,9 +39,9 @@ function CodeBlockControls({ children, className, title, controls, tabs, }) {
             select ? (react_1.default.createElement(ControlButton, { variant: "text", size: "small", "data-testid": "select-all", icon: controlsType === 'icon' ? react_1.default.createElement(SelectIcon_1.SelectIcon, null) : undefined, onClick: select === null || select === void 0 ? void 0 : select.onClick }, controlsType !== 'icon' && (select === null || select === void 0 ? void 0 : select.label) ? select.label : 'Select all')) : null,
             deselect ? (react_1.default.createElement(ControlButton, { variant: "text", size: "small", "data-testid": "clear-all", icon: controlsType === 'icon' ? react_1.default.createElement(DeselectIcon_1.DeselectIcon, null) : undefined, onClick: deselect === null || deselect === void 0 ? void 0 : deselect.onClick }, controlsType !== 'icon' && (deselect === null || deselect === void 0 ? void 0 : deselect.label) ? deselect.label : 'Clear all')) : null,
             copy && !((_e = codeSnippet === null || codeSnippet === void 0 ? void 0 : codeSnippet.copy) === null || _e === void 0 ? void 0 : _e.hide) ? (react_1.default.createElement(CopyButton_1.CopyButton, { data: copy.data, "data-source": copy.dataSource, "data-hash": copy.dataHash, type: controlsType, toasterPlacement: copy.toasterPlacement, toasterDuration: copy.toasterDuration, buttonText: copy.label, onCopyClick: () => {
-                    var _a;
-                    copy === null || copy === void 0 ? void 0 : copy.onClick;
-                    (_a = telemetry === null || telemetry === void 0 ? void 0 : telemetry.send) === null || _a === void 0 ? void 0 : _a.call(telemetry, 'code_snippet_copied', {});
+                    var _a, _b;
+                    (_a = copy === null || copy === void 0 ? void 0 : copy.onClick) === null || _a === void 0 ? void 0 : _a.call(copy);
+                    (_b = telemetry === null || telemetry === void 0 ? void 0 : telemetry.send) === null || _b === void 0 ? void 0 : _b.call(telemetry, 'code_snippet_copied', {});
                 } })) : null))) : null;
     return children || controls ? (react_1.default.createElement(ContainerWrapper, { "data-component-name": "CodeBlock/CodeBlockControls", className: className }, children ? children : defaultControls)) : null;
 }

package/lib/components/Image/Image.js

@@ -12,7 +12,7 @@ function Image(props) {
     const parsedSourceSetMap = react_1.default.useMemo(() => {
         return srcSet ? (0, utils_1.parseSrcSet)(srcSet) : new Map();
     }, [srcSet]);
-    return (react_1.default.createElement(react_1.default.Fragment, null, src ? (react_1.default.createElement("img", { src: src, alt: alt, className: className })) : (Array.from(parsedSourceSetMap).map(([key, value]) => (react_1.default.createElement(ColorModeAwareImage, { key: key, colorMode: key, src: value, alt: alt }))))));
+    return (react_1.default.createElement(react_1.default.Fragment, null, src ? (react_1.default.createElement("img", { src: src, alt: alt, className: className })) : (Array.from(parsedSourceSetMap).map(([key, value]) => (react_1.default.createElement(ColorModeAwareImage, { key: key, colorMode: key, src: value, alt: alt, className: className }))))));
 }
 exports.Image = Image;
 const ColorModeAwareImage = styled_components_1.default.img `

package/lib/components/SidebarActions/SidebarActions.js

@@ -21,9 +21,12 @@ const SidebarActions = ({ layout, hideCollapseSidebarButton = false, collapsedSi
         !hideCollapseSidebarButton && (react_1.default.createElement(Button_1.Button, { onClick: () => {
                 var _a, _b;
                 onChangeCollapseSidebarClick();
-                collapsedSidebar
-                    ? (_a = telemetry.send) === null || _a === void 0 ? void 0 : _a.call(telemetry, 'sidebar_item_expanded', {})
-                    : (_b = telemetry.send) === null || _b === void 0 ? void 0 : _b.call(telemetry, 'sidebar_item_collapsed', {});
+                if (collapsedSidebar) {
+                    (_a = telemetry.send) === null || _a === void 0 ? void 0 : _a.call(telemetry, 'sidebar_item_expanded', {});
+                }
+                else {
+                    (_b = telemetry.send) === null || _b === void 0 ? void 0 : _b.call(telemetry, 'sidebar_item_collapsed', {});
+                }
             }, title: collapsedSidebar
                 ? translate('sidebar.actions.show', 'Show sidebar')
                 : translate('sidebar.actions.hide', 'Hide sidebar'), size: "small", variant: "outlined", icon: collapsedSidebar ? react_1.default.createElement(SidePanelOpenIcon_1.SidePanelOpenIcon, null) : react_1.default.createElement(SidePanelCloseIcon_1.SidePanelCloseIcon, null) })),

package/lib/core/utils/dom.d.ts

@@ -1,2 +1,2 @@
 export declare const IS_BROWSER: boolean;
-export declare function onDocumentReady(fn: Function): void;
+export declare function onDocumentReady(fn: () => unknown): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/theme",
-  "version": "0.44.0",
+  "version": "0.44.1",
   "description": "Shared UI components lib",
   "keywords": [
     "theme",
@@ -62,8 +62,8 @@
     "@types/styled-components": "5.1.34",
     "@types/styled-system": "5.1.22",
     "@types/nprogress": "0.2.3",
-    "@typescript-eslint/eslint-plugin": "7.16.0",
-    "@typescript-eslint/parser": "7.16.0",
+    "@typescript-eslint/eslint-plugin": "8.6.0",
+    "@typescript-eslint/parser": "8.6.0",
     "chromatic": "6.17.2",
     "concurrently": "7.6.0",
     "jest": "29.5.0",

package/src/components/CodeBlock/CodeBlockControls.tsx

@@ -145,7 +145,7 @@ export function CodeBlockControls({
             toasterDuration={copy.toasterDuration}
             buttonText={copy.label}
             onCopyClick={() => {
-              copy?.onClick;
+              copy?.onClick?.();
               telemetry?.send?.('code_snippet_copied', {});
             }}
           />

package/src/components/Image/Image.tsx

@@ -23,7 +23,13 @@ export function Image(props: ImageProps): JSX.Element {
         <img src={src} alt={alt} className={className} />
       ) : (
         Array.from(parsedSourceSetMap).map(([key, value]) => (
-          <ColorModeAwareImage key={key} colorMode={key} src={value} alt={alt} />
+          <ColorModeAwareImage
+            key={key}
+            colorMode={key}
+            src={value}
+            alt={alt}
+            className={className}
+          />
         ))
       )}
     </>

package/src/components/SidebarActions/SidebarActions.tsx

@@ -47,9 +47,11 @@ export const SidebarActions = ({
         <Button
           onClick={() => {
             onChangeCollapseSidebarClick();
-            collapsedSidebar
-              ? telemetry.send?.('sidebar_item_expanded', {})
-              : telemetry.send?.('sidebar_item_collapsed', {});
+            if (collapsedSidebar) {
+              telemetry.send?.('sidebar_item_expanded', {});
+            } else {
+              telemetry.send?.('sidebar_item_collapsed', {});
+            }
           }}
           title={
             collapsedSidebar

package/src/core/utils/dom.ts

@@ -1,6 +1,6 @@
 export const IS_BROWSER = typeof window !== 'undefined' && 'HTMLElement' in window;
 
-export function onDocumentReady(fn: Function) {
+export function onDocumentReady(fn: () => unknown) {
   if (document.readyState === 'loading') {
     document.addEventListener('DOMContentLoaded', fn as EventListener);
   } else {

package/src/core/utils/with-load-progress.ts

@@ -6,7 +6,7 @@ nprogress.configure({
 });
 
 // Only the last caller should be able to call nprogress.done()
-let lastCalledBy: Symbol;
+let lastCalledBy: symbol;
 
 export async function withLoadProgress<T>(loadTarget: Promise<T>): Promise<T> {
   const callIdentifier = Symbol();