@apify/ui-library 1.83.1-fixactorissuescomponentsoncl-2f1509.30 → 1.83.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@apify/ui-library",
-    "version": "1.83.1-fixactorissuescomponentsoncl-2f1509.30+0e820ff104f",
+    "version": "1.83.1",
     "description": "React UI library used by apify.com",
     "license": "Apache-2.0",
     "type": "module",
@@ -69,5 +69,5 @@
         "src",
         "style"
     ],
-    "gitHead": "0e820ff104ff485cdd673e00c77a960be005d5b9"
+    "gitHead": "6606ceabaff32097eb6ae5dfabc812f5d8a0b747"
 }

package/src/components/code/code_block/code_block_with_tabs.tsx

@@ -1,5 +1,4 @@
 import clsx from 'clsx';
-import _ from 'lodash';
 import React from 'react';
 import styled from 'styled-components';
 
@@ -207,7 +206,7 @@ export const CodeBlockWithTabs = ({ className, codeBlockProps, currentTabKey, ta
                     const commonProps = {
                         className: clsx(CODE_BLOCK_WITH_TABS_CLASSNAMES.TAB, { selected }),
                         'data-test': `code-block-tab-${tab.key}`,
-                        ..._.omit(tab, ['bashCommandsStart', 'content', 'languageOverride']),
+                        onClick: tab.onClick,
                     };
                     const children = (
                         <>
@@ -224,8 +223,10 @@ export const CodeBlockWithTabs = ({ className, codeBlockProps, currentTabKey, ta
                         return (
                             <Link
                                 {...commonProps}
-                                key={tab.key}
                                 to={tab.to}
+                                rel={tab.rel}
+                                target={tab.target}
+                                key={tab.key}
                             >
                                 {children}
                             </Link>

package/src/components/simple_markdown/simple_markdown.tsx

@@ -15,9 +15,7 @@ import { useSharedUiDependencies } from '../../ui_dependency_provider.js';
 import { Box } from '../box.js';
 import { isUrlExternal } from '../link.js';
 import { cleanMarkdown } from '../readme_renderer/utils.js';
-import { HeadingContent } from '../text/heading_content.js';
-import { Heading, Text } from '../text/index.js';
-import { TextContent } from '../text/text_content.js';
+import { Heading, HeadingContent, Text, TextContent } from '../text/index.js';
 import {
     MarkdownBlockQuote,
     MarkdownCode,
@@ -112,12 +110,12 @@ export const defaultRemarkPlugins = [remarkGfm];
 
 // TODO: Add Image component
 const regularMarkdownSizeComponents: Components = {
-    h1: ({ children }) => <HeadingContent mt='space32' mb='space16' type='heading1'>{children}</HeadingContent>,
-    h2: ({ children }) => <HeadingContent mt='space32' mb='space16' type='heading2'>{children}</HeadingContent>,
-    h3: ({ children }) => <HeadingContent mt='space32' mb='space16' type='heading3'>{children}</HeadingContent>,
-    h4: ({ children }) => <HeadingContent mt='space32' mb='space16' type='heading4'>{children}</HeadingContent>,
-    h5: ({ children }) => <HeadingContent mt='space32' mb='space16' type='heading5'>{children}</HeadingContent>,
-    h6: ({ children }) => <HeadingContent mt='space32' mb='space16' type='heading6'>{children}</HeadingContent>,
+    h1: ({ children }) => <HeadingContent mb='space16' type='heading1'>{children}</HeadingContent>,
+    h2: ({ children }) => <HeadingContent mb='space16' type='heading2'>{children}</HeadingContent>,
+    h3: ({ children }) => <HeadingContent mb='space16' type='heading3'>{children}</HeadingContent>,
+    h4: ({ children }) => <HeadingContent mb='space16' type='heading4'>{children}</HeadingContent>,
+    h5: ({ children }) => <HeadingContent mb='space16' type='heading5'>{children}</HeadingContent>,
+    h6: ({ children }) => <HeadingContent mb='space16' type='heading6'>{children}</HeadingContent>,
     p: ({ children }) => (<TextContent my='space16'>{children}</TextContent>),
     strong: ({ children }) => <TextContent as='strong' weight='bold'>{children}</TextContent>,
     b: ({ children }) => <TextContent as='b' weight='bold'>{children}</TextContent>,
@@ -132,12 +130,12 @@ const regularMarkdownSizeComponents: Components = {
 };
 
 const smallMarkdownSizeComponents: Components = {
-    h1: ({ children }) => <Heading mt='space32' mb='space16' type='title2xl'>{children}</Heading>,
-    h2: ({ children }) => <Heading mt='space32' mb='space16' type='titleXl'>{children}</Heading>,
-    h3: ({ children }) => <Heading mt='space32' mb='space16' type='titleL'>{children}</Heading>,
-    h4: ({ children }) => <Heading mt='space32' mb='space16' type='titleM'>{children}</Heading>,
-    h5: ({ children }) => <Heading mt='space32' mb='space16' type='titleS'>{children}</Heading>,
-    h6: ({ children }) => <Heading mt='space32' mb='space16' type='titleXs'>{children}</Heading>,
+    h1: ({ children }) => <Heading mb='space16' type='title2xl'>{children}</Heading>,
+    h2: ({ children }) => <Heading mb='space16' type='titleXl'>{children}</Heading>,
+    h3: ({ children }) => <Heading mb='space16' type='titleL'>{children}</Heading>,
+    h4: ({ children }) => <Heading mb='space16' type='titleM'>{children}</Heading>,
+    h5: ({ children }) => <Heading mb='space16' type='titleS'>{children}</Heading>,
+    h6: ({ children }) => <Heading mb='space16' type='titleXs'>{children}</Heading>,
     p: ({ children }) => (<Text my='space16'>{children}</Text>),
     strong: ({ children }) => <Text as='strong' weight='bold'>{children}</Text>,
     b: ({ children }) => <Text as='b' weight='bold'>{children}</Text>,