@redocly/theme 0.69.0 → 0.70.0-next.0

package/lib/components/Catalog/CatalogEntity/CatalogEntityHistory/CatalogEntityVersionItem.js

@@ -41,10 +41,9 @@ const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const ChevronDownIcon_1 = require("../../../../icons/ChevronDownIcon/ChevronDownIcon");
 const ChevronRightIcon_1 = require("../../../../icons/ChevronRightIcon/ChevronRightIcon");
-const CheckmarkOutlineIcon_1 = require("../../../../icons/CheckmarkOutlineIcon/CheckmarkOutlineIcon");
+const RadioCheckButtonIcon_1 = require("../../../../icons/RadioCheckButtonIcon/RadioCheckButtonIcon");
 const NavaidMilitaryIcon_1 = require("../../../../icons/NavaidMilitaryIcon/NavaidMilitaryIcon");
 const Link_1 = require("../../../../components/Link/Link");
-const Tag_1 = require("../../../../components/Tag/Tag");
 const hooks_1 = require("../../../../core/hooks");
 const ShowMoreButton_1 = require("../../../../components/Catalog/CatalogEntity/ShowMoreButton");
 const CatalogEntityRevisionItem_1 = require("../../../../components/Catalog/CatalogEntity/CatalogEntityHistory/CatalogEntityRevisionItem");
@@ -52,12 +51,14 @@ const utils_1 = require("../../../../core/utils");
 const constants_1 = require("../../../../core/constants");
 const MAX_INITIAL_REVISIONS = 5;
 const MAX_REVISIONS = 20;
-function CatalogEntityVersionItem({ group, basePath, isExpanded, onToggle, }) {
+function CatalogEntityVersionItem({ group, basePath, isExpanded, onToggle, versionLink, }) {
     const { useTranslate } = (0, hooks_1.useThemeHooks)();
     const { translate } = useTranslate();
     const [showAllRevisions, setShowAllRevisions] = (0, react_1.useState)(false);
     const revisions = group.revisions || [];
-    const hasRevisions = revisions.length > 0;
+    // A version with one revision links straight to its page instead of
+    // expanding.
+    const hasExpandableRevisions = revisions.length > 1;
     const hasMoreThanMax = revisions.length > MAX_INITIAL_REVISIONS;
     const hasMoreThanLimit = revisions.length > MAX_REVISIONS;
     const displayedRevisions = showAllRevisions
@@ -69,27 +70,28 @@ function CatalogEntityVersionItem({ group, basePath, isExpanded, onToggle, }) {
         }
     }, [isExpanded]);
     const isNotSpecifiedVersion = group.version === constants_1.VERSION_NOT_SPECIFIED;
-    const singleRevisionLink = (0, utils_1.buildRevisionUrl)(basePath, group.singleRevisionDate, group.version);
-    const versionTitle = isNotSpecifiedVersion
-        ? `${translate('catalog.history.version.label', 'Version')}:\u00a0${translate('catalog.history.version.notSpecified', 'not specified')}`
-        : `${translate('catalog.history.version.label', 'Version')}:\u00a0${group.version}`;
-    const versionButton = (react_1.default.createElement(VersionButton, { type: "button", onClick: () => hasRevisions && onToggle(group.version), $isCurrent: group.isCurrent },
-        react_1.default.createElement(VersionIcon, { $isCurrent: group.isCurrent }, group.isCurrent ? (react_1.default.createElement(CheckmarkOutlineIcon_1.CheckmarkOutlineIcon, { size: "16px", color: "--catalog-history-sidebar-version-icon-color-current" })) : (react_1.default.createElement(NavaidMilitaryIcon_1.NavaidMilitaryIcon, { size: "16px", color: "--catalog-history-sidebar-version-icon-color" }))),
-        react_1.default.createElement(VersionInfo, null,
-            react_1.default.createElement(VersionTitleRow, null,
-                react_1.default.createElement(VersionTitle, null, versionTitle),
-                group.isDefaultVersion && (react_1.default.createElement(Tag_1.Tag, { color: "grey", borderless: true, textTransform: "lowercase", style: {
-                        fontSize: 'var(--font-size-xs)',
-                        borderRadius: 'var(--catalog-history-sidebar-version-tag-border-radius)',
-                        flexShrink: 0,
-                        marginLeft: 'var(--spacing-xxs)',
-                    } }, translate('catalog.history.version.default', 'default')))),
-            !isNotSpecifiedVersion && react_1.default.createElement(VersionDate, null, group.date)),
-        hasRevisions && (react_1.default.createElement(ChevronIcon, null, isExpanded ? (react_1.default.createElement(ChevronDownIcon_1.ChevronDownIcon, { size: "16px", color: "--catalog-history-sidebar-chevron-icon-color" })) : (react_1.default.createElement(ChevronRightIcon_1.ChevronRightIcon, { size: "16px", color: "--catalog-history-sidebar-chevron-icon-color" }))))));
+    // Hosts without page-version links (catalog entities) keep the legacy
+    // ?revision=&version= contract.
+    const versionRowLink = hasExpandableRevisions
+        ? undefined
+        : (versionLink !== null && versionLink !== void 0 ? versionLink : (0, utils_1.buildRevisionUrl)(basePath, group.singleRevisionDate, group.version));
+    const versionName = isNotSpecifiedVersion
+        ? translate('catalog.history.version.notSpecified', 'not specified')
+        : group.version;
+    const latestWord = translate('catalog.history.version.latest', 'latest');
+    // A version named "latest" already says it: no "(latest)" suffix.
+    const latestSuffix = group.isDefaultVersion && versionName.toLowerCase() !== latestWord.toLowerCase()
+        ? ` (${latestWord})`
+        : '';
+    const versionTitle = `${translate('catalog.history.version.label', 'Version')}:\u00a0${versionName}${latestSuffix}`;
+    const versionButton = (react_1.default.createElement(VersionButton, { type: "button", onClick: () => hasExpandableRevisions && onToggle(group.version), $isCurrent: group.isCurrent },
+        react_1.default.createElement(VersionIcon, { $isCurrent: group.isCurrent }, group.isCurrent ? (react_1.default.createElement(CurrentVersionIcon, null)) : (react_1.default.createElement(NavaidMilitaryIcon_1.NavaidMilitaryIcon, { size: "14px", color: "--catalog-history-sidebar-version-icon-color" }))),
+        react_1.default.createElement(VersionTitle, null, versionTitle),
+        hasExpandableRevisions && (react_1.default.createElement(ChevronIcon, null, isExpanded ? (react_1.default.createElement(ChevronDownIcon_1.ChevronDownIcon, { size: "12px", color: "--catalog-history-sidebar-chevron-icon-color" })) : (react_1.default.createElement(ChevronRightIcon_1.ChevronRightIcon, { size: "12px", color: "--catalog-history-sidebar-chevron-icon-color" }))))));
     return (react_1.default.createElement("li", null,
-        singleRevisionLink ? react_1.default.createElement(Link_1.Link, { to: singleRevisionLink }, versionButton) : versionButton,
-        hasRevisions && isExpanded && (react_1.default.createElement(RevisionsList, null,
-            displayedRevisions.map((revisionItem) => (react_1.default.createElement(CatalogEntityRevisionItem_1.CatalogEntityRevisionItem, { key: revisionItem.name, revisionItem: revisionItem, basePath: basePath, version: group.version }))),
+        versionRowLink ? (react_1.default.createElement(VersionLinkWrapper, { to: versionRowLink }, versionButton)) : (versionButton),
+        hasExpandableRevisions && isExpanded && (react_1.default.createElement(RevisionsList, null,
+            displayedRevisions.map((revisionItem) => (react_1.default.createElement(CatalogEntityRevisionItem_1.CatalogEntityRevisionItem, { key: revisionItem.name, revisionItem: revisionItem, basePath: basePath, version: group.version, versionLink: versionLink }))),
             hasMoreThanLimit && showAllRevisions && (react_1.default.createElement(RevisionsLimitMessage, null, translate('catalog.history.revisions.limitMessage', 'Older revisions are not stored.'))),
             hasMoreThanMax && (react_1.default.createElement(ShowMoreButton_1.ShowMoreButton, { onClick: () => setShowAllRevisions(!showAllRevisions), isExpanded: showAllRevisions }, showAllRevisions
                 ? translate('catalog.history.revisions.showLess', 'Show less')
@@ -98,29 +100,36 @@ function CatalogEntityVersionItem({ group, basePath, isExpanded, onToggle, }) {
                     count: Math.min(revisions.length - MAX_INITIAL_REVISIONS, MAX_REVISIONS - MAX_INITIAL_REVISIONS),
                 })))))));
 }
+const VersionLinkWrapper = (0, styled_components_1.default)(Link_1.Link) `
+  display: block;
+  color: inherit;
+
+  &,
+  &:hover,
+  &:focus,
+  &:visited {
+    text-decoration: none;
+  }
+`;
 const VersionButton = styled_components_1.default.button `
   all: unset;
+  box-sizing: border-box;
   display: flex;
   align-items: center;
-  width: calc(100% - var(--catalog-history-sidebar-version-icon-margin-right));
+  width: 100%;
   padding: var(--catalog-history-sidebar-version-header-padding);
   cursor: pointer;
   border-radius: var(--catalog-history-sidebar-version-header-border-radius);
   transition: 0.2s ease;
   text-decoration: none;
   color: inherit;
-  background-color: 'transparent';
+  background-color: ${({ $isCurrent }) => $isCurrent ? 'var(--catalog-history-sidebar-version-header-bg-color-current)' : 'transparent'};
 
   &:hover {
-    background-color: var(--catalog-history-sidebar-version-header-bg-color-hover);
+    background-color: ${({ $isCurrent }) => $isCurrent
+    ? 'var(--catalog-history-sidebar-version-header-bg-color-current)'
+    : 'var(--catalog-history-sidebar-version-header-bg-color-hover)'};
   }
-
-  ${({ $isCurrent }) => !$isCurrent &&
-    `
-    &:hover ${VersionIcon} {
-      background-color: var(--color-static-white);
-    }
-  `}
 `;
 const VersionIcon = styled_components_1.default.div `
   display: flex;
@@ -133,23 +142,12 @@ const VersionIcon = styled_components_1.default.div `
   background-color: ${({ $isCurrent }) => $isCurrent
     ? 'var(--color-primary-base, var(--color-blueberry-6))'
     : 'var(--catalog-avatar-bg-color)'};
-  transition: background-color 0.2s ease;
   margin-right: var(--catalog-history-sidebar-version-icon-margin-right);
-
-  svg path {
-    transition: fill 0.2s ease;
-  }
-`;
-const VersionInfo = styled_components_1.default.div `
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: var(--catalog-history-sidebar-version-info-gap);
 `;
-const VersionTitleRow = styled_components_1.default.div `
-  display: flex;
-  align-items: center;
-  gap: var(--spacing-xs, 8px);
+const CurrentVersionIcon = (0, styled_components_1.default)(RadioCheckButtonIcon_1.RadioCheckButtonIcon) `
+  width: 14px;
+  height: 14px;
+  color: var(--catalog-history-sidebar-version-icon-color-current);
 `;
 const VersionTitle = styled_components_1.default.span `
   font-family: var(--catalog-history-sidebar-version-title-font-family);
@@ -162,13 +160,6 @@ const VersionTitle = styled_components_1.default.span `
   overflow-wrap: break-word;
   word-break: break-word;
 `;
-const VersionDate = styled_components_1.default.span `
-  font-family: var(--catalog-history-sidebar-version-date-font-family);
-  font-size: var(--catalog-history-sidebar-version-date-font-size);
-  font-weight: var(--catalog-history-sidebar-version-date-font-weight);
-  line-height: var(--catalog-history-sidebar-version-date-line-height);
-  color: var(--catalog-history-sidebar-version-date-color);
-`;
 const ChevronIcon = styled_components_1.default.div `
   display: flex;
   align-items: center;
@@ -187,7 +178,7 @@ const RevisionsList = styled_components_1.default.ul `
   &::before {
     content: '';
     position: absolute;
-    left: 22px;
+    left: var(--catalog-history-sidebar-revision-line-left);
     top: 0;
     bottom: var(--catalog-history-sidebar-revisions-padding-bottom);
     width: 1px;

package/lib/components/Catalog/CatalogEntity/CatalogEntityInfoBar.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, JSX } from 'react';
+import type { ReactNode, JSX } from 'react';
 export type CatalogEntityInfoBarProps = {
     leftContent: ReactNode;
     rightContent?: ReactNode;

package/lib/components/Catalog/CatalogEntity/CatalogEntityLinks.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BffCatalogEntity } from '../../../core/types';
+import type { BffCatalogEntity } from '../../../core/types';
 export type CatalogEntityLinksProps = {
     entity: BffCatalogEntity;
 };

package/lib/components/Catalog/CatalogEntity/CatalogEntityMetadata.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BffCatalogEntity } from '../../../core/types';
+import type { BffCatalogEntity } from '../../../core/types';
 export type CatalogEntityMetadataProps = {
     entity: BffCatalogEntity;
 };

package/lib/components/Catalog/CatalogEntity/CatalogEntityMethodAndPath.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BffCatalogEntity } from '../../../core/types';
+import type { BffCatalogEntity } from '../../../core/types';
 export type CatalogEntityMethodAndPathProps = {
     entity: BffCatalogEntity;
 };

package/lib/components/Catalog/CatalogEntity/CatalogEntityProperties/CatalogEntityProperties.d.ts

@@ -1,5 +1,5 @@
-import { JSX } from 'react';
-import { BffCatalogEntity } from '../../../../core/types';
+import type { JSX } from 'react';
+import type { BffCatalogEntity } from '../../../../core/types';
 export type CatalogEntityPropertiesProps = {
     entity: BffCatalogEntity;
 };

package/lib/components/Catalog/CatalogEntity/CatalogEntityProperties/CatalogEntityPropertyCard.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, JSX } from 'react';
+import type { ReactNode, JSX } from 'react';
 export type CatalogEntityPropertyCardProps = {
     header: ReactNode;
     content: ReactNode;

package/lib/components/Catalog/CatalogEntity/CatalogEntityProperties/ContactProperty.d.ts

@@ -1,5 +1,5 @@
-import { JSX } from 'react';
-import { BffCatalogEntity } from '../../../../core/types';
+import type { JSX } from 'react';
+import type { BffCatalogEntity } from '../../../../core/types';
 export type ContactPropertyProps = {
     entity: BffCatalogEntity;
 };

package/lib/components/Catalog/CatalogEntity/CatalogEntityProperties/DomainsProperty.d.ts

@@ -1,5 +1,5 @@
-import { JSX } from 'react';
-import { BffCatalogEntity } from '../../../../core/types';
+import type { JSX } from 'react';
+import type { BffCatalogEntity } from '../../../../core/types';
 export type DomainsPropertyProps = {
     entity: BffCatalogEntity;
 };

package/lib/components/Catalog/CatalogEntity/CatalogEntityProperties/EntityTypeProperty.d.ts

@@ -1,5 +1,5 @@
-import { JSX } from 'react';
-import { BffCatalogEntity } from '../../../../core/types';
+import type { JSX } from 'react';
+import type { BffCatalogEntity } from '../../../../core/types';
 export type EntityTypePropertyProps = {
     entity: BffCatalogEntity;
 };

package/lib/components/Catalog/CatalogEntity/CatalogEntityProperties/FormatProperty.d.ts

@@ -1,5 +1,5 @@
-import { JSX } from 'react';
-import { BffCatalogEntity } from '../../../../core/types';
+import type { JSX } from 'react';
+import type { BffCatalogEntity } from '../../../../core/types';
 export type FormatPropertyProps = {
     entity: BffCatalogEntity;
 };

package/lib/components/Catalog/CatalogEntity/CatalogEntityProperties/GitProperty.d.ts

@@ -1,5 +1,5 @@
-import { JSX } from 'react';
-import { BffCatalogEntity } from '../../../../core/types';
+import type { JSX } from 'react';
+import type { BffCatalogEntity } from '../../../../core/types';
 export type GitPropertyProps = {
     entity: BffCatalogEntity;
 };

package/lib/components/Catalog/CatalogEntity/CatalogEntityProperties/OwnersProperty.d.ts

@@ -1,5 +1,5 @@
-import { JSX } from 'react';
-import { BffCatalogEntity } from '../../../../core/types';
+import { type JSX } from 'react';
+import type { BffCatalogEntity } from '../../../../core/types';
 export type OwnersPropertyProps = {
     entity: BffCatalogEntity;
 };

package/lib/components/Catalog/CatalogEntity/CatalogEntityProperties/OwnersProperty.js

@@ -8,11 +8,10 @@ const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../../../../core/hooks");
 const PeopleIcon_1 = require("../../../../icons/PeopleIcon/PeopleIcon");
 const CatalogEntityPropertyCard_1 = require("../../../../components/Catalog/CatalogEntity/CatalogEntityProperties/CatalogEntityPropertyCard");
-const hooks_2 = require("../../../../core/hooks");
 const Button_1 = require("../../../../components/Button/Button");
 const CatalogAvatar_1 = require("../../../../components/Catalog/CatalogAvatar");
 function OwnersProperty({ entity }) {
-    const { useTranslate, usePageProps } = (0, hooks_2.useThemeHooks)();
+    const { useTranslate, usePageProps } = (0, hooks_1.useThemeHooks)();
     const { translate } = useTranslate();
     const { entitiesCatalogConfig } = usePageProps();
     const { getEntityLink } = (0, hooks_1.useCatalogEntityLink)(entitiesCatalogConfig);

package/lib/components/Catalog/CatalogEntity/CatalogEntityProperties/TagsProperty.d.ts

@@ -1,5 +1,5 @@
-import { JSX } from 'react';
-import { BffCatalogEntity } from '../../../../core/types';
+import type { JSX } from 'react';
+import type { BffCatalogEntity } from '../../../../core/types';
 export type TagsPropertyProps = {
     entity: BffCatalogEntity;
 };

package/lib/components/Catalog/CatalogEntity/CatalogEntityProperties/UserEmailProperty.d.ts

@@ -1,5 +1,5 @@
-import { JSX } from 'react';
-import { BffCatalogEntity } from '../../../../core/types';
+import type { JSX } from 'react';
+import type { BffCatalogEntity } from '../../../../core/types';
 export type UserEmailPropertyProps = {
     entity: BffCatalogEntity;
 };

package/lib/components/Catalog/CatalogEntity/CatalogEntityRelations/CatalogEntityApiDescriptionRelations.d.ts

@@ -1,4 +1,4 @@
-import { JSX } from 'react';
+import type { JSX } from 'react';
 import type { CatalogEntityConfig, EntitiesCatalogConfig } from '@redocly/config';
 import type { BffCatalogEntity, BffCatalogRelatedEntity } from '../../../../core/types';
 export type CatalogEntityApiDescriptionRelationsProps = {

package/lib/components/Catalog/CatalogEntity/CatalogEntityRelations/CatalogEntityDefaultRelations.d.ts

@@ -1,7 +1,6 @@
-import { JSX } from 'react';
+import { type JSX } from 'react';
 import type { CatalogEntityConfig, EntitiesCatalogConfig } from '@redocly/config';
-import type { ListType } from '../../../../core/types';
-import type { BffCatalogEntity, BffCatalogRelatedEntity } from '../../../../core/types';
+import type { ListType, BffCatalogEntity, BffCatalogRelatedEntity } from '../../../../core/types';
 export type CatalogEntityDefaultRelationsProps = {
     entity: BffCatalogEntity;
     entitiesCatalogConfig: EntitiesCatalogConfig;

package/lib/components/Catalog/CatalogEntity/CatalogEntityRelations/CatalogEntityRelations.d.ts

@@ -1,4 +1,4 @@
-import { JSX } from 'react';
+import type { JSX } from 'react';
 import type { CatalogEntityConfig, EntitiesCatalogConfig } from '@redocly/config';
 import type { BffCatalogEntity, BffCatalogRelatedEntityList } from '../../../../core/types';
 export type CatalogEntityRelationsProps = {

package/lib/components/Catalog/CatalogEntity/CatalogEntityRelations/CatalogEntityRelationsTable.d.ts

@@ -1,8 +1,7 @@
-import { JSX } from 'react';
+import { type JSX } from 'react';
 import type { CatalogEntityConfig, EntitiesCatalogConfig } from '@redocly/config';
-import type { ListType } from '../../../../core/types';
-import type { BffCatalogEntity, BffCatalogRelatedEntity } from '../../../../core/types';
-import { CatalogColumn } from '../../../../components/Catalog/CatalogTableView/CatalogTableView';
+import type { ListType, BffCatalogEntity, BffCatalogRelatedEntity } from '../../../../core/types';
+import type { CatalogColumn } from '../../../../components/Catalog/CatalogTableView/CatalogTableView';
 export type CatalogEntityRelationsTableProps = {
     entity: BffCatalogEntity;
     entitiesCatalogConfig: EntitiesCatalogConfig;

package/lib/components/Catalog/CatalogEntity/CatalogEntityRelations/CatalogEntityRelationsTableContent.d.ts

@@ -1,8 +1,7 @@
-import { JSX } from 'react';
+import { type JSX } from 'react';
 import type { CatalogEntityConfig, EntitiesCatalogConfig } from '@redocly/config';
-import type { ListType } from '../../../../core/types';
-import type { BffCatalogRelatedEntity } from '../../../../core/types';
-import { CatalogColumn } from '../../../../components/Catalog/CatalogTableView/CatalogTableView';
+import type { ListType, BffCatalogRelatedEntity } from '../../../../core/types';
+import { type CatalogColumn } from '../../../../components/Catalog/CatalogTableView/CatalogTableView';
 export type CatalogEntityRelationsTableContentProps = {
     entitiesCatalogConfig: EntitiesCatalogConfig;
     catalogConfig: CatalogEntityConfig;

package/lib/components/Catalog/CatalogEntity/CatalogEntityRelations/CatalogEntityTeamRelations.d.ts

@@ -1,4 +1,4 @@
-import { JSX } from 'react';
+import type { JSX } from 'react';
 import type { CatalogEntityConfig, EntitiesCatalogConfig } from '@redocly/config';
 import type { BffCatalogEntity, BffCatalogRelatedEntity } from '../../../../core/types';
 export type CatalogEntityTeamRelationsProps = {

package/lib/components/Catalog/CatalogEntity/CatalogEntitySchema.js

@@ -41,7 +41,6 @@ const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const Sampler = __importStar(require("openapi-sampler"));
 const hooks_1 = require("../../../core/hooks");
-const hooks_2 = require("../../../core/hooks");
 const utils_1 = require("../../../core/utils");
 const JsonViewer_1 = require("../../../components/JsonViewer/JsonViewer");
 const CopyButton_1 = require("../../../components/Buttons/CopyButton");
@@ -50,7 +49,7 @@ function CatalogEntitySchema({ entity, relatedEntity, RedocSchema, StoreProvider
     const { useTranslate, useTelemetry } = (0, hooks_1.useThemeHooks)();
     const telemetry = useTelemetry();
     const { translate } = useTranslate();
-    const { definition, parsedSchema, rawSchema } = (0, hooks_2.useCatalogEntitySchema)({ entity, relatedEntity });
+    const { definition, parsedSchema, rawSchema } = (0, hooks_1.useCatalogEntitySchema)({ entity, relatedEntity });
     const isGraphql = ((_a = entity.metadata) === null || _a === void 0 ? void 0 : _a.specType) === 'graphql';
     const graphqlSDL = (_b = entity === null || entity === void 0 ? void 0 : entity.metadata) === null || _b === void 0 ? void 0 : _b.sdl;
     return (react_1.default.createElement(MetadataWrapper, { "data-component-name": "Catalog/CatalogEntity/CatalogEntitySchema" },

package/lib/components/Catalog/CatalogEntityIcon.d.ts

@@ -1,4 +1,4 @@
-import { JSX } from 'react';
+import type { JSX } from 'react';
 import type { UiAccessibleConfig } from '@redocly/config';
 export type CatalogEntityIconProps = {
     entityType: string;

package/lib/components/Catalog/CatalogEntityTypeTag.d.ts

@@ -1,5 +1,5 @@
-import { JSX } from 'react';
-import { EntityType } from '../../core/types';
+import type { JSX } from 'react';
+import type { EntityType } from '../../core/types';
 export type CatalogEntityTypeTagProps = {
     entityType: string;
 };

package/lib/components/Catalog/CatalogFilter/CatalogFilterContent.d.ts

@@ -1,4 +1,4 @@
-import type { JSX, ReactNode } from 'react';
+import { type JSX, type ReactNode } from 'react';
 import type { ResolvedFilter } from '../../../core/types';
 import type { RedoclyConfig } from '../../../config';
 export type CatalogFilterContentProps = {

package/lib/components/Catalog/CatalogFilter/CatalogFilterContent.js

@@ -10,7 +10,6 @@ const hooks_1 = require("../../../core/hooks");
 const Button_1 = require("../../../components/Button/Button");
 const CatalogFilter_1 = require("../../../components/Catalog/CatalogFilter/CatalogFilter");
 const utils_1 = require("../../../core/utils");
-const utils_2 = require("../../../core/utils");
 function CatalogFilterContent({ onClear, filters, filterTerm, filterValuesCasing, showCounter = true, catalogSelector, searchInput, className, }) {
     const { useTranslate } = (0, hooks_1.useThemeHooks)();
     const { translate } = useTranslate();
@@ -20,7 +19,7 @@ function CatalogFilterContent({ onClear, filters, filterTerm, filterValuesCasing
         if (filter.selectedOptions && filter.selectedOptions instanceof Set) {
             return filter.selectedOptions.size;
         }
-        else if ((0, utils_2.isFromToSelectedOptions)(filter.selectedOptions) &&
+        else if ((0, utils_1.isFromToSelectedOptions)(filter.selectedOptions) &&
             filter.selectedOptions.from &&
             filter.selectedOptions.to) {
             return true;

package/lib/components/Catalog/CatalogHighlight.d.ts

@@ -1,4 +1,5 @@
-import React, { JSX } from 'react';
+import type { JSX } from 'react';
+import React from 'react';
 export declare const HighlightContext: React.Context<string[]>;
 export type CatalogHighlightProps = React.PropsWithChildren;
 export declare function CatalogHighlight(props: CatalogHighlightProps): JSX.Element | null;

package/lib/components/Catalog/CatalogMobileFiltersPanel/CatalogMobileFiltersPanel.d.ts

@@ -1,4 +1,5 @@
-import React, { JSX } from 'react';
+import type { JSX } from 'react';
+import React from 'react';
 type CatalogMobileFiltersPanelProps = {
     setMobileFiltersPanelOpen: (open: boolean) => void;
     filterContent: React.ReactNode;

package/lib/components/Catalog/CatalogMobileFiltersPanel/CatalogMobileFiltersPanelHeader.d.ts

@@ -1,4 +1,4 @@
-import { JSX } from 'react';
+import type { JSX } from 'react';
 type CatalogMobileFiltersPanelHeaderProps = {
     setMobileFiltersPanelOpen: (open: boolean) => void;
 };

package/lib/components/Catalog/CatalogMobileFiltersPanel/CatalogMobileFiltersPanelOverlay.d.ts

@@ -1,4 +1,5 @@
-import React, { JSX } from 'react';
+import type { JSX } from 'react';
+import React from 'react';
 type CatalogMobileFiltersPanelOverlayProps = {
     setMobileFiltersPanelOpen: (open: boolean) => void;
     filterContent: React.ReactNode;

package/lib/components/Catalog/CatalogMobileTopBar/CatalogMobileTopBar.d.ts

@@ -1,5 +1,5 @@
-import { JSX } from 'react';
-import { CatalogViewMode } from '../../../core';
+import type { JSX } from 'react';
+import type { CatalogViewMode } from '../../../core';
 type CatalogMobileTopBarProps = {
     setMobileFiltersPanelOpen: (open: boolean) => void;
     activeFiltersCount: number;

package/lib/components/Catalog/CatalogMobileTopBar/CatalogMobileTopBarControls.d.ts

@@ -1,5 +1,5 @@
-import { JSX } from 'react';
-import { CatalogViewMode } from '../../../core';
+import type { JSX } from 'react';
+import type { CatalogViewMode } from '../../../core';
 type CatalogMobileTopBarControlsProps = {
     setSortOption: (sortOption: string | null) => void;
     sortOption: string | null;

package/lib/components/Catalog/CatalogMobileTopBar/CatalogMobileTopBarFiltersButton.d.ts

@@ -1,4 +1,4 @@
-import { JSX } from 'react';
+import type { JSX } from 'react';
 type CatalogMobileTopBarFiltersButtonProps = {
     setMobileFiltersPanelOpen: (open: boolean) => void;
     activeFiltersCount: number;

package/lib/components/Catalog/CatalogSelector.d.ts

@@ -1,6 +1,7 @@
-import React, { JSX } from 'react';
+import type { JSX } from 'react';
+import React from 'react';
 import { Select } from '../../components/Select/Select';
-import { CatalogSwitcherItem } from '../../core/types';
+import type { CatalogSwitcherItem } from '../../core/types';
 export type CatalogSelectorProps = {
     catalogSwitcherItems: CatalogSwitcherItem[];
     onChange: () => void;

package/lib/components/Catalog/CatalogTableView/CatalogEntityCell.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BffCatalogEntity } from '../../../core/types';
+import type { BffCatalogEntity } from '../../../core/types';
 type Entity = Pick<BffCatalogEntity, 'type' | 'title' | 'summary'>;
 export type CatalogEntityCellProps<T extends Entity> = {
     entity: T;

package/lib/components/Catalog/CatalogTableView/CatalogTableHeaderCell.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BaseEntity, CatalogColumn } from '../../../components/Catalog/CatalogTableView/CatalogTableView';
+import type { BaseEntity, CatalogColumn } from '../../../components/Catalog/CatalogTableView/CatalogTableView';
 export type CatalogTableHeaderCellProps<T extends BaseEntity> = {
     column: CatalogColumn<T>;
     currentSortOption?: string | null;

package/lib/components/Catalog/CatalogTableView/CatalogTableView.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import type { ReactNode } from 'react';
+import React from 'react';
 import type { CatalogEntityConfig, EntitiesCatalogConfig } from '@redocly/config';
 export type BaseEntity = {
     id: string;

package/lib/components/Catalog/CatalogTableView/CatalogTableViewRow.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import type { ReactNode } from 'react';
+import React from 'react';
 import type { CatalogEntityConfig, EntitiesCatalogConfig } from '@redocly/config';
 export type BaseEntity = {
     id: string;

package/lib/components/Catalog/CatalogTableView/CatalogTagsCell.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BffCatalogEntity } from '../../../core/types';
+import type { BffCatalogEntity } from '../../../core/types';
 export type CatalogTagsCellProps = {
     entity: BffCatalogEntity;
 };

package/lib/components/Catalog/CatalogTags.d.ts

@@ -1,5 +1,5 @@
-import { JSX } from 'react';
-import { TagProps } from '../../components/Tag/Tag';
+import type { JSX } from 'react';
+import type { TagProps } from '../../components/Tag/Tag';
 export type CatalogTagsProps = {
     items: string[];
     itemsToShow?: number;

package/lib/components/Catalog/CatalogViewModeToggle.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CatalogViewMode } from '../../core/types';
+import type { CatalogViewMode } from '../../core/types';
 export type CatalogViewModeToggleProps = {
     viewMode: CatalogViewMode;
     onViewModeChange: (mode: CatalogViewMode) => void;