@ariakit/core 0.3.7 → 0.3.9
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/CHANGELOG.md +11 -0
- package/cjs/__chunks/{GZDVJEID.cjs → 2LS4JJ4S.cjs} +2 -2
- package/cjs/__chunks/{46BH65MC.cjs → 2UK5WUJX.cjs} +15 -7
- package/cjs/__chunks/{PD7XZBXC.cjs → 5SIVMOID.cjs} +4 -4
- package/cjs/__chunks/{7ZUFMSXJ.cjs → EFIT5L4X.cjs} +7 -7
- package/cjs/__chunks/{MEHGRTJ3.cjs → GJFZ5ZPP.cjs} +11 -11
- package/cjs/__chunks/{6WBY3ZZM.cjs → JNFZSNOI.cjs} +6 -6
- package/cjs/__chunks/{JLC5A6WF.cjs → UCLKUBNP.cjs} +35 -25
- package/cjs/__chunks/{GXIZMD53.cjs → UTICNXST.cjs} +4 -4
- package/cjs/checkbox/checkbox-store.cjs +3 -3
- package/cjs/checkbox/checkbox-store.d.cts +9 -9
- package/cjs/checkbox/checkbox-store.d.ts +9 -9
- package/cjs/collection/collection-store.cjs +3 -3
- package/cjs/collection/collection-store.d.cts +16 -12
- package/cjs/collection/collection-store.d.ts +16 -12
- package/cjs/combobox/combobox-store.cjs +20 -20
- package/cjs/combobox/combobox-store.d.cts +14 -14
- package/cjs/combobox/combobox-store.d.ts +14 -14
- package/cjs/composite/composite-overflow-store.cjs +5 -5
- package/cjs/composite/composite-overflow-store.d.cts +13 -7
- package/cjs/composite/composite-overflow-store.d.ts +13 -7
- package/cjs/composite/composite-store.cjs +4 -4
- package/cjs/composite/composite-store.d.cts +31 -14
- package/cjs/composite/composite-store.d.ts +31 -14
- package/cjs/dialog/dialog-store.cjs +4 -4
- package/cjs/dialog/dialog-store.d.cts +12 -6
- package/cjs/dialog/dialog-store.d.ts +12 -6
- package/cjs/disclosure/disclosure-store.cjs +3 -3
- package/cjs/disclosure/disclosure-store.d.cts +4 -2
- package/cjs/disclosure/disclosure-store.d.ts +4 -2
- package/cjs/form/form-store.cjs +7 -7
- package/cjs/form/form-store.d.cts +15 -15
- package/cjs/form/form-store.d.ts +15 -15
- package/cjs/hovercard/hovercard-store.cjs +6 -6
- package/cjs/hovercard/hovercard-store.d.cts +11 -5
- package/cjs/hovercard/hovercard-store.d.ts +11 -5
- package/cjs/menu/menu-bar-store.cjs +5 -5
- package/cjs/menu/menu-bar-store.d.cts +12 -6
- package/cjs/menu/menu-bar-store.d.ts +12 -6
- package/cjs/menu/menu-store.cjs +18 -18
- package/cjs/menu/menu-store.d.cts +20 -10
- package/cjs/menu/menu-store.d.ts +20 -10
- package/cjs/menubar/menubar-store.cjs +5 -5
- package/cjs/menubar/menubar-store.d.cts +1 -1
- package/cjs/menubar/menubar-store.d.ts +1 -1
- package/cjs/popover/popover-store.cjs +5 -5
- package/cjs/popover/popover-store.d.cts +7 -3
- package/cjs/popover/popover-store.d.ts +7 -3
- package/cjs/radio/radio-store.cjs +5 -5
- package/cjs/radio/radio-store.d.cts +5 -3
- package/cjs/radio/radio-store.d.ts +5 -3
- package/cjs/select/select-store.cjs +18 -18
- package/cjs/select/select-store.d.cts +14 -16
- package/cjs/select/select-store.d.ts +14 -16
- package/cjs/tab/tab-store.cjs +15 -15
- package/cjs/tab/tab-store.d.cts +15 -16
- package/cjs/tab/tab-store.d.ts +15 -16
- package/cjs/toolbar/toolbar-store.cjs +4 -4
- package/cjs/toolbar/toolbar-store.d.cts +9 -6
- package/cjs/toolbar/toolbar-store.d.ts +9 -6
- package/cjs/tooltip/tooltip-store.cjs +7 -7
- package/cjs/tooltip/tooltip-store.d.cts +5 -3
- package/cjs/tooltip/tooltip-store.d.ts +5 -3
- package/cjs/utils/store.cjs +2 -2
- package/esm/__chunks/{E7OQVGGY.js → A2J4XZ5T.js} +15 -7
- package/esm/__chunks/{OGMLJYDV.js → DLX2AS6C.js} +2 -2
- package/esm/__chunks/{ANO6WJO4.js → EZ2TTBAQ.js} +2 -2
- package/esm/__chunks/{WY3EMTH6.js → J6JIOWCS.js} +2 -2
- package/esm/__chunks/{CL47ZAPY.js → LT2OYWRD.js} +1 -1
- package/esm/__chunks/{DYD4YNLE.js → NKLTHWCR.js} +1 -1
- package/esm/__chunks/{BXH3I7ML.js → T3DVYGXI.js} +2 -2
- package/esm/__chunks/{CCU5UHQ2.js → TLN4ALYH.js} +32 -22
- package/esm/checkbox/checkbox-store.d.ts +9 -9
- package/esm/checkbox/checkbox-store.js +1 -1
- package/esm/collection/collection-store.d.ts +16 -12
- package/esm/collection/collection-store.js +2 -2
- package/esm/combobox/combobox-store.d.ts +14 -14
- package/esm/combobox/combobox-store.js +6 -6
- package/esm/composite/composite-overflow-store.d.ts +13 -7
- package/esm/composite/composite-overflow-store.js +4 -4
- package/esm/composite/composite-store.d.ts +31 -14
- package/esm/composite/composite-store.js +3 -3
- package/esm/dialog/dialog-store.d.ts +12 -6
- package/esm/dialog/dialog-store.js +3 -3
- package/esm/disclosure/disclosure-store.d.ts +4 -2
- package/esm/disclosure/disclosure-store.js +2 -2
- package/esm/form/form-store.d.ts +15 -15
- package/esm/form/form-store.js +2 -2
- package/esm/hovercard/hovercard-store.d.ts +11 -5
- package/esm/hovercard/hovercard-store.js +5 -5
- package/esm/menu/menu-bar-store.d.ts +12 -6
- package/esm/menu/menu-bar-store.js +4 -4
- package/esm/menu/menu-store.d.ts +20 -10
- package/esm/menu/menu-store.js +7 -7
- package/esm/menubar/menubar-store.d.ts +1 -1
- package/esm/menubar/menubar-store.js +4 -4
- package/esm/popover/popover-store.d.ts +7 -3
- package/esm/popover/popover-store.js +4 -4
- package/esm/radio/radio-store.d.ts +5 -3
- package/esm/radio/radio-store.js +3 -3
- package/esm/select/select-store.d.ts +14 -16
- package/esm/select/select-store.js +6 -6
- package/esm/tab/tab-store.d.ts +15 -16
- package/esm/tab/tab-store.js +3 -3
- package/esm/toolbar/toolbar-store.d.ts +9 -6
- package/esm/toolbar/toolbar-store.js +3 -3
- package/esm/tooltip/tooltip-store.d.ts +5 -3
- package/esm/tooltip/tooltip-store.js +5 -5
- package/esm/utils/store.js +1 -1
- package/package.json +1 -1
package/cjs/form/form-store.cjs
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _UCLKUBNPcjs = require('../__chunks/UCLKUBNP.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _2UK5WUJXcjs = require('../__chunks/2UK5WUJX.cjs');
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
|
|
@@ -114,9 +114,9 @@ function createNames() {
|
|
|
114
114
|
}
|
|
115
115
|
function createFormStore(props = {}) {
|
|
116
116
|
var _a;
|
|
117
|
-
|
|
117
|
+
_2UK5WUJXcjs.throwOnConflictingProps.call(void 0, props, props.store);
|
|
118
118
|
const syncState = (_a = props.store) == null ? void 0 : _a.getState();
|
|
119
|
-
const collection =
|
|
119
|
+
const collection = _UCLKUBNPcjs.createCollectionStore.call(void 0, props);
|
|
120
120
|
const values = _3UT5FE6Kcjs.defaultValue.call(void 0,
|
|
121
121
|
props.values,
|
|
122
122
|
syncState == null ? void 0 : syncState.values,
|
|
@@ -145,15 +145,15 @@ function createFormStore(props = {}) {
|
|
|
145
145
|
submitFailed: _3UT5FE6Kcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.submitFailed, 0),
|
|
146
146
|
valid: !hasMessages(errors)
|
|
147
147
|
});
|
|
148
|
-
const form =
|
|
148
|
+
const form = _2UK5WUJXcjs.createStore.call(void 0, initialState, collection, props.store);
|
|
149
149
|
const syncCallbacks = getStoreCallbacks(props.store);
|
|
150
150
|
const syncCallbacksState = syncCallbacks == null ? void 0 : syncCallbacks.getState();
|
|
151
151
|
const callbacksInitialState = {
|
|
152
152
|
validate: (syncCallbacksState == null ? void 0 : syncCallbacksState.validate) || [],
|
|
153
153
|
submit: (syncCallbacksState == null ? void 0 : syncCallbacksState.submit) || []
|
|
154
154
|
};
|
|
155
|
-
const callbacks =
|
|
156
|
-
|
|
155
|
+
const callbacks = _2UK5WUJXcjs.createStore.call(void 0, callbacksInitialState, syncCallbacks);
|
|
156
|
+
_2UK5WUJXcjs.setup.call(void 0, form, () => _2UK5WUJXcjs.init.call(void 0, callbacks));
|
|
157
157
|
const validate = async () => {
|
|
158
158
|
form.setState("validating", true);
|
|
159
159
|
form.setState("errors", {});
|
|
@@ -2,23 +2,21 @@ import type { CollectionStoreFunctions, CollectionStoreItem, CollectionStoreOpti
|
|
|
2
2
|
import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
|
|
3
3
|
import type { AnyObject, PickRequired, SetState, SetStateAction } from "../utils/types.js";
|
|
4
4
|
import type { DeepMap, DeepPartial, Names, StringLike } from "./types.js";
|
|
5
|
-
type Values = AnyObject;
|
|
6
5
|
type ErrorMessage = string | undefined | null;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
name: string;
|
|
10
|
-
};
|
|
11
|
-
export declare function hasMessages(object: Values): boolean;
|
|
12
|
-
export declare function get<T>(values: Values, path: StringLike | string[], defaultValue?: T): T;
|
|
6
|
+
export declare function hasMessages(object: FormStoreValues): boolean;
|
|
7
|
+
export declare function get<T>(values: FormStoreValues, path: StringLike | string[], defaultValue?: T): T;
|
|
13
8
|
/**
|
|
14
9
|
* Creates a form store.
|
|
15
10
|
*/
|
|
16
|
-
export declare function createFormStore<T extends
|
|
11
|
+
export declare function createFormStore<T extends FormStoreValues = FormStoreValues>(props: PickRequired<FormStoreProps<T>, "values" | "defaultValues" | "errors" | "defaultErrors" | "touched" | "defaultTouched">): FormStore<T>;
|
|
17
12
|
export declare function createFormStore(props: FormStoreProps): FormStore;
|
|
18
13
|
export type FormStoreCallback<T extends FormStoreState = FormStoreState> = (state: T) => void | Promise<void>;
|
|
19
|
-
export type FormStoreValues =
|
|
20
|
-
export
|
|
21
|
-
|
|
14
|
+
export type FormStoreValues = AnyObject;
|
|
15
|
+
export interface FormStoreItem extends CollectionStoreItem {
|
|
16
|
+
type: "field" | "label" | "description" | "error" | "button";
|
|
17
|
+
name: string;
|
|
18
|
+
}
|
|
19
|
+
export interface FormStoreState<T extends FormStoreValues = FormStoreValues> extends CollectionStoreState<FormStoreItem> {
|
|
22
20
|
/**
|
|
23
21
|
* Form values.
|
|
24
22
|
* @default {}
|
|
@@ -54,7 +52,7 @@ export interface FormStoreState<T extends Values = Values> extends CollectionSto
|
|
|
54
52
|
*/
|
|
55
53
|
submitFailed: number;
|
|
56
54
|
}
|
|
57
|
-
export interface FormStoreFunctions<T extends
|
|
55
|
+
export interface FormStoreFunctions<T extends FormStoreValues = FormStoreValues> extends CollectionStoreFunctions<FormStoreItem> {
|
|
58
56
|
/**
|
|
59
57
|
* An object containing the names of the form fields for type-safety.
|
|
60
58
|
* @example
|
|
@@ -216,7 +214,7 @@ export interface FormStoreFunctions<T extends Values = Values> extends Collectio
|
|
|
216
214
|
*/
|
|
217
215
|
reset: () => void;
|
|
218
216
|
}
|
|
219
|
-
export interface FormStoreOptions<T extends
|
|
217
|
+
export interface FormStoreOptions<T extends FormStoreValues = FormStoreValues> extends CollectionStoreOptions<FormStoreItem>, StoreOptions<FormStoreState<T>, "values" | "errors" | "touched"> {
|
|
220
218
|
/**
|
|
221
219
|
* The default values of the form.
|
|
222
220
|
* @default {}
|
|
@@ -231,6 +229,8 @@ export interface FormStoreOptions<T extends Values = Values> extends StoreOption
|
|
|
231
229
|
*/
|
|
232
230
|
defaultTouched?: FormStoreState<T>["touched"];
|
|
233
231
|
}
|
|
234
|
-
export
|
|
235
|
-
|
|
232
|
+
export interface FormStoreProps<T extends FormStoreValues = FormStoreValues> extends FormStoreOptions<T>, StoreProps<FormStoreState<T>> {
|
|
233
|
+
}
|
|
234
|
+
export interface FormStore<T extends FormStoreValues = FormStoreValues> extends FormStoreFunctions<T>, Store<FormStoreState<T>> {
|
|
235
|
+
}
|
|
236
236
|
export {};
|
package/cjs/form/form-store.d.ts
CHANGED
|
@@ -2,23 +2,21 @@ import type { CollectionStoreFunctions, CollectionStoreItem, CollectionStoreOpti
|
|
|
2
2
|
import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
|
|
3
3
|
import type { AnyObject, PickRequired, SetState, SetStateAction } from "../utils/types.js";
|
|
4
4
|
import type { DeepMap, DeepPartial, Names, StringLike } from "./types.js";
|
|
5
|
-
type Values = AnyObject;
|
|
6
5
|
type ErrorMessage = string | undefined | null;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
name: string;
|
|
10
|
-
};
|
|
11
|
-
export declare function hasMessages(object: Values): boolean;
|
|
12
|
-
export declare function get<T>(values: Values, path: StringLike | string[], defaultValue?: T): T;
|
|
6
|
+
export declare function hasMessages(object: FormStoreValues): boolean;
|
|
7
|
+
export declare function get<T>(values: FormStoreValues, path: StringLike | string[], defaultValue?: T): T;
|
|
13
8
|
/**
|
|
14
9
|
* Creates a form store.
|
|
15
10
|
*/
|
|
16
|
-
export declare function createFormStore<T extends
|
|
11
|
+
export declare function createFormStore<T extends FormStoreValues = FormStoreValues>(props: PickRequired<FormStoreProps<T>, "values" | "defaultValues" | "errors" | "defaultErrors" | "touched" | "defaultTouched">): FormStore<T>;
|
|
17
12
|
export declare function createFormStore(props: FormStoreProps): FormStore;
|
|
18
13
|
export type FormStoreCallback<T extends FormStoreState = FormStoreState> = (state: T) => void | Promise<void>;
|
|
19
|
-
export type FormStoreValues =
|
|
20
|
-
export
|
|
21
|
-
|
|
14
|
+
export type FormStoreValues = AnyObject;
|
|
15
|
+
export interface FormStoreItem extends CollectionStoreItem {
|
|
16
|
+
type: "field" | "label" | "description" | "error" | "button";
|
|
17
|
+
name: string;
|
|
18
|
+
}
|
|
19
|
+
export interface FormStoreState<T extends FormStoreValues = FormStoreValues> extends CollectionStoreState<FormStoreItem> {
|
|
22
20
|
/**
|
|
23
21
|
* Form values.
|
|
24
22
|
* @default {}
|
|
@@ -54,7 +52,7 @@ export interface FormStoreState<T extends Values = Values> extends CollectionSto
|
|
|
54
52
|
*/
|
|
55
53
|
submitFailed: number;
|
|
56
54
|
}
|
|
57
|
-
export interface FormStoreFunctions<T extends
|
|
55
|
+
export interface FormStoreFunctions<T extends FormStoreValues = FormStoreValues> extends CollectionStoreFunctions<FormStoreItem> {
|
|
58
56
|
/**
|
|
59
57
|
* An object containing the names of the form fields for type-safety.
|
|
60
58
|
* @example
|
|
@@ -216,7 +214,7 @@ export interface FormStoreFunctions<T extends Values = Values> extends Collectio
|
|
|
216
214
|
*/
|
|
217
215
|
reset: () => void;
|
|
218
216
|
}
|
|
219
|
-
export interface FormStoreOptions<T extends
|
|
217
|
+
export interface FormStoreOptions<T extends FormStoreValues = FormStoreValues> extends CollectionStoreOptions<FormStoreItem>, StoreOptions<FormStoreState<T>, "values" | "errors" | "touched"> {
|
|
220
218
|
/**
|
|
221
219
|
* The default values of the form.
|
|
222
220
|
* @default {}
|
|
@@ -231,6 +229,8 @@ export interface FormStoreOptions<T extends Values = Values> extends StoreOption
|
|
|
231
229
|
*/
|
|
232
230
|
defaultTouched?: FormStoreState<T>["touched"];
|
|
233
231
|
}
|
|
234
|
-
export
|
|
235
|
-
|
|
232
|
+
export interface FormStoreProps<T extends FormStoreValues = FormStoreValues> extends FormStoreOptions<T>, StoreProps<FormStoreState<T>> {
|
|
233
|
+
}
|
|
234
|
+
export interface FormStore<T extends FormStoreValues = FormStoreValues> extends FormStoreFunctions<T>, Store<FormStoreState<T>> {
|
|
235
|
+
}
|
|
236
236
|
export {};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../__chunks/
|
|
6
|
-
require('../__chunks/
|
|
7
|
-
require('../__chunks/
|
|
8
|
-
require('../__chunks/
|
|
4
|
+
var _5SIVMOIDcjs = require('../__chunks/5SIVMOID.cjs');
|
|
5
|
+
require('../__chunks/EFIT5L4X.cjs');
|
|
6
|
+
require('../__chunks/2LS4JJ4S.cjs');
|
|
7
|
+
require('../__chunks/GJFZ5ZPP.cjs');
|
|
8
|
+
require('../__chunks/2UK5WUJX.cjs');
|
|
9
9
|
require('../__chunks/3UT5FE6K.cjs');
|
|
10
10
|
require('../__chunks/AV6KTKLE.cjs');
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
exports.createHovercardStore =
|
|
13
|
+
exports.createHovercardStore = _5SIVMOIDcjs.createHovercardStore;
|
|
@@ -19,15 +19,19 @@ export interface HovercardStoreState extends PopoverStoreState {
|
|
|
19
19
|
timeout: number;
|
|
20
20
|
/**
|
|
21
21
|
* The amount of time in milliseconds to wait before **showing** the popover.
|
|
22
|
-
* It defaults to the value passed to
|
|
22
|
+
* It defaults to the value passed to
|
|
23
|
+
* [`timeout`](https://ariakit.org/reference/hovercard-provider#timeout).
|
|
23
24
|
*
|
|
24
25
|
* Live examples:
|
|
25
26
|
* - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
|
|
27
|
+
* - [Submenu with
|
|
28
|
+
* Combobox](https://ariakit.org/examples/menu-nested-combobox)
|
|
26
29
|
*/
|
|
27
30
|
showTimeout?: number;
|
|
28
31
|
/**
|
|
29
32
|
* The amount of time in milliseconds to wait before **hiding** the popover.
|
|
30
|
-
* It defaults to the value passed to
|
|
33
|
+
* It defaults to the value passed to
|
|
34
|
+
* [`timeout`](https://ariakit.org/reference/hovercard-provider#timeout).
|
|
31
35
|
*
|
|
32
36
|
* Live examples:
|
|
33
37
|
* - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
|
|
@@ -46,7 +50,9 @@ export interface HovercardStoreFunctions extends PopoverStoreFunctions {
|
|
|
46
50
|
*/
|
|
47
51
|
setAutoFocusOnShow: SetState<HovercardStoreState["autoFocusOnShow"]>;
|
|
48
52
|
}
|
|
49
|
-
export interface HovercardStoreOptions extends StoreOptions<HovercardStoreState, "placement" | "timeout" | "showTimeout" | "hideTimeout"
|
|
53
|
+
export interface HovercardStoreOptions extends PopoverStoreOptions, StoreOptions<HovercardStoreState, "placement" | "timeout" | "showTimeout" | "hideTimeout"> {
|
|
54
|
+
}
|
|
55
|
+
export interface HovercardStoreProps extends HovercardStoreOptions, StoreProps<HovercardStoreState> {
|
|
56
|
+
}
|
|
57
|
+
export interface HovercardStore extends HovercardStoreFunctions, Store<HovercardStoreState> {
|
|
50
58
|
}
|
|
51
|
-
export type HovercardStoreProps = HovercardStoreOptions & StoreProps<HovercardStoreState>;
|
|
52
|
-
export type HovercardStore = HovercardStoreFunctions & Store<HovercardStoreState>;
|
|
@@ -19,15 +19,19 @@ export interface HovercardStoreState extends PopoverStoreState {
|
|
|
19
19
|
timeout: number;
|
|
20
20
|
/**
|
|
21
21
|
* The amount of time in milliseconds to wait before **showing** the popover.
|
|
22
|
-
* It defaults to the value passed to
|
|
22
|
+
* It defaults to the value passed to
|
|
23
|
+
* [`timeout`](https://ariakit.org/reference/hovercard-provider#timeout).
|
|
23
24
|
*
|
|
24
25
|
* Live examples:
|
|
25
26
|
* - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
|
|
27
|
+
* - [Submenu with
|
|
28
|
+
* Combobox](https://ariakit.org/examples/menu-nested-combobox)
|
|
26
29
|
*/
|
|
27
30
|
showTimeout?: number;
|
|
28
31
|
/**
|
|
29
32
|
* The amount of time in milliseconds to wait before **hiding** the popover.
|
|
30
|
-
* It defaults to the value passed to
|
|
33
|
+
* It defaults to the value passed to
|
|
34
|
+
* [`timeout`](https://ariakit.org/reference/hovercard-provider#timeout).
|
|
31
35
|
*
|
|
32
36
|
* Live examples:
|
|
33
37
|
* - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
|
|
@@ -46,7 +50,9 @@ export interface HovercardStoreFunctions extends PopoverStoreFunctions {
|
|
|
46
50
|
*/
|
|
47
51
|
setAutoFocusOnShow: SetState<HovercardStoreState["autoFocusOnShow"]>;
|
|
48
52
|
}
|
|
49
|
-
export interface HovercardStoreOptions extends StoreOptions<HovercardStoreState, "placement" | "timeout" | "showTimeout" | "hideTimeout"
|
|
53
|
+
export interface HovercardStoreOptions extends PopoverStoreOptions, StoreOptions<HovercardStoreState, "placement" | "timeout" | "showTimeout" | "hideTimeout"> {
|
|
54
|
+
}
|
|
55
|
+
export interface HovercardStoreProps extends HovercardStoreOptions, StoreProps<HovercardStoreState> {
|
|
56
|
+
}
|
|
57
|
+
export interface HovercardStore extends HovercardStoreFunctions, Store<HovercardStoreState> {
|
|
50
58
|
}
|
|
51
|
-
export type HovercardStoreProps = HovercardStoreOptions & StoreProps<HovercardStoreState>;
|
|
52
|
-
export type HovercardStore = HovercardStoreFunctions & Store<HovercardStoreState>;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../__chunks/
|
|
6
|
-
require('../__chunks/
|
|
7
|
-
require('../__chunks/
|
|
4
|
+
var _UTICNXSTcjs = require('../__chunks/UTICNXST.cjs');
|
|
5
|
+
require('../__chunks/JNFZSNOI.cjs');
|
|
6
|
+
require('../__chunks/UCLKUBNP.cjs');
|
|
7
|
+
require('../__chunks/2UK5WUJX.cjs');
|
|
8
8
|
require('../__chunks/3UT5FE6K.cjs');
|
|
9
9
|
require('../__chunks/5F4DVUNS.cjs');
|
|
10
10
|
require('../__chunks/ULSPM3Y3.cjs');
|
|
@@ -12,7 +12,7 @@ require('../__chunks/AV6KTKLE.cjs');
|
|
|
12
12
|
|
|
13
13
|
// src/menu/menu-bar-store.ts
|
|
14
14
|
function createMenuBarStore(props = {}) {
|
|
15
|
-
return
|
|
15
|
+
return _UTICNXSTcjs.createMenubarStore.call(void 0, props);
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
|
|
@@ -1,10 +1,16 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { MenubarStoreFunctions, MenubarStoreOptions, MenubarStoreState } from "../menubar/menubar-store.js";
|
|
2
|
+
import type { Store, StoreProps } from "../utils/store.js";
|
|
2
3
|
/**
|
|
3
4
|
* Creates a menu bar store.
|
|
4
5
|
*/
|
|
5
6
|
export declare function createMenuBarStore(props?: MenuBarStoreProps): MenuBarStore;
|
|
6
|
-
export
|
|
7
|
-
|
|
8
|
-
export
|
|
9
|
-
|
|
10
|
-
export
|
|
7
|
+
export interface MenuBarStoreState extends MenubarStoreState {
|
|
8
|
+
}
|
|
9
|
+
export interface MenuBarStoreFunctions extends MenubarStoreFunctions {
|
|
10
|
+
}
|
|
11
|
+
export interface MenuBarStoreOptions extends MenubarStoreOptions {
|
|
12
|
+
}
|
|
13
|
+
export interface MenuBarStoreProps extends MenuBarStoreOptions, StoreProps<MenuBarStoreState> {
|
|
14
|
+
}
|
|
15
|
+
export interface MenuBarStore extends MenuBarStoreFunctions, Store<MenuBarStoreState> {
|
|
16
|
+
}
|
|
@@ -1,10 +1,16 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { MenubarStoreFunctions, MenubarStoreOptions, MenubarStoreState } from "../menubar/menubar-store.js";
|
|
2
|
+
import type { Store, StoreProps } from "../utils/store.js";
|
|
2
3
|
/**
|
|
3
4
|
* Creates a menu bar store.
|
|
4
5
|
*/
|
|
5
6
|
export declare function createMenuBarStore(props?: MenuBarStoreProps): MenuBarStore;
|
|
6
|
-
export
|
|
7
|
-
|
|
8
|
-
export
|
|
9
|
-
|
|
10
|
-
export
|
|
7
|
+
export interface MenuBarStoreState extends MenubarStoreState {
|
|
8
|
+
}
|
|
9
|
+
export interface MenuBarStoreFunctions extends MenubarStoreFunctions {
|
|
10
|
+
}
|
|
11
|
+
export interface MenuBarStoreOptions extends MenubarStoreOptions {
|
|
12
|
+
}
|
|
13
|
+
export interface MenuBarStoreProps extends MenuBarStoreOptions, StoreProps<MenuBarStoreState> {
|
|
14
|
+
}
|
|
15
|
+
export interface MenuBarStore extends MenuBarStoreFunctions, Store<MenuBarStoreState> {
|
|
16
|
+
}
|
package/cjs/menu/menu-store.cjs
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../__chunks/
|
|
6
|
-
require('../__chunks/
|
|
7
|
-
require('../__chunks/
|
|
4
|
+
var _5SIVMOIDcjs = require('../__chunks/5SIVMOID.cjs');
|
|
5
|
+
require('../__chunks/EFIT5L4X.cjs');
|
|
6
|
+
require('../__chunks/2LS4JJ4S.cjs');
|
|
7
|
+
require('../__chunks/GJFZ5ZPP.cjs');
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
var
|
|
11
|
-
require('../__chunks/
|
|
10
|
+
var _JNFZSNOIcjs = require('../__chunks/JNFZSNOI.cjs');
|
|
11
|
+
require('../__chunks/UCLKUBNP.cjs');
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
@@ -17,7 +17,7 @@ require('../__chunks/JLC5A6WF.cjs');
|
|
|
17
17
|
|
|
18
18
|
|
|
19
19
|
|
|
20
|
-
var
|
|
20
|
+
var _2UK5WUJXcjs = require('../__chunks/2UK5WUJX.cjs');
|
|
21
21
|
|
|
22
22
|
|
|
23
23
|
|
|
@@ -42,10 +42,10 @@ function createMenuStore(_a = {}) {
|
|
|
42
42
|
"menubar"
|
|
43
43
|
]);
|
|
44
44
|
const parentIsMenubar = !!menubar && !parent;
|
|
45
|
-
const store =
|
|
45
|
+
const store = _2UK5WUJXcjs.mergeStore.call(void 0,
|
|
46
46
|
props.store,
|
|
47
|
-
|
|
48
|
-
|
|
47
|
+
_2UK5WUJXcjs.pick.call(void 0, parent, ["values"]),
|
|
48
|
+
_2UK5WUJXcjs.omit.call(void 0, combobox, [
|
|
49
49
|
"arrowElement",
|
|
50
50
|
"anchorElement",
|
|
51
51
|
"contentElement",
|
|
@@ -53,9 +53,9 @@ function createMenuStore(_a = {}) {
|
|
|
53
53
|
"disclosureElement"
|
|
54
54
|
])
|
|
55
55
|
);
|
|
56
|
-
|
|
56
|
+
_2UK5WUJXcjs.throwOnConflictingProps.call(void 0, props, store);
|
|
57
57
|
const syncState = store.getState();
|
|
58
|
-
const composite =
|
|
58
|
+
const composite = _JNFZSNOIcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
|
|
59
59
|
store,
|
|
60
60
|
orientation: _3UT5FE6Kcjs.defaultValue.call(void 0,
|
|
61
61
|
props.orientation,
|
|
@@ -63,7 +63,7 @@ function createMenuStore(_a = {}) {
|
|
|
63
63
|
"vertical"
|
|
64
64
|
)
|
|
65
65
|
}));
|
|
66
|
-
const hovercard =
|
|
66
|
+
const hovercard = _5SIVMOIDcjs.createHovercardStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
|
|
67
67
|
store,
|
|
68
68
|
placement: _3UT5FE6Kcjs.defaultValue.call(void 0,
|
|
69
69
|
props.placement,
|
|
@@ -86,18 +86,18 @@ function createMenuStore(_a = {}) {
|
|
|
86
86
|
{}
|
|
87
87
|
)
|
|
88
88
|
});
|
|
89
|
-
const menu =
|
|
90
|
-
|
|
89
|
+
const menu = _2UK5WUJXcjs.createStore.call(void 0, initialState, composite, hovercard, store);
|
|
90
|
+
_2UK5WUJXcjs.setup.call(void 0,
|
|
91
91
|
menu,
|
|
92
|
-
() =>
|
|
92
|
+
() => _2UK5WUJXcjs.sync.call(void 0, menu, ["mounted"], (state) => {
|
|
93
93
|
if (state.mounted)
|
|
94
94
|
return;
|
|
95
95
|
menu.setState("activeId", null);
|
|
96
96
|
})
|
|
97
97
|
);
|
|
98
|
-
|
|
98
|
+
_2UK5WUJXcjs.setup.call(void 0,
|
|
99
99
|
menu,
|
|
100
|
-
() =>
|
|
100
|
+
() => _2UK5WUJXcjs.sync.call(void 0, parent, ["orientation"], (state) => {
|
|
101
101
|
menu.setState(
|
|
102
102
|
"placement",
|
|
103
103
|
state.orientation === "vertical" ? "right-start" : "bottom-start"
|
|
@@ -4,11 +4,10 @@ import type { HovercardStoreFunctions, HovercardStoreOptions, HovercardStoreStat
|
|
|
4
4
|
import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
|
|
5
5
|
import type { BivariantCallback, PickRequired, SetState, SetStateAction } from "../utils/types.js";
|
|
6
6
|
import type { MenuBarStore } from "./menu-bar-store.js";
|
|
7
|
-
|
|
8
|
-
export declare function createMenuStore<T extends Values = Values>(props: PickRequired<MenuStoreProps<T>, "values" | "defaultValues">): MenuStore<T>;
|
|
7
|
+
export declare function createMenuStore<T extends MenuStoreValues = MenuStoreValues>(props: PickRequired<MenuStoreProps<T>, "values" | "defaultValues">): MenuStore<T>;
|
|
9
8
|
export declare function createMenuStore(props?: MenuStoreProps): MenuStore;
|
|
10
9
|
export type MenuStoreValues = Record<string, string | boolean | number | Array<string | number>>;
|
|
11
|
-
export interface MenuStoreState<T extends
|
|
10
|
+
export interface MenuStoreState<T extends MenuStoreValues = MenuStoreValues> extends CompositeStoreState, HovercardStoreState {
|
|
12
11
|
/**
|
|
13
12
|
* Determines the element that should be focused when the menu is opened.
|
|
14
13
|
*/
|
|
@@ -16,6 +15,10 @@ export interface MenuStoreState<T extends Values = Values> extends CompositeStor
|
|
|
16
15
|
/**
|
|
17
16
|
* A map of names and values that will be used by the `MenuItemCheckbox` and
|
|
18
17
|
* `MenuItemRadio` components.
|
|
18
|
+
*
|
|
19
|
+
* Live examples:
|
|
20
|
+
* - [Submenu with
|
|
21
|
+
* Combobox](https://ariakit.org/examples/menu-nested-combobox)
|
|
19
22
|
*/
|
|
20
23
|
values: T;
|
|
21
24
|
/** @default "vertical" */
|
|
@@ -25,9 +28,13 @@ export interface MenuStoreState<T extends Values = Values> extends CompositeStor
|
|
|
25
28
|
/** @default 0 */
|
|
26
29
|
hideTimeout?: HovercardStoreState["hideTimeout"];
|
|
27
30
|
}
|
|
28
|
-
export interface MenuStoreFunctions<T extends
|
|
31
|
+
export interface MenuStoreFunctions<T extends MenuStoreValues = MenuStoreValues> extends CompositeStoreFunctions, HovercardStoreFunctions, Pick<MenuStoreOptions, "combobox" | "parent" | "menubar"> {
|
|
29
32
|
/**
|
|
30
33
|
* Hides the menu and all its parent menus.
|
|
34
|
+
*
|
|
35
|
+
* Live examples:
|
|
36
|
+
* - [Submenu with
|
|
37
|
+
* Combobox](https://ariakit.org/examples/menu-nested-combobox)
|
|
31
38
|
*/
|
|
32
39
|
hideAll: () => void;
|
|
33
40
|
/**
|
|
@@ -43,15 +50,17 @@ export interface MenuStoreFunctions<T extends Values = Values> extends Pick<Menu
|
|
|
43
50
|
setValues: SetState<MenuStoreState<T>["values"]>;
|
|
44
51
|
/**
|
|
45
52
|
* Sets a specific menu value.
|
|
46
|
-
*
|
|
47
|
-
*
|
|
53
|
+
*
|
|
54
|
+
* Live examples:
|
|
55
|
+
* - [Submenu with
|
|
56
|
+
* Combobox](https://ariakit.org/examples/menu-nested-combobox)
|
|
48
57
|
* @example
|
|
49
58
|
* store.setValue("watching", ["issues"]);
|
|
50
59
|
* store.setValue("watching", (value) => [...value, "issues"]);
|
|
51
60
|
*/
|
|
52
61
|
setValue: BivariantCallback<(name: string, value: SetStateAction<MenuStoreState<T>["values"][string]>) => void>;
|
|
53
62
|
}
|
|
54
|
-
export interface MenuStoreOptions<T extends
|
|
63
|
+
export interface MenuStoreOptions<T extends MenuStoreValues = MenuStoreValues> extends CompositeStoreOptions, HovercardStoreOptions, StoreOptions<MenuStoreState<T>, "orientation" | "placement" | "hideTimeout" | "values"> {
|
|
55
64
|
/**
|
|
56
65
|
* A reference to a combobox store. This is used when combining the combobox
|
|
57
66
|
* with a menu (e.g., dropdown menu with a search input). The stores will
|
|
@@ -73,6 +82,7 @@ export interface MenuStoreOptions<T extends Values = Values> extends StoreOption
|
|
|
73
82
|
*/
|
|
74
83
|
defaultValues?: MenuStoreState<T>["values"];
|
|
75
84
|
}
|
|
76
|
-
export
|
|
77
|
-
|
|
78
|
-
export {
|
|
85
|
+
export interface MenuStoreProps<T extends MenuStoreValues = MenuStoreValues> extends MenuStoreOptions<T>, StoreProps<MenuStoreState<T>> {
|
|
86
|
+
}
|
|
87
|
+
export interface MenuStore<T extends MenuStoreValues = MenuStoreValues> extends MenuStoreFunctions<T>, Store<MenuStoreState<T>> {
|
|
88
|
+
}
|
package/cjs/menu/menu-store.d.ts
CHANGED
|
@@ -4,11 +4,10 @@ import type { HovercardStoreFunctions, HovercardStoreOptions, HovercardStoreStat
|
|
|
4
4
|
import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
|
|
5
5
|
import type { BivariantCallback, PickRequired, SetState, SetStateAction } from "../utils/types.js";
|
|
6
6
|
import type { MenuBarStore } from "./menu-bar-store.js";
|
|
7
|
-
|
|
8
|
-
export declare function createMenuStore<T extends Values = Values>(props: PickRequired<MenuStoreProps<T>, "values" | "defaultValues">): MenuStore<T>;
|
|
7
|
+
export declare function createMenuStore<T extends MenuStoreValues = MenuStoreValues>(props: PickRequired<MenuStoreProps<T>, "values" | "defaultValues">): MenuStore<T>;
|
|
9
8
|
export declare function createMenuStore(props?: MenuStoreProps): MenuStore;
|
|
10
9
|
export type MenuStoreValues = Record<string, string | boolean | number | Array<string | number>>;
|
|
11
|
-
export interface MenuStoreState<T extends
|
|
10
|
+
export interface MenuStoreState<T extends MenuStoreValues = MenuStoreValues> extends CompositeStoreState, HovercardStoreState {
|
|
12
11
|
/**
|
|
13
12
|
* Determines the element that should be focused when the menu is opened.
|
|
14
13
|
*/
|
|
@@ -16,6 +15,10 @@ export interface MenuStoreState<T extends Values = Values> extends CompositeStor
|
|
|
16
15
|
/**
|
|
17
16
|
* A map of names and values that will be used by the `MenuItemCheckbox` and
|
|
18
17
|
* `MenuItemRadio` components.
|
|
18
|
+
*
|
|
19
|
+
* Live examples:
|
|
20
|
+
* - [Submenu with
|
|
21
|
+
* Combobox](https://ariakit.org/examples/menu-nested-combobox)
|
|
19
22
|
*/
|
|
20
23
|
values: T;
|
|
21
24
|
/** @default "vertical" */
|
|
@@ -25,9 +28,13 @@ export interface MenuStoreState<T extends Values = Values> extends CompositeStor
|
|
|
25
28
|
/** @default 0 */
|
|
26
29
|
hideTimeout?: HovercardStoreState["hideTimeout"];
|
|
27
30
|
}
|
|
28
|
-
export interface MenuStoreFunctions<T extends
|
|
31
|
+
export interface MenuStoreFunctions<T extends MenuStoreValues = MenuStoreValues> extends CompositeStoreFunctions, HovercardStoreFunctions, Pick<MenuStoreOptions, "combobox" | "parent" | "menubar"> {
|
|
29
32
|
/**
|
|
30
33
|
* Hides the menu and all its parent menus.
|
|
34
|
+
*
|
|
35
|
+
* Live examples:
|
|
36
|
+
* - [Submenu with
|
|
37
|
+
* Combobox](https://ariakit.org/examples/menu-nested-combobox)
|
|
31
38
|
*/
|
|
32
39
|
hideAll: () => void;
|
|
33
40
|
/**
|
|
@@ -43,15 +50,17 @@ export interface MenuStoreFunctions<T extends Values = Values> extends Pick<Menu
|
|
|
43
50
|
setValues: SetState<MenuStoreState<T>["values"]>;
|
|
44
51
|
/**
|
|
45
52
|
* Sets a specific menu value.
|
|
46
|
-
*
|
|
47
|
-
*
|
|
53
|
+
*
|
|
54
|
+
* Live examples:
|
|
55
|
+
* - [Submenu with
|
|
56
|
+
* Combobox](https://ariakit.org/examples/menu-nested-combobox)
|
|
48
57
|
* @example
|
|
49
58
|
* store.setValue("watching", ["issues"]);
|
|
50
59
|
* store.setValue("watching", (value) => [...value, "issues"]);
|
|
51
60
|
*/
|
|
52
61
|
setValue: BivariantCallback<(name: string, value: SetStateAction<MenuStoreState<T>["values"][string]>) => void>;
|
|
53
62
|
}
|
|
54
|
-
export interface MenuStoreOptions<T extends
|
|
63
|
+
export interface MenuStoreOptions<T extends MenuStoreValues = MenuStoreValues> extends CompositeStoreOptions, HovercardStoreOptions, StoreOptions<MenuStoreState<T>, "orientation" | "placement" | "hideTimeout" | "values"> {
|
|
55
64
|
/**
|
|
56
65
|
* A reference to a combobox store. This is used when combining the combobox
|
|
57
66
|
* with a menu (e.g., dropdown menu with a search input). The stores will
|
|
@@ -73,6 +82,7 @@ export interface MenuStoreOptions<T extends Values = Values> extends StoreOption
|
|
|
73
82
|
*/
|
|
74
83
|
defaultValues?: MenuStoreState<T>["values"];
|
|
75
84
|
}
|
|
76
|
-
export
|
|
77
|
-
|
|
78
|
-
export {
|
|
85
|
+
export interface MenuStoreProps<T extends MenuStoreValues = MenuStoreValues> extends MenuStoreOptions<T>, StoreProps<MenuStoreState<T>> {
|
|
86
|
+
}
|
|
87
|
+
export interface MenuStore<T extends MenuStoreValues = MenuStoreValues> extends MenuStoreFunctions<T>, Store<MenuStoreState<T>> {
|
|
88
|
+
}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../__chunks/
|
|
6
|
-
require('../__chunks/
|
|
7
|
-
require('../__chunks/
|
|
4
|
+
var _UTICNXSTcjs = require('../__chunks/UTICNXST.cjs');
|
|
5
|
+
require('../__chunks/JNFZSNOI.cjs');
|
|
6
|
+
require('../__chunks/UCLKUBNP.cjs');
|
|
7
|
+
require('../__chunks/2UK5WUJX.cjs');
|
|
8
8
|
require('../__chunks/3UT5FE6K.cjs');
|
|
9
9
|
require('../__chunks/5F4DVUNS.cjs');
|
|
10
10
|
require('../__chunks/ULSPM3Y3.cjs');
|
|
11
11
|
require('../__chunks/AV6KTKLE.cjs');
|
|
12
12
|
|
|
13
13
|
|
|
14
|
-
exports.createMenubarStore =
|
|
14
|
+
exports.createMenubarStore = _UTICNXSTcjs.createMenubarStore;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
|
|
2
2
|
import type { Store, StoreProps } from "../utils/store.js";
|
|
3
3
|
/**
|
|
4
|
-
* Creates a
|
|
4
|
+
* Creates a menubar store.
|
|
5
5
|
*/
|
|
6
6
|
export declare function createMenubarStore(props?: MenubarStoreProps): MenubarStore;
|
|
7
7
|
export interface MenubarStoreState extends CompositeStoreState {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
|
|
2
2
|
import type { Store, StoreProps } from "../utils/store.js";
|
|
3
3
|
/**
|
|
4
|
-
* Creates a
|
|
4
|
+
* Creates a menubar store.
|
|
5
5
|
*/
|
|
6
6
|
export declare function createMenubarStore(props?: MenubarStoreProps): MenubarStore;
|
|
7
7
|
export interface MenubarStoreState extends CompositeStoreState {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../__chunks/
|
|
6
|
-
require('../__chunks/
|
|
7
|
-
require('../__chunks/
|
|
4
|
+
var _EFIT5L4Xcjs = require('../__chunks/EFIT5L4X.cjs');
|
|
5
|
+
require('../__chunks/2LS4JJ4S.cjs');
|
|
6
|
+
require('../__chunks/GJFZ5ZPP.cjs');
|
|
7
|
+
require('../__chunks/2UK5WUJX.cjs');
|
|
8
8
|
require('../__chunks/3UT5FE6K.cjs');
|
|
9
9
|
require('../__chunks/AV6KTKLE.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
|
-
exports.createPopoverStore =
|
|
12
|
+
exports.createPopoverStore = _EFIT5L4Xcjs.createPopoverStore;
|