@nice2dev/ui-ai 1.0.12 → 1.0.15
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 +28 -14
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -13,19 +13,19 @@
|
|
|
13
13
|
|
|
14
14
|
## Control Integrations
|
|
15
15
|
|
|
16
|
-
| Control
|
|
17
|
-
|
|
18
|
-
| TextInput / TextArea
|
|
19
|
-
| NumberInput / Slider
|
|
20
|
-
| Select / Autocomplete | Smart sort, most-frequent-choice suggestion
|
|
21
|
-
| DatePicker
|
|
22
|
-
| DataGrid
|
|
23
|
-
| Chart
|
|
24
|
-
| CodeEditor
|
|
25
|
-
| HtmlEditor
|
|
26
|
-
| ColorPicker
|
|
27
|
-
| Form-level
|
|
28
|
-
| Validation
|
|
16
|
+
| Control | AI Feature |
|
|
17
|
+
| --------------------- | ---------------------------------------------------------------------------- |
|
|
18
|
+
| TextInput / TextArea | Content suggestions, grammar correction, sentence completion |
|
|
19
|
+
| NumberInput / Slider | Range suggestions from context ("typical price: 50–200") |
|
|
20
|
+
| Select / Autocomplete | Smart sort, most-frequent-choice suggestion |
|
|
21
|
+
| DatePicker | Date suggestions ("next business day", "in one week") |
|
|
22
|
+
| DataGrid | Column config, filter suggestions, anomaly detection |
|
|
23
|
+
| Chart | Chart type suggestion from data, auto-labeling |
|
|
24
|
+
| CodeEditor | Language/framework-aware code hints |
|
|
25
|
+
| HtmlEditor | SEO, accessibility, grammar, cleanup modes |
|
|
26
|
+
| ColorPicker | Industry/context-based palette suggestion |
|
|
27
|
+
| Form-level | "Fill form from description" — LLM parses text → fills fields |
|
|
28
|
+
| Validation | Intelligent error messages ("enter company name, e.g. NiceToDev sp. z o.o.") |
|
|
29
29
|
|
|
30
30
|
## Specialist Package Integrations
|
|
31
31
|
|
|
@@ -48,7 +48,21 @@ import { NiceAIProvider, useNiceAIHint, NiceAIHintBubble } from '@nice2dev/ui-ai
|
|
|
48
48
|
|
|
49
49
|
<NiceAIProvider config={{ endpoint: '...', apiKey: '...', model: 'gpt-4o' }}>
|
|
50
50
|
<MyForm />
|
|
51
|
-
</NiceAIProvider
|
|
51
|
+
</NiceAIProvider>;
|
|
52
|
+
```
|
|
53
|
+
|
|
54
|
+
## Styling
|
|
55
|
+
|
|
56
|
+
This package ships unstyled component logic. Import the shared CSS bundle once at your app entrypoint:
|
|
57
|
+
|
|
58
|
+
```tsx
|
|
59
|
+
import '@nice2dev/ui/style.css';
|
|
60
|
+
```
|
|
61
|
+
|
|
62
|
+
Optional: opt into the legacy shorthand token aliases (`--bg-*`, `--text-*`, `--border-*`, ...) when migrating from a custom design-token system:
|
|
63
|
+
|
|
64
|
+
```tsx
|
|
65
|
+
import '@nice2dev/ui/css/legacy-bg-text-aliases.css';
|
|
52
66
|
```
|
|
53
67
|
|
|
54
68
|
## License
|
package/package.json
CHANGED