@featherk/composables 0.6.19 → 0.7.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/README.md +6 -2
- package/dist/__tests__/fixtures.d.ts +9 -0
- package/dist/__tests__/withSetupHarness.d.ts +9 -0
- package/dist/date/useMaskedDateInput.test.d.ts +1 -0
- package/dist/featherk-composables.es.js +300 -311
- package/dist/featherk-composables.umd.js +1 -1
- package/dist/grid/index.d.ts +2 -1
- package/dist/{useGridA11y.d.ts → grid/useGridA11y.d.ts} +1 -1
- package/dist/grid/useGridA11y.test.d.ts +1 -0
- package/dist/grid/useGridActiveFilter.d.ts +22 -0
- package/dist/grid/useGridActiveFilter.test.d.ts +1 -0
- package/dist/index.d.ts +0 -1
- package/dist/range/useMaskedDateRangeInput.test.d.ts +1 -0
- package/dist/time/useMaskedTimeInput.test.d.ts +1 -0
- package/dist/trap/usePopupTrap.test.d.ts +1 -0
- package/docs/grid/useGridActiveFilter.md +108 -0
- package/docs/range/useMaskedDateRangeInput.md +2 -2
- package/package.json +5 -2
- package/dist/useGridFilter.d.ts +0 -7
package/README.md
CHANGED
|
@@ -6,6 +6,8 @@ Vue 3 composables that improve Kendo UI for Vue behavior and accessibility.
|
|
|
6
6
|
|
|
7
7
|
- **Grid**: `useGridA11y` — Accessible row-level navigation and column menu keyboard support.
|
|
8
8
|
- Guide: [docs/grid/useGridA11y.md](https://github.com/NantHealth/featherk/blob/integration/packages/composables/docs/grid/useGridA11y.md)
|
|
9
|
+
- **Grid**: `useGridActiveFilter` — Reactive header class resolver that marks filtered columns as `"active"`.
|
|
10
|
+
- Guide: [docs/grid/useGridActiveFilter.md](https://github.com/NantHealth/featherk/blob/integration/packages/composables/docs/grid/useGridActiveFilter.md)
|
|
9
11
|
- **Date**: `useMaskedDateInput` — Masked single-date input with steppers and validation.
|
|
10
12
|
- Guide: [docs/date/useMaskedDateInput.md](https://github.com/NantHealth/featherk/blob/integration/packages/composables/docs/date/useMaskedDateInput.md)
|
|
11
13
|
- **Range**: `useMaskedDateRangeInput` — Masked date range input with validation, clamp, and optional popup coordination.
|
|
@@ -23,7 +25,7 @@ Subpath imports (recommended for clarity):
|
|
|
23
25
|
|
|
24
26
|
```ts
|
|
25
27
|
// Grid
|
|
26
|
-
import { useGridA11y } from '@featherk/composables/grid';
|
|
28
|
+
import { useGridA11y, useGridActiveFilter } from '@featherk/composables/grid';
|
|
27
29
|
|
|
28
30
|
// Date input
|
|
29
31
|
import { useMaskedDateInput, type DateChangePayload } from '@featherk/composables/date';
|
|
@@ -42,6 +44,8 @@ Root imports (types are aliased to avoid name collisions):
|
|
|
42
44
|
|
|
43
45
|
```ts
|
|
44
46
|
import {
|
|
47
|
+
useGridA11y,
|
|
48
|
+
useGridActiveFilter,
|
|
45
49
|
useMaskedDateInput,
|
|
46
50
|
type DateChangePayload,
|
|
47
51
|
useMaskedDateRangeInput,
|
|
@@ -99,4 +103,4 @@ npm install @vueuse/core @vueuse/integrations focus-trap
|
|
|
99
103
|
|
|
100
104
|
## Notes
|
|
101
105
|
|
|
102
|
-
- The runtime
|
|
106
|
+
- The runtime files for `useGridA11y` and `useGridActiveFilter` live in `src/grid/`. Both are re-exported from the package root and from `@featherk/composables/grid` — no import path changes are needed by consumers.
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
type FixtureResult = {
|
|
2
|
+
root: HTMLElement;
|
|
3
|
+
input: HTMLInputElement;
|
|
4
|
+
cleanup: () => void;
|
|
5
|
+
};
|
|
6
|
+
export declare const createDatePickerFixture: (id: string) => FixtureResult;
|
|
7
|
+
export declare const createTimePickerFixture: (id: string) => FixtureResult;
|
|
8
|
+
export declare const createDateRangeFixture: (id: string) => FixtureResult;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type ComponentPublicInstance } from "vue";
|
|
2
|
+
import { type VueWrapper } from "@vue/test-utils";
|
|
3
|
+
type SetupFactory<T> = () => T;
|
|
4
|
+
export declare function withSetupHarness<T>(factory: SetupFactory<T>): Promise<{
|
|
5
|
+
api: T;
|
|
6
|
+
wrapper: VueWrapper<ComponentPublicInstance>;
|
|
7
|
+
unmount: () => void;
|
|
8
|
+
}>;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|