@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,105 @@
|
|
|
1
|
+
import clsx from 'clsx';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import styled from 'styled-components';
|
|
4
|
+
import { AlertTriangle20, CheckCircle20, Info20, X16, } from '@apify/icons';
|
|
5
|
+
import { theme } from '../design_system/theme';
|
|
6
|
+
import { Box } from './box';
|
|
7
|
+
import { Button } from './button';
|
|
8
|
+
import { Heading } from './text';
|
|
9
|
+
export const messageClassNames = {
|
|
10
|
+
main: 'Message',
|
|
11
|
+
icon: 'icon',
|
|
12
|
+
content: 'content',
|
|
13
|
+
caption: 'caption',
|
|
14
|
+
dismiss: 'dismiss',
|
|
15
|
+
};
|
|
16
|
+
const StyledMessage = styled(Box) `
|
|
17
|
+
display: flex;
|
|
18
|
+
gap: ${theme.space.space8};
|
|
19
|
+
|
|
20
|
+
border-radius: ${theme.radius.radius8};
|
|
21
|
+
box-shadow: ${theme.shadow.shadow1};
|
|
22
|
+
|
|
23
|
+
.${messageClassNames.content} {
|
|
24
|
+
flex: 1;
|
|
25
|
+
margin-top: 1px; /* This is to align icon with text (align-items: center not possible - icon should be on top) */
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.${messageClassNames.caption} {
|
|
29
|
+
/* TODO: We should not override the default Heading that is rendered for caption but it doesn't look good without these */
|
|
30
|
+
line-height: 20px;
|
|
31
|
+
font-weight: 600;
|
|
32
|
+
margin-bottom: ${theme.space.space4};
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.${messageClassNames.dismiss} {
|
|
36
|
+
background: transparent;
|
|
37
|
+
|
|
38
|
+
svg {
|
|
39
|
+
color: ${theme.color.neutral.icon}
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
&.borderless {
|
|
44
|
+
border: none !important;
|
|
45
|
+
background-color: transparent !important;
|
|
46
|
+
box-shadow: none !important;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
&.info {
|
|
50
|
+
background-color: ${theme.color.neutral.background};
|
|
51
|
+
border: 1px solid ${theme.color.neutral.border};
|
|
52
|
+
|
|
53
|
+
.${messageClassNames.icon} { color: ${theme.color.primary.icon}; }
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
&.success {
|
|
57
|
+
background-color: ${theme.color.success.backgroundSubtle};
|
|
58
|
+
border: 1px solid ${theme.color.success.borderSubtle};
|
|
59
|
+
|
|
60
|
+
.${messageClassNames.icon} { color: ${theme.color.success.icon}; }
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
&.warning {
|
|
64
|
+
background-color: ${theme.color.warning.backgroundSubtle};
|
|
65
|
+
border: 1px solid ${theme.color.warning.borderSubtle};
|
|
66
|
+
|
|
67
|
+
.${messageClassNames.icon} { color: ${theme.color.warning.icon}; }
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
&.danger {
|
|
71
|
+
background-color: ${theme.color.danger.backgroundSubtle};
|
|
72
|
+
border: 1px solid ${theme.color.danger.borderSubtle};
|
|
73
|
+
|
|
74
|
+
.${messageClassNames.icon} { color: ${theme.color.danger.icon}; }
|
|
75
|
+
}
|
|
76
|
+
`;
|
|
77
|
+
const typeToIcon = {
|
|
78
|
+
info: Info20,
|
|
79
|
+
success: CheckCircle20,
|
|
80
|
+
warning: AlertTriangle20,
|
|
81
|
+
danger: AlertTriangle20,
|
|
82
|
+
};
|
|
83
|
+
/**
|
|
84
|
+
* Component used to display larger messages that are part of the content of the application.
|
|
85
|
+
*/
|
|
86
|
+
export const Message = ({ className, icon, caption, children, onDismissClick, type = 'warning', borderless = false, boxless = false, dismissTrackingId, as, ...rest }) => {
|
|
87
|
+
const Icon = icon || typeToIcon[type];
|
|
88
|
+
return (<StyledMessage className={clsx(className, messageClassNames.main, type, borderless && 'borderless')} mb={boxless ? 'space8' : 'space16'} // TODO: Export message without margin
|
|
89
|
+
p={boxless ? 'none' : 'space16'} forwardedAs={as} {...rest}>
|
|
90
|
+
<div className={messageClassNames.icon}><Icon /></div>
|
|
91
|
+
<div className={messageClassNames.content}>
|
|
92
|
+
{caption && (<Heading as='div' type='titleM' className={messageClassNames.caption}>{caption}</Heading>)}
|
|
93
|
+
{children}
|
|
94
|
+
</div>
|
|
95
|
+
{onDismissClick && (<Button size='small' variant='text' trackingId={dismissTrackingId} onClick={onDismissClick} className={messageClassNames.dismiss}>
|
|
96
|
+
<X16 />
|
|
97
|
+
</Button>)}
|
|
98
|
+
</StyledMessage>);
|
|
99
|
+
};
|
|
100
|
+
// Semantic classes for all the message types
|
|
101
|
+
export const InfoMessage = (props) => (<Message {...props} type='info'/>);
|
|
102
|
+
export const WarningMessage = (props) => (<Message {...props} type='warning'/>);
|
|
103
|
+
export const SuccessMessage = (props) => (<Message {...props} type='success'/>);
|
|
104
|
+
export const DangerMessage = (props) => (<Message {...props} type='danger'/>);
|
|
105
|
+
//# sourceMappingURL=message.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"message.jsx","sourceRoot":"","sources":["../../../src/components/message.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/readme_renderer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/readme_renderer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pythonize_value.d.ts","sourceRoot":"","sources":["../../../../src/components/readme_renderer/pythonize_value.ts"],"names":[],"mappings":"AAoCA,QAAA,MAAM,cAAc,GAAI,CAAC,SAAS,CAAC,qBAAc,MAAM,GAAG,CAuCzD,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
/* eslint-disable prefer-template, no-control-regex */
|
|
2
|
+
// Escaped versions of control characters
|
|
3
|
+
const escapes = {
|
|
4
|
+
92: '\\\\',
|
|
5
|
+
34: '\\"',
|
|
6
|
+
8: '\\b',
|
|
7
|
+
12: '\\f',
|
|
8
|
+
13: '\\r',
|
|
9
|
+
9: '\\t',
|
|
10
|
+
};
|
|
11
|
+
// Replaces a control character with its escaped value
|
|
12
|
+
const escapeChar = (character) => {
|
|
13
|
+
const charCode = character.charCodeAt(0);
|
|
14
|
+
const escaped = escapes[charCode];
|
|
15
|
+
if (escaped) {
|
|
16
|
+
return escaped;
|
|
17
|
+
}
|
|
18
|
+
return '\\u00' + charCode.toString(16).padStart(2, '0');
|
|
19
|
+
};
|
|
20
|
+
// Escapes special characters in a string and surrounds it with proper quotes
|
|
21
|
+
const pythonQuoteString = (str, escapeNewlines = true) => {
|
|
22
|
+
const escapedValue = str.replace(/[\x00-\x09\x0b-\x1f\x22\x5c]/g, escapeChar);
|
|
23
|
+
if (!escapeNewlines && /\n/.test(escapedValue)) {
|
|
24
|
+
return '"""' + escapedValue + '"""';
|
|
25
|
+
}
|
|
26
|
+
return '"' + escapedValue.replace(/\n/g, '\\n') + '"';
|
|
27
|
+
};
|
|
28
|
+
const INDENT = ' ';
|
|
29
|
+
// Converts a Javascript value to its equivalent Python representation
|
|
30
|
+
// Doesn't support everything, because that would be impossible,
|
|
31
|
+
// only the values which are supported in an input schema prefill (booleans, numbers, strings, arrays, objects)
|
|
32
|
+
// Tries to keep the representation short, but readable.
|
|
33
|
+
const pythonizeValue = (value, depth = 0) => {
|
|
34
|
+
// None-like values
|
|
35
|
+
if (value === undefined)
|
|
36
|
+
return 'None';
|
|
37
|
+
if (value === null)
|
|
38
|
+
return 'None';
|
|
39
|
+
// Boolean values
|
|
40
|
+
if (value === true)
|
|
41
|
+
return 'True';
|
|
42
|
+
if (value === false)
|
|
43
|
+
return 'False';
|
|
44
|
+
// Number values (sorry, JSON doesn't support infinities)
|
|
45
|
+
if (value === Infinity)
|
|
46
|
+
return 'None';
|
|
47
|
+
if (value === -Infinity)
|
|
48
|
+
return 'None';
|
|
49
|
+
if (Number.isNaN(value))
|
|
50
|
+
return 'None';
|
|
51
|
+
if (typeof value === 'number')
|
|
52
|
+
return value;
|
|
53
|
+
// String values
|
|
54
|
+
if (typeof value === 'string')
|
|
55
|
+
return pythonQuoteString(value, false);
|
|
56
|
+
// Arrays of values
|
|
57
|
+
if (Array.isArray(value)) {
|
|
58
|
+
if (value.length === 0)
|
|
59
|
+
return '[]';
|
|
60
|
+
if (value.length === 1)
|
|
61
|
+
return '[' + pythonizeValue(value[0], depth + 1) + ']';
|
|
62
|
+
return '[\n'
|
|
63
|
+
+ value.map((v) => INDENT.repeat(depth + 1) + pythonizeValue(v, depth + 1) + ',\n').join('')
|
|
64
|
+
+ INDENT.repeat(depth) + ']';
|
|
65
|
+
}
|
|
66
|
+
// Object values
|
|
67
|
+
if (typeof value === 'object') {
|
|
68
|
+
const entries = Object.entries(value);
|
|
69
|
+
if (entries.length === 0)
|
|
70
|
+
return '{}';
|
|
71
|
+
if (entries.length === 1)
|
|
72
|
+
return '{ ' + pythonQuoteString(entries[0][0]) + ': ' + pythonizeValue(entries[0][1], depth + 1) + ' }';
|
|
73
|
+
return '{\n'
|
|
74
|
+
+ entries.map(([k, v]) => INDENT.repeat(depth + 1) + pythonQuoteString(k) + ': ' + pythonizeValue(v, depth + 1) + ',\n').join('')
|
|
75
|
+
+ INDENT.repeat(depth) + '}';
|
|
76
|
+
}
|
|
77
|
+
// This should never happen, if it did, something went wrong
|
|
78
|
+
return 'UNSUPPORTED VALUE';
|
|
79
|
+
};
|
|
80
|
+
export default pythonizeValue;
|
|
81
|
+
//# sourceMappingURL=pythonize_value.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pythonize_value.js","sourceRoot":"","sources":["../../../../src/components/readme_renderer/pythonize_value.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { AllowElement } from 'react-markdown/lib/rehype-filter';
|
|
3
|
+
export interface TableOfContentsProps {
|
|
4
|
+
markdown: string;
|
|
5
|
+
headingOffsetPx?: number;
|
|
6
|
+
allowElement?: AllowElement;
|
|
7
|
+
}
|
|
8
|
+
declare const _default: React.MemoExoticComponent<({ markdown, headingOffsetPx, allowElement, ...rest }: TableOfContentsProps) => React.JSX.Element>;
|
|
9
|
+
export default _default;
|
|
10
|
+
//# sourceMappingURL=table_of_contents.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table_of_contents.d.ts","sourceRoot":"","sources":["../../../../src/components/readme_renderer/table_of_contents.tsx"],"names":[],"mappings":"AACA,OAAO,KAGN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AA+IrE,MAAM,WAAW,oBAAoB;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC/B;yGAOE,oBAAoB;AA+FvB,wBAAsG"}
|
|
@@ -0,0 +1,197 @@
|
|
|
1
|
+
import _ from 'lodash';
|
|
2
|
+
import React, { useMemo, useCallback, } from 'react';
|
|
3
|
+
import ReactMarkdown from 'react-markdown';
|
|
4
|
+
import remarkToc from 'remark-toc';
|
|
5
|
+
import styled from 'styled-components';
|
|
6
|
+
import { theme } from '../../design_system/theme';
|
|
7
|
+
import { inlineCodeStyles } from '../code';
|
|
8
|
+
import { Link } from '../link';
|
|
9
|
+
import { Text } from '../text';
|
|
10
|
+
import { cleanMarkdown, slugifyHeadingChildren } from './utils';
|
|
11
|
+
const TOC_HEADING_ID = 'Contents';
|
|
12
|
+
const StyledTOCLink = styled(Text) `
|
|
13
|
+
display: inline-block;
|
|
14
|
+
color: ${theme.color.neutral.textMuted};
|
|
15
|
+
text-decoration: none;
|
|
16
|
+
|
|
17
|
+
/* Do no change the font style if the heading is defined as bold in the markdown and is wrapped in a <strong> tag */
|
|
18
|
+
strong {
|
|
19
|
+
font-size: inherit !important;
|
|
20
|
+
line-height: inherit !important;
|
|
21
|
+
font-weight: inherit !important;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
&:hover, &.selected {
|
|
25
|
+
color: ${theme.color.primary.text} !important;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
&:before {
|
|
29
|
+
content: " ";
|
|
30
|
+
display: inline-block;
|
|
31
|
+
height: 100%;
|
|
32
|
+
left: 0;
|
|
33
|
+
margin-top: -1px;
|
|
34
|
+
position: absolute;
|
|
35
|
+
width: 1px;
|
|
36
|
+
background-color: ${theme.color.neutral.border};
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
&.selected:before {
|
|
40
|
+
background-color: ${theme.color.primary.text};
|
|
41
|
+
}
|
|
42
|
+
`;
|
|
43
|
+
const StyledTableOfContents = styled.div `
|
|
44
|
+
position: relative;
|
|
45
|
+
overflow: hidden;
|
|
46
|
+
|
|
47
|
+
p {
|
|
48
|
+
margin: 0;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.level-3 a {
|
|
52
|
+
color: ${theme.color.neutral.textSubtle};
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
ul {
|
|
56
|
+
padding-left: ${theme.space.space8} !important;
|
|
57
|
+
list-style: none;
|
|
58
|
+
margin: 0;
|
|
59
|
+
overflow-y: auto;
|
|
60
|
+
|
|
61
|
+
&.level-3 {
|
|
62
|
+
padding-left: ${theme.space.space16} !important;
|
|
63
|
+
max-height: 0;
|
|
64
|
+
overflow: hidden;
|
|
65
|
+
transition: all .3s ease-in-out;
|
|
66
|
+
|
|
67
|
+
&.expanded {
|
|
68
|
+
max-height: 1000px;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.inline-code {
|
|
74
|
+
${inlineCodeStyles}
|
|
75
|
+
}
|
|
76
|
+
`;
|
|
77
|
+
const handleScroll = (anchors, headlines, anchorLists, headingOffsetPx) => {
|
|
78
|
+
if (!anchors || !headlines)
|
|
79
|
+
return;
|
|
80
|
+
// Items that are past scroll
|
|
81
|
+
const headlinesPastScrollPosition = headlines.filter((headline) => {
|
|
82
|
+
return headline.getBoundingClientRect().top - headingOffsetPx < 0;
|
|
83
|
+
});
|
|
84
|
+
// Last item that is past the scroll is current in view. If no headline is past the scroll, let's select the first one
|
|
85
|
+
const currentHeadlineId = headlinesPastScrollPosition[headlinesPastScrollPosition.length - 1]?.id || headlines[0]?.id;
|
|
86
|
+
// Highlighting anchor of current headline
|
|
87
|
+
if (currentHeadlineId) {
|
|
88
|
+
const currentHash = `#${currentHeadlineId}`;
|
|
89
|
+
anchorLists?.forEach((anchorList) => anchorList.classList.remove('expanded'));
|
|
90
|
+
// Remove selected class from all anchors and only add it to the current one
|
|
91
|
+
anchors.forEach((anchor) => {
|
|
92
|
+
anchor.classList.remove('selected');
|
|
93
|
+
if (anchor.hash === currentHash) {
|
|
94
|
+
anchor.classList.add('selected');
|
|
95
|
+
const grandparent = anchor.parentNode?.parentNode;
|
|
96
|
+
// Structure of the table of content is normalized so we can figure out if section should be expanded
|
|
97
|
+
// by tag and className of neighboring nodes. There are two cases:
|
|
98
|
+
// 1) If h2 is selected, we want to expand its section with h3 headings
|
|
99
|
+
if (grandparent?.tagName === 'LI' && grandparent.children[1]?.tagName === 'UL' && grandparent.children[1]?.classList.contains('level-3')) {
|
|
100
|
+
grandparent.children[1].classList.add('expanded');
|
|
101
|
+
}
|
|
102
|
+
// 2) We also want to expand section of h3 headings that follow h1 right away
|
|
103
|
+
if (grandparent?.tagName === 'UL' && grandparent.classList.contains('level-3')) {
|
|
104
|
+
grandparent.classList.add('expanded');
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
});
|
|
108
|
+
}
|
|
109
|
+
};
|
|
110
|
+
const assignHeadingLevelsRecursively = ({ children, tagName, properties }, level) => {
|
|
111
|
+
if (level > 3)
|
|
112
|
+
return;
|
|
113
|
+
if (tagName === 'ul') {
|
|
114
|
+
properties.className = `level-${level}`; // assign level className
|
|
115
|
+
level += 1; // increase current heading level;
|
|
116
|
+
}
|
|
117
|
+
children?.forEach((child) => {
|
|
118
|
+
// We only care about ul and li elements - we don't need to traverse any other
|
|
119
|
+
if (child.type === 'element' && (tagName === 'ul' || tagName === 'li')) {
|
|
120
|
+
assignHeadingLevelsRecursively(child, level);
|
|
121
|
+
}
|
|
122
|
+
});
|
|
123
|
+
};
|
|
124
|
+
const TableOfContents = ({ markdown, headingOffsetPx = 10, allowElement, ...rest }) => {
|
|
125
|
+
const cleanedMarkdown = useMemo(() => {
|
|
126
|
+
const cleanedMarkdownString = cleanMarkdown(markdown);
|
|
127
|
+
return `### ${TOC_HEADING_ID}\n${cleanedMarkdownString}`;
|
|
128
|
+
}, [markdown]);
|
|
129
|
+
const hasTopLevelHeading = useMemo(() => !!cleanedMarkdown.match(/^#\s.+$/m), [cleanedMarkdown]);
|
|
130
|
+
const tocRef = useCallback((node) => {
|
|
131
|
+
const anchors = node ? Array.from(node.querySelectorAll('a')) : null;
|
|
132
|
+
const anchorLists = node ? Array.from(node.querySelectorAll('ul')) : null;
|
|
133
|
+
const headlines = (anchors || [])
|
|
134
|
+
.map((anchor) => document.getElementById(anchor.hash.substr(1)))
|
|
135
|
+
.filter((headline) => headline !== undefined && headline !== null);
|
|
136
|
+
const scrollHandler = () => handleScroll(anchors, headlines, anchorLists, headingOffsetPx);
|
|
137
|
+
// Callback refs cannot return cleanup functions - but they are called again with null on unmount
|
|
138
|
+
if (node) {
|
|
139
|
+
window.addEventListener('scroll', scrollHandler);
|
|
140
|
+
}
|
|
141
|
+
else {
|
|
142
|
+
window.removeEventListener('scroll', scrollHandler);
|
|
143
|
+
}
|
|
144
|
+
scrollHandler(); // call for the first time so we select the first heading without scrolling
|
|
145
|
+
}, [headingOffsetPx]);
|
|
146
|
+
return (<StyledTableOfContents ref={tocRef} {...rest}>
|
|
147
|
+
<ReactMarkdown allowElement={allowElement} remarkPlugins={[
|
|
148
|
+
[remarkToc, { heading: TOC_HEADING_ID, maxDepth: 3 }],
|
|
149
|
+
() => ({ children, ...nodeRest }) => {
|
|
150
|
+
// TOC plug-ins only inject content table to existing markdown documents - only generating it is not a common use-case
|
|
151
|
+
// To make is happen, we can just take the generated node where toc is located and throw away the rest.
|
|
152
|
+
// children[0] is the heading where toc is placed (that's plug-in's requirement)
|
|
153
|
+
// children[1] is the generated table of contents we can simply pick
|
|
154
|
+
let tocContentNode = children[1];
|
|
155
|
+
// If there is no H1 heading in the readme then assignHeadingLevelsRecursively does not work correctly.
|
|
156
|
+
// We need to 'normalize' the final node to have all the levels we expect
|
|
157
|
+
// - solution is to wrap the content in extra node that mimic this H1 group that remarkToc would normally create
|
|
158
|
+
if (!hasTopLevelHeading) {
|
|
159
|
+
tocContentNode = {
|
|
160
|
+
type: 'list',
|
|
161
|
+
ordered: false,
|
|
162
|
+
spread: false,
|
|
163
|
+
children: [
|
|
164
|
+
{
|
|
165
|
+
type: 'listItem',
|
|
166
|
+
spread: true,
|
|
167
|
+
children: [
|
|
168
|
+
tocContentNode,
|
|
169
|
+
],
|
|
170
|
+
},
|
|
171
|
+
],
|
|
172
|
+
};
|
|
173
|
+
}
|
|
174
|
+
return {
|
|
175
|
+
...nodeRest,
|
|
176
|
+
children: [
|
|
177
|
+
tocContentNode,
|
|
178
|
+
],
|
|
179
|
+
};
|
|
180
|
+
},
|
|
181
|
+
]} rehypePlugins={[() => (input) => {
|
|
182
|
+
// this plug-in already works with html node representation so we can assign classNames that we need
|
|
183
|
+
// in order to allow hiding blocks with h3 headings that are out of the viewport
|
|
184
|
+
assignHeadingLevelsRecursively(input.children[0], 1);
|
|
185
|
+
return input;
|
|
186
|
+
}]} components={{
|
|
187
|
+
a: ({ children }) => (<StyledTOCLink forwardedAs={Link} to={`#${slugifyHeadingChildren(children)}`} py={'space4'}>
|
|
188
|
+
{children}
|
|
189
|
+
</StyledTOCLink>),
|
|
190
|
+
code: ({ children }) => (<code className="inline-code">{children}</code>),
|
|
191
|
+
}}>
|
|
192
|
+
{cleanedMarkdown}
|
|
193
|
+
</ReactMarkdown>
|
|
194
|
+
</StyledTableOfContents>);
|
|
195
|
+
};
|
|
196
|
+
export default React.memo(TableOfContents, (prevProps, nextProps) => _.isEqual(prevProps, nextProps));
|
|
197
|
+
//# sourceMappingURL=table_of_contents.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table_of_contents.jsx","sourceRoot":"","sources":["../../../../src/components/readme_renderer/table_of_contents.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { AllowElement } from 'react-markdown/lib/rehype-filter';
|
|
3
|
+
export declare const slugifyHeadingChildren: (headingChildren: React.ReactNode) => string | undefined;
|
|
4
|
+
export declare const cleanMarkdown: (markdown: string, removeFirstH1?: boolean) => string;
|
|
5
|
+
export declare const useActorTitleHeadingFilter: (actorTitle: string) => AllowElement;
|
|
6
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/readme_renderer/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAGrE,eAAO,MAAM,sBAAsB,oBACd,KAAK,CAAC,SAAS,KACjC,MAAM,GAAG,SAcX,CAAC;AAEF,eAAO,MAAM,aAAa,aAAc,MAAM,kBAAkB,OAAO,KAAG,MAUzE,CAAC;AAGF,eAAO,MAAM,0BAA0B,eAAgB,MAAM,KAAG,YAU/D,CAAC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import React, { useCallback } from 'react';
|
|
2
|
+
import slugify from 'slugify';
|
|
3
|
+
export const slugifyHeadingChildren = (headingChildren) => {
|
|
4
|
+
if (!headingChildren)
|
|
5
|
+
return undefined;
|
|
6
|
+
const slugs = [];
|
|
7
|
+
React.Children.forEach(headingChildren, (child) => {
|
|
8
|
+
if (typeof child === 'string') {
|
|
9
|
+
slugs.push(slugify(child, { lower: true, strict: true }));
|
|
10
|
+
}
|
|
11
|
+
else if (React.isValidElement(child) && child.props.children) {
|
|
12
|
+
const nestedSlugs = slugifyHeadingChildren(child.props.children);
|
|
13
|
+
if (nestedSlugs)
|
|
14
|
+
slugs.push(nestedSlugs);
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
return slugs.join('-');
|
|
18
|
+
};
|
|
19
|
+
export const cleanMarkdown = (markdown, removeFirstH1) => {
|
|
20
|
+
// Remove the table of contents as we are generating our own
|
|
21
|
+
let clean = markdown
|
|
22
|
+
.replace(/<!-- toc start -->.*?<!-- toc end -->/s, '')
|
|
23
|
+
.replace(/##.*content.*?\n*<!-- toc -->(.|[\r\n])*<!-- tocstop -->\n*/, '');
|
|
24
|
+
// Remove first h1 if removeFirstH1 is true
|
|
25
|
+
if (removeFirstH1)
|
|
26
|
+
clean = clean.replace(removeFirstH1 ? /^#\s.+$/m : '', '');
|
|
27
|
+
return clean.trim();
|
|
28
|
+
};
|
|
29
|
+
// This removes the first element if it's a `h1` containing exactly the Actor title
|
|
30
|
+
export const useActorTitleHeadingFilter = (actorTitle) => {
|
|
31
|
+
return useCallback((element, index, parent) => {
|
|
32
|
+
if (parent.type === 'root'
|
|
33
|
+
&& index === 0
|
|
34
|
+
&& element.tagName === 'h1'
|
|
35
|
+
&& element.children.length === 1
|
|
36
|
+
&& element.children[0].type === 'text'
|
|
37
|
+
&& element.children[0].value?.toLowerCase() === actorTitle.toLowerCase())
|
|
38
|
+
return false;
|
|
39
|
+
return true;
|
|
40
|
+
}, [actorTitle]);
|
|
41
|
+
};
|
|
42
|
+
//# sourceMappingURL=utils.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.jsx","sourceRoot":"","sources":["../../../../src/components/readme_renderer/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,OAAO,MAAM,SAAS,CAAC;AAE9B,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAClC,eAAgC,EACd,EAAE;IACpB,IAAI,CAAC,eAAe;QAAE,OAAO,SAAS,CAAC;IAEvC,MAAM,KAAK,GAAa,EAAE,CAAC;IAC3B,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,eAAe,EAAE,CAAC,KAAK,EAAE,EAAE;QAC9C,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC5B,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAC9D,CAAC;aAAM,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YAC7D,MAAM,WAAW,GAAG,sBAAsB,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YACjE,IAAI,WAAW;gBAAE,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC7C,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC3B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,QAAgB,EAAE,aAAuB,EAAU,EAAE;IAC/E,4DAA4D;IAC5D,IAAI,KAAK,GAAG,QAAQ;SACf,OAAO,CAAC,wCAAwC,EAAE,EAAE,CAAC;SACrD,OAAO,CAAC,6DAA6D,EAAE,EAAE,CAAC,CAAC;IAEhF,2CAA2C;IAC3C,IAAI,aAAa;QAAE,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAE9E,OAAO,KAAK,CAAC,IAAI,EAAE,CAAC;AACxB,CAAC,CAAC;AAEF,mFAAmF;AACnF,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,UAAkB,EAAgB,EAAE;IAC3E,OAAO,WAAW,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;QAC1C,IAAI,MAAM,CAAC,IAAI,KAAK,MAAM;eACnB,KAAK,KAAK,CAAC;eACX,OAAO,CAAC,OAAO,KAAK,IAAI;eACxB,OAAO,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC;eAC7B,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM;eACnC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,UAAU,CAAC,WAAW,EAAE;YAAE,OAAO,KAAK,CAAC;QAC3F,OAAO,IAAI,CAAC;IAChB,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;AACrB,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/simple_markdown/index.tsx"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../src/components/simple_markdown/index.tsx"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Components } from 'react-markdown';
|
|
3
|
+
import type { ReactMarkdownOptions } from 'react-markdown/lib/react-markdown';
|
|
4
|
+
import rehypeRaw from 'rehype-raw';
|
|
5
|
+
import remarkGfm from 'remark-gfm';
|
|
6
|
+
export type SimpleMarkdownComponents = Components;
|
|
7
|
+
export declare const defaultRehypePlugins: (typeof rehypeRaw)[];
|
|
8
|
+
export declare const defaultRemarkPlugins: (typeof remarkGfm)[];
|
|
9
|
+
export declare const defaultAllowedElements: string[];
|
|
10
|
+
type MarkdownSize = 'regular' | 'small';
|
|
11
|
+
interface SimpleMarkdownProps extends ReactMarkdownOptions {
|
|
12
|
+
size?: MarkdownSize;
|
|
13
|
+
}
|
|
14
|
+
export declare const SimpleMarkdown: React.FC<SimpleMarkdownProps>;
|
|
15
|
+
export {};
|
|
16
|
+
//# sourceMappingURL=simple_markdown.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"simple_markdown.d.ts","sourceRoot":"","sources":["../../../../src/components/simple_markdown/simple_markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,SAAS,MAAM,YAAY,CAAC;AAkBnC,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAAC;AAqBlD,eAAO,MAAM,oBAAoB,sBAAc,CAAC;AAChD,eAAO,MAAM,oBAAoB,sBAAc,CAAC;AAChD,eAAO,MAAM,sBAAsB,UAgClC,CAAC;AA2CF,KAAK,YAAY,GAAG,SAAS,GAAG,OAAO,CAAC;AAExC,UAAU,mBAAoB,SAAQ,oBAAoB;IACtD,IAAI,CAAC,EAAE,YAAY,CAAC;CACvB;AAeD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuCxD,CAAC"}
|