@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.
Files changed (124) hide show
  1. package/build/Legacy/Alert/__tests__/{Alert.markdown.docs.md → Alert.doc.md} +12 -12
  2. package/build/Legacy/Blankslate/__tests__/Blankslate.doc.md +57 -0
  3. package/build/Legacy/Breadcrumb/__tests__/Breadcrumb.doc.md +33 -0
  4. package/build/Legacy/Markdown/Markdown.d.ts +3 -0
  5. package/build/Legacy/Markdown/Markdown.d.ts.map +1 -0
  6. package/build/Legacy/{MarkdownDocs/MarkdownDocs.js → Markdown/Markdown.js} +15 -15
  7. package/build/Legacy/Markdown/Markdown.type.d.ts +15 -0
  8. package/build/Legacy/Markdown/Markdown.type.d.ts.map +1 -0
  9. package/build/Legacy/Markdown/Markdown.type.js +14 -0
  10. package/build/Legacy/Markdown/__tests__/Markdown.doc.md +33 -0
  11. package/build/Legacy/Markdown/index.d.ts +2 -0
  12. package/build/Legacy/Markdown/index.d.ts.map +1 -0
  13. package/build/Legacy/Markdown/index.js +12 -0
  14. package/build/Legacy/SyntaxHighlighter/SyntaxHighlighter.d.ts +3 -0
  15. package/build/Legacy/SyntaxHighlighter/SyntaxHighlighter.d.ts.map +1 -0
  16. package/build/Legacy/SyntaxHighlighter/SyntaxHighlighter.js +39 -0
  17. package/build/Legacy/SyntaxHighlighter/SyntaxHighlighter.type.d.ts +32 -0
  18. package/build/Legacy/SyntaxHighlighter/SyntaxHighlighter.type.d.ts.map +1 -0
  19. package/build/Legacy/SyntaxHighlighter/SyntaxHighlighter.type.js +25 -0
  20. package/build/Legacy/SyntaxHighlighter/SyntaxHighlighterHLJS.d.ts +3 -0
  21. package/build/Legacy/SyntaxHighlighter/SyntaxHighlighterHLJS.d.ts.map +1 -0
  22. package/build/Legacy/{PreformattedCode/PreformattedCodeHLJS.js → SyntaxHighlighter/SyntaxHighlighterHLJS.js} +6 -6
  23. package/build/Legacy/SyntaxHighlighter/SyntaxHighlighterPrism.d.ts +3 -0
  24. package/build/Legacy/SyntaxHighlighter/SyntaxHighlighterPrism.d.ts.map +1 -0
  25. package/build/Legacy/{PreformattedCode/PreformattedCodePrism.js → SyntaxHighlighter/SyntaxHighlighterPrism.js} +6 -6
  26. package/build/Legacy/SyntaxHighlighter/__tests__/SyntaxHighlighter.doc.md +61 -0
  27. package/build/Legacy/SyntaxHighlighter/index.d.ts +3 -0
  28. package/build/Legacy/SyntaxHighlighter/index.d.ts.map +1 -0
  29. package/build/Legacy/SyntaxHighlighter/index.js +31 -0
  30. package/build/Legacy/index.d.ts +4 -4
  31. package/build/Legacy/index.d.ts.map +1 -1
  32. package/build/Legacy/index.js +4 -4
  33. package/build/Modern/Flash/Flash.d.ts +1 -2
  34. package/build/Modern/Flash/Flash.d.ts.map +1 -1
  35. package/build/Modern/Flash/Flash.js +3 -4
  36. package/build/Modern/Flash/__tests__/Flash.doc.md +11 -0
  37. package/build/Modern/Flash/index.d.ts +1 -1
  38. package/build/Modern/Flash/index.d.ts.map +1 -1
  39. package/build/Modern/Flash/index.js +3 -4
  40. package/build/Modern/Link/Link.d.ts +19 -0
  41. package/build/Modern/Link/Link.d.ts.map +1 -0
  42. package/build/Modern/Link/Link.docs.json +61 -0
  43. package/build/Modern/Link/Link.js +57 -0
  44. package/build/Modern/Link/Link.module.scss +39 -0
  45. package/build/Modern/Link/__tests__/Link.doc.md +10 -0
  46. package/build/Modern/Link/index.d.ts +3 -0
  47. package/build/Modern/Link/index.d.ts.map +1 -0
  48. package/build/Modern/Link/index.js +12 -0
  49. package/build/Modern/Pagination/Pagination.d.ts +22 -0
  50. package/build/Modern/Pagination/Pagination.d.ts.map +1 -0
  51. package/build/Modern/Pagination/Pagination.docs.json +77 -0
  52. package/build/Modern/Pagination/Pagination.js +132 -0
  53. package/build/Modern/Pagination/Pagination.model.d.ts +26 -0
  54. package/build/Modern/Pagination/Pagination.model.d.ts.map +1 -0
  55. package/build/Modern/Pagination/Pagination.model.js +211 -0
  56. package/build/Modern/Pagination/Pagination.module.scss +141 -0
  57. package/build/Modern/Pagination/__tests__/Pagination.doc.md +12 -0
  58. package/build/Modern/Pagination/index.d.ts +3 -0
  59. package/build/Modern/Pagination/index.d.ts.map +1 -0
  60. package/build/Modern/Pagination/index.js +12 -0
  61. package/build/Modern/hooks/index.d.ts +3 -0
  62. package/build/Modern/hooks/index.d.ts.map +1 -0
  63. package/build/Modern/hooks/index.js +19 -0
  64. package/build/Modern/hooks/useMedia.d.ts +37 -0
  65. package/build/Modern/hooks/useMedia.d.ts.map +1 -0
  66. package/build/Modern/hooks/useMedia.js +141 -0
  67. package/build/Modern/hooks/useRefObjectAsForwardedRef.d.ts +10 -0
  68. package/build/Modern/hooks/useRefObjectAsForwardedRef.d.ts.map +1 -0
  69. package/build/Modern/hooks/useRefObjectAsForwardedRef.hookDocs.json +22 -0
  70. package/build/Modern/hooks/useRefObjectAsForwardedRef.js +19 -0
  71. package/build/Modern/hooks/useResponsiveValue.d.ts +31 -0
  72. package/build/Modern/hooks/useResponsiveValue.d.ts.map +1 -0
  73. package/build/Modern/hooks/useResponsiveValue.js +73 -0
  74. package/build/Modern/index.d.ts +24 -0
  75. package/build/Modern/index.d.ts.map +1 -1
  76. package/build/Modern/index.js +11 -3
  77. package/build/Modern/type.d.ts +4 -0
  78. package/build/Modern/type.d.ts.map +1 -0
  79. package/build/Modern/type.js +5 -0
  80. package/build/Modern/utils/environment.d.ts +11 -0
  81. package/build/Modern/utils/environment.d.ts.map +1 -0
  82. package/build/Modern/utils/environment.js +13 -0
  83. package/build/Modern/utils/modern-polymorphic.d.ts +22 -0
  84. package/build/Modern/utils/modern-polymorphic.d.ts.map +1 -0
  85. package/build/Modern/utils/modern-polymorphic.js +28 -0
  86. package/build/Modern/utils/types/ComponentProps.d.ts +9 -0
  87. package/build/Modern/utils/types/ComponentProps.d.ts.map +1 -0
  88. package/build/Modern/utils/types/ComponentProps.js +5 -0
  89. package/build/Modern/utils/types/index.d.ts +3 -0
  90. package/build/Modern/utils/types/index.d.ts.map +1 -0
  91. package/build/Modern/utils/types/index.js +27 -0
  92. package/build/Modern/utils/warning.d.ts +4 -0
  93. package/build/Modern/utils/warning.d.ts.map +1 -0
  94. package/build/Modern/utils/warning.js +25 -0
  95. package/build/index.d.ts +1 -0
  96. package/build/index.d.ts.map +1 -1
  97. package/package.json +4 -4
  98. package/build/Legacy/MarkdownDocs/MarkdownDocs.d.ts +0 -3
  99. package/build/Legacy/MarkdownDocs/MarkdownDocs.d.ts.map +0 -1
  100. package/build/Legacy/MarkdownDocs/MarkdownDocs.type.d.ts +0 -15
  101. package/build/Legacy/MarkdownDocs/MarkdownDocs.type.d.ts.map +0 -1
  102. package/build/Legacy/MarkdownDocs/MarkdownDocs.type.js +0 -14
  103. package/build/Legacy/MarkdownDocs/__tests__/MarkdownDocs.markdown.docs.md +0 -33
  104. package/build/Legacy/MarkdownDocs/index.d.ts +0 -2
  105. package/build/Legacy/MarkdownDocs/index.d.ts.map +0 -1
  106. package/build/Legacy/MarkdownDocs/index.js +0 -12
  107. package/build/Legacy/PreformattedCode/PreformattedCode.d.ts +0 -3
  108. package/build/Legacy/PreformattedCode/PreformattedCode.d.ts.map +0 -1
  109. package/build/Legacy/PreformattedCode/PreformattedCode.js +0 -39
  110. package/build/Legacy/PreformattedCode/PreformattedCode.type.d.ts +0 -32
  111. package/build/Legacy/PreformattedCode/PreformattedCode.type.d.ts.map +0 -1
  112. package/build/Legacy/PreformattedCode/PreformattedCode.type.js +0 -25
  113. package/build/Legacy/PreformattedCode/PreformattedCodeHLJS.d.ts +0 -3
  114. package/build/Legacy/PreformattedCode/PreformattedCodeHLJS.d.ts.map +0 -1
  115. package/build/Legacy/PreformattedCode/PreformattedCodePrism.d.ts +0 -3
  116. package/build/Legacy/PreformattedCode/PreformattedCodePrism.d.ts.map +0 -1
  117. package/build/Legacy/PreformattedCode/__tests__/PreformattedCode.markdown.docs.md +0 -61
  118. package/build/Legacy/PreformattedCode/index.d.ts +0 -3
  119. package/build/Legacy/PreformattedCode/index.d.ts.map +0 -1
  120. package/build/Legacy/PreformattedCode/index.js +0 -31
  121. package/build/Modern/Typing/index.d.js +0 -1
  122. package/build/Modern/global.d.js +0 -1
  123. /package/build/Modern/Flash/__tests__/{Flash.features.stories.module.scss → Flash.feature.scss} +0 -0
  124. /package/build/{Legacy/Typing → Typing}/index.d.js +0 -0
@@ -5,23 +5,23 @@
5
5
  ```
6
6
  # Featues
7
7
 
8
- > Regular, RegularMultipleParagraphs
8
+ > Default, DefaultMultipleParagraphs
9
9
  > Info, Warning, Error, Success
10
10
  > Full, Banner
11
- > RegularConsentWithInput, RegularConsentWithoutInput
11
+ > DefaultConsentWithInput, DefaultConsentWithoutInput
12
12
  ```
13
13
 
14
- ## Regular
14
+ ## Default
15
15
 
16
- > Alert component regular feature
16
+ > Alert component default feature
17
17
 
18
18
  ```jsx
19
19
  <Alert variant={AlertVariant.Default}>{children}</Alert>
20
20
  ```
21
21
 
22
- ## RegularMultipleParagraphs
22
+ ## DefaultMultipleParagraphs
23
23
 
24
- > Alert component regular multiple paragraphs feature
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
- ## RegularConsentWithInput
84
+ ## DefaultConsentWithInput
85
85
 
86
- > Alert component regular consent with input feature
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
- ## RegularConsentWithoutInput
94
+ ## DefaultConsentWithoutInput
95
95
 
96
- > Alert component regular consent without input feature
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
- ## RegularConsentCustom
104
+ ## DefaultConsentCustom
105
105
 
106
- > Alert component regular consent custom feature
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,3 @@
1
+ import { IMarkdown } from './Markdown.type';
2
+ export declare function Markdown({ highlighter, children }: IMarkdown): import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=Markdown.d.ts.map
@@ -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.MarkdownDocs = MarkdownDocs;
7
+ exports.Markdown = Markdown;
8
8
  var _reactMarkdown = _interopRequireDefault(require("react-markdown"));
9
9
  var _remarkGfm = _interopRequireDefault(require("remark-gfm"));
10
- var _PreformattedCode = require("../PreformattedCode");
11
- var _MarkdownDocs = require("./MarkdownDocs.type");
10
+ var _SyntaxHighlighter = require("../SyntaxHighlighter");
11
+ var _Markdown = require("./Markdown.type");
12
12
  var _jsxRuntime = require("react/jsx-runtime");
13
- function MarkdownDocs(_ref) {
13
+ function Markdown(_ref) {
14
14
  var _ref$highlighter = _ref.highlighter,
15
- highlighter = _ref$highlighter === void 0 ? _MarkdownDocs.MarkdownDocsDefault.Highlighter : _ref$highlighter,
15
+ highlighter = _ref$highlighter === void 0 ? _Markdown.MarkdownDefault.Highlighter : _ref$highlighter,
16
16
  children = _ref.children;
17
- if (highlighter == _MarkdownDocs.MarkdownDocsHighlighter.HLJS) {
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)(_PreformattedCode.PreformattedCode, {
24
- highlighter: _PreformattedCode.PreformattedCodeHighlighter.HLJS,
25
- language: _PreformattedCode.PreformattedCodeLanguage.Markdown,
26
- style: _PreformattedCode.PreformattedCodeStyle.Ocean,
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 == _MarkdownDocs.MarkdownDocsHighlighter.PRISM) {
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)(_PreformattedCode.PreformattedCode, {
41
- highlighter: _PreformattedCode.PreformattedCodeHighlighter.PRISM,
42
- language: _PreformattedCode.PreformattedCodeLanguage.Markdown,
43
- style: _PreformattedCode.PreformattedCodeStyle.Nord,
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,2 @@
1
+ export { Markdown } from './Markdown';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -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,3 @@
1
+ import { ISyntaxHighlighter } from './SyntaxHighlighter.type';
2
+ export declare function SyntaxHighlighter({ highlighter, language, style, children, }: ISyntaxHighlighter): import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=SyntaxHighlighter.d.ts.map
@@ -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,3 @@
1
+ import { ISyntaxHighlighterBase } from './SyntaxHighlighter.type';
2
+ export declare function SyntaxHighlighterHLJS({ language, style, children, }: ISyntaxHighlighterBase): import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=SyntaxHighlighterHLJS.d.ts.map
@@ -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.PreformattedCodeHLJS = PreformattedCodeHLJS;
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 _PreformattedCode = require("./PreformattedCode.type");
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 PreformattedCodeHLJS(_ref) {
16
+ function SyntaxHighlighterHLJS(_ref) {
17
17
  var _ref$language = _ref.language,
18
- language = _ref$language === void 0 ? _PreformattedCode.PreformattedCodeDefault.Language : _ref$language,
18
+ language = _ref$language === void 0 ? _SyntaxHighlighter.SyntaxHighlighterDefault.Language : _ref$language,
19
19
  _ref$style = _ref.style,
20
- style = _ref$style === void 0 ? _PreformattedCode.PreformattedCodeDefault.Style : _ref$style,
20
+ style = _ref$style === void 0 ? _SyntaxHighlighter.SyntaxHighlighterDefault.Style : _ref$style,
21
21
  children = _ref.children;
22
22
  var highlighterStyle;
23
- if (style == _PreformattedCode.PreformattedCodeStyle.Ocean) {
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,3 @@
1
+ import { ISyntaxHighlighterBase } from './SyntaxHighlighter.type';
2
+ export declare function SyntaxHighlighterPrism({ language, style, children, }: ISyntaxHighlighterBase): import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=SyntaxHighlighterPrism.d.ts.map
@@ -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.PreformattedCodePrism = PreformattedCodePrism;
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 _PreformattedCode = require("./PreformattedCode.type");
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 PreformattedCodePrism(_ref) {
18
+ function SyntaxHighlighterPrism(_ref) {
19
19
  var _ref$language = _ref.language,
20
- language = _ref$language === void 0 ? _PreformattedCode.PreformattedCodeDefault.Language : _ref$language,
20
+ language = _ref$language === void 0 ? _SyntaxHighlighter.SyntaxHighlighterDefault.Language : _ref$language,
21
21
  _ref$style = _ref.style,
22
- style = _ref$style === void 0 ? _PreformattedCode.PreformattedCodeDefault.Style : _ref$style,
22
+ style = _ref$style === void 0 ? _SyntaxHighlighter.SyntaxHighlighterDefault.Style : _ref$style,
23
23
  children = _ref.children;
24
24
  var highlighterStyle;
25
- if (style == _PreformattedCode.PreformattedCodeStyle.Nord) {
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,3 @@
1
+ export { SyntaxHighlighter } from './SyntaxHighlighter';
2
+ export { SyntaxHighlighterHighlighter, SyntaxHighlighterLanguage, SyntaxHighlighterStyle } from './SyntaxHighlighter.type';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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");
@@ -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 { MarkdownDocs } from './MarkdownDocs';
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
- MarkdownDocs: typeof MarkdownDocs;
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
- PreformattedCode: typeof PreformattedCode;
740
+ SyntaxHighlighter: typeof SyntaxHighlighter;
741
741
  Progress: {
742
742
  Progress: typeof Progress;
743
743
  ProgressVariant: import("./Progress/Progress.type").IProgressVariant;