@redocly/theme 0.60.0-next.1 → 0.60.0-next.2

package/src/layouts/ThreePanelLayout.tsx

@@ -4,7 +4,7 @@ import { LayoutVariant } from '@redocly/config';
 
 import type { JSX } from 'react';
 
-import { breakpoints } from '@redocly/theme/core/utils/media-css';
+import { breakpoints } from '@redocly/theme/core/utils';
 
 interface LayoutConfig {
   children: React.ReactNode;

package/src/markdoc/components/Cards/variables.dark.ts

@@ -1,5 +1,6 @@
 import { css } from 'styled-components';
 
+/* eslint-disable theme/no-raw-colors-in-styles */
 export const cardsDarkMode = css`
   --card-icon-border-color: var(--color-warm-grey-4);
   --card-icon-bg-color: var(--color-warm-grey-3);
@@ -22,3 +23,4 @@ export const cardsDarkMode = css`
     --card-box-shadow-hover: 0px 14px 64px -4px #0000001F, 0px 8px 22px -6px #0000001F;
   }
 `;
+/* eslint-enable theme/no-raw-colors-in-styles */

package/src/markdoc/components/Cards/variables.ts

@@ -1,5 +1,6 @@
 import { css } from 'styled-components';
 
+/* eslint-disable theme/no-raw-colors-in-styles */
 export const cards = css`
   --cards-gap: var(--spacing-sm);
 
@@ -65,4 +66,5 @@ export const cards = css`
     --card-border-width: 0;
   }
 
-`
+`;
+/* eslint-enable theme/no-raw-colors-in-styles */

package/src/markdoc/components/CodeWalkthrough/CodePanelHeader.tsx

@@ -200,7 +200,7 @@ const Tab = styled.button<{ active: boolean }>`
           }
         `}
 `;
-
+// eslint-disable-next-line no-warning-comments
 // code-walk-todo: figure it our why we could not do it differently
 const StyledDropdownMenu = styled(DropdownMenu)`
   --md-list-left-padding: var(--dropdown-menu-padding);

package/src/markdoc/tags/code-walkthrough.ts

@@ -68,6 +68,7 @@ export const codeWalkthrough: MarkdocSchemaWrapper = {
           filesets: node.attributes.resolvedFilesets || [],
           steps: steps.map((step) => {
             return {
+              /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
               ...((step as any)?.attributes || {}),
             } as CodeWalkthroughStepAttr;
           }),
@@ -79,6 +80,7 @@ export const codeWalkthrough: MarkdocSchemaWrapper = {
     },
     validate(node) {
       const errors: ValidationError[] = [];
+      /* eslint-disable-next-line no-warning-comments */
       // code-walk-todo: validate when/unless for steps, toggles, inputs, and chunks
 
       const toggleIds = Object.keys(collectTogglesFromChildren(node.children));

package/src/markdoc/tags/html.ts

@@ -12,6 +12,7 @@ export const html: MarkdocSchemaWrapper = {
       name: { type: String, required: true },
       attrs: { type: Object },
     },
+    /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
     transform(node: any, config: any) {
       const { name, attrs } = node.attributes;
       const children = node.transformChildren(config);

package/lib/core/hooks/__mocks__/index.d.ts

@@ -1,28 +0,0 @@
-export * from './use-theme-config';
-export * from './use-theme-hooks';
-export * from './use-mobile-menu';
-export * from './use-controlled-state';
-export * from './search/use-recent-searches';
-export * from './search/use-suggested-pages';
-export * from './search/use-search-filter';
-export * from '../menu/__mocks__/use-mobile-menu-items';
-export * from '../menu/use-collapse';
-export * from '../use-active-heading';
-export * from '../use-control';
-export * from '../use-dialog-hotkeys';
-export * from '../use-full-height';
-export * from '../use-modal-scroll-lock';
-export * from '../use-mount';
-export * from '../use-outside-click';
-export * from '../use-unmount';
-export * from '../use-color-switcher';
-export * from '../menu/use-nested-menu';
-export * from '../menu/use-menu-item-expanded';
-export * from '../menu/use-mobile-menu-levels';
-export * from '../feedback/use-report-dialog';
-export * from '../use-product-picker';
-export * from '../search/use-search-dialog';
-export * from '../use-language-picker';
-export * from './use-element-size';
-export * from './use-time-ago';
-export * from './use-input-key-commands';

package/lib/core/hooks/__mocks__/index.js

@@ -1,45 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./use-theme-config"), exports);
-__exportStar(require("./use-theme-hooks"), exports);
-__exportStar(require("./use-mobile-menu"), exports);
-__exportStar(require("./use-controlled-state"), exports);
-__exportStar(require("./search/use-recent-searches"), exports);
-__exportStar(require("./search/use-suggested-pages"), exports);
-__exportStar(require("./search/use-search-filter"), exports);
-__exportStar(require("../menu/__mocks__/use-mobile-menu-items"), exports);
-__exportStar(require("../menu/use-collapse"), exports);
-__exportStar(require("../use-active-heading"), exports);
-__exportStar(require("../use-control"), exports);
-__exportStar(require("../use-dialog-hotkeys"), exports);
-__exportStar(require("../use-full-height"), exports);
-__exportStar(require("../use-modal-scroll-lock"), exports);
-__exportStar(require("../use-mount"), exports);
-__exportStar(require("../use-outside-click"), exports);
-__exportStar(require("../use-unmount"), exports);
-__exportStar(require("../use-color-switcher"), exports);
-__exportStar(require("../menu/use-nested-menu"), exports);
-__exportStar(require("../menu/use-menu-item-expanded"), exports);
-__exportStar(require("../menu/use-mobile-menu-levels"), exports);
-__exportStar(require("../feedback/use-report-dialog"), exports);
-__exportStar(require("../use-product-picker"), exports);
-__exportStar(require("../search/use-search-dialog"), exports);
-__exportStar(require("../use-language-picker"), exports);
-__exportStar(require("./use-element-size"), exports);
-__exportStar(require("./use-time-ago"), exports);
-__exportStar(require("./use-input-key-commands"), exports);
-//# sourceMappingURL=index.js.map

package/lib/core/hooks/__mocks__/search/use-recent-searches.d.ts

@@ -1,5 +0,0 @@
-export declare const useRecentSearches: import("vitest").Mock<() => {
-    items: string[];
-    addSearchHistoryItem: (value: string) => string;
-    removeSearchHistoryItem: (value: string) => string;
-}>;

package/lib/core/hooks/__mocks__/search/use-recent-searches.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRecentSearches = void 0;
-const vitest_1 = require("vitest");
-exports.useRecentSearches = vitest_1.vi.fn(() => {
-    const items = ['test'];
-    return {
-        items,
-        addSearchHistoryItem: (value) => value,
-        removeSearchHistoryItem: (value) => value,
-    };
-});
-//# sourceMappingURL=use-recent-searches.js.map

package/lib/core/hooks/__mocks__/search/use-search-filter.d.ts

@@ -1,8 +0,0 @@
-export declare const useSearchFilter: import("vitest").Mock<() => {
-    isFilterOpen: boolean;
-    onFacetReset: () => void;
-    onFilterChange: () => void;
-    onFilterToggle: () => void;
-    onFilterReset: () => void;
-    onQuickFilterReset: () => void;
-}>;

package/lib/core/hooks/__mocks__/search/use-search-filter.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSearchFilter = void 0;
-const vitest_1 = require("vitest");
-exports.useSearchFilter = vitest_1.vi.fn(() => {
-    return {
-        isFilterOpen: false,
-        onFacetReset: () => { },
-        onFilterChange: () => { },
-        onFilterToggle: () => { },
-        onFilterReset: () => { },
-        onQuickFilterReset: () => { },
-    };
-});
-//# sourceMappingURL=use-search-filter.js.map

package/lib/core/hooks/__mocks__/search/use-suggested-pages.d.ts

@@ -1,4 +0,0 @@
-export declare const useSuggestedPages: import("vitest").Mock<() => {
-    link: string;
-    label: string;
-}[]>;

package/lib/core/hooks/__mocks__/search/use-suggested-pages.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSuggestedPages = void 0;
-const vitest_1 = require("vitest");
-exports.useSuggestedPages = vitest_1.vi.fn(() => {
-    return [
-        {
-            link: '/',
-            label: 'some page',
-        },
-    ];
-});
-//# sourceMappingURL=use-suggested-pages.js.map

package/lib/core/hooks/__mocks__/use-controlled-state.d.ts

@@ -1 +0,0 @@
-export declare const useControlledState: () => (boolean | import("vitest").Mock<(...args: any[]) => any>)[];

package/lib/core/hooks/__mocks__/use-controlled-state.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useControlledState = void 0;
-const vitest_1 = require("vitest");
-const useControlledState = () => [false, vitest_1.vi.fn()];
-exports.useControlledState = useControlledState;
-//# sourceMappingURL=use-controlled-state.js.map

package/lib/core/hooks/__mocks__/use-element-size.d.ts

@@ -1,4 +0,0 @@
-export declare function useElementSize(): (import("react").RefObject<null> | {
-    width: number;
-    height: number;
-})[];

package/lib/core/hooks/__mocks__/use-element-size.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useElementSize = useElementSize;
-const react_1 = require("react");
-function useElementSize() {
-    // Return mock size and a ref
-    return [{ width: 1024, height: 768 }, (0, react_1.useRef)(null)];
-}
-//# sourceMappingURL=use-element-size.js.map

package/lib/core/hooks/__mocks__/use-input-key-commands.d.ts

@@ -1,3 +0,0 @@
-export declare const useInputKeyCommands: import("vitest").Mock<() => {
-    onKeyDown: import("vitest").Mock<(...args: any[]) => any>;
-}>;

package/lib/core/hooks/__mocks__/use-input-key-commands.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useInputKeyCommands = void 0;
-const vitest_1 = require("vitest");
-exports.useInputKeyCommands = vitest_1.vi.fn(() => ({
-    onKeyDown: vitest_1.vi.fn(),
-}));
-//# sourceMappingURL=use-input-key-commands.js.map

package/lib/core/hooks/__mocks__/use-mobile-menu.d.ts

@@ -1 +0,0 @@
-export declare const useMobileMenu: () => (boolean | import("vitest").Mock<(...args: any[]) => any>)[];

package/lib/core/hooks/__mocks__/use-mobile-menu.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMobileMenu = void 0;
-const vitest_1 = require("vitest");
-const useMobileMenu = () => [false, vitest_1.vi.fn()];
-exports.useMobileMenu = useMobileMenu;
-//# sourceMappingURL=use-mobile-menu.js.map

package/lib/core/hooks/__mocks__/use-theme-config.d.ts

@@ -1,8 +0,0 @@
-export declare const useThemeConfig: import("vitest").Mock<() => {
-    userMenu: {
-        items: never[];
-    };
-    codeSnippet: {
-        elementFormat: string;
-    };
-}>;

package/lib/core/hooks/__mocks__/use-theme-config.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useThemeConfig = void 0;
-const vitest_1 = require("vitest");
-exports.useThemeConfig = vitest_1.vi.fn(() => ({
-    userMenu: {
-        items: [],
-    },
-    codeSnippet: {
-        elementFormat: 'icon',
-    },
-}));
-//# sourceMappingURL=use-theme-config.js.map

package/lib/core/hooks/__mocks__/use-theme-hooks.d.ts

@@ -1,69 +0,0 @@
-export declare const useThemeHooks: import("vitest").Mock<() => {
-    useTranslate: import("vitest").Mock<() => {
-        translate: import("vitest").Mock<(key: string, defaultValue: string) => any>;
-    }>;
-    useTelemetry: import("vitest").Mock<() => {
-        send: import("vitest").Mock<(...args: any[]) => any>;
-        sendCodeSnippetReportedMessage: import("vitest").Mock<(...args: any[]) => any>;
-    }>;
-    useBreadcrumbs: import("vitest").Mock<(...args: any[]) => any>;
-    usePageSharedData: import("vitest").Mock<(...args: any[]) => any>;
-    useCatalogClassic: import("vitest").Mock<() => {
-        groups: never[];
-        filters: never[];
-        filterTerm: string;
-        setFilterTerm: import("vitest").Mock<(...args: any[]) => any>;
-    }>;
-    useL10n: import("vitest").Mock<() => {
-        changeLanguage: import("vitest").Mock<(...args: any[]) => any>;
-    }>;
-    useL10nConfig: import("vitest").Mock<() => {
-        currentLocale: string;
-        defaultLocale: string;
-        locales: {
-            code: string;
-            name: string;
-        }[];
-    }>;
-    usePreloadHistory: import("vitest").Mock<() => {
-        push: import("vitest").Mock<(...args: any[]) => any>;
-    }>;
-    useCurrentProduct: import("vitest").Mock<(...args: any[]) => any>;
-    useProducts: import("vitest").Mock<() => never[]>;
-    useSearch: import("vitest").Mock<() => {
-        query: import("vitest").Mock<(...args: any[]) => any>;
-        setQuery: import("vitest").Mock<(...args: any[]) => any>;
-        items: never[];
-        isLoading: boolean;
-    }>;
-    useAiSearch: import("vitest").Mock<() => {
-        askQuestion: import("vitest").Mock<(...args: any[]) => any>;
-        references: never[];
-    }>;
-    useFacetQuery: import("vitest").Mock<() => {
-        searchFacet: null;
-        setSearchFacet: import("vitest").Mock<(...args: any[]) => any>;
-        setSearchFacetQuery: import("vitest").Mock<(...args: any[]) => any>;
-    }>;
-    useMarkdownText: import("vitest").Mock<() => null>;
-    useUserMenu: import("vitest").Mock<() => {
-        userData: {
-            isAuthenticated: boolean;
-            name: string;
-            email: string;
-            picture: string;
-        };
-        handleLogout: import("vitest").Mock<(...args: any[]) => any>;
-        loginUrl: string;
-        hasDeveloperOnboarding: boolean;
-    }>;
-    usePageVersions: import("vitest").Mock<(...args: any[]) => any>;
-    useSidebarItems: import("vitest").Mock<(...args: any[]) => any>;
-    useSidebarSiblingsData: import("vitest").Mock<(...args: any[]) => any>;
-    useSubmitFeedback: import("vitest").Mock<() => {
-        submitFeedback: import("vitest").Mock<(...args: any[]) => any>;
-    }>;
-    useLoadAndNavigate: import("vitest").Mock<(...args: any[]) => any>;
-    usePageProps: import("vitest").Mock<(...args: any[]) => any>;
-    usePageData: import("vitest").Mock<(...args: any[]) => any>;
-}>;

package/lib/core/hooks/__mocks__/use-theme-hooks.js

@@ -1,94 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useThemeHooks = void 0;
-const vitest_1 = require("vitest");
-exports.useThemeHooks = vitest_1.vi.fn(() => ({
-    useTranslate: vitest_1.vi.fn(() => ({
-        translate: vitest_1.vi.fn((key, defaultValue) => defaultValue
-            ? typeof defaultValue !== 'string'
-                ? defaultValue.defaultValue
-                : defaultValue
-            : key),
-    })),
-    useTelemetry: vitest_1.vi.fn(() => ({
-        send: vitest_1.vi.fn(),
-        sendCodeSnippetReportedMessage: vitest_1.vi.fn(),
-    })),
-    useBreadcrumbs: vitest_1.vi.fn().mockReturnValue({ breadcrumbs: [], siblings: undefined }),
-    usePageSharedData: vitest_1.vi.fn().mockReturnValue({}),
-    useCatalogClassic: vitest_1.vi.fn(() => ({
-        groups: [],
-        filters: [],
-        filterTerm: '',
-        setFilterTerm: vitest_1.vi.fn(),
-    })),
-    useL10n: vitest_1.vi.fn(() => ({
-        changeLanguage: vitest_1.vi.fn(),
-    })),
-    useL10nConfig: vitest_1.vi.fn(() => ({
-        currentLocale: 'en',
-        defaultLocale: 'en',
-        locales: [
-            { code: 'en', name: 'English' },
-            { code: 'fr', name: 'France' },
-            { code: 'uk', name: 'Ukraine' },
-        ],
-    })),
-    usePreloadHistory: vitest_1.vi.fn(() => ({
-        push: vitest_1.vi.fn(),
-    })),
-    useCurrentProduct: vitest_1.vi.fn(),
-    useProducts: vitest_1.vi.fn(() => []),
-    useSearch: vitest_1.vi.fn(() => ({
-        query: vitest_1.vi.fn().mockReturnValue(''),
-        setQuery: vitest_1.vi.fn(),
-        items: [],
-        isLoading: false,
-    })),
-    useAiSearch: vitest_1.vi.fn(() => ({
-        askQuestion: vitest_1.vi.fn(),
-        references: [],
-    })),
-    useFacetQuery: vitest_1.vi.fn(() => ({
-        searchFacet: null,
-        setSearchFacet: vitest_1.vi.fn(),
-        setSearchFacetQuery: vitest_1.vi.fn(),
-    })),
-    useMarkdownText: vitest_1.vi.fn(() => {
-        return null;
-    }),
-    useUserMenu: vitest_1.vi.fn(() => ({
-        userData: {
-            isAuthenticated: true,
-            name: 'test-name',
-            email: 'test-email@test.xyz',
-            picture: 'picture',
-        },
-        handleLogout: vitest_1.vi.fn(),
-        loginUrl: 'https://login.redoc.ly',
-        hasDeveloperOnboarding: true,
-    })),
-    usePageVersions: vitest_1.vi.fn(),
-    useSidebarItems: vitest_1.vi.fn().mockReturnValue({
-        currentItems: [
-            {
-                label: 'Item',
-            },
-        ],
-        allSidebarItems: [
-            {
-                label: 'Item',
-            },
-        ],
-        popDrilldownState: vitest_1.vi.fn(),
-        pushDrilldownState: vitest_1.vi.fn(),
-    }),
-    useSidebarSiblingsData: vitest_1.vi.fn(),
-    useSubmitFeedback: vitest_1.vi.fn(() => ({
-        submitFeedback: vitest_1.vi.fn(),
-    })),
-    useLoadAndNavigate: vitest_1.vi.fn(),
-    usePageProps: vitest_1.vi.fn().mockReturnValue({}),
-    usePageData: vitest_1.vi.fn().mockReturnValue(null),
-}));
-//# sourceMappingURL=use-theme-hooks.js.map

package/lib/core/hooks/__mocks__/use-time-ago.d.ts

@@ -1,3 +0,0 @@
-export declare const useTimeAgo: import("vitest").Mock<() => {
-    format: () => "5 days ago";
-}>;

package/lib/core/hooks/__mocks__/use-time-ago.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTimeAgo = void 0;
-const vitest_1 = require("vitest");
-exports.useTimeAgo = vitest_1.vi.fn(() => ({
-    format: () => '5 days ago',
-}));
-//# sourceMappingURL=use-time-ago.js.map

package/lib/core/hooks/code-walkthrough/__mocks__/MockIntersectionObserver.d.ts

@@ -1,10 +0,0 @@
-export declare class MockIntersectionObserver {
-    readonly root: Element | Document | null;
-    readonly rootMargin: string;
-    readonly thresholds: ReadonlyArray<number>;
-    observe: (target: HTMLElement) => void;
-    unobserve: (target: HTMLElement) => void;
-    disconnect: () => void;
-    constructor(callback: IntersectionObserverCallback, options?: IntersectionObserverInit);
-    takeRecords(): any[];
-}

package/lib/core/hooks/code-walkthrough/__mocks__/MockIntersectionObserver.js

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MockIntersectionObserver = void 0;
-const vitest_1 = require("vitest");
-class MockIntersectionObserver {
-    // @ts-ignore
-    constructor(callback, options) {
-        Object.defineProperty(this, "root", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "rootMargin", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "thresholds", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "observe", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "unobserve", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "disconnect", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        this.root = null;
-        this.rootMargin = '0px';
-        this.thresholds = [1];
-        this.observe = vitest_1.vi.fn();
-        this.unobserve = vitest_1.vi.fn();
-        this.disconnect = vitest_1.vi.fn();
-    }
-    takeRecords() {
-        return [];
-    }
-}
-exports.MockIntersectionObserver = MockIntersectionObserver;
-//# sourceMappingURL=MockIntersectionObserver.js.map

package/lib/core/hooks/menu/__mocks__/use-mobile-menu-items.d.ts

@@ -1 +0,0 @@
-export declare const useMobileMenuItems: import("vitest").Mock<(...args: any[]) => any>;

package/lib/core/hooks/menu/__mocks__/use-mobile-menu-items.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMobileMenuItems = void 0;
-const vitest_1 = require("vitest");
-exports.useMobileMenuItems = vitest_1.vi.fn().mockReturnValue({
-    items: [
-        {
-            type: 'group',
-            label: 'New Section',
-            separatorLine: true,
-            items: [
-                {
-                    type: 'operation',
-                    label: 'New Section',
-                    separatorLine: true,
-                    items: [],
-                    active: false,
-                    hasActiveSubItem: false,
-                    httpVerb: 'GET',
-                },
-                {
-                    type: 'separator',
-                    label: 'New Section',
-                    separatorLine: true,
-                    items: [],
-                    active: false,
-                    hasActiveSubItem: false,
-                },
-            ],
-            active: false,
-            hasActiveSubItem: false,
-        },
-    ],
-});
-//# sourceMappingURL=use-mobile-menu-items.js.map