@redocly/theme 0.4.16 → 0.5.1

package/src/Sidebar/MenuLink.tsx

@@ -1,15 +1,10 @@
 import styled from 'styled-components';
 
-import { UniversalLink } from '@theme/ui/UniversalLink';
-import type { UniversalLinkProps } from '@theme/ui/UniversalLink';
+import { Link } from '@portal/Link';
 
-export const MenuLink = styled(UniversalLink).attrs(() => ({
+export const MenuLink = styled(Link).attrs(() => ({
   'data-component-name': 'Sidebar/MenuLink',
-}))<UniversalLinkProps>`
+}))`
   text-decoration: none;
   color: var(--sidebar-item-text-color);
-
-  &&.external-url:after {
-    content: none;
-  }
 `;

package/src/Sidebar/SidebarLayout.tsx

@@ -6,7 +6,7 @@ import { useMobileMenu } from '@theme/hooks/useMobileMenu';
 import { MobileSidebarButton } from '@theme/Sidebar/MobileSidebarButton';
 import { MenuContainer } from '@theme/Sidebar/MenuContainer';
 import { SidebarSearch } from '@theme/Search/SidebarSearch';
-import { useDefaultThemeSettings } from '@theme/hooks/useDefaultThemeSettings';
+import { useThemeConfig } from '@theme/hooks/useThemeConfig';
 
 interface SidebarLayoutProps {
   versions: React.ReactNode;
@@ -16,7 +16,7 @@ interface SidebarLayoutProps {
 export function SidebarLayout({ versions, menu }: SidebarLayoutProps): JSX.Element | null {
   const [isOpen, setIsOpen] = useMobileMenu();
   const toggleMenu = () => setIsOpen(!isOpen);
-  const { search, sidebar } = useDefaultThemeSettings();
+  const { search, sidebar } = useThemeConfig();
 
   if (sidebar?.hide) {
     return null;

package/src/Sidebar/types/MenuStyle.ts

@@ -1,4 +1,3 @@
-//TODO: make default export
 export enum MenuStyle {
   Drilldown = 'drilldown',
 }

package/src/TableOfContent/TableOfContent.tsx

@@ -3,7 +3,7 @@ import styled from 'styled-components';
 
 import { useFullHeight } from '@theme/hooks/useFullHeight';
 import { useActiveHeading } from '@theme/hooks/useActiveHeading';
-import { useDefaultThemeSettings } from '@theme/hooks/useDefaultThemeSettings';
+import { useThemeConfig } from '@theme/hooks/useThemeConfig';
 import type { MdHeading } from '@theme/types/portal';
 
 import { getDisplayedHeadingsIds, getDisplayedHeadings, getLeastDepth } from './utils';
@@ -11,17 +11,16 @@ import { getDisplayedHeadingsIds, getDisplayedHeadings, getLeastDepth } from './
 interface TableOfContentProps {
   headings?: Array<MdHeading | null> | null | undefined;
   contentWrapper: HTMLDivElement | null;
-  tocMaxDepth: number;
 }
 
 export function TableOfContent(props: TableOfContentProps): JSX.Element | null {
-  const { headings, tocMaxDepth, contentWrapper } = props;
+  const { headings, contentWrapper } = props;
 
   const sidebar = useRef<HTMLDivElement | null>(null);
   useFullHeight(sidebar);
-  const { toc } = useDefaultThemeSettings();
+  const { markdown: { toc = {} } = {} } = useThemeConfig();
 
-  const displayedHeadings = getDisplayedHeadings(headings, tocMaxDepth);
+  const displayedHeadings = getDisplayedHeadings(headings, toc.maxDepth || 3);
   const leastDepth = getLeastDepth(displayedHeadings);
 
   const activeHeadingId = useActiveHeading(
@@ -44,9 +43,8 @@ export function TableOfContent(props: TableOfContentProps): JSX.Element | null {
       {headings && (
         <TableOfContentMenu data-component-name="TableOfContent/TableOfContent">
           <TableOfContentItems ref={sidebar}>
-            <TocHeader>{toc?.header?.label || 'On this page'}</TocHeader>
+            <TocHeader>{toc.header || 'On this page'}</TocHeader>
             {displayedHeadings.map((heading: MdHeading | null, idx: number) => {
-              // TODO: not sure about !heading
               if (!heading) {
                 return null;
               }

package/src/config.ts

@@ -0,0 +1,130 @@
+import { z } from 'zod';
+
+const LogoConfig = z
+  .object({
+    image: z.string().optional(),
+    altText: z.string().optional(),
+    link: z.string().optional(),
+    favicon: z.string().optional(),
+  })
+  .strict();
+
+const HideConfig = z.object({
+  hide: z.boolean().optional(),
+});
+
+export const ThemeConfig = z
+  .object({
+    imports: z.array(z.string()).default([]).optional(),
+
+    logo: LogoConfig.optional(),
+    navbar: HideConfig.strict().optional(),
+    footer: HideConfig.strict().optional(),
+    sidebar: HideConfig.strict().optional(),
+    navbarItems: z.any().optional(), // todo: think about validation here
+    footerItems: z.any().optional(), // todo: think about validation here
+
+    scripts: z
+      .array(z.union([z.string(), z.record(z.union([z.boolean(), z.string()]))]))
+      .optional(),
+    postBodyScripts: z
+      .array(z.union([z.string(), z.record(z.union([z.boolean(), z.string()]))]))
+      .optional(),
+    styles: z.array(z.union([z.string(), z.record(z.union([z.boolean(), z.string()]))])).optional(),
+
+    search: z
+      .object({
+        placement: z.string().default('navbar').optional(),
+      })
+      .extend(HideConfig.shape)
+      .strict()
+      .default({})
+      .optional(),
+
+    colorMode: z
+      .object({
+        disableDetect: z.boolean().optional(),
+        default: z.string().optional(),
+        modes: z.array(z.string()).default(['light', 'dark']).optional(),
+      })
+      .extend(HideConfig.shape)
+      .strict()
+      .optional()
+      .default({}),
+    navigation: z
+      .object({
+        nextPageLink: z
+          .object({ label: z.string().default('Next to {label}') })
+          .extend(HideConfig.shape)
+          .optional()
+          .default({}),
+        prevPageLink: z
+          .object({ label: z.string().default('Back to {label}') })
+          .extend(HideConfig.shape)
+          .optional()
+          .default({}),
+      })
+      .strict()
+      .optional()
+      .default({}),
+    markdown: z
+      .object({
+        frontmatterKeysToResolve: z.array(z.string()).default(['image', 'links']).optional(),
+        lastUpdatedBlock: z
+          .object({
+            format: z.enum(['timeago', 'iso', 'long', 'short']).default('timeago').optional(),
+            locale: z.string().default('en-US').optional(),
+          })
+          .extend(HideConfig.shape)
+          .default({})
+          .optional(),
+        toc: z
+          .object({
+            header: z.string().default('On this page').optional(),
+            maxDepth: z.number().default(3).optional(),
+          })
+          .extend(HideConfig.shape)
+          .optional()
+          .default({}),
+        editPage: z
+          .object({
+            baseUrl: z.string().optional(),
+            icon: z.string().optional(),
+            text: z.string().optional().default('Edit this page'),
+          })
+          .extend(HideConfig.shape)
+          .default({})
+          .optional(),
+        copyCodeSnippet: z
+          .object({
+            buttonText: z.string().default('Copy').optional(),
+            tooltipText: z.string().default('Copy to clipboard').optional(),
+            toasterText: z.string().default('Copied').optional(),
+            toasterDuration: z.number().default(1500).optional(),
+          })
+          .extend(HideConfig.shape)
+          .optional()
+          .default({}),
+      })
+      .strict()
+      .default({})
+      .optional(),
+    openapi: z.object({}).passthrough().optional(),
+    graphql: z.object({}).passthrough().optional(),
+  })
+  .passthrough()
+  .default({});
+
+export type ThemeConfig = z.infer<typeof ThemeConfig>;
+export type ThemeUIConfig = Omit<
+  ThemeConfig,
+  'navbarItems' | 'footerItems' | 'styles' | 'scripts' | 'postBodyScripts'
+> & {
+  navbarItems?: any; // TODO
+  footerItems?: any; // TODO
+  auth?: {
+    // used by portal dev login emulator
+    idpIds?: string[];
+    devLogin?: boolean;
+  };
+};

package/src/globalStyle.ts

@@ -182,7 +182,7 @@ const headingsTypography = css`
   --heading-anchor-color: var(--color-primary-500); // @presenter Color
   --heading-anchor-icon: none;
 
-  // TODO: implement a theme setting for heading-anchor-location: left right
+  // TODO: implement a theme config for heading-anchor-location: left right
 
   /**
   * @tokens Heading level 1
@@ -316,7 +316,6 @@ const buttons = css`
   --button-active-background-color: var(--color-emphasis-600); // @presenter Color
   --button-active-border-color: var(--color-emphasis-600); // @presenter Color
 
-  /* TODO more styles for disabled state ??? */
   --button-disabled-color: var(--button-color); // @presenter Color
   --button-disabled-background-color: var(--color-emphasis-200); // @presenter Color
 
@@ -495,8 +494,8 @@ const sidebar = css`
   --sidebar-item-group-active-text-color: var(--sidebar-item-active-color);
   --sidebar-item-group-active-background-color: var(--sidebar-item-active-background-color);
 
-  // we need a theme setting for chevron-location: left (default), right-compact, right, none
-  // we need another theme setting for chevron-style: up-down, down-up, right-down, down-right
+  // we need a theme config for chevron-location: left (default), right-compact, right, none
+  // we need another theme config for chevron-style: up-down, down-up, right-down, down-right
 
   --sidebar-group-item-chevron-size: var(--sidebar-spacing-unit);
   --sidebar-group-item-chevron-color: var(--sidebar-item-text-color);
@@ -556,7 +555,6 @@ const admonition = css`
   --admonition-padding-vertical: calc(var(--spacing-unit) * 4);
   --admonition-icon-size: 25px;
 
-  // TODO this is should be changed to --border-radius-lg
   /**
   * @tokens Admonition border
   */

package/src/hooks/index.ts

@@ -1,3 +1,4 @@
+export * from '@theme/hooks/useThemeConfig';
 export * from '@theme/hooks/useControl';
 export * from '@theme/hooks/useMount';
 export * from '@theme/hooks/useUnmount';

package/src/hooks/useActiveHeading.ts

@@ -11,7 +11,9 @@ export function useActiveHeading(
   contentElement: HTMLDivElement | null,
   displayedHeaders: Array<string | undefined>,
 ): UseActiveHeadingReturnType {
-  const [heading, setHeading] = useState<string | undefined>(undefined);
+  const [heading, setHeading] = useState<string | undefined>(
+    displayedHeaders.length > 1 ? displayedHeaders[0] : undefined,
+  );
   const [headingElements, setHeadingElements] = useState<HTMLElement[]>([]);
   const headingElementsRef = useRef<HeadingEntry>({});
 

package/src/hooks/useActiveSectionId.ts

@@ -46,7 +46,7 @@ export function useActiveSectionId(
     }, 0);
 
     return () => {
-      window.removeEventListener('scroll', scrollListener); // TODO: add throttle
+      window.removeEventListener('scroll', scrollListener);
     };
   }, [location, navbarHeight, scrollListener]);
 

package/src/hooks/useThemeConfig.ts

@@ -0,0 +1 @@
+export { useThemeConfig } from '@portal/hooks';

package/src/icons/ColorModeIcon/ColorModeIcon.tsx

@@ -11,7 +11,7 @@ function Icon({ mode, className }: ColorModeIconProps) {
     case 'dark':
       return (
         <svg
-          className={className}
+          className={className + ' dark'}
           data-testid="dark"
           viewBox="0 0 16 16"
           xmlns="http://www.w3.org/2000/svg"
@@ -23,7 +23,7 @@ function Icon({ mode, className }: ColorModeIconProps) {
       return (
         <svg
           data-testid="light"
-          className={className}
+          className={className + ' light'}
           viewBox="0 0 16 16"
           xmlns="http://www.w3.org/2000/svg"
         >
@@ -34,7 +34,7 @@ function Icon({ mode, className }: ColorModeIconProps) {
       return (
         <svg
           data-testid="custom"
-          className={className}
+          className={className + (mode ? ' ' + mode : '')}
           viewBox="0 0 16 16"
           xmlns="http://www.w3.org/2000/svg"
         >

package/src/index.ts

@@ -17,3 +17,6 @@ export * from './OperationBadge';
 export * from './TableOfContent';
 export * from './Profile';
 export * from './ColorModeSwitcher';
+
+export * from './types/config';
+export * from './config';

package/src/mocks/Link.tsx

@@ -1,10 +1,16 @@
 import React from 'react';
-import { omit } from 'lodash';
 
 // TODO: use real typings here
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
 export function Link(props: any): JSX.Element {
+  const {
+    active: _,
+    httpVerb: _1,
+    hasActiveSubItem: _2,
+    routeSlug: _3,
+    external: _4,
+    ...filteredProps
+  } = props;
   // We omit "active" property to avoid "Warning: Received `false` for a non-boolean attribute `active`."
-  const filteredProps = omit(props, ['active', 'httpVerb', 'hasActiveSubItem']);
   return <a href={filteredProps.to} {...filteredProps} />;
 }

package/src/mocks/hooks/index.ts

@@ -1,7 +1,4 @@
-interface RawTheme {
-  name: string;
-  settings?: any;
-}
+import type { ThemeUIConfig } from '@theme/config';
 
 interface PageLink {
   label: string;
@@ -9,18 +6,34 @@ interface PageLink {
   type: 'link';
 }
 
-export function useThemeSettings(_: string): RawTheme['settings'] {
+export function useThemeConfig<T extends Record<string, unknown>>(): T & ThemeUIConfig {
   return {
-    toc: { header: { label: 'header' }, hide: false },
+    search: { hide: false, placement: 'navbar' },
+    markdown: {
+      toc: { maxDepth: 3, header: 'Table of contents', hide: false },
+      lastUpdatedBlock: { hide: false, format: 'timeago', locale: 'en-US' },
+      copyCodeSnippet: {
+        hide: false,
+        buttonText: 'Copy',
+        tooltipText: 'Copy to clipboard',
+        toasterText: 'Copied',
+        toasterDuration: 1500,
+      },
+      editPage: {
+        baseUrl: '',
+        text: 'Edit this page',
+      },
+      frontmatterKeysToResolve: ['image', 'links'],
+    },
     navigation: {
-      nextPageLink: { label: 'next page theme settings label' },
-      prevPageLink: { label: 'prev page theme settings label' },
+      nextPageLink: { label: 'next page theme config label' },
+      prevPageLink: { label: 'prev page theme config label' },
     },
     colorMode: {
       modes: ['light', 'dark'],
       default: 'light',
     },
-  };
+  } as ThemeUIConfig as T & ThemeUIConfig;
 }
 
 export function useSidebarSiblingsData(): { nextPage: PageLink | null; prevPage: PageLink | null } {

package/src/mocks/types.ts

@@ -1,14 +1,5 @@
 export type ActiveItem<T> = T;
 export type SearchDocument = any;
 export type OperationParameter = any;
-export interface RawTheme {
-  name: string;
-  settings: {
-    lastUpdatedBlock?: {
-      hide?: boolean;
-      format?: 'timeago' | 'iso' | 'short' | 'long';
-      locale?: string;
-    };
-    [k: string]: any; // TODO: add missing settings
-  };
-}
+
+// TODO: get rid of these types

package/src/types/config.ts

@@ -0,0 +1,5 @@
+export type DefaultThemeUIConfig = {
+  lastUpdatedBlock?: {
+    hide?: boolean;
+  };
+};

package/src/types/portal/src/shared/constants.d.ts

@@ -1,6 +1,5 @@
 export declare const RUNTIME_RESOURCES_DIR = 'runtime';
 export declare const REDOC_OVERVIEW_ITEM_ID = 'overview';
-export declare const PORTAL_CUSTOM_THEMES_FOLDER = '@theme';
 export declare const DEFAULT_THEME_NAME = '@redocly/theme';
 export declare const CUSTOM_MARKDOC_OPTIONS_PATH = 'markdoc';
 export declare const CUSTOM_MARKDOC_TAGS_PATH = 'tags';

package/src/types/portal/src/shared/types/nav.d.ts

@@ -6,6 +6,7 @@ export declare type ResolvedNavLinkItem = {
   label: string;
   items?: ResolvedNavItem[];
   external?: boolean;
+  target?: '_self' | '_blank';
   version?: string;
   isDefault?: boolean;
   versionFolderId?: string;
@@ -20,6 +21,8 @@ export declare type ResolvedNavGroupItem = {
   link?: string;
   label?: string;
   items?: ResolvedNavItem[];
+  external?: never;
+  target?: never;
   expanded?: string;
   version?: string;
   isDefault?: boolean;

package/src/ui/index.tsx

@@ -6,7 +6,6 @@ export * from '@theme/ui/Box';
 export * from '@theme/ui/Dropdown';
 export * from '@theme/ui/Flex';
 export * from '@theme/ui/Jumbotron';
-export * from '@theme/ui/UniversalLink';
 
 export const LandingLayout = ({ children }: React.PropsWithChildren<object>): React.ReactNode =>
   children;

package/src/utils/args-typecheck.ts

@@ -5,5 +5,5 @@ export function isEmptyArray(items: any): boolean {
 
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
 export function isPrimitive(arg: any): boolean {
-  return ['string', 'boolean', 'number'].includes(typeof arg);
+  return ['string', 'boolean', 'number', 'undefined'].includes(typeof arg);
 }

package/lib/hooks/useDefaultThemeSettings.d.ts

@@ -1,2 +0,0 @@
-import type { RawTheme } from '../mocks/types';
-export declare function useDefaultThemeSettings(): RawTheme['settings'];

package/lib/hooks/useDefaultThemeSettings.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDefaultThemeSettings = void 0;
-const hooks_1 = require("../mocks/hooks");
-const constants_1 = require("../mocks/constants");
-function useDefaultThemeSettings() {
-    return (0, hooks_1.useThemeSettings)(constants_1.DEFAULT_THEME_NAME);
-}
-exports.useDefaultThemeSettings = useDefaultThemeSettings;
-//# sourceMappingURL=useDefaultThemeSettings.js.map

package/lib/ui/UniversalLink.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import type { LinkProps } from 'react-router-dom';
-export declare const withPropsFilter: (filterList: string[]) => (WrappedComponent: React.FunctionComponent) => (props: React.PropsWithChildren<object>) => JSX.Element;
-export interface PortalLinkProps<TState> extends LinkProps<TState> {
-    activeClassName?: string;
-    activeStyle?: object;
-    onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
-    partiallyActive?: boolean;
-    replace?: boolean;
-    state?: TState;
-    to: string;
-}
-export interface UniversalLinkProps extends Partial<PortalLinkProps<object>> {
-    external?: boolean;
-    ref?: any;
-}
-export declare const UniversalLink: (props: React.PropsWithChildren<object>) => JSX.Element;

package/lib/ui/UniversalLink.js

@@ -1,79 +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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UniversalLink = exports.withPropsFilter = void 0;
-const React = __importStar(require("react"));
-const react_router_dom_1 = require("react-router-dom");
-const styled_components_1 = __importDefault(require("styled-components"));
-const isUrl_1 = require("../utils/isUrl");
-const Link_1 = require("../mocks/Link");
-const StyledExternalLink = styled_components_1.default.a `
-  &.external-url {
-    position: relative;
-
-    :after {
-      content: '';
-      display: inline-block;
-      position: absolute;
-      background: var(--text-color);
-      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0' y='0' viewBox='0 0 100 125' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cpath d='M-408.2-318.5 98.6 4.8c0-0.1 0-0.2-0.1-0.3 0-0.1-0.1-0.2-0.1-0.3 0-0.1 0-0.1-0.1-0.2 0 0 0-0.1 0-0.1 0-0.1-0.1-0.2-0.2-0.3 0-0.1-0.1-0.2-0.2-0.3 -0.1-0.1-0.1-0.2-0.2-0.3C97.7 2.9 97.6 2.8 97.5 2.7c-0.1-0.1-0.2-0.2-0.3-0.3 -0.1-0.1-0.1-0.1-0.2-0.2 -0.1-0.1-0.2-0.2-0.3-0.2 -0.1-0.1-0.2-0.1-0.2-0.2 -0.1-0.1-0.2-0.1-0.3-0.2 -0.1 0-0.2-0.1-0.3-0.1 0 0-0.1 0-0.1-0.1 -0.1 0-0.2 0-0.2-0.1 -0.1 0-0.2-0.1-0.3-0.1 -0.1 0-0.2-0.1-0.4-0.1 -0.1 0-0.2 0-0.3 0 -0.1 0-0.3 0-0.4 0 -0.1 0-0.1 0-0.2 0L63.8 1.3c-2.5 0-4.6 2.1-4.6 4.6 0 2.5 2.1 4.6 4.6 4.5l19.3-0.1 -29.8 30.2c-1.1 1.1-1.5 2.7-1.2 4.1 0.2 0.9 0.6 1.7 1.3 2.4 0.9 0.9 2.1 1.3 3.2 1.3 1.2 0 2.3-0.5 3.2-1.4l0 0 29.8-30.2 0.1 19.3c0 2.5 2.1 4.6 4.6 4.5 1.3 0 2.4-0.5 3.2-1.4 0.8-0.8 1.3-2 1.3-3.2L98.7 5.7c0-0.1 0-0.1 0-0.2 0-0.1 0-0.2 0-0.4C98.6 5 98.6 4.9 98.6 4.8zM6.5 83.3c0 5.7 4.6 10.4 10.4 10.4l55.6 0.1c5.7 0 10.4-4.6 10.4-10.4l-0.1-40.8h6.1v40.8c0 9-7.3 16.3-16.3 16.3l-56.4-0.1c-8.6 0-15.6-7-15.6-15.6L0.6 27.8c0-9 7.3-16.3 16.3-16.3l41.1-0.1v6.1L17 17.5c-5.7 0-10.4 4.6-10.4 10.4L6.5 83.3z'/%3E%3C/svg%3E");
-      mask-repeat: no-repeat;
-      width: 10px;
-      height: 10px;
-      top: 50%;
-      right: -15px;
-      transform: translateY(-50%);
-    }
-  }
-`;
-// TODO: We're using our own Link component so probably filtering is not necessary here.
-// filter out unnecessary props
-const propsList = [
-    'color',
-    'size',
-    'variant',
-    'bgColor',
-    'bgImage',
-    'disableArrow',
-    'withIcon',
-    'maxWidth',
-    'inversed',
-    'transparent',
-    'large',
-];
-const withPropsFilter = (filterList) => (WrappedComponent) => function WithPropsFilter(props) {
-    const filteredProps = Object.fromEntries(Object.entries(props).filter(([key]) => !filterList.includes(key)));
-    return React.createElement(WrappedComponent, Object.assign({}, filteredProps));
-};
-exports.withPropsFilter = withPropsFilter;
-exports.UniversalLink = (0, exports.withPropsFilter)(propsList)((props) => {
-    var _a;
-    return (typeof props.to === 'string' && ((0, isUrl_1.isUrl)(props.to) || props.to.startsWith('mailto:'))) ||
-        props.external ? (React.createElement(StyledExternalLink, { style: props.style, href: props.to, target: props.target || (props.external && '_blank') || '_self', className: `${props.external ? 'external-url' : ''} ${props.className}`, rel: props.rel, "data-cy": `universalLink-${typeof props.children === 'string' ? props.children : 'with-nested-jsx'}` }, props.children)) : props.to == null ? (React.createElement("a", { onClick: props.onClick, className: props.className, style: props.style }, props.children)) : (React.createElement(Link_1.Link, Object.assign({}, props, { to: props.to, state: Object.assign({ previousPath: (_a = (0, react_router_dom_1.useLocation)()) === null || _a === void 0 ? void 0 : _a.pathname }, props.state) })));
-});
-//# sourceMappingURL=UniversalLink.js.map

package/src/hooks/useDefaultThemeSettings.ts

@@ -1,7 +0,0 @@
-import { useThemeSettings } from '@portal/hooks';
-import { DEFAULT_THEME_NAME } from '@portal/constants';
-import type { RawTheme } from '@portal/types';
-
-export function useDefaultThemeSettings(): RawTheme['settings'] {
-  return useThemeSettings(DEFAULT_THEME_NAME);
-}