@featherk/composables 0.5.1 → 0.5.2
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 +20 -43
- package/docs/grid/useGridA11y.md +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -2,42 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
Vue 3 composables that improve Kendo UI for Vue behavior and accessibility.
|
|
4
4
|
|
|
5
|
-
## Importing Composables
|
|
6
|
-
|
|
7
|
-
You can import directly from subpaths or from the package root.
|
|
8
|
-
|
|
9
|
-
Subpath imports (recommended for clarity):
|
|
10
|
-
|
|
11
|
-
```ts
|
|
12
|
-
// Date input
|
|
13
|
-
import { useMaskedDateInput, DateChangePayload } from '@featherk/composables/date';
|
|
14
|
-
|
|
15
|
-
// Date range input
|
|
16
|
-
import { useMaskedDateRangeInput, RangeChangePayload } from '@featherk/composables/range';
|
|
17
|
-
|
|
18
|
-
// Time input
|
|
19
|
-
import { useMaskedTimeInput, TimeChangePayload } from '@featherk/composables/time';
|
|
20
|
-
|
|
21
|
-
// Popup focus trap utilities
|
|
22
|
-
import { usePopupTrap } from '@featherk/composables/trap';
|
|
23
|
-
```
|
|
24
|
-
|
|
25
|
-
Root imports (types are aliased to avoid name collisions):
|
|
26
|
-
|
|
27
|
-
```ts
|
|
28
|
-
import {
|
|
29
|
-
useMaskedDateInput,
|
|
30
|
-
DateChangePayload,
|
|
31
|
-
useMaskedDateRangeInput,
|
|
32
|
-
RangeChangePayload,
|
|
33
|
-
useMaskedTimeInput,
|
|
34
|
-
TimeChangePayload,
|
|
35
|
-
usePopupTrap,
|
|
36
|
-
} from '@featherk/composables';
|
|
37
|
-
```
|
|
38
|
-
|
|
39
|
-
## useGridA11y — Integration Quick Reference
|
|
40
|
-
|
|
41
5
|
## Composables Overview
|
|
42
6
|
|
|
43
7
|
- **Grid**: `useGridA11y` — Accessible row-level navigation and column menu keyboard support.
|
|
@@ -51,26 +15,39 @@ import {
|
|
|
51
15
|
- **Trap**: `usePopupTrap` — Focus trap + Escape/Outside click close behavior for popups.
|
|
52
16
|
- Guide: [docs/trap/usePopupTrap.md](https://github.com/NantHealth/featherk/blob/integration/packages/composables/docs/trap/usePopupTrap.md)
|
|
53
17
|
|
|
54
|
-
## Importing
|
|
18
|
+
## Importing Composables
|
|
55
19
|
|
|
56
|
-
|
|
20
|
+
You can import directly from subpaths or from the package root.
|
|
21
|
+
|
|
22
|
+
Subpath imports (recommended for clarity):
|
|
57
23
|
|
|
58
24
|
```ts
|
|
25
|
+
// Grid
|
|
59
26
|
import { useGridA11y } from '@featherk/composables/grid';
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
import {
|
|
27
|
+
|
|
28
|
+
// Date input
|
|
29
|
+
import { useMaskedDateInput, type DateChangePayload } from '@featherk/composables/date';
|
|
30
|
+
|
|
31
|
+
// Date range input
|
|
32
|
+
import { useMaskedDateRangeInput, type RangeChangePayload } from '@featherk/composables/range';
|
|
33
|
+
|
|
34
|
+
// Time input
|
|
35
|
+
import { useMaskedTimeInput, type TimeChangePayload } from '@featherk/composables/time';
|
|
36
|
+
|
|
37
|
+
// Popup focus trap utilities
|
|
63
38
|
import { usePopupTrap } from '@featherk/composables/trap';
|
|
64
39
|
```
|
|
65
40
|
|
|
66
|
-
Root
|
|
41
|
+
Root imports (types are aliased to avoid name collisions):
|
|
67
42
|
|
|
68
43
|
```ts
|
|
69
44
|
import {
|
|
70
|
-
useGridA11y,
|
|
71
45
|
useMaskedDateInput,
|
|
46
|
+
type DateChangePayload,
|
|
72
47
|
useMaskedDateRangeInput,
|
|
48
|
+
type RangeChangePayload,
|
|
73
49
|
useMaskedTimeInput,
|
|
50
|
+
type TimeChangePayload,
|
|
74
51
|
usePopupTrap,
|
|
75
52
|
} from '@featherk/composables';
|
|
76
53
|
```
|
package/docs/grid/useGridA11y.md
CHANGED