@c2-markdown-ui/react 0.4.3 → 0.4.4
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/README.md +6 -24
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +3733 -4365
- package/dist/lib/MarkdownUI.d.ts +10 -0
- package/dist/lib/MarkdownUI.d.ts.map +1 -0
- package/dist/lib/index.d.ts +4 -0
- package/dist/lib/index.d.ts.map +1 -0
- package/dist/widgets/Button.d.ts +15 -0
- package/dist/widgets/Button.d.ts.map +1 -0
- package/dist/widgets/ButtonGroup.d.ts +11 -0
- package/dist/widgets/ButtonGroup.d.ts.map +1 -0
- package/dist/widgets/Cascader.d.ts +34 -0
- package/dist/widgets/Cascader.d.ts.map +1 -0
- package/dist/widgets/Chart.d.ts +20 -0
- package/dist/widgets/Chart.d.ts.map +1 -0
- package/dist/widgets/DatePicker.d.ts +28 -0
- package/dist/widgets/DatePicker.d.ts.map +1 -0
- package/dist/widgets/Form.d.ts +47 -0
- package/dist/widgets/Form.d.ts.map +1 -0
- package/dist/widgets/Incomplete.d.ts +3 -0
- package/dist/widgets/Incomplete.d.ts.map +1 -0
- package/dist/widgets/MultipleChoiceQuestion.d.ts +15 -0
- package/dist/widgets/MultipleChoiceQuestion.d.ts.map +1 -0
- package/dist/widgets/NumberInput.d.ts +26 -0
- package/dist/widgets/NumberInput.d.ts.map +1 -0
- package/dist/widgets/Quiz.d.ts +37 -0
- package/dist/widgets/Quiz.d.ts.map +1 -0
- package/dist/widgets/Radio.d.ts +24 -0
- package/dist/widgets/Radio.d.ts.map +1 -0
- package/dist/widgets/Select.d.ts +15 -0
- package/dist/widgets/Select.d.ts.map +1 -0
- package/dist/widgets/SelectMulti.d.ts +20 -0
- package/dist/widgets/SelectMulti.d.ts.map +1 -0
- package/dist/widgets/ShortAnswerQuestion.d.ts +16 -0
- package/dist/widgets/ShortAnswerQuestion.d.ts.map +1 -0
- package/dist/widgets/Slider.d.ts +13 -0
- package/dist/widgets/Slider.d.ts.map +1 -0
- package/dist/widgets/Switch.d.ts +17 -0
- package/dist/widgets/Switch.d.ts.map +1 -0
- package/dist/widgets/TextInput.d.ts +11 -0
- package/dist/widgets/TextInput.d.ts.map +1 -0
- package/dist/widgets/Widget.d.ts +7 -0
- package/dist/widgets/Widget.d.ts.map +1 -0
- package/dist/widgets/chartRemoteData.d.ts +18 -0
- package/dist/widgets/chartRemoteData.d.ts.map +1 -0
- package/dist/widgets/choiceUtils.d.ts +24 -0
- package/dist/widgets/choiceUtils.d.ts.map +1 -0
- package/dist/widgets/index.d.ts +18 -0
- package/dist/widgets/index.d.ts.map +1 -0
- package/package.json +2 -2
- package/src/lib/MarkdownUI.tsx +9 -47
- package/src/lib/widgets.css +1372 -2188
- package/src/widgets/Button.tsx +39 -39
- package/src/widgets/ButtonGroup.tsx +47 -47
- package/src/widgets/Cascader.tsx +2 -3
- package/src/widgets/Chart.tsx +237 -237
- package/src/widgets/DatePicker.tsx +434 -451
- package/src/widgets/Form.tsx +372 -512
- package/src/widgets/Incomplete.tsx +3 -3
- package/src/widgets/MultipleChoiceQuestion.tsx +82 -82
- package/src/widgets/Quiz.tsx +320 -320
- package/src/widgets/Radio.tsx +26 -57
- package/src/widgets/Select.tsx +142 -178
- package/src/widgets/SelectMulti.tsx +72 -105
- package/src/widgets/ShortAnswerQuestion.tsx +101 -101
- package/src/widgets/Slider.tsx +56 -70
- package/src/widgets/Switch.tsx +2 -14
- package/src/widgets/TextInput.tsx +38 -76
- package/src/widgets/Widget.tsx +82 -130
- package/src/widgets/choiceUtils.ts +45 -90
- package/src/widgets/index.ts +16 -17
- package/src/widgets/TreeSelect.tsx +0 -649
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
# @
|
|
1
|
+
# @markdown-ui/react
|
|
2
2
|
**Transform Markdown into interactive React components—instantly.**
|
|
3
3
|
|
|
4
4
|
Turn static docs into live experiences users can click, select, and submit.
|
|
@@ -8,14 +8,14 @@ Turn static docs into live experiences users can click, select, and submit.
|
|
|
8
8
|
## Get started in 30 seconds
|
|
9
9
|
|
|
10
10
|
```bash
|
|
11
|
-
npm install @
|
|
11
|
+
npm install @markdown-ui/react @markdown-ui/marked-ext marked
|
|
12
12
|
```
|
|
13
13
|
|
|
14
14
|
```tsx
|
|
15
|
-
import { MarkdownUI } from '@
|
|
16
|
-
import '@
|
|
15
|
+
import { MarkdownUI } from '@markdown-ui/react';
|
|
16
|
+
import '@markdown-ui/react/widgets.css';
|
|
17
17
|
import { Marked } from 'marked';
|
|
18
|
-
import { markedUiExtension } from '@
|
|
18
|
+
import { markedUiExtension } from '@markdown-ui/marked-ext';
|
|
19
19
|
|
|
20
20
|
const marked = new Marked();
|
|
21
21
|
marked.use(markedUiExtension);
|
|
@@ -74,24 +74,6 @@ const handleWidgetEvent = (event) => {
|
|
|
74
74
|
const { id, value } = event.detail;
|
|
75
75
|
// That's it - perfect event data
|
|
76
76
|
};
|
|
77
|
-
|
|
78
|
-
// Form submit (fires after validation passes)
|
|
79
|
-
const handleSubmit = (event) => {
|
|
80
|
-
const { id, value } = event.detail; // value = full form data (visible fields only)
|
|
81
|
-
};
|
|
82
|
-
|
|
83
|
-
// Form field stats (fires on every field change)
|
|
84
|
-
const handleFormChange = (event) => {
|
|
85
|
-
const { visibleCount, filledCount, values } = event.detail.stats;
|
|
86
|
-
// e.g. "3/5 fields filled" - perfect for progress indicators
|
|
87
|
-
};
|
|
88
|
-
|
|
89
|
-
<MarkdownUI
|
|
90
|
-
html={html}
|
|
91
|
-
onWidgetEvent={handleWidgetEvent}
|
|
92
|
-
onSubmit={handleSubmit}
|
|
93
|
-
onFormChange={handleFormChange}
|
|
94
|
-
/>
|
|
95
77
|
```
|
|
96
78
|
|
|
97
79
|
## TypeScript ready
|
|
@@ -104,7 +86,7 @@ Full type safety out of the box. All components and events are properly typed fo
|
|
|
104
86
|
|
|
105
87
|
```tsx
|
|
106
88
|
// Just import and use - SSR handled automatically
|
|
107
|
-
import { MarkdownUI } from '@
|
|
89
|
+
import { MarkdownUI } from '@markdown-ui/react';
|
|
108
90
|
```
|
|
109
91
|
|
|
110
92
|
**Compatibility:** React 18+, Next.js, Remix, Create React App, Vite, and all modern React frameworks.
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC"}
|