@papillonarts/components 0.34.0 → 0.36.0
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/build/Legacy/Alert/__tests__/{Alert.markdown.docs.md → Alert.doc.md} +12 -12
- package/build/Legacy/Blankslate/__tests__/Blankslate.doc.md +57 -0
- package/build/Legacy/Breadcrumb/__tests__/Breadcrumb.doc.md +33 -0
- package/build/Legacy/Markdown/Markdown.d.ts +3 -0
- package/build/Legacy/Markdown/Markdown.d.ts.map +1 -0
- package/build/Legacy/{MarkdownDocs/MarkdownDocs.js → Markdown/Markdown.js} +15 -15
- package/build/Legacy/Markdown/Markdown.type.d.ts +15 -0
- package/build/Legacy/Markdown/Markdown.type.d.ts.map +1 -0
- package/build/Legacy/Markdown/Markdown.type.js +14 -0
- package/build/Legacy/Markdown/__tests__/Markdown.doc.md +33 -0
- package/build/Legacy/Markdown/index.d.ts +2 -0
- package/build/Legacy/Markdown/index.d.ts.map +1 -0
- package/build/Legacy/Markdown/index.js +12 -0
- package/build/Legacy/SyntaxHighlighter/SyntaxHighlighter.d.ts +3 -0
- package/build/Legacy/SyntaxHighlighter/SyntaxHighlighter.d.ts.map +1 -0
- package/build/Legacy/SyntaxHighlighter/SyntaxHighlighter.js +39 -0
- package/build/Legacy/SyntaxHighlighter/SyntaxHighlighter.type.d.ts +32 -0
- package/build/Legacy/SyntaxHighlighter/SyntaxHighlighter.type.d.ts.map +1 -0
- package/build/Legacy/SyntaxHighlighter/SyntaxHighlighter.type.js +25 -0
- package/build/Legacy/SyntaxHighlighter/SyntaxHighlighterHLJS.d.ts +3 -0
- package/build/Legacy/SyntaxHighlighter/SyntaxHighlighterHLJS.d.ts.map +1 -0
- package/build/Legacy/{PreformattedCode/PreformattedCodeHLJS.js → SyntaxHighlighter/SyntaxHighlighterHLJS.js} +6 -6
- package/build/Legacy/SyntaxHighlighter/SyntaxHighlighterPrism.d.ts +3 -0
- package/build/Legacy/SyntaxHighlighter/SyntaxHighlighterPrism.d.ts.map +1 -0
- package/build/Legacy/{PreformattedCode/PreformattedCodePrism.js → SyntaxHighlighter/SyntaxHighlighterPrism.js} +6 -6
- package/build/Legacy/SyntaxHighlighter/__tests__/SyntaxHighlighter.doc.md +61 -0
- package/build/Legacy/SyntaxHighlighter/index.d.ts +3 -0
- package/build/Legacy/SyntaxHighlighter/index.d.ts.map +1 -0
- package/build/Legacy/SyntaxHighlighter/index.js +31 -0
- package/build/Legacy/index.d.ts +4 -4
- package/build/Legacy/index.d.ts.map +1 -1
- package/build/Legacy/index.js +4 -4
- package/build/Modern/Flash/Flash.d.ts +1 -2
- package/build/Modern/Flash/Flash.d.ts.map +1 -1
- package/build/Modern/Flash/Flash.js +3 -4
- package/build/Modern/Flash/__tests__/Flash.doc.md +11 -0
- package/build/Modern/Flash/index.d.ts +1 -1
- package/build/Modern/Flash/index.d.ts.map +1 -1
- package/build/Modern/Flash/index.js +3 -4
- package/build/Modern/Link/Link.d.ts +19 -0
- package/build/Modern/Link/Link.d.ts.map +1 -0
- package/build/Modern/Link/Link.docs.json +61 -0
- package/build/Modern/Link/Link.js +57 -0
- package/build/Modern/Link/Link.module.scss +39 -0
- package/build/Modern/Link/__tests__/Link.doc.md +10 -0
- package/build/Modern/Link/index.d.ts +3 -0
- package/build/Modern/Link/index.d.ts.map +1 -0
- package/build/Modern/Link/index.js +12 -0
- package/build/Modern/Pagination/Pagination.d.ts +22 -0
- package/build/Modern/Pagination/Pagination.d.ts.map +1 -0
- package/build/Modern/Pagination/Pagination.docs.json +77 -0
- package/build/Modern/Pagination/Pagination.js +132 -0
- package/build/Modern/Pagination/Pagination.model.d.ts +26 -0
- package/build/Modern/Pagination/Pagination.model.d.ts.map +1 -0
- package/build/Modern/Pagination/Pagination.model.js +211 -0
- package/build/Modern/Pagination/Pagination.module.scss +141 -0
- package/build/Modern/Pagination/__tests__/Pagination.doc.md +12 -0
- package/build/Modern/Pagination/index.d.ts +3 -0
- package/build/Modern/Pagination/index.d.ts.map +1 -0
- package/build/Modern/Pagination/index.js +12 -0
- package/build/Modern/hooks/index.d.ts +3 -0
- package/build/Modern/hooks/index.d.ts.map +1 -0
- package/build/Modern/hooks/index.js +19 -0
- package/build/Modern/hooks/useMedia.d.ts +37 -0
- package/build/Modern/hooks/useMedia.d.ts.map +1 -0
- package/build/Modern/hooks/useMedia.js +141 -0
- package/build/Modern/hooks/useRefObjectAsForwardedRef.d.ts +10 -0
- package/build/Modern/hooks/useRefObjectAsForwardedRef.d.ts.map +1 -0
- package/build/Modern/hooks/useRefObjectAsForwardedRef.hookDocs.json +22 -0
- package/build/Modern/hooks/useRefObjectAsForwardedRef.js +19 -0
- package/build/Modern/hooks/useResponsiveValue.d.ts +31 -0
- package/build/Modern/hooks/useResponsiveValue.d.ts.map +1 -0
- package/build/Modern/hooks/useResponsiveValue.js +73 -0
- package/build/Modern/index.d.ts +24 -0
- package/build/Modern/index.d.ts.map +1 -1
- package/build/Modern/index.js +11 -3
- package/build/Modern/type.d.ts +4 -0
- package/build/Modern/type.d.ts.map +1 -0
- package/build/Modern/type.js +5 -0
- package/build/Modern/utils/environment.d.ts +11 -0
- package/build/Modern/utils/environment.d.ts.map +1 -0
- package/build/Modern/utils/environment.js +13 -0
- package/build/Modern/utils/modern-polymorphic.d.ts +22 -0
- package/build/Modern/utils/modern-polymorphic.d.ts.map +1 -0
- package/build/Modern/utils/modern-polymorphic.js +28 -0
- package/build/Modern/utils/types/ComponentProps.d.ts +9 -0
- package/build/Modern/utils/types/ComponentProps.d.ts.map +1 -0
- package/build/Modern/utils/types/ComponentProps.js +5 -0
- package/build/Modern/utils/types/index.d.ts +3 -0
- package/build/Modern/utils/types/index.d.ts.map +1 -0
- package/build/Modern/utils/types/index.js +27 -0
- package/build/Modern/utils/warning.d.ts +4 -0
- package/build/Modern/utils/warning.d.ts.map +1 -0
- package/build/Modern/utils/warning.js +25 -0
- package/build/index.d.ts +1 -0
- package/build/index.d.ts.map +1 -1
- package/package.json +4 -4
- package/build/Legacy/MarkdownDocs/MarkdownDocs.d.ts +0 -3
- package/build/Legacy/MarkdownDocs/MarkdownDocs.d.ts.map +0 -1
- package/build/Legacy/MarkdownDocs/MarkdownDocs.type.d.ts +0 -15
- package/build/Legacy/MarkdownDocs/MarkdownDocs.type.d.ts.map +0 -1
- package/build/Legacy/MarkdownDocs/MarkdownDocs.type.js +0 -14
- package/build/Legacy/MarkdownDocs/__tests__/MarkdownDocs.markdown.docs.md +0 -33
- package/build/Legacy/MarkdownDocs/index.d.ts +0 -2
- package/build/Legacy/MarkdownDocs/index.d.ts.map +0 -1
- package/build/Legacy/MarkdownDocs/index.js +0 -12
- package/build/Legacy/PreformattedCode/PreformattedCode.d.ts +0 -3
- package/build/Legacy/PreformattedCode/PreformattedCode.d.ts.map +0 -1
- package/build/Legacy/PreformattedCode/PreformattedCode.js +0 -39
- package/build/Legacy/PreformattedCode/PreformattedCode.type.d.ts +0 -32
- package/build/Legacy/PreformattedCode/PreformattedCode.type.d.ts.map +0 -1
- package/build/Legacy/PreformattedCode/PreformattedCode.type.js +0 -25
- package/build/Legacy/PreformattedCode/PreformattedCodeHLJS.d.ts +0 -3
- package/build/Legacy/PreformattedCode/PreformattedCodeHLJS.d.ts.map +0 -1
- package/build/Legacy/PreformattedCode/PreformattedCodePrism.d.ts +0 -3
- package/build/Legacy/PreformattedCode/PreformattedCodePrism.d.ts.map +0 -1
- package/build/Legacy/PreformattedCode/__tests__/PreformattedCode.markdown.docs.md +0 -61
- package/build/Legacy/PreformattedCode/index.d.ts +0 -3
- package/build/Legacy/PreformattedCode/index.d.ts.map +0 -1
- package/build/Legacy/PreformattedCode/index.js +0 -31
- package/build/Modern/Typing/index.d.js +0 -1
- package/build/Modern/global.d.js +0 -1
- /package/build/Modern/Flash/__tests__/{Flash.features.stories.module.scss → Flash.feature.scss} +0 -0
- /package/build/{Legacy/Typing → Typing}/index.d.js +0 -0
|
@@ -5,23 +5,23 @@
|
|
|
5
5
|
```
|
|
6
6
|
# Featues
|
|
7
7
|
|
|
8
|
-
>
|
|
8
|
+
> Default, DefaultMultipleParagraphs
|
|
9
9
|
> Info, Warning, Error, Success
|
|
10
10
|
> Full, Banner
|
|
11
|
-
>
|
|
11
|
+
> DefaultConsentWithInput, DefaultConsentWithoutInput
|
|
12
12
|
```
|
|
13
13
|
|
|
14
|
-
##
|
|
14
|
+
## Default
|
|
15
15
|
|
|
16
|
-
> Alert component
|
|
16
|
+
> Alert component default feature
|
|
17
17
|
|
|
18
18
|
```jsx
|
|
19
19
|
<Alert variant={AlertVariant.Default}>{children}</Alert>
|
|
20
20
|
```
|
|
21
21
|
|
|
22
|
-
##
|
|
22
|
+
## DefaultMultipleParagraphs
|
|
23
23
|
|
|
24
|
-
> Alert component
|
|
24
|
+
> Alert component default multiple paragraphs feature
|
|
25
25
|
|
|
26
26
|
```jsx
|
|
27
27
|
<Alert variant={AlertVariant.Default}>
|
|
@@ -81,9 +81,9 @@
|
|
|
81
81
|
<Alert variant={AlertVariant.Banner}>{children}</Alert>
|
|
82
82
|
```
|
|
83
83
|
|
|
84
|
-
##
|
|
84
|
+
## DefaultConsentWithInput
|
|
85
85
|
|
|
86
|
-
> Alert component
|
|
86
|
+
> Alert component default consent with input feature
|
|
87
87
|
|
|
88
88
|
```jsx
|
|
89
89
|
<Alert variant={AlertVariant.Default} consent={getConsent({ hasInput: true })}>
|
|
@@ -91,9 +91,9 @@
|
|
|
91
91
|
</Alert>
|
|
92
92
|
```
|
|
93
93
|
|
|
94
|
-
##
|
|
94
|
+
## DefaultConsentWithoutInput
|
|
95
95
|
|
|
96
|
-
> Alert component
|
|
96
|
+
> Alert component default consent without input feature
|
|
97
97
|
|
|
98
98
|
```jsx
|
|
99
99
|
<Alert variant={AlertVariant.Default} consent={getConsent({ hasInput: false })}>
|
|
@@ -101,9 +101,9 @@
|
|
|
101
101
|
</Alert>
|
|
102
102
|
```
|
|
103
103
|
|
|
104
|
-
##
|
|
104
|
+
## DefaultConsentCustom
|
|
105
105
|
|
|
106
|
-
> Alert component
|
|
106
|
+
> Alert component default consent custom feature
|
|
107
107
|
|
|
108
108
|
```jsx
|
|
109
109
|
<Alert variant={AlertVariant.Default} consent={consent}>
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
# Blankslate
|
|
2
|
+
|
|
3
|
+
> Blankslate component all features
|
|
4
|
+
|
|
5
|
+
```
|
|
6
|
+
# Featues
|
|
7
|
+
|
|
8
|
+
> Default, Narrow, Capped, Spacious, Large, CleanBackground
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## Default
|
|
12
|
+
|
|
13
|
+
> Blankslate component default feature
|
|
14
|
+
|
|
15
|
+
```jsx
|
|
16
|
+
<Blankslate variant={BlankslateVariant.Default} heading={heading} text={text} />
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
## Narrow
|
|
20
|
+
|
|
21
|
+
> Blankslate component narrow feature
|
|
22
|
+
|
|
23
|
+
```jsx
|
|
24
|
+
<Blankslate variant={BlankslateVariant.Narrow} heading={heading} text={text} />
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
## Capped
|
|
28
|
+
|
|
29
|
+
> Blankslate component capped feature
|
|
30
|
+
|
|
31
|
+
```jsx
|
|
32
|
+
<Blankslate variant={BlankslateVariant.Capped} heading={heading} text={text} />
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## Spacious
|
|
36
|
+
|
|
37
|
+
> Blankslate component spacious feature
|
|
38
|
+
|
|
39
|
+
```jsx
|
|
40
|
+
<Blankslate variant={BlankslateVariant.Spacious} heading={heading} text={text} />
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
## Large
|
|
44
|
+
|
|
45
|
+
> Blankslate component large feature
|
|
46
|
+
|
|
47
|
+
```jsx
|
|
48
|
+
<Blankslate variant={BlankslateVariant.Large} heading={heading} text={text} />
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
## CleanBackground
|
|
52
|
+
|
|
53
|
+
> Blankslate component cleanBackground feature
|
|
54
|
+
|
|
55
|
+
```jsx
|
|
56
|
+
<Blankslate hasCleanBackground={true} heading={heading} text={text} />
|
|
57
|
+
```
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
# Breadcrumb
|
|
2
|
+
|
|
3
|
+
> Breadcrumb component all features
|
|
4
|
+
|
|
5
|
+
```
|
|
6
|
+
# Featues
|
|
7
|
+
|
|
8
|
+
> Default, Active, Inactive
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## Default
|
|
12
|
+
|
|
13
|
+
> Breadcrumb component default feature
|
|
14
|
+
|
|
15
|
+
```jsx
|
|
16
|
+
<Breadcrumb ariaAttr={ariaAttr} items={items} onClick={action('onClick')} />
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
## Active
|
|
20
|
+
|
|
21
|
+
> Breadcrumb component active feature
|
|
22
|
+
|
|
23
|
+
```jsx
|
|
24
|
+
<Breadcrumb ariaAttr={ariaAttr} items={items} onClick={action('onClick')} state={BreadcrumbState.Active} />
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
## Inactive
|
|
28
|
+
|
|
29
|
+
> Breadcrumb component inactive feature
|
|
30
|
+
|
|
31
|
+
```jsx
|
|
32
|
+
<Breadcrumb ariaAttr={ariaAttr} items={items} onClick={action('onClick')} state={BreadcrumbState.Inactive} />
|
|
33
|
+
```
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../../src/Legacy/Markdown/Markdown.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAwC,MAAM,iBAAiB,CAAA;AAEjF,wBAAgB,QAAQ,CAAC,EAAE,WAAyC,EAAE,QAAQ,EAAE,EAAE,SAAS,2CAgD1F"}
|
|
@@ -4,26 +4,26 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.
|
|
7
|
+
exports.Markdown = Markdown;
|
|
8
8
|
var _reactMarkdown = _interopRequireDefault(require("react-markdown"));
|
|
9
9
|
var _remarkGfm = _interopRequireDefault(require("remark-gfm"));
|
|
10
|
-
var
|
|
11
|
-
var
|
|
10
|
+
var _SyntaxHighlighter = require("../SyntaxHighlighter");
|
|
11
|
+
var _Markdown = require("./Markdown.type");
|
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
-
function
|
|
13
|
+
function Markdown(_ref) {
|
|
14
14
|
var _ref$highlighter = _ref.highlighter,
|
|
15
|
-
highlighter = _ref$highlighter === void 0 ?
|
|
15
|
+
highlighter = _ref$highlighter === void 0 ? _Markdown.MarkdownDefault.Highlighter : _ref$highlighter,
|
|
16
16
|
children = _ref.children;
|
|
17
|
-
if (highlighter ==
|
|
17
|
+
if (highlighter == _Markdown.MarkdownHighlighter.HLJS) {
|
|
18
18
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMarkdown["default"], {
|
|
19
19
|
remarkPlugins: [_remarkGfm["default"]],
|
|
20
20
|
components: {
|
|
21
21
|
code: function code(props) {
|
|
22
22
|
var propsChildren = props.children;
|
|
23
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
24
|
-
highlighter:
|
|
25
|
-
language:
|
|
26
|
-
style:
|
|
23
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SyntaxHighlighter.SyntaxHighlighter, {
|
|
24
|
+
highlighter: _SyntaxHighlighter.SyntaxHighlighterHighlighter.HLJS,
|
|
25
|
+
language: _SyntaxHighlighter.SyntaxHighlighterLanguage.Markdown,
|
|
26
|
+
style: _SyntaxHighlighter.SyntaxHighlighterStyle.Ocean,
|
|
27
27
|
children: String(propsChildren).replace(/\n$/, '')
|
|
28
28
|
});
|
|
29
29
|
}
|
|
@@ -31,16 +31,16 @@ function MarkdownDocs(_ref) {
|
|
|
31
31
|
children: children
|
|
32
32
|
});
|
|
33
33
|
}
|
|
34
|
-
if (highlighter ==
|
|
34
|
+
if (highlighter == _Markdown.MarkdownHighlighter.PRISM) {
|
|
35
35
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMarkdown["default"], {
|
|
36
36
|
remarkPlugins: [_remarkGfm["default"]],
|
|
37
37
|
components: {
|
|
38
38
|
code: function code(props) {
|
|
39
39
|
var propsChildren = props.children;
|
|
40
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
41
|
-
highlighter:
|
|
42
|
-
language:
|
|
43
|
-
style:
|
|
40
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SyntaxHighlighter.SyntaxHighlighter, {
|
|
41
|
+
highlighter: _SyntaxHighlighter.SyntaxHighlighterHighlighter.PRISM,
|
|
42
|
+
language: _SyntaxHighlighter.SyntaxHighlighterLanguage.Markdown,
|
|
43
|
+
style: _SyntaxHighlighter.SyntaxHighlighterStyle.Nord,
|
|
44
44
|
children: String(propsChildren).replace(/\n$/, '')
|
|
45
45
|
});
|
|
46
46
|
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export interface IMarkdownHighlighter {
|
|
2
|
+
HLJS: string;
|
|
3
|
+
PRISM: string;
|
|
4
|
+
}
|
|
5
|
+
export declare const MarkdownHighlighter: IMarkdownHighlighter;
|
|
6
|
+
export interface IMarkdownDefault {
|
|
7
|
+
Highlighter?: string;
|
|
8
|
+
Children: string;
|
|
9
|
+
}
|
|
10
|
+
export declare const MarkdownDefault: IMarkdownDefault;
|
|
11
|
+
export interface IMarkdown {
|
|
12
|
+
highlighter?: string;
|
|
13
|
+
children?: string;
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=Markdown.type.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Markdown.type.d.ts","sourceRoot":"","sources":["../../../src/Legacy/Markdown/Markdown.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,mBAAmB,EAAE,oBAGjC,CAAA;AAED,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,eAAe,EAAE,gBAG7B,CAAA;AAED,MAAM,WAAW,SAAS;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.MarkdownHighlighter = exports.MarkdownDefault = void 0;
|
|
7
|
+
var MarkdownHighlighter = exports.MarkdownHighlighter = {
|
|
8
|
+
HLJS: 'HLJS',
|
|
9
|
+
PRISM: 'PRISM'
|
|
10
|
+
};
|
|
11
|
+
var MarkdownDefault = exports.MarkdownDefault = {
|
|
12
|
+
Highlighter: MarkdownHighlighter.PRISM,
|
|
13
|
+
Children: ''
|
|
14
|
+
};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
# Markdown
|
|
2
|
+
|
|
3
|
+
> Markdown component all features
|
|
4
|
+
|
|
5
|
+
```
|
|
6
|
+
# Features
|
|
7
|
+
|
|
8
|
+
> Default
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## Default
|
|
12
|
+
|
|
13
|
+
> Markdown component default feature
|
|
14
|
+
|
|
15
|
+
```jsx
|
|
16
|
+
<Markdown>{MarkdownCode}</Markdown>
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
## HLJS
|
|
20
|
+
|
|
21
|
+
> Markdown component hljs feature
|
|
22
|
+
|
|
23
|
+
```jsx
|
|
24
|
+
<Markdown highlighter={MarkdownHighlighter.HLJS}>{MarkdownCode}</Markdown>
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
## Prism
|
|
28
|
+
|
|
29
|
+
> Markdown component prism feature
|
|
30
|
+
|
|
31
|
+
```jsx
|
|
32
|
+
<Markdown highlighter={MarkdownHighlighter.PRISM}>{MarkdownCode}</Markdown>
|
|
33
|
+
```
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Legacy/Markdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "Markdown", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _Markdown.Markdown;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _Markdown = require("./Markdown");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SyntaxHighlighter.d.ts","sourceRoot":"","sources":["../../../src/Legacy/SyntaxHighlighter/SyntaxHighlighter.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAA0D,MAAM,0BAA0B,CAAA;AAIrH,wBAAgB,iBAAiB,CAAC,EAChC,WAAkD,EAClD,QAA4C,EAC5C,KAAsC,EACtC,QAAQ,GACT,EAAE,kBAAkB,2CAgBpB"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.SyntaxHighlighter = SyntaxHighlighter;
|
|
7
|
+
var _SyntaxHighlighter = require("./SyntaxHighlighter.type");
|
|
8
|
+
var _SyntaxHighlighterHLJS = require("./SyntaxHighlighterHLJS");
|
|
9
|
+
var _SyntaxHighlighterPrism = require("./SyntaxHighlighterPrism");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
// https://github.com/react-syntax-highlighter/react-syntax-highlighter
|
|
12
|
+
// https://github.com/react-syntax-highlighter/react-syntax-highlighter/blob/master/AVAILABLE_LANGUAGES_HLJS.MD
|
|
13
|
+
// https://github.com/react-syntax-highlighter/react-syntax-highlighter/blob/master/AVAILABLE_STYLES_HLJS.MD
|
|
14
|
+
// https://github.com/react-syntax-highlighter/react-syntax-highlighter/blob/master/AVAILABLE_LANGUAGES_PRISM.MD
|
|
15
|
+
// https://github.com/react-syntax-highlighter/react-syntax-highlighter/blob/master/AVAILABLE_STYLES_PRISM.MD
|
|
16
|
+
|
|
17
|
+
function SyntaxHighlighter(_ref) {
|
|
18
|
+
var _ref$highlighter = _ref.highlighter,
|
|
19
|
+
highlighter = _ref$highlighter === void 0 ? _SyntaxHighlighter.SyntaxHighlighterDefault.Highlighter : _ref$highlighter,
|
|
20
|
+
_ref$language = _ref.language,
|
|
21
|
+
language = _ref$language === void 0 ? _SyntaxHighlighter.SyntaxHighlighterDefault.Language : _ref$language,
|
|
22
|
+
_ref$style = _ref.style,
|
|
23
|
+
style = _ref$style === void 0 ? _SyntaxHighlighter.SyntaxHighlighterDefault.Style : _ref$style,
|
|
24
|
+
children = _ref.children;
|
|
25
|
+
if (highlighter == _SyntaxHighlighter.SyntaxHighlighterHighlighter.HLJS) {
|
|
26
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SyntaxHighlighterHLJS.SyntaxHighlighterHLJS, {
|
|
27
|
+
language: language,
|
|
28
|
+
style: style,
|
|
29
|
+
children: children
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
if (highlighter == _SyntaxHighlighter.SyntaxHighlighterHighlighter.PRISM) {
|
|
33
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SyntaxHighlighterPrism.SyntaxHighlighterPrism, {
|
|
34
|
+
language: language,
|
|
35
|
+
style: style,
|
|
36
|
+
children: children
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
export interface ISyntaxHighlighterHighlighter {
|
|
2
|
+
HLJS: string;
|
|
3
|
+
PRISM: string;
|
|
4
|
+
}
|
|
5
|
+
export declare const SyntaxHighlighterHighlighter: ISyntaxHighlighterHighlighter;
|
|
6
|
+
export interface ISyntaxHighlighterLanguage {
|
|
7
|
+
TypeScript: string;
|
|
8
|
+
JavaScript: string;
|
|
9
|
+
Markdown: string;
|
|
10
|
+
}
|
|
11
|
+
export declare const SyntaxHighlighterLanguage: ISyntaxHighlighterLanguage;
|
|
12
|
+
export interface ISyntaxHighlighterStyle {
|
|
13
|
+
Ocean: string;
|
|
14
|
+
Nord: string;
|
|
15
|
+
}
|
|
16
|
+
export declare const SyntaxHighlighterStyle: ISyntaxHighlighterStyle;
|
|
17
|
+
export interface ISyntaxHighlighterDefault {
|
|
18
|
+
Highlighter?: string;
|
|
19
|
+
Language: string;
|
|
20
|
+
Style: string;
|
|
21
|
+
Children: string;
|
|
22
|
+
}
|
|
23
|
+
export declare const SyntaxHighlighterDefault: ISyntaxHighlighterDefault;
|
|
24
|
+
export interface ISyntaxHighlighter extends ISyntaxHighlighterBase {
|
|
25
|
+
highlighter?: string;
|
|
26
|
+
}
|
|
27
|
+
export interface ISyntaxHighlighterBase {
|
|
28
|
+
language?: string;
|
|
29
|
+
style?: string;
|
|
30
|
+
children?: string;
|
|
31
|
+
}
|
|
32
|
+
//# sourceMappingURL=SyntaxHighlighter.type.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SyntaxHighlighter.type.d.ts","sourceRoot":"","sources":["../../../src/Legacy/SyntaxHighlighter/SyntaxHighlighter.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,6BAA6B;IAC5C,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,4BAA4B,EAAE,6BAG1C,CAAA;AAED,MAAM,WAAW,0BAA0B;IACzC,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,yBAAyB,EAAE,0BAIvC,CAAA;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb;AAED,eAAO,MAAM,sBAAsB,EAAE,uBAGpC,CAAA;AAED,MAAM,WAAW,yBAAyB;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,wBAAwB,EAAE,yBAKtC,CAAA;AAED,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;IAChE,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.SyntaxHighlighterStyle = exports.SyntaxHighlighterLanguage = exports.SyntaxHighlighterHighlighter = exports.SyntaxHighlighterDefault = void 0;
|
|
7
|
+
var SyntaxHighlighterHighlighter = exports.SyntaxHighlighterHighlighter = {
|
|
8
|
+
HLJS: 'HLJS',
|
|
9
|
+
PRISM: 'PRISM'
|
|
10
|
+
};
|
|
11
|
+
var SyntaxHighlighterLanguage = exports.SyntaxHighlighterLanguage = {
|
|
12
|
+
TypeScript: 'typescript',
|
|
13
|
+
JavaScript: 'javascript',
|
|
14
|
+
Markdown: 'markdown'
|
|
15
|
+
};
|
|
16
|
+
var SyntaxHighlighterStyle = exports.SyntaxHighlighterStyle = {
|
|
17
|
+
Ocean: 'ocean',
|
|
18
|
+
Nord: 'nord'
|
|
19
|
+
};
|
|
20
|
+
var SyntaxHighlighterDefault = exports.SyntaxHighlighterDefault = {
|
|
21
|
+
Highlighter: SyntaxHighlighterHighlighter.HLJS,
|
|
22
|
+
Language: SyntaxHighlighterLanguage.TypeScript,
|
|
23
|
+
Style: SyntaxHighlighterStyle.Ocean,
|
|
24
|
+
Children: ''
|
|
25
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SyntaxHighlighterHLJS.d.ts","sourceRoot":"","sources":["../../../src/Legacy/SyntaxHighlighter/SyntaxHighlighterHLJS.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,sBAAsB,EAAoD,MAAM,0BAA0B,CAAA;AAInH,wBAAgB,qBAAqB,CAAC,EACpC,QAA4C,EAC5C,KAAsC,EACtC,QAAQ,GACT,EAAE,sBAAsB,2CAYxB"}
|
|
@@ -4,23 +4,23 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.
|
|
7
|
+
exports.SyntaxHighlighterHLJS = SyntaxHighlighterHLJS;
|
|
8
8
|
var _reactSyntaxHighlighter = require("react-syntax-highlighter");
|
|
9
9
|
var _typescript = _interopRequireDefault(require("react-syntax-highlighter/dist/esm/languages/hljs/typescript"));
|
|
10
10
|
var _hljs = require("react-syntax-highlighter/dist/esm/styles/hljs");
|
|
11
|
-
var
|
|
11
|
+
var _SyntaxHighlighter = require("./SyntaxHighlighter.type");
|
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
13
|
// https://github.com/react-syntax-highlighter/react-syntax-highlighter?tab=readme-ov-file#light-build
|
|
14
14
|
|
|
15
15
|
_reactSyntaxHighlighter.Light.registerLanguage('typescript', _typescript["default"]);
|
|
16
|
-
function
|
|
16
|
+
function SyntaxHighlighterHLJS(_ref) {
|
|
17
17
|
var _ref$language = _ref.language,
|
|
18
|
-
language = _ref$language === void 0 ?
|
|
18
|
+
language = _ref$language === void 0 ? _SyntaxHighlighter.SyntaxHighlighterDefault.Language : _ref$language,
|
|
19
19
|
_ref$style = _ref.style,
|
|
20
|
-
style = _ref$style === void 0 ?
|
|
20
|
+
style = _ref$style === void 0 ? _SyntaxHighlighter.SyntaxHighlighterDefault.Style : _ref$style,
|
|
21
21
|
children = _ref.children;
|
|
22
22
|
var highlighterStyle;
|
|
23
|
-
if (style ==
|
|
23
|
+
if (style == _SyntaxHighlighter.SyntaxHighlighterStyle.Ocean) {
|
|
24
24
|
highlighterStyle = _hljs.ocean;
|
|
25
25
|
}
|
|
26
26
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSyntaxHighlighter.Light, {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SyntaxHighlighterPrism.d.ts","sourceRoot":"","sources":["../../../src/Legacy/SyntaxHighlighter/SyntaxHighlighterPrism.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,sBAAsB,EAAoD,MAAM,0BAA0B,CAAA;AAKnH,wBAAgB,sBAAsB,CAAC,EACrC,QAA4C,EAC5C,KAAsC,EACtC,QAAQ,GACT,EAAE,sBAAsB,2CAWxB"}
|
|
@@ -4,25 +4,25 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.
|
|
7
|
+
exports.SyntaxHighlighterPrism = SyntaxHighlighterPrism;
|
|
8
8
|
var _reactSyntaxHighlighter = require("react-syntax-highlighter");
|
|
9
9
|
var _markdown = _interopRequireDefault(require("react-syntax-highlighter/dist/esm/languages/prism/markdown"));
|
|
10
10
|
var _typescript = _interopRequireDefault(require("react-syntax-highlighter/dist/esm/languages/prism/typescript"));
|
|
11
11
|
var _prism = require("react-syntax-highlighter/dist/esm/styles/prism");
|
|
12
|
-
var
|
|
12
|
+
var _SyntaxHighlighter = require("./SyntaxHighlighter.type");
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
14
|
// https://github.com/react-syntax-highlighter/react-syntax-highlighter?tab=readme-ov-file#light-build
|
|
15
15
|
|
|
16
16
|
_reactSyntaxHighlighter.PrismLight.registerLanguage('typescript', _typescript["default"]);
|
|
17
17
|
_reactSyntaxHighlighter.PrismLight.registerLanguage('markdown', _markdown["default"]);
|
|
18
|
-
function
|
|
18
|
+
function SyntaxHighlighterPrism(_ref) {
|
|
19
19
|
var _ref$language = _ref.language,
|
|
20
|
-
language = _ref$language === void 0 ?
|
|
20
|
+
language = _ref$language === void 0 ? _SyntaxHighlighter.SyntaxHighlighterDefault.Language : _ref$language,
|
|
21
21
|
_ref$style = _ref.style,
|
|
22
|
-
style = _ref$style === void 0 ?
|
|
22
|
+
style = _ref$style === void 0 ? _SyntaxHighlighter.SyntaxHighlighterDefault.Style : _ref$style,
|
|
23
23
|
children = _ref.children;
|
|
24
24
|
var highlighterStyle;
|
|
25
|
-
if (style ==
|
|
25
|
+
if (style == _SyntaxHighlighter.SyntaxHighlighterStyle.Nord) {
|
|
26
26
|
highlighterStyle = _prism.nord;
|
|
27
27
|
}
|
|
28
28
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSyntaxHighlighter.PrismLight, {
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
# SyntaxHighlighter
|
|
2
|
+
|
|
3
|
+
> SyntaxHighlighter component all features
|
|
4
|
+
|
|
5
|
+
```
|
|
6
|
+
# Features
|
|
7
|
+
|
|
8
|
+
> Default
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## Default
|
|
12
|
+
|
|
13
|
+
> Markdown component default feature
|
|
14
|
+
|
|
15
|
+
```jsx
|
|
16
|
+
<SyntaxHighlighter>{TypeScriptCode}</SyntaxHighlighter>
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
## HLJS TypeScript
|
|
20
|
+
|
|
21
|
+
> Markdown component hljs typescript feature
|
|
22
|
+
|
|
23
|
+
```jsx
|
|
24
|
+
<SyntaxHighlighter
|
|
25
|
+
highlighter={SyntaxHighlighterHighlighter.HLJS}
|
|
26
|
+
language={SyntaxHighlighterLanguage.TypeScript}
|
|
27
|
+
style={SyntaxHighlighterStyle.Ocean}
|
|
28
|
+
>
|
|
29
|
+
{TypeScriptCode}
|
|
30
|
+
</SyntaxHighlighter>
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
## HLJS Markdown
|
|
34
|
+
|
|
35
|
+
> Markdown component hljs markdown feature
|
|
36
|
+
|
|
37
|
+
```jsx
|
|
38
|
+
<Markdown highlighter={MarkdownHighlighter.HLJS}>{SyntaxHighlighterMarkdown}</Markdown>
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
## Prism TypeScript
|
|
42
|
+
|
|
43
|
+
> Markdown component prism typescript feature
|
|
44
|
+
|
|
45
|
+
```jsx
|
|
46
|
+
<SyntaxHighlighter
|
|
47
|
+
highlighter={SyntaxHighlighterHighlighter.PRISM}
|
|
48
|
+
language={SyntaxHighlighterLanguage.TypeScript}
|
|
49
|
+
style={SyntaxHighlighterStyle.Nord}
|
|
50
|
+
>
|
|
51
|
+
{TypeScriptCode}
|
|
52
|
+
</SyntaxHighlighter>
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
## Prism Markdown
|
|
56
|
+
|
|
57
|
+
> Markdown component prism markdown feature
|
|
58
|
+
|
|
59
|
+
```jsx
|
|
60
|
+
<Markdown highlighter={MarkdownHighlighter.PRISM}>{SyntaxHighlighterMarkdown}</Markdown>
|
|
61
|
+
```
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Legacy/SyntaxHighlighter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,4BAA4B,EAAE,yBAAyB,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "SyntaxHighlighter", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _SyntaxHighlighter.SyntaxHighlighter;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "SyntaxHighlighterHighlighter", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _SyntaxHighlighter2.SyntaxHighlighterHighlighter;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "SyntaxHighlighterLanguage", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _SyntaxHighlighter2.SyntaxHighlighterLanguage;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "SyntaxHighlighterStyle", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function get() {
|
|
27
|
+
return _SyntaxHighlighter2.SyntaxHighlighterStyle;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
var _SyntaxHighlighter = require("./SyntaxHighlighter");
|
|
31
|
+
var _SyntaxHighlighter2 = require("./SyntaxHighlighter.type");
|
package/build/Legacy/index.d.ts
CHANGED
|
@@ -8,13 +8,13 @@ import { ErrorBoundary } from './ErrorBoundary';
|
|
|
8
8
|
import { Icon } from './Icon';
|
|
9
9
|
import { Label } from './Label';
|
|
10
10
|
import { Loader } from './Loader';
|
|
11
|
-
import {
|
|
11
|
+
import { Markdown } from './Markdown';
|
|
12
12
|
import { Popover } from './Popover';
|
|
13
|
-
import { PreformattedCode } from './PreformattedCode';
|
|
14
13
|
import { Progress } from './Progress';
|
|
15
14
|
import { Select } from './Select';
|
|
16
15
|
import { SelectMenu } from './SelectMenu';
|
|
17
16
|
import { Subhead } from './Subhead';
|
|
17
|
+
import { SyntaxHighlighter } from './SyntaxHighlighter';
|
|
18
18
|
import { Toast } from './Toast';
|
|
19
19
|
export type { IFlexGridItem } from './Grid';
|
|
20
20
|
export declare const Legacy: {
|
|
@@ -719,7 +719,7 @@ export declare const Legacy: {
|
|
|
719
719
|
Loader: typeof Loader;
|
|
720
720
|
LoaderVariant: import("./Loader/Loader.type").ILoaderVariant;
|
|
721
721
|
};
|
|
722
|
-
|
|
722
|
+
Markdown: typeof Markdown;
|
|
723
723
|
Navigation: {
|
|
724
724
|
Menu: typeof import("./Navigation/Menu").Menu;
|
|
725
725
|
TabNav: typeof import("./Navigation/TabNav").TabNav;
|
|
@@ -737,7 +737,7 @@ export declare const Legacy: {
|
|
|
737
737
|
PopoverVariant: import("./Popover/Popover.type").IPopoverVariant;
|
|
738
738
|
PopoverSize: import("./Popover/Popover.type").IPopoverSize;
|
|
739
739
|
};
|
|
740
|
-
|
|
740
|
+
SyntaxHighlighter: typeof SyntaxHighlighter;
|
|
741
741
|
Progress: {
|
|
742
742
|
Progress: typeof Progress;
|
|
743
743
|
ProgressVariant: import("./Progress/Progress.type").IProgressVariant;
|