@apify/ui-library 0.57.2 → 0.57.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/dist/src/components/action_link.d.ts +1 -1
- package/dist/src/components/action_link.d.ts.map +1 -1
- package/dist/src/components/action_link.jsx +2 -2
- package/dist/src/components/action_link.jsx.map +1 -1
- package/dist/src/components/actor_template_card.jsx +1 -1
- package/dist/src/components/actor_template_card.jsx.map +1 -1
- package/dist/src/components/badge.d.ts +1 -1
- package/dist/src/components/badge.d.ts.map +1 -1
- package/dist/src/components/badge.jsx +1 -1
- package/dist/src/components/badge.jsx.map +1 -1
- package/dist/src/components/button.d.ts +2 -2
- package/dist/src/components/button.d.ts.map +1 -1
- package/dist/src/components/button.jsx +3 -3
- package/dist/src/components/button.jsx.map +1 -1
- package/dist/src/components/chip.d.ts +1 -1
- package/dist/src/components/chip.d.ts.map +1 -1
- package/dist/src/components/code/code_block/code_block.d.ts +1 -1
- package/dist/src/components/code/code_block/code_block.d.ts.map +1 -1
- package/dist/src/components/code/code_block/code_block.jsx +5 -5
- package/dist/src/components/code/code_block/code_block.jsx.map +1 -1
- package/dist/src/components/code/code_block/code_block.styled.d.ts +2 -2
- package/dist/src/components/code/code_block/code_block.styled.d.ts.map +1 -1
- package/dist/src/components/code/code_block/code_block.styled.jsx +1 -1
- package/dist/src/components/code/code_block/code_block.styled.jsx.map +1 -1
- package/dist/src/components/code/index.d.ts +3 -3
- package/dist/src/components/code/index.d.ts.map +1 -1
- package/dist/src/components/code/index.js +3 -3
- package/dist/src/components/code/index.js.map +1 -1
- package/dist/src/components/code/inline_code/inline_code.d.ts +2 -2
- package/dist/src/components/code/inline_code/inline_code.d.ts.map +1 -1
- package/dist/src/components/code/one_line_code/one_line_code.d.ts +2 -2
- package/dist/src/components/code/one_line_code/one_line_code.d.ts.map +1 -1
- package/dist/src/components/code/one_line_code/one_line_code.jsx +2 -2
- package/dist/src/components/code/one_line_code/one_line_code.jsx.map +1 -1
- package/dist/src/components/code/syntax_highlighter.d.ts +2 -2
- package/dist/src/components/code/syntax_highlighter.d.ts.map +1 -1
- package/dist/src/components/code/syntax_highlighter.jsx +2 -2
- package/dist/src/components/code/syntax_highlighter.jsx.map +1 -1
- package/dist/src/components/floating/index.d.ts +3 -3
- package/dist/src/components/floating/index.d.ts.map +1 -1
- package/dist/src/components/floating/index.js +3 -3
- package/dist/src/components/floating/index.js.map +1 -1
- package/dist/src/components/floating/menu.d.ts +1 -1
- package/dist/src/components/floating/menu.d.ts.map +1 -1
- package/dist/src/components/floating/menu.jsx +3 -3
- package/dist/src/components/floating/menu.jsx.map +1 -1
- package/dist/src/components/floating/menu_components.d.ts +3 -3
- package/dist/src/components/floating/menu_components.d.ts.map +1 -1
- package/dist/src/components/floating/menu_components.jsx +1 -1
- package/dist/src/components/floating/menu_components.jsx.map +1 -1
- package/dist/src/components/image.d.ts +1 -1
- package/dist/src/components/image.d.ts.map +1 -1
- package/dist/src/components/image.jsx +2 -2
- package/dist/src/components/image.jsx.map +1 -1
- package/dist/src/components/index.d.ts +14 -14
- package/dist/src/components/index.d.ts.map +1 -1
- package/dist/src/components/index.js +14 -14
- package/dist/src/components/index.js.map +1 -1
- package/dist/src/components/link.d.ts +1 -1
- package/dist/src/components/link.d.ts.map +1 -1
- package/dist/src/components/link.jsx +2 -2
- package/dist/src/components/link.jsx.map +1 -1
- package/dist/src/components/message.d.ts +1 -1
- package/dist/src/components/message.d.ts.map +1 -1
- package/dist/src/components/message.jsx +2 -2
- package/dist/src/components/message.jsx.map +1 -1
- package/dist/src/components/rating.d.ts +1 -1
- package/dist/src/components/rating.d.ts.map +1 -1
- package/dist/src/components/rating.jsx +1 -1
- package/dist/src/components/rating.jsx.map +1 -1
- package/dist/src/components/readme_renderer/index.d.ts +2 -2
- package/dist/src/components/readme_renderer/index.d.ts.map +1 -1
- package/dist/src/components/readme_renderer/index.js +2 -2
- package/dist/src/components/readme_renderer/index.js.map +1 -1
- package/dist/src/components/readme_renderer/table_of_contents.jsx +2 -2
- package/dist/src/components/readme_renderer/table_of_contents.jsx.map +1 -1
- package/dist/src/components/simple_markdown/index.d.ts +2 -2
- package/dist/src/components/simple_markdown/index.d.ts.map +1 -1
- package/dist/src/components/simple_markdown/index.js +3 -0
- package/dist/src/components/simple_markdown/index.js.map +1 -0
- package/dist/src/components/simple_markdown/simple_markdown.jsx +7 -7
- package/dist/src/components/simple_markdown/simple_markdown.jsx.map +1 -1
- package/dist/src/components/simple_markdown/simple_markdown_components.d.ts +4 -4
- package/dist/src/components/simple_markdown/simple_markdown_components.d.ts.map +1 -1
- package/dist/src/components/simple_markdown/simple_markdown_components.jsx +3 -3
- package/dist/src/components/simple_markdown/simple_markdown_components.jsx.map +1 -1
- package/dist/src/components/tag.d.ts +2 -2
- package/dist/src/components/tag.d.ts.map +1 -1
- package/dist/src/components/tag.jsx +2 -2
- package/dist/src/components/tag.jsx.map +1 -1
- package/dist/src/components/text/heading_content.d.ts +1 -1
- package/dist/src/components/text/heading_content.d.ts.map +1 -1
- package/dist/src/components/text/heading_content.jsx +1 -1
- package/dist/src/components/text/heading_content.jsx.map +1 -1
- package/dist/src/components/text/heading_marketing.d.ts +1 -1
- package/dist/src/components/text/heading_marketing.d.ts.map +1 -1
- package/dist/src/components/text/heading_marketing.jsx +1 -1
- package/dist/src/components/text/heading_marketing.jsx.map +1 -1
- package/dist/src/components/text/heading_shared.d.ts +1 -1
- package/dist/src/components/text/heading_shared.d.ts.map +1 -1
- package/dist/src/components/text/heading_shared.jsx +1 -1
- package/dist/src/components/text/heading_shared.jsx.map +1 -1
- package/dist/src/components/text/index.d.ts +8 -8
- package/dist/src/components/text/index.d.ts.map +1 -1
- package/dist/src/components/text/index.js +7 -7
- package/dist/src/components/text/index.js.map +1 -1
- package/dist/src/components/text/text_base.d.ts +1 -1
- package/dist/src/components/text/text_base.d.ts.map +1 -1
- package/dist/src/components/text/text_base.jsx +1 -1
- package/dist/src/components/text/text_base.jsx.map +1 -1
- package/dist/src/components/text/text_content.d.ts +1 -1
- package/dist/src/components/text/text_content.d.ts.map +1 -1
- package/dist/src/components/text/text_content.jsx +1 -1
- package/dist/src/components/text/text_content.jsx.map +1 -1
- package/dist/src/components/text/text_marketing.d.ts +1 -1
- package/dist/src/components/text/text_marketing.d.ts.map +1 -1
- package/dist/src/components/text/text_marketing.jsx +1 -1
- package/dist/src/components/text/text_marketing.jsx.map +1 -1
- package/dist/src/components/text/text_shared.d.ts +1 -1
- package/dist/src/components/text/text_shared.d.ts.map +1 -1
- package/dist/src/components/text/text_shared.jsx +1 -1
- package/dist/src/components/text/text_shared.jsx.map +1 -1
- package/dist/src/components/tile/horizontal_tile.d.ts.map +1 -1
- package/dist/src/components/tile/horizontal_tile.jsx.map +1 -1
- package/dist/src/components/tile/index.d.ts +2 -2
- package/dist/src/components/tile/index.d.ts.map +1 -1
- package/dist/src/components/tile/index.js +2 -2
- package/dist/src/components/tile/index.js.map +1 -1
- package/dist/src/components/tile/vertical_tile.d.ts.map +1 -1
- package/dist/src/components/tile/vertical_tile.jsx.map +1 -1
- package/dist/src/components/to_consolidate/card.d.ts +1 -1
- package/dist/src/components/to_consolidate/card.d.ts.map +1 -1
- package/dist/src/components/to_consolidate/card.jsx +1 -1
- package/dist/src/components/to_consolidate/card.jsx.map +1 -1
- package/dist/src/components/to_consolidate/index.d.ts +4 -4
- package/dist/src/components/to_consolidate/index.d.ts.map +1 -1
- package/dist/src/components/to_consolidate/index.js +4 -4
- package/dist/src/components/to_consolidate/index.js.map +1 -1
- package/dist/src/components/to_consolidate/markdown.jsx +1 -1
- package/dist/src/components/to_consolidate/markdown.jsx.map +1 -1
- package/dist/src/components/to_consolidate/pagination.jsx +2 -2
- package/dist/src/components/to_consolidate/pagination.jsx.map +1 -1
- package/dist/src/index.d.ts +1 -1
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +1 -1
- package/dist/src/index.js.map +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +2 -2
- package/src/components/action_link.tsx +2 -2
- package/src/components/actor_template_card.tsx +1 -1
- package/src/components/badge.tsx +1 -1
- package/src/components/button.tsx +3 -3
- package/src/components/chip.tsx +1 -1
- package/src/components/code/code_block/code_block.styled.tsx +2 -2
- package/src/components/code/code_block/code_block.tsx +6 -6
- package/src/components/code/index.ts +3 -3
- package/src/components/code/inline_code/inline_code.tsx +2 -2
- package/src/components/code/one_line_code/one_line_code.tsx +5 -5
- package/src/components/code/syntax_highlighter.tsx +3 -3
- package/src/components/floating/index.ts +3 -3
- package/src/components/floating/menu.tsx +3 -3
- package/src/components/floating/menu_components.tsx +1 -1
- package/src/components/image.tsx +2 -2
- package/src/components/index.ts +14 -14
- package/src/components/link.tsx +2 -2
- package/src/components/message.tsx +2 -2
- package/src/components/rating.tsx +2 -2
- package/src/components/readme_renderer/index.ts +2 -2
- package/src/components/readme_renderer/table_of_contents.tsx +2 -2
- package/src/components/simple_markdown/index.ts +2 -0
- package/src/components/simple_markdown/simple_markdown.tsx +7 -7
- package/src/components/simple_markdown/simple_markdown_components.tsx +6 -6
- package/src/components/tag.tsx +2 -2
- package/src/components/text/heading_content.tsx +2 -2
- package/src/components/text/heading_marketing.tsx +2 -2
- package/src/components/text/heading_shared.tsx +2 -2
- package/src/components/text/index.ts +8 -8
- package/src/components/text/text_base.tsx +2 -2
- package/src/components/text/text_content.tsx +2 -2
- package/src/components/text/text_marketing.tsx +2 -2
- package/src/components/text/text_shared.tsx +2 -2
- package/src/components/tile/horizontal_tile.tsx +2 -1
- package/src/components/tile/index.ts +2 -2
- package/src/components/tile/vertical_tile.tsx +2 -1
- package/src/components/to_consolidate/card.tsx +2 -2
- package/src/components/to_consolidate/index.ts +4 -4
- package/src/components/to_consolidate/markdown.tsx +1 -1
- package/src/components/to_consolidate/pagination.tsx +2 -2
- package/src/index.ts +1 -1
- package/dist/src/components/simple_markdown/index.jsx +0 -3
- package/dist/src/components/simple_markdown/index.jsx.map +0 -1
- package/src/components/simple_markdown/index.tsx +0 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@apify/ui-library",
|
|
3
|
-
"version": "0.57.
|
|
3
|
+
"version": "0.57.3",
|
|
4
4
|
"description": "React UI library used by apify.com",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"type": "module",
|
|
@@ -65,5 +65,5 @@
|
|
|
65
65
|
"recast": "^0.23.9",
|
|
66
66
|
"typescript": "^5.1.6"
|
|
67
67
|
},
|
|
68
|
-
"gitHead": "
|
|
68
|
+
"gitHead": "1bd900e3e849d7be1b4d22470b34bf45b56c3a2f"
|
|
69
69
|
}
|
|
@@ -4,8 +4,8 @@ import styled from 'styled-components';
|
|
|
4
4
|
import { ArrowLeftIcon, ArrowRightIcon } from '@apify/ui-icons';
|
|
5
5
|
|
|
6
6
|
import { theme } from '../design_system/theme.js';
|
|
7
|
-
import { Box } from './box.
|
|
8
|
-
import { Link, type LinkProps } from './link.
|
|
7
|
+
import { Box } from './box.jsx';
|
|
8
|
+
import { Link, type LinkProps } from './link.jsx';
|
|
9
9
|
import { Heading } from './text/index.js';
|
|
10
10
|
|
|
11
11
|
const StyledGuidepost = styled(Box)<{ $isBackLink: boolean }>`
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import styled from 'styled-components';
|
|
3
3
|
|
|
4
4
|
import { theme } from '../design_system/theme.js';
|
|
5
|
-
import { TextBaseComponent } from './text/text_base.
|
|
5
|
+
import { TextBaseComponent } from './text/text_base.jsx';
|
|
6
6
|
import { VerticalTile } from './tile/index.js';
|
|
7
7
|
|
|
8
8
|
interface ActorTemplateCardProps {
|
package/src/components/badge.tsx
CHANGED
|
@@ -5,7 +5,7 @@ import type { IconComponent, IconSize } from '@apify/ui-icons';
|
|
|
5
5
|
|
|
6
6
|
import { theme } from '../design_system/theme.js';
|
|
7
7
|
import type { WithTransientProps } from '../type_utils.js';
|
|
8
|
-
import { type RegularBoxProps, type MarginSpacingProps, Box } from './box.
|
|
8
|
+
import { type RegularBoxProps, type MarginSpacingProps, Box } from './box.jsx';
|
|
9
9
|
|
|
10
10
|
type BadgeSize = typeof BADGE_SIZES[number];
|
|
11
11
|
|
|
@@ -5,9 +5,9 @@ import { ExternalLinkIcon } from '@apify/ui-icons';
|
|
|
5
5
|
|
|
6
6
|
import { theme } from '../design_system/theme.js';
|
|
7
7
|
import { type WithRequired, type WithTransientProps } from '../type_utils.js';
|
|
8
|
-
import { useSharedUiDependencies } from '../ui_dependency_provider.
|
|
9
|
-
import { Box, type RegularBoxProps, type MarginSpacingProps } from './box.
|
|
10
|
-
import { Link, isUrlExternal, type LinkProps } from './link.
|
|
8
|
+
import { useSharedUiDependencies } from '../ui_dependency_provider.jsx';
|
|
9
|
+
import { Box, type RegularBoxProps, type MarginSpacingProps } from './box.jsx';
|
|
10
|
+
import { Link, isUrlExternal, type LinkProps } from './link.jsx';
|
|
11
11
|
|
|
12
12
|
type ButtonSize = 'medium' | 'small';
|
|
13
13
|
type ButtonColor = 'default' | 'success' | 'danger';
|
package/src/components/chip.tsx
CHANGED
|
@@ -6,7 +6,7 @@ import styled, { css } from 'styled-components';
|
|
|
6
6
|
import type { ValueOf } from '@apify-packages/types';
|
|
7
7
|
|
|
8
8
|
import { theme } from '../design_system/theme.js';
|
|
9
|
-
import type { RegularBoxProps } from './box.
|
|
9
|
+
import type { RegularBoxProps } from './box.jsx';
|
|
10
10
|
|
|
11
11
|
const CHIP_SIZES = {
|
|
12
12
|
SMALL: 'S',
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import styled, { css } from 'styled-components';
|
|
2
2
|
|
|
3
3
|
import { theme } from '../../../design_system/theme.js';
|
|
4
|
-
import type { SharedTextSize } from '../../text/text_shared.
|
|
5
|
-
import { SyntaxHighlighterBaseStylesWrapper } from '../syntax_highlighter.
|
|
4
|
+
import type { SharedTextSize } from '../../text/text_shared.jsx';
|
|
5
|
+
import { SyntaxHighlighterBaseStylesWrapper } from '../syntax_highlighter.jsx';
|
|
6
6
|
|
|
7
7
|
const HIGHLIGHT_BACKGROUND_COLOR = 'rgba(22, 114, 235, 0.05)';
|
|
8
8
|
|
|
@@ -2,13 +2,13 @@ import clsx from 'clsx';
|
|
|
2
2
|
import React, { useCallback, useMemo, useRef, useState } from 'react';
|
|
3
3
|
|
|
4
4
|
import type { RegularBoxProps } from '../../box.js';
|
|
5
|
-
import { ColorWheelGradient } from '../../color_wheel_gradient.
|
|
6
|
-
import { Link } from '../../link.
|
|
5
|
+
import { ColorWheelGradient } from '../../color_wheel_gradient.jsx';
|
|
6
|
+
import { Link } from '../../link.jsx';
|
|
7
7
|
import { Text } from '../../text/index.js';
|
|
8
|
-
import type { SharedTextSize } from '../../text/text_shared.
|
|
9
|
-
import { ActionButton, CopyButton } from '../action_button.
|
|
10
|
-
import SyntaxHighlighter from '../syntax_highlighter.
|
|
11
|
-
import { CodeBlockWrapper } from './code_block.styled.
|
|
8
|
+
import type { SharedTextSize } from '../../text/text_shared.jsx';
|
|
9
|
+
import { ActionButton, CopyButton } from '../action_button.jsx';
|
|
10
|
+
import SyntaxHighlighter from '../syntax_highlighter.jsx';
|
|
11
|
+
import { CodeBlockWrapper } from './code_block.styled.jsx';
|
|
12
12
|
import { mapPrefixToBashLine } from './utils.js';
|
|
13
13
|
|
|
14
14
|
function HeaderDots() {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from './code_block/code_block.
|
|
2
|
-
export * from './one_line_code/one_line_code.
|
|
3
|
-
export * from './inline_code/inline_code.
|
|
1
|
+
export * from './code_block/code_block.jsx';
|
|
2
|
+
export * from './one_line_code/one_line_code.jsx';
|
|
3
|
+
export * from './inline_code/inline_code.jsx';
|
|
@@ -2,9 +2,9 @@ import React from 'react';
|
|
|
2
2
|
import styled, { css } from 'styled-components';
|
|
3
3
|
|
|
4
4
|
import { theme } from '../../../design_system/theme.js';
|
|
5
|
-
import type { RegularBoxProps } from '../../box.
|
|
5
|
+
import type { RegularBoxProps } from '../../box.jsx';
|
|
6
6
|
import { Text } from '../../text/index.js';
|
|
7
|
-
import type { SharedTextSize } from '../../text/text_shared.
|
|
7
|
+
import type { SharedTextSize } from '../../text/text_shared.jsx';
|
|
8
8
|
|
|
9
9
|
// TODO: We should not need to export these once we consolidate Markdown
|
|
10
10
|
export const inlineCodeStyles = css`
|
|
@@ -4,12 +4,12 @@ import styled, { css } from 'styled-components';
|
|
|
4
4
|
import { EyeIcon, EyeOffIcon } from '@apify/ui-icons';
|
|
5
5
|
|
|
6
6
|
import { theme } from '../../../design_system/theme.js';
|
|
7
|
-
import type { BoxProps } from '../../box.
|
|
7
|
+
import type { BoxProps } from '../../box.jsx';
|
|
8
8
|
import { Text } from '../../text/index.js';
|
|
9
|
-
import type { SharedTextSize } from '../../text/text_shared.
|
|
10
|
-
import { ActionButton, CopyButton } from '../action_button.
|
|
11
|
-
import SyntaxHighlighter, { SyntaxHighlighterBaseStylesWrapper } from '../syntax_highlighter.
|
|
12
|
-
import type { SyntaxHighlighterBaseStylesWrapperProps } from '../syntax_highlighter.
|
|
9
|
+
import type { SharedTextSize } from '../../text/text_shared.jsx';
|
|
10
|
+
import { ActionButton, CopyButton } from '../action_button.jsx';
|
|
11
|
+
import SyntaxHighlighter, { SyntaxHighlighterBaseStylesWrapper } from '../syntax_highlighter.jsx';
|
|
12
|
+
import type { SyntaxHighlighterBaseStylesWrapperProps } from '../syntax_highlighter.jsx';
|
|
13
13
|
|
|
14
14
|
export const oneLineCodeClassNames = {
|
|
15
15
|
gradientWrapper: 'OneLineCode-GradientWrapper',
|
|
@@ -32,10 +32,10 @@ import light from 'react-syntax-highlighter/dist/esm/styles/prism/prism.js';
|
|
|
32
32
|
import styled, { css } from 'styled-components';
|
|
33
33
|
|
|
34
34
|
import { theme } from '../../design_system/theme.js';
|
|
35
|
-
import { useSharedUiDependencies } from '../../ui_dependency_provider.
|
|
36
|
-
import { Box } from '../box.
|
|
35
|
+
import { useSharedUiDependencies } from '../../ui_dependency_provider.jsx';
|
|
36
|
+
import { Box } from '../box.jsx';
|
|
37
37
|
import { Text, type SharedTextProps } from '../text/index.js';
|
|
38
|
-
import type { SharedTextSize } from '../text/text_shared.
|
|
38
|
+
import type { SharedTextSize } from '../text/text_shared.jsx';
|
|
39
39
|
|
|
40
40
|
ReactSyntaxHighlighter.registerLanguage('typescript', ts);
|
|
41
41
|
ReactSyntaxHighlighter.registerLanguage('javascript', js);
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from './menu.
|
|
2
|
-
export * from './menu_components.
|
|
3
|
-
export * from './menu_common.
|
|
1
|
+
export * from './menu.jsx';
|
|
2
|
+
export * from './menu_components.jsx';
|
|
3
|
+
export * from './menu_common.jsx';
|
|
@@ -18,14 +18,14 @@ import React, {
|
|
|
18
18
|
import {
|
|
19
19
|
Box,
|
|
20
20
|
type BoxProps,
|
|
21
|
-
} from '../box.
|
|
21
|
+
} from '../box.jsx';
|
|
22
22
|
import { Text } from '../text/index.js';
|
|
23
|
-
import { useFloatingMenu } from './menu_common.
|
|
23
|
+
import { useFloatingMenu } from './menu_common.jsx';
|
|
24
24
|
import {
|
|
25
25
|
DropdownMenuBaseComponent,
|
|
26
26
|
ListMenuComponent,
|
|
27
27
|
ListMenuItemComponent,
|
|
28
|
-
} from './menu_components.
|
|
28
|
+
} from './menu_components.jsx';
|
|
29
29
|
|
|
30
30
|
export const menuClassNames = {
|
|
31
31
|
WRAPPER: 'menu-wrapper',
|
|
@@ -8,7 +8,7 @@ import styled, { css } from 'styled-components';
|
|
|
8
8
|
import { ChevronDownIcon } from '@apify/ui-icons';
|
|
9
9
|
|
|
10
10
|
import { theme } from '../../design_system/theme.js';
|
|
11
|
-
import { Box } from '../box.
|
|
11
|
+
import { Box } from '../box.jsx';
|
|
12
12
|
|
|
13
13
|
export type FloatingContext = Pick<UseFloatingReturn<ReferenceType>, 'context'>['context'];
|
|
14
14
|
|
package/src/components/image.tsx
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
2
|
|
|
3
|
-
import { useSharedUiDependencies } from '../ui_dependency_provider.
|
|
4
|
-
import { Box, type BoxProps } from './box.
|
|
3
|
+
import { useSharedUiDependencies } from '../ui_dependency_provider.jsx';
|
|
4
|
+
import { Box, type BoxProps } from './box.jsx';
|
|
5
5
|
|
|
6
6
|
type ImageProps = {
|
|
7
7
|
src: string,
|
package/src/components/index.ts
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
export * from './text/index.js';
|
|
2
|
-
export * from './box.
|
|
3
|
-
export * from './message.
|
|
2
|
+
export * from './box.jsx';
|
|
3
|
+
export * from './message.jsx';
|
|
4
4
|
export * from './floating/index.js';
|
|
5
|
-
export * from './button.
|
|
6
|
-
export * from './link.
|
|
7
|
-
export * from './action_link.
|
|
5
|
+
export * from './button.jsx';
|
|
6
|
+
export * from './link.jsx';
|
|
7
|
+
export * from './action_link.jsx';
|
|
8
8
|
export * from './simple_markdown/index.js';
|
|
9
9
|
export * from './code/index.js';
|
|
10
|
-
export * from './color_wheel_gradient.
|
|
10
|
+
export * from './color_wheel_gradient.jsx';
|
|
11
11
|
export * from './readme_renderer/index.js';
|
|
12
12
|
export * from './to_consolidate/index.js';
|
|
13
13
|
export * from './tile/index.js';
|
|
14
|
-
export * from './blog_article.
|
|
15
|
-
export * from './banner.
|
|
16
|
-
export * from './actor_template_card.
|
|
17
|
-
export * from './chip.
|
|
18
|
-
export * from './image.
|
|
19
|
-
export * from './rating.
|
|
20
|
-
export * from './badge.
|
|
21
|
-
export * from './tag.
|
|
14
|
+
export * from './blog_article.jsx';
|
|
15
|
+
export * from './banner.jsx';
|
|
16
|
+
export * from './actor_template_card.jsx';
|
|
17
|
+
export * from './chip.jsx';
|
|
18
|
+
export * from './image.jsx';
|
|
19
|
+
export * from './rating.jsx';
|
|
20
|
+
export * from './badge.jsx';
|
|
21
|
+
export * from './tag.jsx';
|
package/src/components/link.tsx
CHANGED
|
@@ -6,8 +6,8 @@ import styled from 'styled-components';
|
|
|
6
6
|
import { ExternalLinkIcon } from '@apify/ui-icons';
|
|
7
7
|
|
|
8
8
|
import { theme } from '../design_system/theme.js';
|
|
9
|
-
import { useSharedUiDependencies } from '../ui_dependency_provider.
|
|
10
|
-
import { Box, type BoxProps } from './box.
|
|
9
|
+
import { useSharedUiDependencies } from '../ui_dependency_provider.jsx';
|
|
10
|
+
import { Box, type BoxProps } from './box.jsx';
|
|
11
11
|
|
|
12
12
|
export type To = string | Partial<Path>;
|
|
13
13
|
export interface RegularLinkProps {
|
|
@@ -5,8 +5,8 @@ import styled from 'styled-components';
|
|
|
5
5
|
import { CheckCircleIcon, CrossIcon, InfoIcon, WarningTriangleIcon } from '@apify/ui-icons';
|
|
6
6
|
|
|
7
7
|
import { theme } from '../design_system/theme.js';
|
|
8
|
-
import { Box, type BoxProps } from './box.
|
|
9
|
-
import { Button } from './button.
|
|
8
|
+
import { Box, type BoxProps } from './box.jsx';
|
|
9
|
+
import { Button } from './button.jsx';
|
|
10
10
|
import { Heading } from './text/index.js';
|
|
11
11
|
|
|
12
12
|
export const messageClassNames = {
|
|
@@ -7,8 +7,8 @@ import { StarEmptyIcon, StarFullIcon, StarHalfIcon } from '@apify/ui-icons';
|
|
|
7
7
|
import type { ReviewRating } from '@apify-packages/types';
|
|
8
8
|
|
|
9
9
|
import { theme } from '../design_system/theme.js';
|
|
10
|
-
import type { BoxProps } from './box.
|
|
11
|
-
import { Box } from './box.
|
|
10
|
+
import type { BoxProps } from './box.jsx';
|
|
11
|
+
import { Box } from './box.jsx';
|
|
12
12
|
import { Text } from './text/index.js';
|
|
13
13
|
|
|
14
14
|
type RatingStatsProps = {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { useActorTitleHeadingFilter } from './utils.
|
|
1
|
+
export { useActorTitleHeadingFilter } from './utils.jsx';
|
|
2
2
|
export { default as pythonizeValue } from './pythonize_value.js';
|
|
3
|
-
export { default as TableOfContents } from './table_of_contents.
|
|
3
|
+
export { default as TableOfContents } from './table_of_contents.jsx';
|
|
@@ -10,9 +10,9 @@ import styled from 'styled-components';
|
|
|
10
10
|
|
|
11
11
|
import { theme } from '../../design_system/theme.js';
|
|
12
12
|
import { inlineCodeStyles } from '../code/index.js';
|
|
13
|
-
import { Link } from '../link.
|
|
13
|
+
import { Link } from '../link.jsx';
|
|
14
14
|
import { Text } from '../text/index.js';
|
|
15
|
-
import { cleanMarkdown, slugifyHeadingChildren } from './utils.
|
|
15
|
+
import { cleanMarkdown, slugifyHeadingChildren } from './utils.jsx';
|
|
16
16
|
|
|
17
17
|
const TOC_HEADING_ID = 'Contents';
|
|
18
18
|
|
|
@@ -8,19 +8,19 @@ import remarkGfm from 'remark-gfm';
|
|
|
8
8
|
import styled from 'styled-components';
|
|
9
9
|
|
|
10
10
|
import { theme } from '../../design_system/theme.js';
|
|
11
|
-
import { useSharedUiDependencies } from '../../ui_dependency_provider.
|
|
12
|
-
import { Box } from '../box.
|
|
13
|
-
import { isUrlExternal } from '../link.
|
|
14
|
-
import { cleanMarkdown } from '../readme_renderer/utils.
|
|
15
|
-
import { HeadingContent } from '../text/heading_content.
|
|
11
|
+
import { useSharedUiDependencies } from '../../ui_dependency_provider.jsx';
|
|
12
|
+
import { Box } from '../box.jsx';
|
|
13
|
+
import { isUrlExternal } from '../link.jsx';
|
|
14
|
+
import { cleanMarkdown } from '../readme_renderer/utils.jsx';
|
|
15
|
+
import { HeadingContent } from '../text/heading_content.jsx';
|
|
16
16
|
import { Heading, Text } from '../text/index.js';
|
|
17
|
-
import { TextContent } from '../text/text_content.
|
|
17
|
+
import { TextContent } from '../text/text_content.jsx';
|
|
18
18
|
import {
|
|
19
19
|
MarkdownBlockQuote,
|
|
20
20
|
MarkdownCode,
|
|
21
21
|
MarkdownLink,
|
|
22
22
|
MarkdownTable,
|
|
23
|
-
} from './simple_markdown_components.
|
|
23
|
+
} from './simple_markdown_components.jsx';
|
|
24
24
|
|
|
25
25
|
export type SimpleMarkdownComponents = Components;
|
|
26
26
|
|
|
@@ -8,14 +8,14 @@ import { CheckIcon, LinkIcon } from '@apify/ui-icons';
|
|
|
8
8
|
import { theme } from '../../design_system/theme.js';
|
|
9
9
|
import type { WithOptional } from '../../type_utils.js';
|
|
10
10
|
import { useCopyToClipboard } from '../../utils/index.js';
|
|
11
|
-
import { Box } from '../box.
|
|
11
|
+
import { Box } from '../box.jsx';
|
|
12
12
|
import { CodeBlock, InlineCode, OneLineCode } from '../code/index.js';
|
|
13
|
-
import type { LinkProps } from '../link.
|
|
14
|
-
import { Link } from '../link.
|
|
15
|
-
import { slugifyHeadingChildren } from '../readme_renderer/utils.
|
|
16
|
-
import type { HeadingSharedProps } from '../text/heading_shared.
|
|
13
|
+
import type { LinkProps } from '../link.jsx';
|
|
14
|
+
import { Link } from '../link.jsx';
|
|
15
|
+
import { slugifyHeadingChildren } from '../readme_renderer/utils.jsx';
|
|
16
|
+
import type { HeadingSharedProps } from '../text/heading_shared.jsx';
|
|
17
17
|
import { Heading } from '../text/index.js';
|
|
18
|
-
import type { SharedTextProps, SharedTextSize } from '../text/text_shared.
|
|
18
|
+
import type { SharedTextProps, SharedTextSize } from '../text/text_shared.jsx';
|
|
19
19
|
|
|
20
20
|
const simpleMarkdownClassNames = {
|
|
21
21
|
HEADING_ICON_LINK: 'headingIconLink',
|
package/src/components/tag.tsx
CHANGED
|
@@ -5,8 +5,8 @@ import type { IconComponent, IconSize } from '@apify/ui-icons';
|
|
|
5
5
|
|
|
6
6
|
import { theme } from '../design_system/theme.js';
|
|
7
7
|
import type { WithTransientProps } from '../type_utils.js';
|
|
8
|
-
import { Box, type MarginSpacingProps, type RegularBoxProps } from './box.
|
|
9
|
-
import { Link, type RegularLinkProps } from './link.
|
|
8
|
+
import { Box, type MarginSpacingProps, type RegularBoxProps } from './box.jsx';
|
|
9
|
+
import { Link, type RegularLinkProps } from './link.jsx';
|
|
10
10
|
|
|
11
11
|
type TagSize = typeof TAG_SIZES[number];
|
|
12
12
|
|
|
@@ -3,8 +3,8 @@ import styled, { css } from 'styled-components';
|
|
|
3
3
|
|
|
4
4
|
import { theme } from '../../design_system/theme.js';
|
|
5
5
|
import type { WithTransientProps } from '../../type_utils.js';
|
|
6
|
-
import type { TextBaseProps } from './text_base.
|
|
7
|
-
import { TextBaseComponent } from './text_base.
|
|
6
|
+
import type { TextBaseProps } from './text_base.jsx';
|
|
7
|
+
import { TextBaseComponent } from './text_base.jsx';
|
|
8
8
|
|
|
9
9
|
type HeadingContentType = 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'heading5' | 'heading6';
|
|
10
10
|
|
|
@@ -3,8 +3,8 @@ import styled from 'styled-components';
|
|
|
3
3
|
|
|
4
4
|
import { theme } from '../../design_system/theme.js';
|
|
5
5
|
import type { WithTransientProps } from '../../type_utils.js';
|
|
6
|
-
import type { TextBaseProps } from './text_base.
|
|
7
|
-
import { TextBaseComponent } from './text_base.
|
|
6
|
+
import type { TextBaseProps } from './text_base.jsx';
|
|
7
|
+
import { TextBaseComponent } from './text_base.jsx';
|
|
8
8
|
|
|
9
9
|
type HeadingMarketingType = 'titleXs' | 'titleS' | 'titleM' | 'titleL' | 'titleXl' | 'title2xl' | 'title3xl';
|
|
10
10
|
|
|
@@ -3,8 +3,8 @@ import styled from 'styled-components';
|
|
|
3
3
|
|
|
4
4
|
import { theme } from '../../design_system/theme.js';
|
|
5
5
|
import type { WithTransientProps } from '../../type_utils.js';
|
|
6
|
-
import type { TextBaseProps } from './text_base.
|
|
7
|
-
import { TextBaseComponent } from './text_base.
|
|
6
|
+
import type { TextBaseProps } from './text_base.jsx';
|
|
7
|
+
import { TextBaseComponent } from './text_base.jsx';
|
|
8
8
|
|
|
9
9
|
type HeadingSharedType = 'titleXs' | 'titleS' | 'titleM' | 'titleL' | 'titleXl' | 'title2xl' | 'title3xl';
|
|
10
10
|
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import HeadingShared from './heading_shared.
|
|
2
|
-
import type { SharedTextProps } from './text_shared.
|
|
3
|
-
import TextShared from './text_shared.
|
|
1
|
+
import HeadingShared from './heading_shared.jsx';
|
|
2
|
+
import type { SharedTextProps } from './text_shared.jsx';
|
|
3
|
+
import TextShared from './text_shared.jsx';
|
|
4
4
|
|
|
5
|
-
export * from './text_base.
|
|
6
|
-
export * from './text_content.
|
|
7
|
-
export * from './text_marketing.
|
|
8
|
-
export * from './heading_content.
|
|
9
|
-
export * from './heading_marketing.
|
|
5
|
+
export * from './text_base.jsx';
|
|
6
|
+
export * from './text_content.jsx';
|
|
7
|
+
export * from './text_marketing.jsx';
|
|
8
|
+
export * from './heading_content.jsx';
|
|
9
|
+
export * from './heading_marketing.jsx';
|
|
10
10
|
|
|
11
11
|
export {
|
|
12
12
|
TextShared as Text, // Shared typography is the default
|
|
@@ -2,8 +2,8 @@ import React from 'react';
|
|
|
2
2
|
import styled, { css } from 'styled-components';
|
|
3
3
|
|
|
4
4
|
import type { WithTransientProps } from '../../type_utils.js';
|
|
5
|
-
import type { BoxProps } from '../box.
|
|
6
|
-
import { Box } from '../box.
|
|
5
|
+
import type { BoxProps } from '../box.jsx';
|
|
6
|
+
import { Box } from '../box.jsx';
|
|
7
7
|
|
|
8
8
|
export interface TransientTextBaseProps {
|
|
9
9
|
italic?: boolean
|
|
@@ -4,8 +4,8 @@ import styled, { css } from 'styled-components';
|
|
|
4
4
|
|
|
5
5
|
import { theme } from '../../design_system/theme.js';
|
|
6
6
|
import type { WithTransientProps } from '../../type_utils.js';
|
|
7
|
-
import type { TextBaseProps } from './text_base.
|
|
8
|
-
import { TextBaseComponent } from './text_base.
|
|
7
|
+
import type { TextBaseProps } from './text_base.jsx';
|
|
8
|
+
import { TextBaseComponent } from './text_base.jsx';
|
|
9
9
|
|
|
10
10
|
export type ContentTextType = 'paragraph' | 'snippet';
|
|
11
11
|
export type ContentTextWeight = 'normal' | 'bold';
|
|
@@ -4,8 +4,8 @@ import styled, { css } from 'styled-components';
|
|
|
4
4
|
|
|
5
5
|
import { theme } from '../../design_system/theme.js';
|
|
6
6
|
import type { WithTransientProps } from '../../type_utils.js';
|
|
7
|
-
import type { TextBaseProps } from './text_base.
|
|
8
|
-
import { TextBaseComponent } from './text_base.
|
|
7
|
+
import type { TextBaseProps } from './text_base.jsx';
|
|
8
|
+
import { TextBaseComponent } from './text_base.jsx';
|
|
9
9
|
|
|
10
10
|
export type MarketingTextSize = 'large' | 'regular' | 'small' | 'extraSmall';
|
|
11
11
|
export type MarketingTextWeight = 'normal' | 'bold';
|
|
@@ -3,8 +3,8 @@ import styled from 'styled-components';
|
|
|
3
3
|
|
|
4
4
|
import { theme } from '../../design_system/theme.js';
|
|
5
5
|
import type { WithTransientProps } from '../../type_utils.js';
|
|
6
|
-
import type { TextBaseProps } from './text_base.
|
|
7
|
-
import { TextBaseComponent } from './text_base.
|
|
6
|
+
import type { TextBaseProps } from './text_base.jsx';
|
|
7
|
+
import { TextBaseComponent } from './text_base.jsx';
|
|
8
8
|
|
|
9
9
|
export type SharedTextType = 'body' | 'code';
|
|
10
10
|
export type SharedTextSize = 'regular' | 'small' | 'big';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './horizontal_tile.
|
|
2
|
-
export * from './vertical_tile.
|
|
1
|
+
export * from './horizontal_tile.jsx';
|
|
2
|
+
export * from './vertical_tile.jsx';
|
|
@@ -4,8 +4,8 @@ import styled, { css } from 'styled-components';
|
|
|
4
4
|
|
|
5
5
|
import { theme } from '../../design_system/theme.js';
|
|
6
6
|
import type { WithTransientProps } from '../../type_utils.js';
|
|
7
|
-
import type { BoxProps } from '../box.
|
|
8
|
-
import { Box } from '../box.
|
|
7
|
+
import type { BoxProps } from '../box.jsx';
|
|
8
|
+
import { Box } from '../box.jsx';
|
|
9
9
|
import { Text } from '../text/index.js';
|
|
10
10
|
|
|
11
11
|
export const cardClassNames = {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export * from './card.
|
|
2
|
-
export * from './pagination.
|
|
3
|
-
export * from './markdown.
|
|
4
|
-
export * from './tab_number_chip.
|
|
1
|
+
export * from './card.jsx';
|
|
2
|
+
export * from './pagination.jsx';
|
|
3
|
+
export * from './markdown.jsx';
|
|
4
|
+
export * from './tab_number_chip.jsx';
|
|
@@ -15,7 +15,7 @@ import type { UiThemeOption } from '../../design_system/theme.js';
|
|
|
15
15
|
import { theme } from '../../design_system/theme.js';
|
|
16
16
|
import { useCopyToClipboard } from '../../utils/index.js';
|
|
17
17
|
import { CodeBlock, OneLineCode, inlineCodeStyles } from '../code/index.js';
|
|
18
|
-
import { cleanMarkdown, slugifyHeadingChildren } from '../readme_renderer/utils.
|
|
18
|
+
import { cleanMarkdown, slugifyHeadingChildren } from '../readme_renderer/utils.jsx';
|
|
19
19
|
|
|
20
20
|
interface StyledReadmeProps {
|
|
21
21
|
$scrollMarginTopPx: number;
|
|
@@ -5,8 +5,8 @@ import styled from 'styled-components';
|
|
|
5
5
|
import { ChevronLeftIcon, ChevronRightIcon } from '@apify/ui-icons';
|
|
6
6
|
|
|
7
7
|
import { theme } from '../../design_system/theme.js';
|
|
8
|
-
import { Box } from '../box.
|
|
9
|
-
import { Button } from '../button.
|
|
8
|
+
import { Box } from '../box.jsx';
|
|
9
|
+
import { Button } from '../button.jsx';
|
|
10
10
|
|
|
11
11
|
const LEADING_THREE_DOTS_PAGE_KEY = -1;
|
|
12
12
|
const TRAILING_THREE_DOTS_PAGE_KEY = -2;
|
package/src/index.ts
CHANGED
|
@@ -2,6 +2,6 @@ export * from './components/index.js';
|
|
|
2
2
|
export * from './utils/index.js';
|
|
3
3
|
export * from './design_system/tokens/index.js';
|
|
4
4
|
export * from './design_system/theme.js';
|
|
5
|
-
export * from './ui_dependency_provider.
|
|
5
|
+
export * from './ui_dependency_provider.jsx';
|
|
6
6
|
|
|
7
7
|
export * from './type_utils.js';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../src/components/simple_markdown/index.tsx"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,iCAAiC,CAAC"}
|