@brillout/docpress 0.10.11 → 0.10.13

package/+config.ts

@@ -25,7 +25,7 @@ export default {
   },
 } satisfies Config
 
-type ReactComponent = () => JSX.Element
+type ReactComponent = () => React.JSX.Element
 declare global {
   namespace Vike {
     interface PageContext {

package/Layout.tsx

@@ -49,7 +49,7 @@ function Layout({ children }: { children: React.ReactNode }) {
   const pageContext = usePageContext()
   const { isLandingPage } = pageContext
 
-  let content: JSX.Element
+  let content: React.JSX.Element
   if (isLandingPage) {
     content = <LayoutLandingPage>{children}</LayoutLandingPage>
   } else {

package/MenuModal.tsx

@@ -148,8 +148,6 @@ function CloseButton({ className }: { className: string }) {
       className={className}
       onClick={closeMenuModal}
       style={{ position: 'fixed', top: 0, right: 0, zIndex: 10, padding: 11, cursor: 'pointer' }}
-      aria-label={'Escape\nCtrl\xa0+\xa0M'}
-      data-label-shift
     >
       <svg width="48.855" height="48.855" version="1.1" viewBox="0 0 22.901 22.901" xmlns="http://www.w3.org/2000/svg">
         <circle

package/NavItemComponent.tsx

@@ -63,7 +63,7 @@ function NavItemComponent({
     )
   }
 
-  let children: JSX.Element = titleInNavJsx
+  let children: React.JSX.Element = titleInNavJsx
   if (navItem.level === 1) {
     children = (
       <>

package/components/Link.tsx

@@ -28,7 +28,7 @@ function Link({
     `<Link href /> prop \`href==='${href}'\` but should start with '/' or '#'`,
   )
   assertUsage(!text || !children, 'Cannot use both `text` or `children`')
-  assertWarning(!text, 'prop `text` is deprecated')
+  // assertWarning(!text, 'prop `text` is deprecated')
   text = text ?? children
 
   if (isRepoLink(href)) {
@@ -55,10 +55,10 @@ function getLinkText({
 }: {
   noBreadcrumb: true | undefined
   linkData: LinkData
-  sectionTitle: JSX.Element | null
+  sectionTitle: React.JSX.Element | null
   isLinkOnSamePage: boolean
-}): JSX.Element {
-  const breadcrumbParts: JSX.Element[] = []
+}): React.JSX.Element {
+  const breadcrumbParts: React.JSX.Element[] = []
   if (linkData.linkBreadcrumb) {
     breadcrumbParts.push(...(linkData.linkBreadcrumb ?? []).slice().reverse().map(parseMarkdownMini))
   }
@@ -91,7 +91,7 @@ function getLinkTextData(href: string, pageContext: PageContextResolved, doNotIn
   const isLinkOnSamePage = linkData.url === pageContext.urlPathname
   if (!hrefPathname) assert(isLinkOnSamePage)
 
-  let sectionTitle: JSX.Element | null = null
+  let sectionTitle: React.JSX.Element | null = null
   if (hrefHash) {
     assert(!hrefHash.startsWith('#'))
     if (isLinkOnSamePage) {

package/components/Note.tsx

@@ -39,7 +39,7 @@ function Danger(props: Props) {
 function NoteWithoutIcon(props: Props) {
   return <NoteGeneric icon={null} {...props} />
 }
-type CustomIcon = JSX.Element | string
+type CustomIcon = React.JSX.Element | string
 function NoteWithCustomIcon(props: Props & { icon: CustomIcon }) {
   const { icon } = props
   if (!icon) throw new Error(`<NoteWithCustomIcon icon={/*...*/}> property 'icon' is \`${icon}\` which is forbidden`)

package/css/tooltip.css

@@ -7,6 +7,12 @@
     position: relative;
   }
   [aria-label]:hover::before {
+    opacity: 1;
+  }
+  [aria-label]::before {
+    opacity: 0;
+    transition: opacity 0.3s ease-in-out;
+    pointer-events: none;
     font-family: monospace;
     font-size: 12px;
     content: attr(aria-label);
@@ -23,8 +29,9 @@
     letter-spacing: -0.02em;
     border: 1px solid #e3e3e3;
     z-index: 1;
-  }
-  [data-label-shift]::before {
-    margin-left: -10px;
+    /* Atlernative: https://stackoverflow.com/questions/30086913/css-positioned-absolute-element-automatic-width-outside-of-parents-bounds/57379329#57379329
+    width: max-content;
+    */
+    white-space: nowrap;
   }
 }

package/dist/+config.d.ts

@@ -29,7 +29,7 @@ declare const _default: {
     };
 };
 export default _default;
-type ReactComponent = () => JSX.Element;
+type ReactComponent = () => React.JSX.Element;
 declare global {
     namespace Vike {
         interface PageContext {

package/dist/components/Link.js

@@ -21,7 +21,7 @@ function Link(_a) {
     var pageContext = usePageContext();
     assertUsage(href.startsWith('/') || href.startsWith('#'), "<Link href /> prop `href==='".concat(href, "'` but should start with '/' or '#'"));
     assertUsage(!text || !children, 'Cannot use both `text` or `children`');
-    assertWarning(!text, 'prop `text` is deprecated');
+    // assertWarning(!text, 'prop `text` is deprecated')
     text = text !== null && text !== void 0 ? text : children;
     if (isRepoLink(href)) {
         return React.createElement(RepoLink, { path: href, text: text });

package/dist/components/Note.d.ts

@@ -17,7 +17,7 @@ declare function Construction(props: Props): React.JSX.Element;
 declare function Contribution(props: Props): React.JSX.Element;
 declare function Danger(props: Props): React.JSX.Element;
 declare function NoteWithoutIcon(props: Props): React.JSX.Element;
-type CustomIcon = JSX.Element | string;
+type CustomIcon = React.JSX.Element | string;
 declare function NoteWithCustomIcon(props: Props & {
     icon: CustomIcon;
 }): React.JSX.Element;

package/dist/parseMarkdownMini.d.ts

@@ -1,2 +1,3 @@
 export { parseMarkdownMini };
-declare function parseMarkdownMini(markdown: string): JSX.Element;
+import React from 'react';
+declare function parseMarkdownMini(markdown: string): React.JSX.Element;

package/dist/utils/Emoji/Emoji.d.ts

@@ -5,4 +5,4 @@ type EmojiName = 'warning' | 'typescript' | 'shield' | 'mechanical-arm' | 'mount
 declare function Emoji({ name, style }: {
     name: EmojiName;
     style?: React.CSSProperties;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/utils/jsxToTextContent.d.ts

@@ -1,2 +1,2 @@
 export { jsxToTextContent };
-declare function jsxToTextContent(node: JSX.Element): string;
+declare function jsxToTextContent(node: React.JSX.Element): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brillout/docpress",
-  "version": "0.10.11",
+  "version": "0.10.13",
   "type": "module",
   "dependencies": {
     "@brillout/picocolors": "^1.0.10",

package/parseMarkdownMini.ts

@@ -2,7 +2,7 @@ export { parseMarkdownMini }
 
 import React from 'react'
 
-function parseMarkdownMini(markdown: string): JSX.Element {
+function parseMarkdownMini(markdown: string): React.JSX.Element {
   type Part = { nodeType: 'text' | 'code'; content: string }
   const parts: Part[] = []
   let current: Part | undefined

package/types.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="vite/client" />
 
 declare module '*.mdx' {
-  const value: (props?: any) => JSX.Element
+  const value: (props?: any) => React.JSX.Element
   export default value
   export const headings: { level: number; title: string; id: string }[]
 }

package/utils/Emoji/Emoji.ts

@@ -37,7 +37,7 @@ type EmojiName =
   | 'trophy'
   | 'ribbon'
 
-function Emoji({ name, style }: { name: EmojiName; style?: React.CSSProperties }): JSX.Element {
+function Emoji({ name, style }: { name: EmojiName; style?: React.CSSProperties }): React.JSX.Element {
   const emoji =
     // ***
     // U+26A0

package/utils/jsxToTextContent.ts

@@ -3,7 +3,7 @@ import { assert } from './assert'
 export { jsxToTextContent }
 
 // https://stackoverflow.com/questions/34204975/react-is-there-something-similar-to-node-textcontent/60564620#60564620
-function jsxToTextContent(node: JSX.Element): string {
+function jsxToTextContent(node: React.JSX.Element): string {
   if (['string', 'number'].includes(typeof node)) return String(node)
   if (node instanceof Array) return node.map(jsxToTextContent).join('')
   if (typeof node === 'object' && node) return jsxToTextContent(node.props.children)