@apify/ui-library 0.51.6-featurepublishuilibrary-0a4729.38266
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/.eslintrc +39 -0
- package/.stylelintrc +12 -0
- package/CHANGELOG.md +2804 -0
- package/README.md +15 -0
- package/dist/src/components/action_link.d.ts +5 -0
- package/dist/src/components/action_link.d.ts.map +1 -0
- package/dist/src/components/action_link.jsx +35 -0
- package/dist/src/components/action_link.jsx.map +1 -0
- package/dist/src/components/actor_template_card.d.ts +10 -0
- package/dist/src/components/actor_template_card.d.ts.map +1 -0
- package/dist/src/components/actor_template_card.jsx +73 -0
- package/dist/src/components/actor_template_card.jsx.map +1 -0
- package/dist/src/components/badge.d.ts +26 -0
- package/dist/src/components/badge.d.ts.map +1 -0
- package/dist/src/components/badge.jsx +96 -0
- package/dist/src/components/badge.jsx.map +1 -0
- package/dist/src/components/banner.d.ts +11 -0
- package/dist/src/components/banner.d.ts.map +1 -0
- package/dist/src/components/banner.jsx +73 -0
- package/dist/src/components/banner.jsx.map +1 -0
- package/dist/src/components/blog_article.d.ts +9 -0
- package/dist/src/components/blog_article.d.ts.map +1 -0
- package/dist/src/components/blog_article.jsx +73 -0
- package/dist/src/components/blog_article.jsx.map +1 -0
- package/dist/src/components/box.d.ts +41 -0
- package/dist/src/components/box.d.ts.map +1 -0
- package/dist/src/components/box.jsx +48 -0
- package/dist/src/components/box.jsx.map +1 -0
- package/dist/src/components/button.d.ts +35 -0
- package/dist/src/components/button.d.ts.map +1 -0
- package/dist/src/components/button.jsx +193 -0
- package/dist/src/components/button.jsx.map +1 -0
- package/dist/src/components/chip.d.ts +52 -0
- package/dist/src/components/chip.d.ts.map +1 -0
- package/dist/src/components/chip.jsx +89 -0
- package/dist/src/components/chip.jsx.map +1 -0
- package/dist/src/components/code/action_button.d.ts +11 -0
- package/dist/src/components/code/action_button.d.ts.map +1 -0
- package/dist/src/components/code/action_button.jsx +67 -0
- package/dist/src/components/code/action_button.jsx.map +1 -0
- package/dist/src/components/code/code_block/code_block.d.ts +38 -0
- package/dist/src/components/code/code_block/code_block.d.ts.map +1 -0
- package/dist/src/components/code/code_block/code_block.jsx +99 -0
- package/dist/src/components/code/code_block/code_block.jsx.map +1 -0
- package/dist/src/components/code/code_block/code_block.styled.d.ts +13 -0
- package/dist/src/components/code/code_block/code_block.styled.d.ts.map +1 -0
- package/dist/src/components/code/code_block/code_block.styled.jsx +215 -0
- package/dist/src/components/code/code_block/code_block.styled.jsx.map +1 -0
- package/dist/src/components/code/code_block/utils.d.ts +2 -0
- package/dist/src/components/code/code_block/utils.d.ts.map +1 -0
- package/dist/src/components/code/code_block/utils.js +20 -0
- package/dist/src/components/code/code_block/utils.js.map +1 -0
- package/dist/src/components/code/index.d.ts +4 -0
- package/dist/src/components/code/index.d.ts.map +1 -0
- package/dist/src/components/code/index.js +4 -0
- package/dist/src/components/code/index.js.map +1 -0
- package/dist/src/components/code/inline_code/inline_code.d.ts +11 -0
- package/dist/src/components/code/inline_code/inline_code.d.ts.map +1 -0
- package/dist/src/components/code/inline_code/inline_code.jsx +24 -0
- package/dist/src/components/code/inline_code/inline_code.jsx.map +1 -0
- package/dist/src/components/code/one_line_code/one_line_code.d.ts +27 -0
- package/dist/src/components/code/one_line_code/one_line_code.d.ts.map +1 -0
- package/dist/src/components/code/one_line_code/one_line_code.jsx +157 -0
- package/dist/src/components/code/one_line_code/one_line_code.jsx.map +1 -0
- package/dist/src/components/code/syntax_highlighter.d.ts +16 -0
- package/dist/src/components/code/syntax_highlighter.d.ts.map +1 -0
- package/dist/src/components/code/syntax_highlighter.jsx +94 -0
- package/dist/src/components/code/syntax_highlighter.jsx.map +1 -0
- package/dist/src/components/color_wheel_gradient.d.ts +9 -0
- package/dist/src/components/color_wheel_gradient.d.ts.map +1 -0
- package/dist/src/components/color_wheel_gradient.jsx +23 -0
- package/dist/src/components/color_wheel_gradient.jsx.map +1 -0
- package/dist/src/components/floating/index.d.ts +4 -0
- package/dist/src/components/floating/index.d.ts.map +1 -0
- package/dist/src/components/floating/index.js +4 -0
- package/dist/src/components/floating/index.js.map +1 -0
- package/dist/src/components/floating/menu.d.ts +33 -0
- package/dist/src/components/floating/menu.d.ts.map +1 -0
- package/dist/src/components/floating/menu.jsx +95 -0
- package/dist/src/components/floating/menu.jsx.map +1 -0
- package/dist/src/components/floating/menu_common.d.ts +42 -0
- package/dist/src/components/floating/menu_common.d.ts.map +1 -0
- package/dist/src/components/floating/menu_common.jsx +20 -0
- package/dist/src/components/floating/menu_common.jsx.map +1 -0
- package/dist/src/components/floating/menu_components.d.ts +29 -0
- package/dist/src/components/floating/menu_components.d.ts.map +1 -0
- package/dist/src/components/floating/menu_components.jsx +73 -0
- package/dist/src/components/floating/menu_components.jsx.map +1 -0
- package/dist/src/components/image.d.ts +12 -0
- package/dist/src/components/image.d.ts.map +1 -0
- package/dist/src/components/image.jsx +8 -0
- package/dist/src/components/image.jsx.map +1 -0
- package/dist/src/components/index.d.ts +21 -0
- package/dist/src/components/index.d.ts.map +1 -0
- package/dist/src/components/index.js +21 -0
- package/dist/src/components/index.js.map +1 -0
- package/dist/src/components/link.d.ts +24 -0
- package/dist/src/components/link.d.ts.map +1 -0
- package/dist/src/components/link.jsx +67 -0
- package/dist/src/components/link.jsx.map +1 -0
- package/dist/src/components/message.d.ts +31 -0
- package/dist/src/components/message.d.ts.map +1 -0
- package/dist/src/components/message.jsx +105 -0
- package/dist/src/components/message.jsx.map +1 -0
- package/dist/src/components/readme_renderer/index.d.ts +4 -0
- package/dist/src/components/readme_renderer/index.d.ts.map +1 -0
- package/dist/src/components/readme_renderer/index.js +4 -0
- package/dist/src/components/readme_renderer/index.js.map +1 -0
- package/dist/src/components/readme_renderer/pythonize_value.d.ts +3 -0
- package/dist/src/components/readme_renderer/pythonize_value.d.ts.map +1 -0
- package/dist/src/components/readme_renderer/pythonize_value.js +81 -0
- package/dist/src/components/readme_renderer/pythonize_value.js.map +1 -0
- package/dist/src/components/readme_renderer/table_of_contents.d.ts +10 -0
- package/dist/src/components/readme_renderer/table_of_contents.d.ts.map +1 -0
- package/dist/src/components/readme_renderer/table_of_contents.jsx +197 -0
- package/dist/src/components/readme_renderer/table_of_contents.jsx.map +1 -0
- package/dist/src/components/readme_renderer/utils.d.ts +6 -0
- package/dist/src/components/readme_renderer/utils.d.ts.map +1 -0
- package/dist/src/components/readme_renderer/utils.jsx +42 -0
- package/dist/src/components/readme_renderer/utils.jsx.map +1 -0
- package/dist/src/components/simple_markdown/index.d.ts +3 -0
- package/dist/src/components/simple_markdown/index.d.ts.map +1 -0
- package/dist/src/components/simple_markdown/index.jsx +3 -0
- package/dist/src/components/simple_markdown/index.jsx.map +1 -0
- package/dist/src/components/simple_markdown/simple_markdown.d.ts +16 -0
- package/dist/src/components/simple_markdown/simple_markdown.d.ts.map +1 -0
- package/dist/src/components/simple_markdown/simple_markdown.jsx +137 -0
- package/dist/src/components/simple_markdown/simple_markdown.jsx.map +1 -0
- package/dist/src/components/simple_markdown/simple_markdown_components.d.ts +26 -0
- package/dist/src/components/simple_markdown/simple_markdown_components.d.ts.map +1 -0
- package/dist/src/components/simple_markdown/simple_markdown_components.jsx +193 -0
- package/dist/src/components/simple_markdown/simple_markdown_components.jsx.map +1 -0
- package/dist/src/components/tag.d.ts +38 -0
- package/dist/src/components/tag.d.ts.map +1 -0
- package/dist/src/components/tag.jsx +126 -0
- package/dist/src/components/tag.jsx.map +1 -0
- package/dist/src/components/text/heading_content.d.ts +10 -0
- package/dist/src/components/text/heading_content.d.ts.map +1 -0
- package/dist/src/components/text/heading_content.jsx +31 -0
- package/dist/src/components/text/heading_content.jsx.map +1 -0
- package/dist/src/components/text/heading_marketing.d.ts +10 -0
- package/dist/src/components/text/heading_marketing.d.ts.map +1 -0
- package/dist/src/components/text/heading_marketing.jsx +31 -0
- package/dist/src/components/text/heading_marketing.jsx.map +1 -0
- package/dist/src/components/text/heading_shared.d.ts +10 -0
- package/dist/src/components/text/heading_shared.d.ts.map +1 -0
- package/dist/src/components/text/heading_shared.jsx +32 -0
- package/dist/src/components/text/heading_shared.jsx.map +1 -0
- package/dist/src/components/text/index.d.ts +12 -0
- package/dist/src/components/text/index.d.ts.map +1 -0
- package/dist/src/components/text/index.js +11 -0
- package/dist/src/components/text/index.js.map +1 -0
- package/dist/src/components/text/text_base.d.ts +13 -0
- package/dist/src/components/text/text_base.d.ts.map +1 -0
- package/dist/src/components/text/text_base.jsx +23 -0
- package/dist/src/components/text/text_base.jsx.map +1 -0
- package/dist/src/components/text/text_content.d.ts +11 -0
- package/dist/src/components/text/text_content.d.ts.map +1 -0
- package/dist/src/components/text/text_content.jsx +68 -0
- package/dist/src/components/text/text_content.jsx.map +1 -0
- package/dist/src/components/text/text_marketing.d.ts +11 -0
- package/dist/src/components/text/text_marketing.d.ts.map +1 -0
- package/dist/src/components/text/text_marketing.jsx +116 -0
- package/dist/src/components/text/text_marketing.jsx.map +1 -0
- package/dist/src/components/text/text_shared.d.ts +14 -0
- package/dist/src/components/text/text_shared.d.ts.map +1 -0
- package/dist/src/components/text/text_shared.jsx +55 -0
- package/dist/src/components/text/text_shared.jsx.map +1 -0
- package/dist/src/components/tile/horizontal_tile.d.ts +9 -0
- package/dist/src/components/tile/horizontal_tile.d.ts.map +1 -0
- package/dist/src/components/tile/horizontal_tile.jsx +43 -0
- package/dist/src/components/tile/horizontal_tile.jsx.map +1 -0
- package/dist/src/components/tile/index.d.ts +3 -0
- package/dist/src/components/tile/index.d.ts.map +1 -0
- package/dist/src/components/tile/index.js +3 -0
- package/dist/src/components/tile/index.js.map +1 -0
- package/dist/src/components/tile/shared.d.ts +17 -0
- package/dist/src/components/tile/shared.d.ts.map +1 -0
- package/dist/src/components/tile/shared.js +12 -0
- package/dist/src/components/tile/shared.js.map +1 -0
- package/dist/src/components/tile/vertical_tile.d.ts +10 -0
- package/dist/src/components/tile/vertical_tile.d.ts.map +1 -0
- package/dist/src/components/tile/vertical_tile.jsx +32 -0
- package/dist/src/components/tile/vertical_tile.jsx.map +1 -0
- package/dist/src/components/to_consolidate/card.d.ts +27 -0
- package/dist/src/components/to_consolidate/card.d.ts.map +1 -0
- package/dist/src/components/to_consolidate/card.jsx +93 -0
- package/dist/src/components/to_consolidate/card.jsx.map +1 -0
- package/dist/src/components/to_consolidate/index.d.ts +5 -0
- package/dist/src/components/to_consolidate/index.d.ts.map +1 -0
- package/dist/src/components/to_consolidate/index.js +5 -0
- package/dist/src/components/to_consolidate/index.js.map +1 -0
- package/dist/src/components/to_consolidate/markdown.d.ts +40 -0
- package/dist/src/components/to_consolidate/markdown.d.ts.map +1 -0
- package/dist/src/components/to_consolidate/markdown.jsx +454 -0
- package/dist/src/components/to_consolidate/markdown.jsx.map +1 -0
- package/dist/src/components/to_consolidate/pagination.d.ts +8 -0
- package/dist/src/components/to_consolidate/pagination.d.ts.map +1 -0
- package/dist/src/components/to_consolidate/pagination.jsx +88 -0
- package/dist/src/components/to_consolidate/pagination.jsx.map +1 -0
- package/dist/src/components/to_consolidate/tab_number_chip.d.ts +7 -0
- package/dist/src/components/to_consolidate/tab_number_chip.d.ts.map +1 -0
- package/dist/src/components/to_consolidate/tab_number_chip.jsx +22 -0
- package/dist/src/components/to_consolidate/tab_number_chip.jsx.map +1 -0
- package/dist/src/design_system/colors_theme.d.ts +213 -0
- package/dist/src/design_system/colors_theme.d.ts.map +1 -0
- package/dist/src/design_system/colors_theme.js +213 -0
- package/dist/src/design_system/colors_theme.js.map +1 -0
- package/dist/src/design_system/properties_theme.d.ts +175 -0
- package/dist/src/design_system/properties_theme.d.ts.map +1 -0
- package/dist/src/design_system/properties_theme.js +315 -0
- package/dist/src/design_system/properties_theme.js.map +1 -0
- package/dist/src/design_system/theme.d.ts +630 -0
- package/dist/src/design_system/theme.d.ts.map +1 -0
- package/dist/src/design_system/theme.js +17 -0
- package/dist/src/design_system/theme.js.map +1 -0
- package/dist/src/design_system/tokens/index.d.ts +6 -0
- package/dist/src/design_system/tokens/index.d.ts.map +1 -0
- package/dist/src/design_system/tokens/index.js +6 -0
- package/dist/src/design_system/tokens/index.js.map +1 -0
- package/dist/src/design_system/tokens/layouts.d.ts +29 -0
- package/dist/src/design_system/tokens/layouts.d.ts.map +1 -0
- package/dist/src/design_system/tokens/layouts.js +29 -0
- package/dist/src/design_system/tokens/layouts.js.map +1 -0
- package/dist/src/design_system/tokens/radiuses.d.ts +23 -0
- package/dist/src/design_system/tokens/radiuses.d.ts.map +1 -0
- package/dist/src/design_system/tokens/radiuses.js +23 -0
- package/dist/src/design_system/tokens/radiuses.js.map +1 -0
- package/dist/src/design_system/tokens/shadows.d.ts +23 -0
- package/dist/src/design_system/tokens/shadows.d.ts.map +1 -0
- package/dist/src/design_system/tokens/shadows.js +23 -0
- package/dist/src/design_system/tokens/shadows.js.map +1 -0
- package/dist/src/design_system/tokens/spaces.d.ts +15 -0
- package/dist/src/design_system/tokens/spaces.d.ts.map +1 -0
- package/dist/src/design_system/tokens/spaces.js +14 -0
- package/dist/src/design_system/tokens/spaces.js.map +1 -0
- package/dist/src/design_system/tokens/transitions.d.ts +20 -0
- package/dist/src/design_system/tokens/transitions.d.ts.map +1 -0
- package/dist/src/design_system/tokens/transitions.js +20 -0
- package/dist/src/design_system/tokens/transitions.js.map +1 -0
- package/dist/src/design_system/typography_theme.d.ts +189 -0
- package/dist/src/design_system/typography_theme.d.ts.map +1 -0
- package/dist/src/design_system/typography_theme.js +190 -0
- package/dist/src/design_system/typography_theme.js.map +1 -0
- package/dist/src/index.d.ts +7 -0
- package/dist/src/index.d.ts.map +1 -0
- package/dist/src/index.js +7 -0
- package/dist/src/index.js.map +1 -0
- package/dist/src/type_utils.d.ts +6 -0
- package/dist/src/type_utils.d.ts.map +1 -0
- package/dist/src/type_utils.js +2 -0
- package/dist/src/type_utils.js.map +1 -0
- package/dist/src/ui_dependency_provider.d.ts +29 -0
- package/dist/src/ui_dependency_provider.d.ts.map +1 -0
- package/dist/src/ui_dependency_provider.jsx +14 -0
- package/dist/src/ui_dependency_provider.jsx.map +1 -0
- package/dist/src/utils/copy_to_clipboard.d.ts +7 -0
- package/dist/src/utils/copy_to_clipboard.d.ts.map +1 -0
- package/dist/src/utils/copy_to_clipboard.js +16 -0
- package/dist/src/utils/copy_to_clipboard.js.map +1 -0
- package/dist/src/utils/image_color.d.ts +7 -0
- package/dist/src/utils/image_color.d.ts.map +1 -0
- package/dist/src/utils/image_color.js +35 -0
- package/dist/src/utils/image_color.js.map +1 -0
- package/dist/src/utils/index.d.ts +4 -0
- package/dist/src/utils/index.d.ts.map +1 -0
- package/dist/src/utils/index.js +4 -0
- package/dist/src/utils/index.js.map +1 -0
- package/dist/src/utils/sanitization.d.ts +11 -0
- package/dist/src/utils/sanitization.d.ts.map +1 -0
- package/dist/src/utils/sanitization.js +16 -0
- package/dist/src/utils/sanitization.js.map +1 -0
- package/dist/tsconfig.build.tsbuildinfo +1 -0
- package/package.json +71 -0
- package/src/codemods/generate_color_property_tokens.mjs +97 -0
- package/src/codemods/generate_color_theme_files.mjs +46 -0
- package/src/codemods/generate_typograpy_tokens_files.mjs +136 -0
- package/src/components/action_link.tsx +59 -0
- package/src/components/actor_template_card.tsx +99 -0
- package/src/components/badge.tsx +144 -0
- package/src/components/banner.tsx +95 -0
- package/src/components/blog_article.tsx +85 -0
- package/src/components/box.tsx +127 -0
- package/src/components/button.tsx +303 -0
- package/src/components/chip.tsx +121 -0
- package/src/components/code/action_button.tsx +96 -0
- package/src/components/code/code_block/code_block.styled.tsx +228 -0
- package/src/components/code/code_block/code_block.tsx +235 -0
- package/src/components/code/code_block/utils.ts +19 -0
- package/src/components/code/index.ts +3 -0
- package/src/components/code/inline_code/inline_code.tsx +44 -0
- package/src/components/code/one_line_code/one_line_code.tsx +232 -0
- package/src/components/code/syntax_highlighter.tsx +125 -0
- package/src/components/color_wheel_gradient.tsx +31 -0
- package/src/components/floating/index.ts +3 -0
- package/src/components/floating/menu.tsx +191 -0
- package/src/components/floating/menu_common.tsx +31 -0
- package/src/components/floating/menu_components.tsx +94 -0
- package/src/components/image.tsx +23 -0
- package/src/components/index.ts +20 -0
- package/src/components/link.tsx +114 -0
- package/src/components/message.tsx +157 -0
- package/src/components/readme_renderer/index.ts +3 -0
- package/src/components/readme_renderer/pythonize_value.ts +78 -0
- package/src/components/readme_renderer/table_of_contents.tsx +257 -0
- package/src/components/readme_renderer/utils.tsx +46 -0
- package/src/components/simple_markdown/index.tsx +2 -0
- package/src/components/simple_markdown/simple_markdown.tsx +181 -0
- package/src/components/simple_markdown/simple_markdown_components.tsx +295 -0
- package/src/components/tag.tsx +185 -0
- package/src/components/text/heading_content.tsx +56 -0
- package/src/components/text/heading_marketing.tsx +55 -0
- package/src/components/text/heading_shared.tsx +57 -0
- package/src/components/text/index.ts +18 -0
- package/src/components/text/text_base.tsx +52 -0
- package/src/components/text/text_content.tsx +104 -0
- package/src/components/text/text_marketing.tsx +152 -0
- package/src/components/text/text_shared.tsx +96 -0
- package/src/components/tile/horizontal_tile.tsx +76 -0
- package/src/components/tile/index.ts +2 -0
- package/src/components/tile/shared.ts +27 -0
- package/src/components/tile/vertical_tile.tsx +58 -0
- package/src/components/to_consolidate/card.tsx +141 -0
- package/src/components/to_consolidate/index.ts +4 -0
- package/src/components/to_consolidate/markdown.tsx +593 -0
- package/src/components/to_consolidate/pagination.tsx +139 -0
- package/src/components/to_consolidate/tab_number_chip.tsx +31 -0
- package/src/design_system/colors_theme.ts +213 -0
- package/src/design_system/generate_color_definitions.js +43 -0
- package/src/design_system/properties_theme.ts +453 -0
- package/src/design_system/supernova_color_tokens.json +1766 -0
- package/src/design_system/supernova_typography_tokens.json +657 -0
- package/src/design_system/theme.ts +26 -0
- package/src/design_system/tokens/index.ts +5 -0
- package/src/design_system/tokens/layouts.ts +29 -0
- package/src/design_system/tokens/radiuses.ts +22 -0
- package/src/design_system/tokens/shadows.ts +22 -0
- package/src/design_system/tokens/spaces.ts +15 -0
- package/src/design_system/tokens/transitions.ts +19 -0
- package/src/design_system/typography_theme.ts +197 -0
- package/src/index.ts +7 -0
- package/src/type_utils.ts +7 -0
- package/src/ui_dependency_provider.tsx +50 -0
- package/src/utils/copy_to_clipboard.ts +24 -0
- package/src/utils/image_color.ts +44 -0
- package/src/utils/index.ts +3 -0
- package/src/utils/sanitization.ts +14 -0
- package/tsconfig.build.json +18 -0
- package/tsconfig.json +10 -0
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
import React, { useCallback, useMemo, useRef } from 'react';
|
|
2
|
+
import ReactMarkdown, { uriTransformer } from 'react-markdown';
|
|
3
|
+
import rehypeRaw from 'rehype-raw';
|
|
4
|
+
import rehypeSanitize from 'rehype-sanitize';
|
|
5
|
+
import remarkGfm from 'remark-gfm';
|
|
6
|
+
import styled from 'styled-components';
|
|
7
|
+
import { theme } from '../../design_system/theme';
|
|
8
|
+
import { useSharedUiDependencies } from '../../ui_dependency_provider';
|
|
9
|
+
import { Box } from '../box';
|
|
10
|
+
import { isUrlExternal } from '../link';
|
|
11
|
+
import { cleanMarkdown } from '../readme_renderer/utils';
|
|
12
|
+
import { Heading, Text } from '../text';
|
|
13
|
+
import { HeadingContent } from '../text/heading_content';
|
|
14
|
+
import { TextContent } from '../text/text_content';
|
|
15
|
+
import { MarkdownBlockQuote, MarkdownCode, MarkdownLink, MarkdownTable, } from './simple_markdown_components';
|
|
16
|
+
const StyledMarkdown = styled(ReactMarkdown) `
|
|
17
|
+
scroll-margin-top: 10px;
|
|
18
|
+
|
|
19
|
+
@font-face {
|
|
20
|
+
font-family: "ellipsis-font";
|
|
21
|
+
src: local("Courier");
|
|
22
|
+
unicode-range: U+2026;
|
|
23
|
+
size-adjust: 0%;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
img {
|
|
27
|
+
max-width: 100%;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
hr {
|
|
31
|
+
color: ${theme.color.neutral.border};
|
|
32
|
+
}
|
|
33
|
+
`;
|
|
34
|
+
export const defaultRehypePlugins = [rehypeRaw];
|
|
35
|
+
export const defaultRemarkPlugins = [remarkGfm];
|
|
36
|
+
export const defaultAllowedElements = [
|
|
37
|
+
'a',
|
|
38
|
+
'b',
|
|
39
|
+
'blockquote',
|
|
40
|
+
'br',
|
|
41
|
+
'center',
|
|
42
|
+
'code',
|
|
43
|
+
'del',
|
|
44
|
+
'em',
|
|
45
|
+
'h1',
|
|
46
|
+
'h2',
|
|
47
|
+
'h3',
|
|
48
|
+
'h4',
|
|
49
|
+
'h5',
|
|
50
|
+
'hr',
|
|
51
|
+
'i',
|
|
52
|
+
'img',
|
|
53
|
+
'li',
|
|
54
|
+
'ol',
|
|
55
|
+
'p',
|
|
56
|
+
'pre',
|
|
57
|
+
'span',
|
|
58
|
+
'strong',
|
|
59
|
+
'table',
|
|
60
|
+
'tbody',
|
|
61
|
+
'td',
|
|
62
|
+
'tfoot',
|
|
63
|
+
'th',
|
|
64
|
+
'thead',
|
|
65
|
+
'tr',
|
|
66
|
+
'u',
|
|
67
|
+
'ul',
|
|
68
|
+
];
|
|
69
|
+
// TODO: Add Image component
|
|
70
|
+
const regularMarkdownSizeComponents = {
|
|
71
|
+
h1: ({ children }) => <HeadingContent mt='space32' mb='space16' type='heading1'>{children}</HeadingContent>,
|
|
72
|
+
h2: ({ children }) => <HeadingContent mt='space32' mb='space16' type='heading2'>{children}</HeadingContent>,
|
|
73
|
+
h3: ({ children }) => <HeadingContent mt='space32' mb='space16' type='heading3'>{children}</HeadingContent>,
|
|
74
|
+
h4: ({ children }) => <HeadingContent mt='space32' mb='space16' type='heading4'>{children}</HeadingContent>,
|
|
75
|
+
h5: ({ children }) => <HeadingContent mt='space32' mb='space16' type='heading5'>{children}</HeadingContent>,
|
|
76
|
+
h6: ({ children }) => <HeadingContent mt='space32' mb='space16' type='heading6'>{children}</HeadingContent>,
|
|
77
|
+
p: ({ children }) => (<TextContent my='space16'>{children}</TextContent>),
|
|
78
|
+
strong: ({ children }) => <TextContent as='strong' weight='bold'>{children}</TextContent>,
|
|
79
|
+
b: ({ children }) => <TextContent as='b' weight='bold'>{children}</TextContent>,
|
|
80
|
+
th: ({ children }) => <TextContent as='th' weight='bold'>{children}</TextContent>,
|
|
81
|
+
blockquote: ({ children }) => <MarkdownBlockQuote>{children}</MarkdownBlockQuote>,
|
|
82
|
+
table: ({ children }) => <MarkdownTable>{children}</MarkdownTable>,
|
|
83
|
+
ul: ({ children }) => <Box as='ul' pl='space32'>{children}</Box>,
|
|
84
|
+
ol: ({ children, start }) => <Box as='ol' pl='space32' start={start}>{children}</Box>,
|
|
85
|
+
li: ({ children }) => <Box as='li' mt='space4'>{children}</Box>,
|
|
86
|
+
a: ({ children, href }) => <MarkdownLink to={href}>{children}</MarkdownLink>,
|
|
87
|
+
code: ({ children, inline }) => <MarkdownCode inline={inline} size='regular'>{children}</MarkdownCode>,
|
|
88
|
+
};
|
|
89
|
+
const smallMarkdownSizeComponents = {
|
|
90
|
+
h1: ({ children }) => <Heading mt='space32' mb='space16' type='title2xl'>{children}</Heading>,
|
|
91
|
+
h2: ({ children }) => <Heading mt='space32' mb='space16' type='titleXl'>{children}</Heading>,
|
|
92
|
+
h3: ({ children }) => <Heading mt='space32' mb='space16' type='titleL'>{children}</Heading>,
|
|
93
|
+
h4: ({ children }) => <Heading mt='space32' mb='space16' type='titleM'>{children}</Heading>,
|
|
94
|
+
h5: ({ children }) => <Heading mt='space32' mb='space16' type='titleS'>{children}</Heading>,
|
|
95
|
+
h6: ({ children }) => <Heading mt='space32' mb='space16' type='titleXs'>{children}</Heading>,
|
|
96
|
+
p: ({ children }) => (<Text my='space16'>{children}</Text>),
|
|
97
|
+
strong: ({ children }) => <Text as='strong' weight='bold'>{children}</Text>,
|
|
98
|
+
b: ({ children }) => <Text as='b' weight='bold'>{children}</Text>,
|
|
99
|
+
th: ({ children }) => <Text as='th' weight='bold'>{children}</Text>,
|
|
100
|
+
blockquote: ({ children }) => <MarkdownBlockQuote>{children}</MarkdownBlockQuote>,
|
|
101
|
+
table: ({ children }) => <MarkdownTable>{children}</MarkdownTable>,
|
|
102
|
+
ul: ({ children }) => <Box as='ul' pl='space32'>{children}</Box>,
|
|
103
|
+
ol: ({ children, start }) => <Box as='ol' pl='space32' start={start}>{children}</Box>,
|
|
104
|
+
li: ({ children }) => <Box as='li' mt='space4'>{children}</Box>,
|
|
105
|
+
a: ({ children, href }) => <MarkdownLink to={href}>{children}</MarkdownLink>,
|
|
106
|
+
code: ({ children, inline }) => <MarkdownCode inline={inline} size='small'>{children}</MarkdownCode>,
|
|
107
|
+
};
|
|
108
|
+
const useDefaultUrlTransform = () => {
|
|
109
|
+
const { windowLocationHost } = useSharedUiDependencies();
|
|
110
|
+
return useCallback((url) => {
|
|
111
|
+
if (!isUrlExternal(url, windowLocationHost)) {
|
|
112
|
+
// We want to make sure internal links will be relative links without https://host at the beginning because Link doesn't work with these
|
|
113
|
+
return url.replace(/^(https?:\/\/)?(www\.)?[^/]+/, '') || '/';
|
|
114
|
+
}
|
|
115
|
+
return url;
|
|
116
|
+
}, [windowLocationHost]);
|
|
117
|
+
};
|
|
118
|
+
export const SimpleMarkdown = ({ size = 'regular', // small is default for console
|
|
119
|
+
children: markdown, components, rehypePlugins, remarkPlugins, transformLinkUri, allowedElements, ...rest }) => {
|
|
120
|
+
const cleanedMarkdown = useMemo(() => cleanMarkdown(markdown), [markdown]);
|
|
121
|
+
const effectiveComponents = useRef({
|
|
122
|
+
...(size === 'regular' ? regularMarkdownSizeComponents : smallMarkdownSizeComponents),
|
|
123
|
+
...components,
|
|
124
|
+
});
|
|
125
|
+
const rehypePluginsRef = useRef([
|
|
126
|
+
...(rehypePlugins || defaultRehypePlugins),
|
|
127
|
+
rehypeSanitize, // lets always sanitize the output
|
|
128
|
+
]);
|
|
129
|
+
const defaultUrlTransform = useDefaultUrlTransform();
|
|
130
|
+
return (<StyledMarkdown components={effectiveComponents.current} rehypePlugins={rehypePluginsRef.current} remarkPlugins={remarkPlugins || defaultRemarkPlugins} allowedElements={allowedElements || defaultAllowedElements} transformLinkUri={(href, children, title) => {
|
|
131
|
+
const transformed = transformLinkUri ? transformLinkUri(href, children, title) : defaultUrlTransform(href);
|
|
132
|
+
return uriTransformer(transformed);
|
|
133
|
+
}} {...rest}>
|
|
134
|
+
{cleanedMarkdown}
|
|
135
|
+
</StyledMarkdown>);
|
|
136
|
+
};
|
|
137
|
+
//# sourceMappingURL=simple_markdown.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"simple_markdown.jsx","sourceRoot":"","sources":["../../../../src/components/simple_markdown/simple_markdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { CodeProps, ReactMarkdownProps } from 'react-markdown/lib/ast-to-react';
|
|
3
|
+
import type { WithOptional } from '../../type_utils';
|
|
4
|
+
import type { LinkProps } from '../link';
|
|
5
|
+
import type { HeadingSharedProps } from '../text/heading_shared';
|
|
6
|
+
import type { SharedTextProps, SharedTextSize } from '../text/text_shared';
|
|
7
|
+
export declare const MarkdownPlainHeading: React.FC<HeadingSharedProps>;
|
|
8
|
+
/**
|
|
9
|
+
* Default markdown heading that renders copy icon next to it.
|
|
10
|
+
* Use `MarkdownPlainHeading` if you want to render simple heading instead
|
|
11
|
+
*/
|
|
12
|
+
export declare const MarkdownHeadingWrapper: React.FC<HeadingSharedProps>;
|
|
13
|
+
export declare const MarkdownParagraphContent: React.FC<SharedTextProps & Pick<ReactMarkdownProps, 'node'>>;
|
|
14
|
+
type MarkdownCodeProps = Pick<CodeProps, 'inline' | 'className' | 'children'>;
|
|
15
|
+
export declare const MarkdownCode: React.FC<MarkdownCodeProps & {
|
|
16
|
+
size: SharedTextSize;
|
|
17
|
+
}>;
|
|
18
|
+
export declare const MarkdownLink: React.FC<WithOptional<LinkProps, 'to'>>;
|
|
19
|
+
export declare const MarkdownBlockQuote: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("../box").BoxProps & React.RefAttributes<HTMLElement>>, any, {
|
|
20
|
+
my: "space16";
|
|
21
|
+
py: "none";
|
|
22
|
+
forwardedAs: string;
|
|
23
|
+
}, "my" | "py" | "forwardedAs">;
|
|
24
|
+
export declare const MarkdownTable: import("styled-components").StyledComponent<"table", any, {}, never>;
|
|
25
|
+
export {};
|
|
26
|
+
//# sourceMappingURL=simple_markdown_components.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"simple_markdown_components.d.ts","sourceRoot":"","sources":["../../../../src/components/simple_markdown/simple_markdown_components.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAMrF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAIrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAM3E,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgB7D,CAAC;AAuBF;;;GAGG;AAEH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2C/D,CAAC;AAGF,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,GAAG,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAYjG,CAAC;AAeF,KAAK,iBAAiB,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,GAAG,WAAW,GAAG,UAAU,CAAC,CAAA;AAE7E,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,CAwC/E,CAAC;AAoEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC,CAWhE,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;+BAa9B,CAAC;AAEF,eAAO,MAAM,aAAa,sEAgBzB,CAAC"}
|
|
@@ -0,0 +1,193 @@
|
|
|
1
|
+
import qs from 'query-string';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import styled from 'styled-components';
|
|
4
|
+
import { Check16, Link16 } from '@apify/icons';
|
|
5
|
+
import { theme } from '../../design_system/theme';
|
|
6
|
+
import { useCopyToClipboard } from '../../utils';
|
|
7
|
+
import { Box } from '../box';
|
|
8
|
+
import { CodeBlock, InlineCode, OneLineCode } from '../code';
|
|
9
|
+
import { Link } from '../link';
|
|
10
|
+
import { slugifyHeadingChildren } from '../readme_renderer/utils';
|
|
11
|
+
import { Heading } from '../text';
|
|
12
|
+
const simpleMarkdownClassNames = {
|
|
13
|
+
HEADING_ICON_LINK: 'headingIconLink',
|
|
14
|
+
};
|
|
15
|
+
export const MarkdownPlainHeading = ({ children, ...rest }) => {
|
|
16
|
+
const id = slugifyHeadingChildren(children);
|
|
17
|
+
return (<Heading mt='space32' mb='space16' id={id} {...rest}>
|
|
18
|
+
{children}
|
|
19
|
+
</Heading>);
|
|
20
|
+
};
|
|
21
|
+
const StyledMarkdownHeading = styled(Box) `
|
|
22
|
+
display: flex;
|
|
23
|
+
align-items: center;
|
|
24
|
+
gap: ${theme.space.space4};
|
|
25
|
+
|
|
26
|
+
.${simpleMarkdownClassNames.HEADING_ICON_LINK} {
|
|
27
|
+
height: 16px;
|
|
28
|
+
display: none;
|
|
29
|
+
|
|
30
|
+
svg {
|
|
31
|
+
max-height: 1em !important;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
&:hover {
|
|
36
|
+
.${simpleMarkdownClassNames.HEADING_ICON_LINK} {
|
|
37
|
+
display: initial;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
`;
|
|
41
|
+
/**
|
|
42
|
+
* Default markdown heading that renders copy icon next to it.
|
|
43
|
+
* Use `MarkdownPlainHeading` if you want to render simple heading instead
|
|
44
|
+
*/
|
|
45
|
+
// TODO: This should be used for readmes
|
|
46
|
+
export const MarkdownHeadingWrapper = ({ children, ...rest }) => {
|
|
47
|
+
const id = slugifyHeadingChildren(children);
|
|
48
|
+
const [isCopied, handleClick] = useCopyToClipboard({
|
|
49
|
+
text: id ?? '',
|
|
50
|
+
// We want the whole URL to be copied, not just the ID
|
|
51
|
+
transform: (text) => {
|
|
52
|
+
const url = new URL(window.location.href);
|
|
53
|
+
url.hash = `#${text}`;
|
|
54
|
+
return url.toString();
|
|
55
|
+
},
|
|
56
|
+
});
|
|
57
|
+
return (<StyledMarkdownHeading mt='space32' mb='space16' id={id} {...rest}>
|
|
58
|
+
{children}
|
|
59
|
+
<Link className={simpleMarkdownClassNames.HEADING_ICON_LINK} onClick={handleClick} to={`#${id}`}>
|
|
60
|
+
{isCopied ? (<Check16 color={theme.color.success.action} viewBox="0 0 16 16"/>) : (<Link16 color={theme.color.primary.text} viewBox="0 0 16 16"/>)}
|
|
61
|
+
</Link>
|
|
62
|
+
</StyledMarkdownHeading>);
|
|
63
|
+
};
|
|
64
|
+
// TODO: This should be used for readmes
|
|
65
|
+
export const MarkdownParagraphContent = ({ children, node, }) => {
|
|
66
|
+
const child = node.children[0];
|
|
67
|
+
const isText = child?.type === 'text';
|
|
68
|
+
const videoSrc = isText && getVideoSrc(child.value);
|
|
69
|
+
if (videoSrc)
|
|
70
|
+
return <MarkdownVideo src={videoSrc}/>;
|
|
71
|
+
// the || null part is important because non-supported elements will fall back to this paragraph component;
|
|
72
|
+
return children || null;
|
|
73
|
+
};
|
|
74
|
+
const StyledInlineCode = styled(InlineCode) `
|
|
75
|
+
/* If code is rendered within heading, it should inherit its font styles */
|
|
76
|
+
/* TODO: Look at implementation of InlineCode - maybe we can live without it */
|
|
77
|
+
h1 & code, h2 & code, h3 & code, h4 & code, h5 & code {
|
|
78
|
+
font-size: inherit !important;
|
|
79
|
+
line-height: inherit !important;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
b & code, strong & code{
|
|
83
|
+
font-weight: inherit !important;
|
|
84
|
+
}
|
|
85
|
+
`;
|
|
86
|
+
export const MarkdownCode = ({ inline, className, children, size, }) => {
|
|
87
|
+
if (inline) {
|
|
88
|
+
return <StyledInlineCode size={size} className={className}>{children}</StyledInlineCode>;
|
|
89
|
+
}
|
|
90
|
+
const code = String(children).replace(/\n$/, '').trim();
|
|
91
|
+
const match = /language-(\w+)/.exec(className || '');
|
|
92
|
+
const language = match?.[1]?.toLowerCase();
|
|
93
|
+
const isOneLineCode = code.split('\n').length <= 1;
|
|
94
|
+
if (isOneLineCode) {
|
|
95
|
+
return (<OneLineCode language={language} size={size} fullWidth>
|
|
96
|
+
{code}
|
|
97
|
+
</OneLineCode>);
|
|
98
|
+
}
|
|
99
|
+
if (!inline) {
|
|
100
|
+
return (<CodeBlock content={code} language={language} size={size} hideLineNumbers fullWidth hideBashHeader hideBashPromptPrefixes/>);
|
|
101
|
+
}
|
|
102
|
+
};
|
|
103
|
+
const youtubeRegex = /^(?:https?:\/\/)?(?:www\.)?(?:m\.)?(?:youtube(?:-nocookie)?\.com|youtu\.be)\/(?:watch\?v=|embed\/|v\/)?([a-zA-Z0-9\-_]+)(?:\S*)?$/;
|
|
104
|
+
const vimeoRegex = /^((?:https?:\/\/)?(?:player\.)?vimeo\.com(?:\/video)?\/(\d+))$/;
|
|
105
|
+
const getVideoSrc = (link) => {
|
|
106
|
+
const youtubeLink = link.match(youtubeRegex);
|
|
107
|
+
const vimeoLink = link.match(vimeoRegex);
|
|
108
|
+
let src;
|
|
109
|
+
if (youtubeLink) {
|
|
110
|
+
// add rel=0 to disable related videos from other channels at the end of the video
|
|
111
|
+
// add enablejsapi=1 to enable tracking videos via API through Google Analytics
|
|
112
|
+
src = qs.stringifyUrl({ url: `https://www.youtube.com/embed/${youtubeLink[1]}`, query: { rel: 0, enablejsapi: 1 } });
|
|
113
|
+
}
|
|
114
|
+
if (vimeoLink)
|
|
115
|
+
src = `https://player.vimeo.com/video/${vimeoLink[2]}`;
|
|
116
|
+
return src;
|
|
117
|
+
};
|
|
118
|
+
const StyledVideo = styled.div `
|
|
119
|
+
width: 65%;
|
|
120
|
+
|
|
121
|
+
& > div {
|
|
122
|
+
position: relative;
|
|
123
|
+
overflow: hidden;
|
|
124
|
+
width: 100%;
|
|
125
|
+
padding-top: 56.25%;
|
|
126
|
+
|
|
127
|
+
& > iframe {
|
|
128
|
+
position: absolute;
|
|
129
|
+
top: 0;
|
|
130
|
+
left: 0;
|
|
131
|
+
bottom: 0;
|
|
132
|
+
right: 0;
|
|
133
|
+
width: 100%;
|
|
134
|
+
height: 100%;
|
|
135
|
+
border: 0px;
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
`;
|
|
139
|
+
const MarkdownVideo = ({ src }) => {
|
|
140
|
+
return (<StyledVideo>
|
|
141
|
+
<div>
|
|
142
|
+
<iframe loading="lazy" allowFullScreen src={src}/>
|
|
143
|
+
</div>
|
|
144
|
+
</StyledVideo>);
|
|
145
|
+
};
|
|
146
|
+
const StyledMarkdownLink = styled(Link) `
|
|
147
|
+
overflow-wrap: break-word;
|
|
148
|
+
|
|
149
|
+
h1 &, h2 &, h3 &, h4 &, h5 & {
|
|
150
|
+
overflow-wrap: normal;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
&:hover {
|
|
154
|
+
/* Links normally don't have underline, but in markdown we want to have it */
|
|
155
|
+
text-decoration: underline;
|
|
156
|
+
}
|
|
157
|
+
`;
|
|
158
|
+
export const MarkdownLink = ({ to, children, rel, className, }) => {
|
|
159
|
+
return (to && typeof to === 'string') ? (<StyledMarkdownLink to={to} hideExternalIcon={true} rel={rel} className={className}>{children}</StyledMarkdownLink>) : (<span>{children}</span> // Invalid links can be rendered as a regular span instead
|
|
160
|
+
);
|
|
161
|
+
};
|
|
162
|
+
export const MarkdownBlockQuote = styled(Box).attrs({
|
|
163
|
+
my: 'space16',
|
|
164
|
+
py: 'none',
|
|
165
|
+
forwardedAs: 'blockquote',
|
|
166
|
+
}) `
|
|
167
|
+
border-left: 2px solid ${theme.color.neutral.separatorSubtle};
|
|
168
|
+
padding-left: ${theme.space.space16};
|
|
169
|
+
|
|
170
|
+
color: ${theme.color.neutral.textMuted};
|
|
171
|
+
|
|
172
|
+
& > p {
|
|
173
|
+
margin: 0;
|
|
174
|
+
}
|
|
175
|
+
`;
|
|
176
|
+
export const MarkdownTable = styled.table `
|
|
177
|
+
display: block;
|
|
178
|
+
overflow: auto;
|
|
179
|
+
border-collapse: collapse;
|
|
180
|
+
|
|
181
|
+
td, th {
|
|
182
|
+
border: 1px solid ${theme.color.neutral.border};
|
|
183
|
+
padding: ${theme.space.space16};
|
|
184
|
+
text-align: left;
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
tr:nth-child(even):not([class]) {
|
|
188
|
+
> th, > td {
|
|
189
|
+
background-color: inherit;
|
|
190
|
+
}
|
|
191
|
+
}
|
|
192
|
+
`;
|
|
193
|
+
//# sourceMappingURL=simple_markdown_components.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"simple_markdown_components.jsx","sourceRoot":"","sources":["../../../../src/components/simple_markdown/simple_markdown_components.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import React, { type ForwardedRef } from 'react';
|
|
2
|
+
import type { IconComponent } from '@apify/ui-icons';
|
|
3
|
+
import { type MarginSpacingProps, type RegularBoxProps } from './box';
|
|
4
|
+
import { type RegularLinkProps } from './link';
|
|
5
|
+
type TagSize = typeof TAG_SIZES[number];
|
|
6
|
+
export declare const TAG_SIZES: readonly ["large", "medium", "small"];
|
|
7
|
+
type TagVariant = typeof TAG_VARIANTS[number];
|
|
8
|
+
export declare const TAG_VARIANTS: readonly ["primary", "secondary", "accent", "success", "warning", "error"];
|
|
9
|
+
type TagNodeType = Extract<React.ElementType, 'a' | 'button'>;
|
|
10
|
+
type TagNodePropsMap = {
|
|
11
|
+
a: {
|
|
12
|
+
element: HTMLAnchorElement;
|
|
13
|
+
props: RegularLinkProps;
|
|
14
|
+
};
|
|
15
|
+
button: {
|
|
16
|
+
element: HTMLButtonElement;
|
|
17
|
+
props: React.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
export type TagProps<T extends TagNodeType> = RegularBoxProps & MarginSpacingProps & ({
|
|
21
|
+
as?: T;
|
|
22
|
+
size?: TagSize;
|
|
23
|
+
variant?: TagVariant;
|
|
24
|
+
LeadingIcon?: IconComponent;
|
|
25
|
+
TrailingIcon?: IconComponent;
|
|
26
|
+
} & Omit<TagNodePropsMap[T]['props'], 'size'>);
|
|
27
|
+
/**
|
|
28
|
+
* Component for displaying inherenly interactive chip descendant
|
|
29
|
+
*/
|
|
30
|
+
declare function TagWrapper<T extends TagNodeType>({ as, size, variant, LeadingIcon, TrailingIcon, children, ...props }: TagProps<T>, ref: ForwardedRef<TagNodePropsMap[T]['element']>): React.JSX.Element;
|
|
31
|
+
declare namespace TagWrapper {
|
|
32
|
+
var displayName: string;
|
|
33
|
+
}
|
|
34
|
+
export declare const Tag: <T extends TagNodeType>(props: TagProps<T> & {
|
|
35
|
+
ref?: ForwardedRef<TagNodePropsMap[T]["element"]>;
|
|
36
|
+
}) => ReturnType<typeof TagWrapper>;
|
|
37
|
+
export {};
|
|
38
|
+
//# sourceMappingURL=tag.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../src/components/tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,YAAY,EAAc,MAAM,OAAO,CAAC;AAG7D,OAAO,KAAK,EAAE,aAAa,EAAY,MAAM,iBAAiB,CAAC;AAI/D,OAAO,EAAO,KAAK,kBAAkB,EAAE,KAAK,eAAe,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAErD,KAAK,OAAO,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC;AAExC,eAAO,MAAM,SAAS,uCAAwC,CAAC;AAiC/D,KAAK,UAAU,GAAG,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC;AAE9C,eAAO,MAAM,YAAY,4EAA6E,CAAC;AAkFvG,KAAK,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,GAAG,GAAG,QAAQ,CAAC,CAAC;AAC9D,KAAK,eAAe,GAAG;IACnB,CAAC,EAAE;QACC,OAAO,EAAE,iBAAiB,CAAC;QAC3B,KAAK,EAAE,gBAAgB,CAAC;KAC3B,CAAC;IACF,MAAM,EAAE;QACJ,OAAO,EAAE,iBAAiB,CAAC;QAC3B,KAAK,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;KACxD,CAAC;CACL,CAAA;AAED,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,WAAW,IAAI,eAAe,GAAG,kBAAkB,GAAG,CAAC;IAClF,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,YAAY,CAAC,EAAE,aAAa,CAAC;CAChC,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;AAE/C;;GAEG;AACH,iBAAS,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,EACvC,EAAE,EACF,IAAc,EACd,OAAmB,EACnB,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,QAAQ,CAAC,CAAC,CAAC,EACd,GAAG,EAAE,YAAY,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,qBAiB/C;kBA1BQ,UAAU;;;AA8BnB,eAAO,MAAM,GAAG,EAA6B,CAAC,CAAC,SAAS,WAAW,EAC/D,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAA;CAAE,KACzE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC"}
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
import styled, { css } from 'styled-components';
|
|
3
|
+
import { theme } from '../design_system/theme';
|
|
4
|
+
import { Box } from './box';
|
|
5
|
+
import { Link } from './link';
|
|
6
|
+
export const TAG_SIZES = ['large', 'medium', 'small'];
|
|
7
|
+
const TAG_ICON_SIZES = {
|
|
8
|
+
large: '20',
|
|
9
|
+
medium: '16',
|
|
10
|
+
small: '12',
|
|
11
|
+
};
|
|
12
|
+
const tagSizeStyle = {
|
|
13
|
+
large: css `
|
|
14
|
+
height: 4rem;
|
|
15
|
+
padding: ${theme.space.space8} ${theme.space.space12};
|
|
16
|
+
border-radius: ${theme.radius.radius12};
|
|
17
|
+
${theme.typography.shared.desktop.bodyLMedium}
|
|
18
|
+
`,
|
|
19
|
+
medium: css `
|
|
20
|
+
height: 2.8rem;
|
|
21
|
+
padding: ${theme.space.space4} ${theme.space.space8};
|
|
22
|
+
border-radius: ${theme.radius.radius8};
|
|
23
|
+
${theme.typography.shared.desktop.bodyMMedium}
|
|
24
|
+
`,
|
|
25
|
+
small: css `
|
|
26
|
+
height: 2rem;
|
|
27
|
+
padding: ${theme.space.space2} ${theme.space.space6};
|
|
28
|
+
border-radius: ${theme.radius.radius4};
|
|
29
|
+
${theme.typography.shared.desktop.bodySMedium}
|
|
30
|
+
|
|
31
|
+
&:has(> svg:last-child:nth-child(1)) {
|
|
32
|
+
padding: ${theme.space.space2} ${theme.space.space4};
|
|
33
|
+
}
|
|
34
|
+
`,
|
|
35
|
+
};
|
|
36
|
+
export const TAG_VARIANTS = ['primary', 'secondary', 'accent', 'success', 'warning', 'error'];
|
|
37
|
+
const tagVariantStyle = {
|
|
38
|
+
primary: css `
|
|
39
|
+
color: ${theme.color.neutral.text};
|
|
40
|
+
fill: ${theme.color.neutral.icon};
|
|
41
|
+
background: transparent;
|
|
42
|
+
box-shadow: inset 0 0 0 1px ${theme.color.neutral.border};
|
|
43
|
+
|
|
44
|
+
&:hover {
|
|
45
|
+
background: ${theme.color.neutral.hover};
|
|
46
|
+
}
|
|
47
|
+
`,
|
|
48
|
+
secondary: css `
|
|
49
|
+
color: ${theme.color.neutral.text};
|
|
50
|
+
fill: ${theme.color.neutral.icon};
|
|
51
|
+
background: transparent;
|
|
52
|
+
|
|
53
|
+
&:hover {
|
|
54
|
+
background: ${theme.color.neutral.hover};
|
|
55
|
+
}
|
|
56
|
+
`,
|
|
57
|
+
accent: css `
|
|
58
|
+
color: ${theme.color.primary.chipText};
|
|
59
|
+
fill: ${theme.color.primary.chipText};
|
|
60
|
+
background: ${theme.color.primary.background};
|
|
61
|
+
|
|
62
|
+
&:hover {
|
|
63
|
+
background: ${theme.color.primary.backgroundHover};
|
|
64
|
+
}
|
|
65
|
+
`,
|
|
66
|
+
success: css `
|
|
67
|
+
color: ${theme.color.success.chipText};
|
|
68
|
+
fill: ${theme.color.success.chipText};
|
|
69
|
+
background: ${theme.color.success.background};
|
|
70
|
+
|
|
71
|
+
&:hover {
|
|
72
|
+
background: ${theme.color.success.backgroundHover};
|
|
73
|
+
}
|
|
74
|
+
`,
|
|
75
|
+
warning: css `
|
|
76
|
+
color: ${theme.color.warning.chipText};
|
|
77
|
+
fill: ${theme.color.warning.chipText};
|
|
78
|
+
background: ${theme.color.warning.background};
|
|
79
|
+
|
|
80
|
+
&:hover {
|
|
81
|
+
background: ${theme.color.warning.backgroundHover};
|
|
82
|
+
}
|
|
83
|
+
`,
|
|
84
|
+
error: css `
|
|
85
|
+
color: ${theme.color.danger.chipText};
|
|
86
|
+
fill: ${theme.color.danger.chipText};
|
|
87
|
+
background: ${theme.color.danger.background};
|
|
88
|
+
|
|
89
|
+
&:hover {
|
|
90
|
+
background: ${theme.color.danger.backgroundHover};
|
|
91
|
+
}
|
|
92
|
+
`,
|
|
93
|
+
};
|
|
94
|
+
const StyledTag = styled(Box) `
|
|
95
|
+
${({ $size }) => tagSizeStyle[$size]};
|
|
96
|
+
${({ $variant }) => tagVariantStyle[$variant]};
|
|
97
|
+
|
|
98
|
+
/* Static styles */
|
|
99
|
+
width: fit-content;
|
|
100
|
+
border: none;
|
|
101
|
+
outline: none;
|
|
102
|
+
display: flex;
|
|
103
|
+
flex-direction: row;
|
|
104
|
+
justify-content: center;
|
|
105
|
+
align-items: center;
|
|
106
|
+
white-space: nowrap;
|
|
107
|
+
gap: ${theme.space.space4};
|
|
108
|
+
cursor: pointer;
|
|
109
|
+
transition: background ${theme.transition.fastEaseOut};
|
|
110
|
+
`;
|
|
111
|
+
/**
|
|
112
|
+
* Component for displaying inherenly interactive chip descendant
|
|
113
|
+
*/
|
|
114
|
+
function TagWrapper({ as, size = 'small', variant = 'primary', LeadingIcon, TrailingIcon, children, ...props }, ref) {
|
|
115
|
+
const component = (as === 'a' ? Link : as ?? 'button');
|
|
116
|
+
return (<StyledTag as={component} ref={ref} $variant={variant} $size={size} {...props}>
|
|
117
|
+
{LeadingIcon && <LeadingIcon size={TAG_ICON_SIZES[size]}/>}
|
|
118
|
+
{children}
|
|
119
|
+
{TrailingIcon && <TrailingIcon size={TAG_ICON_SIZES[size]}/>}
|
|
120
|
+
</StyledTag>);
|
|
121
|
+
}
|
|
122
|
+
;
|
|
123
|
+
TagWrapper.displayName = 'Tag';
|
|
124
|
+
// `forwardRef` can't handle generic types, should be fixable with React 19
|
|
125
|
+
export const Tag = forwardRef(TagWrapper);
|
|
126
|
+
//# sourceMappingURL=tag.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tag.jsx","sourceRoot":"","sources":["../../../src/components/tag.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { TextBaseProps } from './text_base';
|
|
3
|
+
type HeadingContentType = 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'heading5' | 'heading6';
|
|
4
|
+
interface HeadingContentTransientProps {
|
|
5
|
+
type?: HeadingContentType;
|
|
6
|
+
}
|
|
7
|
+
export type HeadingContentProps = HeadingContentTransientProps & TextBaseProps;
|
|
8
|
+
export declare const HeadingContent: React.FC<HeadingContentProps>;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=heading_content.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"heading_content.d.ts","sourceRoot":"","sources":["../../../../src/components/text/heading_content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,KAAK,kBAAkB,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;AAEtG,UAAU,4BAA4B;IAClC,IAAI,CAAC,EAAE,kBAAkB,CAAC;CAC7B;AAeD,MAAM,MAAM,mBAAmB,GAAG,4BAA4B,GAAG,aAAa,CAAC;AAe/E,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAaxD,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import styled, { css } from 'styled-components';
|
|
3
|
+
import { theme } from '../../design_system/theme';
|
|
4
|
+
import { TextBaseComponent } from './text_base';
|
|
5
|
+
;
|
|
6
|
+
const getContentHeadingStyles = (headingType) => css `
|
|
7
|
+
${theme.typography.content.mobile[headingType]}
|
|
8
|
+
|
|
9
|
+
@media (min-width: ${theme.layout.tablet}) {
|
|
10
|
+
${theme.typography.content.tablet[headingType]}
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
@media (min-width: ${theme.layout.desktop}) {
|
|
14
|
+
${theme.typography.content.desktop[headingType]}
|
|
15
|
+
}
|
|
16
|
+
`;
|
|
17
|
+
const HEADING_CONTENT_DEFAULT_ELEMENTS = {
|
|
18
|
+
heading1: 'h1',
|
|
19
|
+
heading2: 'h2',
|
|
20
|
+
heading3: 'h3',
|
|
21
|
+
heading4: 'h4',
|
|
22
|
+
heading5: 'h5',
|
|
23
|
+
heading6: 'h6',
|
|
24
|
+
};
|
|
25
|
+
const StyledHeadingContent = styled(TextBaseComponent) `
|
|
26
|
+
${(props) => getContentHeadingStyles(props.$type || 'heading1')}
|
|
27
|
+
`;
|
|
28
|
+
export const HeadingContent = ({ type, as, ...rest }) => {
|
|
29
|
+
return (<StyledHeadingContent $type={type} forwardedAs={as || HEADING_CONTENT_DEFAULT_ELEMENTS[type || 'heading1']} m='none' {...rest}/>);
|
|
30
|
+
};
|
|
31
|
+
//# sourceMappingURL=heading_content.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"heading_content.jsx","sourceRoot":"","sources":["../../../../src/components/text/heading_content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAGlD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAM/C,CAAC;AAEF,MAAM,uBAAuB,GAAG,CAAC,WAA+B,EAAE,EAAE,CAAC,GAAG,CAAA;MAClE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW,CAAC;;yBAEzB,KAAK,CAAC,MAAM,CAAC,MAAM;UAClC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW,CAAC;;;yBAG7B,KAAK,CAAC,MAAM,CAAC,OAAO;UACnC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC;;CAEtD,CAAC;AAKF,MAAM,gCAAgC,GAAG;IACrC,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,IAAI;CACR,CAAC;AAEX,MAAM,oBAAoB,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAA2B;MAC3E,CAAC,KAAK,EAAE,EAAE,CAAC,uBAAuB,CAAC,KAAK,CAAC,KAAK,IAAI,UAAU,CAAC;CAClE,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC1D,IAAI,EACJ,EAAE,EACF,GAAG,IAAI,EACV,EAAE,EAAE;IACD,OAAO,CACH,CAAC,oBAAoB,CACjB,KAAK,CAAC,CAAC,IAAI,CAAC,CACZ,WAAW,CAAC,CAAC,EAAE,IAAI,gCAAgC,CAAC,IAAI,IAAI,UAAU,CAAC,CAAC,CACxE,CAAC,CAAC,MAAM,CACR,IAAI,IAAI,CAAC,EACX,CACL,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { TextBaseProps } from './text_base';
|
|
3
|
+
type HeadingMarketingType = 'titleXs' | 'titleS' | 'titleM' | 'titleL' | 'titleXl' | 'title2xl' | 'title3xl';
|
|
4
|
+
interface HeadingMarketingTransientProps {
|
|
5
|
+
type?: HeadingMarketingType;
|
|
6
|
+
}
|
|
7
|
+
export type HeadingMarketingProps = HeadingMarketingTransientProps & TextBaseProps;
|
|
8
|
+
export declare const HeadingMarketing: React.FC<HeadingMarketingProps>;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=heading_marketing.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"heading_marketing.d.ts","sourceRoot":"","sources":["../../../../src/components/text/heading_marketing.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,KAAK,oBAAoB,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAE7G,UAAU,8BAA8B;IACpC,IAAI,CAAC,EAAE,oBAAoB,CAAC;CAC/B;AAGD,MAAM,MAAM,qBAAqB,GAAG,8BAA8B,GAAG,aAAa,CAAC;AA0BnF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAa5D,CAAC"}
|