@foldkit/ui 0.154.0 → 0.155.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 +1 -1
- package/dist/anchor/anchor.d.ts.map +1 -1
- package/dist/animation/index.d.ts +5 -5
- package/dist/animation/schema.d.ts.map +1 -1
- package/dist/animation/update.d.ts.map +1 -1
- package/dist/button/index.d.ts.map +1 -1
- package/dist/calendar/index.d.ts +44 -44
- package/dist/calendar/index.d.ts.map +1 -1
- package/dist/checkbox/index.d.ts.map +1 -1
- package/dist/combobox/multi.d.ts +47 -47
- package/dist/combobox/multi.d.ts.map +1 -1
- package/dist/combobox/shared.d.ts +44 -44
- package/dist/combobox/shared.d.ts.map +1 -1
- package/dist/combobox/shared.js +91 -78
- package/dist/combobox/single.d.ts +50 -50
- package/dist/combobox/single.d.ts.map +1 -1
- package/dist/datePicker/index.d.ts +102 -102
- package/dist/datePicker/index.d.ts.map +1 -1
- package/dist/dialog/index.d.ts +38 -18
- package/dist/dialog/index.d.ts.map +1 -1
- package/dist/dialog/index.js +66 -39
- package/dist/dialog/public.d.ts +1 -1
- package/dist/dialog/public.d.ts.map +1 -1
- package/dist/disclosure/index.d.ts.map +1 -1
- package/dist/dragAndDrop/index.d.ts +191 -191
- package/dist/dragAndDrop/index.d.ts.map +1 -1
- package/dist/fieldset/index.d.ts.map +1 -1
- package/dist/fileDrop/index.d.ts +10 -10
- package/dist/fileDrop/index.d.ts.map +1 -1
- package/dist/group.d.ts.map +1 -1
- package/dist/hoverIntent/hoverIntent.d.ts +103 -0
- package/dist/hoverIntent/hoverIntent.d.ts.map +1 -0
- package/dist/hoverIntent/hoverIntent.js +210 -0
- package/dist/hoverIntent/index.d.ts +4 -0
- package/dist/hoverIntent/index.d.ts.map +1 -0
- package/dist/hoverIntent/index.js +2 -0
- package/dist/hoverIntent/message.d.ts +42 -0
- package/dist/hoverIntent/message.d.ts.map +1 -0
- package/dist/hoverIntent/message.js +23 -0
- package/dist/hoverIntent/public.d.ts +3 -0
- package/dist/hoverIntent/public.d.ts.map +1 -0
- package/dist/hoverIntent/public.js +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/input/index.d.ts.map +1 -1
- package/dist/internal/optionExtensions.d.ts.map +1 -1
- package/dist/internal/selectors.d.ts.map +1 -1
- package/dist/keyboard.d.ts.map +1 -1
- package/dist/listbox/multi.d.ts +43 -43
- package/dist/listbox/multi.d.ts.map +1 -1
- package/dist/listbox/shared.d.ts +38 -38
- package/dist/listbox/shared.d.ts.map +1 -1
- package/dist/listbox/shared.js +46 -39
- package/dist/listbox/single.d.ts +45 -45
- package/dist/listbox/single.d.ts.map +1 -1
- package/dist/menu/index.d.ts +70 -70
- package/dist/menu/index.d.ts.map +1 -1
- package/dist/menu/index.js +39 -32
- package/dist/nav/index.d.ts.map +1 -1
- package/dist/popover/index.d.ts +33 -33
- package/dist/popover/index.d.ts.map +1 -1
- package/dist/popover/index.js +36 -29
- package/dist/radioGroup/index.d.ts +6 -6
- package/dist/radioGroup/index.d.ts.map +1 -1
- package/dist/select/index.d.ts.map +1 -1
- package/dist/slider/index.d.ts +72 -72
- package/dist/slider/index.d.ts.map +1 -1
- package/dist/switch/index.d.ts.map +1 -1
- package/dist/tabs/index.d.ts +6 -6
- package/dist/tabs/index.d.ts.map +1 -1
- package/dist/test/apps/disabledButton.d.ts +18 -15
- package/dist/test/apps/disabledButton.d.ts.map +1 -1
- package/dist/textarea/index.d.ts.map +1 -1
- package/dist/toast/index.d.ts +224 -224
- package/dist/toast/index.d.ts.map +1 -1
- package/dist/toast/schema.d.ts +16 -16
- package/dist/toast/schema.d.ts.map +1 -1
- package/dist/toast/test.d.ts.map +1 -1
- package/dist/toast/update.d.ts +151 -151
- package/dist/toast/update.d.ts.map +1 -1
- package/dist/tooltip/message.d.ts +2 -2
- package/dist/tooltip/message.d.ts.map +1 -1
- package/dist/tooltip/tooltip.d.ts +7 -7
- package/dist/tooltip/tooltip.d.ts.map +1 -1
- package/dist/tooltip/tooltip.js +15 -11
- package/dist/typeahead.d.ts.map +1 -1
- package/dist/virtualList/index.d.ts +10 -10
- package/dist/virtualList/index.d.ts.map +1 -1
- package/dist/virtualList/index.js +5 -5
- package/package.json +12 -10
package/dist/listbox/multi.d.ts
CHANGED
|
@@ -42,10 +42,10 @@ export declare const update: (model: {
|
|
|
42
42
|
readonly animation: {
|
|
43
43
|
readonly id: string;
|
|
44
44
|
readonly isShowing: boolean;
|
|
45
|
-
readonly transitionState: "
|
|
45
|
+
readonly transitionState: "EnterAnimating" | "EnterStart" | "Idle" | "LeaveAnimating" | "LeaveStart";
|
|
46
46
|
};
|
|
47
47
|
readonly maybeActiveItemIndex: Option.Option<number>;
|
|
48
|
-
readonly activationTrigger: "
|
|
48
|
+
readonly activationTrigger: "Keyboard" | "Pointer";
|
|
49
49
|
readonly searchQuery: string;
|
|
50
50
|
readonly searchVersion: number;
|
|
51
51
|
readonly maybeLastPointerPosition: Option.Option<{
|
|
@@ -63,10 +63,10 @@ export declare const update: (model: {
|
|
|
63
63
|
readonly animation: {
|
|
64
64
|
readonly id: string;
|
|
65
65
|
readonly isShowing: boolean;
|
|
66
|
-
readonly transitionState: "
|
|
66
|
+
readonly transitionState: "EnterAnimating" | "EnterStart" | "Idle" | "LeaveAnimating" | "LeaveStart";
|
|
67
67
|
};
|
|
68
68
|
readonly maybeActiveItemIndex: Option.Option<number>;
|
|
69
|
-
readonly activationTrigger: "
|
|
69
|
+
readonly activationTrigger: "Keyboard" | "Pointer";
|
|
70
70
|
readonly searchQuery: string;
|
|
71
71
|
readonly searchVersion: number;
|
|
72
72
|
readonly maybeLastPointerPosition: Option.Option<{
|
|
@@ -76,11 +76,9 @@ export declare const update: (model: {
|
|
|
76
76
|
readonly maybeLastButtonPointerType: Option.Option<string>;
|
|
77
77
|
};
|
|
78
78
|
commands?: Update.Commands<{
|
|
79
|
-
readonly _tag: "
|
|
80
|
-
} | {
|
|
81
|
-
readonly _tag: "SuppressedSpaceScroll";
|
|
79
|
+
readonly _tag: "DeactivatedItem";
|
|
82
80
|
} | {
|
|
83
|
-
readonly _tag: "
|
|
81
|
+
readonly _tag: "SuppressedItemCommit";
|
|
84
82
|
} | {
|
|
85
83
|
readonly _tag: "CompletedLockScroll";
|
|
86
84
|
} | {
|
|
@@ -89,67 +87,69 @@ export declare const update: (model: {
|
|
|
89
87
|
readonly _tag: "CompletedInertOthers";
|
|
90
88
|
} | {
|
|
91
89
|
readonly _tag: "CompletedRestoreInert";
|
|
92
|
-
} | {
|
|
93
|
-
readonly _tag: "Closed";
|
|
94
|
-
} | {
|
|
95
|
-
readonly _tag: "DeactivatedItem";
|
|
96
|
-
} | {
|
|
97
|
-
readonly _tag: "SuppressedItemCommit";
|
|
98
90
|
} | {
|
|
99
91
|
readonly _tag: "CompletedScrollIntoView";
|
|
100
92
|
} | {
|
|
101
93
|
readonly _tag: "CompletedClickItem";
|
|
102
94
|
} | {
|
|
103
|
-
readonly _tag: "
|
|
104
|
-
readonly maybeActiveItemIndex: Option.Option<number>;
|
|
105
|
-
} | {
|
|
106
|
-
readonly _tag: "BlurredItems";
|
|
95
|
+
readonly _tag: "Closed";
|
|
107
96
|
} | {
|
|
108
97
|
readonly _tag: "ActivatedItem";
|
|
109
98
|
readonly index: number;
|
|
110
|
-
readonly activationTrigger: "
|
|
99
|
+
readonly activationTrigger: "Keyboard" | "Pointer";
|
|
111
100
|
} | {
|
|
112
|
-
readonly _tag: "
|
|
113
|
-
readonly item: string;
|
|
114
|
-
} | {
|
|
115
|
-
readonly _tag: "MovedPointerOverItem";
|
|
116
|
-
readonly index: number;
|
|
117
|
-
readonly screenX: number;
|
|
118
|
-
readonly screenY: number;
|
|
119
|
-
} | {
|
|
120
|
-
readonly _tag: "RequestedItemClick";
|
|
121
|
-
readonly index: number;
|
|
101
|
+
readonly _tag: "BlurredItems";
|
|
122
102
|
} | {
|
|
123
|
-
readonly _tag: "
|
|
124
|
-
readonly key: string;
|
|
125
|
-
readonly maybeTargetIndex: Option.Option<number>;
|
|
103
|
+
readonly _tag: "CompletedAnchorListbox";
|
|
126
104
|
} | {
|
|
127
105
|
readonly _tag: "CompletedDelayClearSearch";
|
|
128
106
|
readonly version: number;
|
|
129
107
|
} | {
|
|
130
|
-
readonly _tag: "
|
|
131
|
-
|
|
132
|
-
readonly
|
|
108
|
+
readonly _tag: "CompletedFocusButton";
|
|
109
|
+
} | {
|
|
110
|
+
readonly _tag: "CompletedFocusItems";
|
|
111
|
+
} | {
|
|
112
|
+
readonly _tag: "CompletedPortalListboxBackdrop";
|
|
133
113
|
} | {
|
|
134
114
|
readonly _tag: "GotAnimationMessage";
|
|
135
115
|
readonly message: {
|
|
136
|
-
readonly _tag: "Showed";
|
|
137
|
-
} | {
|
|
138
|
-
readonly _tag: "Hid";
|
|
139
|
-
} | {
|
|
140
116
|
readonly _tag: "CompletedWaitForPaint";
|
|
141
117
|
} | {
|
|
142
118
|
readonly _tag: "EndedAnimation";
|
|
119
|
+
} | {
|
|
120
|
+
readonly _tag: "Hid";
|
|
121
|
+
} | {
|
|
122
|
+
readonly _tag: "Showed";
|
|
143
123
|
};
|
|
144
124
|
} | {
|
|
145
|
-
readonly _tag: "
|
|
125
|
+
readonly _tag: "IgnoredMouseClick";
|
|
146
126
|
} | {
|
|
147
|
-
readonly _tag: "
|
|
127
|
+
readonly _tag: "MovedPointerOverItem";
|
|
128
|
+
readonly index: number;
|
|
129
|
+
readonly screenX: number;
|
|
130
|
+
readonly screenY: number;
|
|
148
131
|
} | {
|
|
149
|
-
readonly _tag: "
|
|
132
|
+
readonly _tag: "Opened";
|
|
133
|
+
readonly maybeActiveItemIndex: Option.Option<number>;
|
|
134
|
+
} | {
|
|
135
|
+
readonly _tag: "PressedPointerOnButton";
|
|
136
|
+
readonly pointerType: string;
|
|
137
|
+
readonly button: number;
|
|
138
|
+
} | {
|
|
139
|
+
readonly _tag: "RequestedItemClick";
|
|
140
|
+
readonly index: number;
|
|
141
|
+
} | {
|
|
142
|
+
readonly _tag: "Searched";
|
|
143
|
+
readonly key: string;
|
|
144
|
+
readonly maybeTargetIndex: Option.Option<number>;
|
|
145
|
+
} | {
|
|
146
|
+
readonly _tag: "SelectedItem";
|
|
147
|
+
readonly item: string;
|
|
148
|
+
} | {
|
|
149
|
+
readonly _tag: "SuppressedSpaceScroll";
|
|
150
150
|
}, never>;
|
|
151
151
|
outMessage?: Readonly<{
|
|
152
|
-
readonly _tag:
|
|
152
|
+
readonly _tag: 'Selected';
|
|
153
153
|
readonly value: string;
|
|
154
154
|
}>;
|
|
155
155
|
}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multi.d.ts","sourceRoot":"","sources":["../../src/listbox/multi.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAC5C,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,SAAS,CAAA;AACrC,OAAO,KAAK,EAAE,IAAI,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAE5D,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EACnB,OAAO,EACP,UAAU,EAIX,MAAM,aAAa,CAAA;AAIpB,mOAAmO;AACnO,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;EAEhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,kOAAkO;AAClO,MAAM,MAAM,UAAU,GAAG,cAAc,CAAA;AAEvC,2GAA2G;AAC3G,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"multi.d.ts","sourceRoot":"","sources":["../../src/listbox/multi.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAC5C,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,SAAS,CAAA;AACrC,OAAO,KAAK,EAAE,IAAI,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAE5D,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EACnB,OAAO,EACP,UAAU,EAIX,MAAM,aAAa,CAAA;AAIpB,mOAAmO;AACnO,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;EAEhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,kOAAkO;AAClO,MAAM,MAAM,UAAU,GAAG,cAAc,CAAA;AAEvC,2GAA2G;AAC3G,eAAO,MAAM,IAAI,WAAY,UAAU,KAAG,KAAyB,CAAA;AAInE;;;kBAGkB;AAClB,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAGhB,CAAA;AAEH,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAA;AAE7C;6DAC6D;AAC7D,eAAO,MAAM,IAAI,UAAW,KAAK,KAAG,YACoC,CAAA;AAExE;;;eAGe;AACf,eAAO,MAAM,KAAK,UAAW,KAAK,KAAG,YACJ,CAAA;AAEjC,8IAA8I;AAC9I,eAAO,MAAM,UAAU,UAAW,KAAK,QAAQ,MAAM,KAAG,YACT,CAAA;AAI/C,uFAAuF;AACvF,MAAM,MAAM,UAAU,CAAC,IAAI,EAAE,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,cAAc,CAC1E,IAAI,EACJ,KAAK,CACN,CAAA;AAID,KAAK,kBAAkB,CAAC,KAAK,SAAS,MAAM,IAAI,MAAM,CAAC,oBAAoB,CACzE,KAAK,EACL,OAAO,EACP,UAAU,CAAC,KAAK,CAAC,CAClB,CAAA;AAED;;;;2CAI2C;AAC3C,MAAM,MAAM,MAAM,CAChB,IAAI,GAAG,MAAM,EACb,KAAK,SAAS,MAAM,GAAG,IAAI,SAAS,MAAM,GAAG,IAAI,GAAG,MAAM,IACxD,QAAQ,CAAC;IACX,IAAI,EAAE,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;IAC3D,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,KAAK,kBAAkB,CAAC,KAAK,CAAC,CAAA;IACrE,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,KAAK,kBAAkB,CAAC,KAAK,CAAC,CAAA;IACpE,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,kBAAkB,CAAC,KAAK,CAAC,CAAA;IACjD,KAAK,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,kBAAkB,CAAC,KAAK,CAAC,CAAA;CACnD,CAAC,CAAA;AAEF;;;;qBAIqB;AACrB,eAAO,MAAM,MAAM,GACjB,IAAI,GAAG,MAAM,EACb,KAAK,SAAS,MAAM,GAAG,IAAI,SAAS,MAAM,GAAG,IAAI,GAAG,MAAM,OACvD,MAAM,CAAC,IAAI,EAAE,KAAK,CAoBtB,CAAA"}
|
package/dist/listbox/shared.d.ts
CHANGED
|
@@ -48,32 +48,32 @@ export declare const baseInit: (config: BaseInitConfig) => BaseModel;
|
|
|
48
48
|
/** Union of all messages the listbox component can produce. */
|
|
49
49
|
export declare const Message: import("foldkit/message").MessageUnion<{
|
|
50
50
|
readonly Opened: {
|
|
51
|
-
|
|
51
|
+
maybeActiveItemIndex: S.Option<S.Number>;
|
|
52
52
|
};
|
|
53
53
|
readonly Closed: {};
|
|
54
54
|
readonly BlurredItems: {};
|
|
55
55
|
readonly ActivatedItem: {
|
|
56
|
-
|
|
57
|
-
|
|
56
|
+
index: S.Number;
|
|
57
|
+
activationTrigger: S.Literals<readonly ["Pointer", "Keyboard"]>;
|
|
58
58
|
};
|
|
59
59
|
readonly DeactivatedItem: {};
|
|
60
60
|
readonly SelectedItem: {
|
|
61
|
-
|
|
61
|
+
item: S.String;
|
|
62
62
|
};
|
|
63
63
|
readonly MovedPointerOverItem: {
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
64
|
+
index: S.Number;
|
|
65
|
+
screenX: S.Number;
|
|
66
|
+
screenY: S.Number;
|
|
67
67
|
};
|
|
68
68
|
readonly RequestedItemClick: {
|
|
69
|
-
|
|
69
|
+
index: S.Number;
|
|
70
70
|
};
|
|
71
71
|
readonly Searched: {
|
|
72
|
-
|
|
73
|
-
|
|
72
|
+
key: S.String;
|
|
73
|
+
maybeTargetIndex: S.Option<S.Number>;
|
|
74
74
|
};
|
|
75
75
|
readonly CompletedDelayClearSearch: {
|
|
76
|
-
|
|
76
|
+
version: S.Number;
|
|
77
77
|
};
|
|
78
78
|
readonly CompletedLockScroll: {};
|
|
79
79
|
readonly CompletedUnlockScroll: {};
|
|
@@ -89,7 +89,7 @@ export declare const Message: import("foldkit/message").MessageUnion<{
|
|
|
89
89
|
readonly CompletedAnchorListbox: {};
|
|
90
90
|
readonly CompletedPortalListboxBackdrop: {};
|
|
91
91
|
readonly GotAnimationMessage: {
|
|
92
|
-
|
|
92
|
+
message: import("foldkit/message").MessageUnion<{
|
|
93
93
|
readonly Showed: {};
|
|
94
94
|
readonly Hid: {};
|
|
95
95
|
readonly CompletedWaitForPaint: {};
|
|
@@ -97,8 +97,8 @@ export declare const Message: import("foldkit/message").MessageUnion<{
|
|
|
97
97
|
}>;
|
|
98
98
|
};
|
|
99
99
|
readonly PressedPointerOnButton: {
|
|
100
|
-
|
|
101
|
-
|
|
100
|
+
pointerType: S.String;
|
|
101
|
+
button: S.Number;
|
|
102
102
|
};
|
|
103
103
|
}>;
|
|
104
104
|
export type Opened = typeof Message.Opened.Type;
|
|
@@ -123,7 +123,7 @@ export type Selected<Value extends string = string> = Readonly<{
|
|
|
123
123
|
/** Union of out-messages the listbox component can produce. The parent folds `Selected` into the selection it owns: single-select stores the value, multi-select toggles the value's membership. */
|
|
124
124
|
export declare const OutMessage: import("foldkit/message").MessageUnion<{
|
|
125
125
|
readonly Selected: {
|
|
126
|
-
|
|
126
|
+
value: S.String;
|
|
127
127
|
};
|
|
128
128
|
}>;
|
|
129
129
|
/** Generic over `Value extends string` so consumers who create the listbox
|
|
@@ -207,13 +207,13 @@ export declare const DetectMovementOrAnimationEnd: Command.CommandDefinitionWith
|
|
|
207
207
|
}, Effect.Effect<{
|
|
208
208
|
readonly _tag: "GotAnimationMessage";
|
|
209
209
|
readonly message: {
|
|
210
|
-
readonly _tag: "Showed";
|
|
211
|
-
} | {
|
|
212
|
-
readonly _tag: "Hid";
|
|
213
|
-
} | {
|
|
214
210
|
readonly _tag: "CompletedWaitForPaint";
|
|
215
211
|
} | {
|
|
216
212
|
readonly _tag: "EndedAnimation";
|
|
213
|
+
} | {
|
|
214
|
+
readonly _tag: "Hid";
|
|
215
|
+
} | {
|
|
216
|
+
readonly _tag: "Showed";
|
|
217
217
|
};
|
|
218
218
|
}, never, never>>;
|
|
219
219
|
export declare const makeUpdate: <Model extends BaseModel>(handleSelectedItem: (model: Model, item: string, context: SelectedItemContext<Model>) => Update.ReturnWithOutMessage<Model, Message, OutMessage>) => (model: Model, message: Message) => Readonly<{
|
|
@@ -224,24 +224,24 @@ export declare const makeUpdate: <Model extends BaseModel>(handleSelectedItem: (
|
|
|
224
224
|
readonly _tag: "SuppressedSpaceScroll";
|
|
225
225
|
} | {
|
|
226
226
|
readonly _tag: "CompletedFocusButton";
|
|
227
|
+
} | {
|
|
228
|
+
readonly _tag: "CompletedInertOthers";
|
|
227
229
|
} | {
|
|
228
230
|
readonly _tag: "CompletedLockScroll";
|
|
231
|
+
} | {
|
|
232
|
+
readonly _tag: "CompletedRestoreInert";
|
|
229
233
|
} | {
|
|
230
234
|
readonly _tag: "CompletedUnlockScroll";
|
|
231
235
|
} | {
|
|
232
|
-
readonly _tag: "
|
|
236
|
+
readonly _tag: "Closed";
|
|
233
237
|
} | {
|
|
234
|
-
readonly _tag: "
|
|
238
|
+
readonly _tag: "CompletedClickItem";
|
|
235
239
|
} | {
|
|
236
|
-
readonly _tag: "
|
|
240
|
+
readonly _tag: "CompletedScrollIntoView";
|
|
237
241
|
} | {
|
|
238
242
|
readonly _tag: "DeactivatedItem";
|
|
239
243
|
} | {
|
|
240
244
|
readonly _tag: "SuppressedItemCommit";
|
|
241
|
-
} | {
|
|
242
|
-
readonly _tag: "CompletedScrollIntoView";
|
|
243
|
-
} | {
|
|
244
|
-
readonly _tag: "CompletedClickItem";
|
|
245
245
|
} | {
|
|
246
246
|
readonly _tag: "Opened";
|
|
247
247
|
readonly maybeActiveItemIndex: Option.Option<number>;
|
|
@@ -250,7 +250,7 @@ export declare const makeUpdate: <Model extends BaseModel>(handleSelectedItem: (
|
|
|
250
250
|
} | {
|
|
251
251
|
readonly _tag: "ActivatedItem";
|
|
252
252
|
readonly index: number;
|
|
253
|
-
readonly activationTrigger: "
|
|
253
|
+
readonly activationTrigger: "Keyboard" | "Pointer";
|
|
254
254
|
} | {
|
|
255
255
|
readonly _tag: "SelectedItem";
|
|
256
256
|
readonly item: string;
|
|
@@ -273,26 +273,26 @@ export declare const makeUpdate: <Model extends BaseModel>(handleSelectedItem: (
|
|
|
273
273
|
readonly _tag: "PressedPointerOnButton";
|
|
274
274
|
readonly pointerType: string;
|
|
275
275
|
readonly button: number;
|
|
276
|
+
} | {
|
|
277
|
+
readonly _tag: "CompletedAnchorListbox";
|
|
278
|
+
} | {
|
|
279
|
+
readonly _tag: "CompletedFocusItems";
|
|
280
|
+
} | {
|
|
281
|
+
readonly _tag: "CompletedPortalListboxBackdrop";
|
|
276
282
|
} | {
|
|
277
283
|
readonly _tag: "GotAnimationMessage";
|
|
278
284
|
readonly message: {
|
|
279
|
-
readonly _tag: "Showed";
|
|
280
|
-
} | {
|
|
281
|
-
readonly _tag: "Hid";
|
|
282
|
-
} | {
|
|
283
285
|
readonly _tag: "CompletedWaitForPaint";
|
|
284
286
|
} | {
|
|
285
287
|
readonly _tag: "EndedAnimation";
|
|
288
|
+
} | {
|
|
289
|
+
readonly _tag: "Hid";
|
|
290
|
+
} | {
|
|
291
|
+
readonly _tag: "Showed";
|
|
286
292
|
};
|
|
287
|
-
} | {
|
|
288
|
-
readonly _tag: "CompletedFocusItems";
|
|
289
|
-
} | {
|
|
290
|
-
readonly _tag: "CompletedAnchorListbox";
|
|
291
|
-
} | {
|
|
292
|
-
readonly _tag: "CompletedPortalListboxBackdrop";
|
|
293
293
|
}, never>;
|
|
294
294
|
outMessage?: Readonly<{
|
|
295
|
-
readonly _tag:
|
|
295
|
+
readonly _tag: 'Selected';
|
|
296
296
|
readonly value: string;
|
|
297
297
|
}>;
|
|
298
298
|
}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/listbox/shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,MAAM,EAIN,MAAM,EAEN,MAAM,IAAI,CAAC,EAGZ,MAAM,QAAQ,CAAA;AACf,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAE1C,OAAO,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAExD,OAAO,KAAK,KAAK,MAAM,eAAe,CAAA;AAEtC,OAAO,EAAE,KAAK,IAAI,IAAI,YAAY,EAAc,MAAM,kBAAkB,CAAA;AACxE,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAExC,OAAO,EACL,YAAY,EAGb,MAAM,oBAAoB,CAAA;AAmB3B,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AAEvD,OAAO,EAAE,qBAAqB,EAAE,CAAA;AAIhC,4FAA4F;AAC5F,eAAO,MAAM,iBAAiB,8CAAsC,CAAA;AACpE,MAAM,MAAM,iBAAiB,GAAG,OAAO,iBAAiB,CAAC,IAAI,CAAA;AAE7D,yFAAyF;AACzF,eAAO,MAAM,WAAW,iDAAyC,CAAA;AACjE,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC,IAAI,CAAA;AAEjD,mKAAmK;AACnK,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;EAepB,CAAA;AACF,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,IAAI,CAAA;AAE7C,2EAA2E;AAC3E,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC;IACpC,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,WAAW,CAAC,IAAI,CAAA;CACtC,CAAC,CAAA;AAEF,gIAAgI;AAChI,eAAO,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/listbox/shared.ts"],"names":[],"mappings":"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"}
|
package/dist/listbox/shared.js
CHANGED
|
@@ -382,47 +382,54 @@ export const makeUpdate = (handleSelectedItem) => {
|
|
|
382
382
|
*
|
|
383
383
|
* Exposed so Scene tests can call
|
|
384
384
|
* `Scene.Mount.resolve(AnchorListbox, CompletedAnchorListbox())`. */
|
|
385
|
-
export const AnchorListbox = Mount.define('AnchorListbox', {
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
385
|
+
export const AnchorListbox = Mount.define('AnchorListbox', {
|
|
386
|
+
args: { buttonId: S.String, anchor: AnchorConfig },
|
|
387
|
+
messages: [Message.CompletedAnchorListbox],
|
|
388
|
+
execute: ({ element, buttonId, anchor }) => __foldkitBrandViewResult((Effect.gen(function* () {
|
|
389
|
+
yield* Effect.acquireRelease(Effect.sync(() => __foldkitBrandViewResult((anchorSetup(element, {
|
|
390
|
+
buttonId,
|
|
391
|
+
anchor,
|
|
392
|
+
focusAfterPosition: true,
|
|
393
|
+
})), "@foldkit/ui/listbox/shared.js#anonymous~11")), cleanup => __foldkitBrandViewResult((Effect.sync(cleanup)), "@foldkit/ui/listbox/shared.js#anonymous~12"));
|
|
394
|
+
return __foldkitBrandViewResult((Message.CompletedAnchorListbox()), "@foldkit/ui/listbox/shared.js#anonymous~10");
|
|
395
|
+
})), "@foldkit/ui/listbox/shared.js#execute~9"),
|
|
396
|
+
});
|
|
393
397
|
/** The backdrop-portaling Mount this Listbox renders. Exposed so Scene tests can
|
|
394
398
|
* call `Scene.Mount.resolve(PortalListboxBackdrop, CompletedPortalListboxBackdrop())` to
|
|
395
399
|
* acknowledge the mount produced by the rendered backdrop. */
|
|
396
|
-
export const PortalListboxBackdrop = Mount.define('PortalListboxBackdrop',
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
+
export const PortalListboxBackdrop = Mount.define('PortalListboxBackdrop', {
|
|
401
|
+
messages: [Message.CompletedPortalListboxBackdrop],
|
|
402
|
+
execute: ({ element }) => __foldkitBrandViewResult((Effect.gen(function* () {
|
|
403
|
+
yield* Effect.acquireRelease(Effect.sync(() => __foldkitBrandViewResult((portalToContainingRoot(element)), "@foldkit/ui/listbox/shared.js#anonymous~14")), cleanup => __foldkitBrandViewResult((Effect.sync(cleanup)), "@foldkit/ui/listbox/shared.js#anonymous~15"));
|
|
404
|
+
return __foldkitBrandViewResult((Message.CompletedPortalListboxBackdrop()), "@foldkit/ui/listbox/shared.js#anonymous~13");
|
|
405
|
+
})), "@foldkit/ui/listbox/shared.js#execute~10"),
|
|
406
|
+
});
|
|
400
407
|
export const makeView = (behavior) => {
|
|
401
408
|
const impl = defineView((model, viewInputs, h) => {
|
|
402
409
|
const { id, isOpen, orientation, animation: { transitionState }, maybeActiveItemIndex, searchQuery, maybeLastButtonPointerType, } = model;
|
|
403
410
|
const { items, itemToConfig, isItemDisabled, isButtonDisabled, buttonContent, buttonClassName, buttonAttributes = [], itemsClassName, itemsAttributes = [], itemsScrollClassName, itemsScrollAttributes = [], backdropClassName, backdropAttributes = [], className, attributes = [], itemGroupKey, groupToHeading, groupClassName, groupAttributes = [], separatorClassName, separatorAttributes = [], anchor = {}, name, form, isDisabled, isReadOnly = false, isInvalid, ariaLabel, ariaLabelledBy, selectedValues, } = viewInputs;
|
|
404
|
-
const itemToValue = viewInputs.itemToValue ?? ((item) => __foldkitBrandViewResult((String(item)), "@foldkit/ui/listbox/shared.js#anonymous~
|
|
411
|
+
const itemToValue = viewInputs.itemToValue ?? ((item) => __foldkitBrandViewResult((String(item)), "@foldkit/ui/listbox/shared.js#anonymous~17"));
|
|
405
412
|
const isValueSelected = (itemValue) => __foldkitBrandViewResult((Array.contains(selectedValues, itemValue)), "@foldkit/ui/listbox/shared.js#isValueSelected");
|
|
406
|
-
const itemToSearchText = viewInputs.itemToSearchText ?? ((item) => __foldkitBrandViewResult((itemToValue(item)), "@foldkit/ui/listbox/shared.js#anonymous~
|
|
413
|
+
const itemToSearchText = viewInputs.itemToSearchText ?? ((item) => __foldkitBrandViewResult((itemToValue(item)), "@foldkit/ui/listbox/shared.js#anonymous~18"));
|
|
407
414
|
const isLeaving = transitionState === 'LeaveStart' || transitionState === 'LeaveAnimating';
|
|
408
415
|
const isVisible = isOpen || isLeaving;
|
|
409
416
|
const animationAttributes = M.value(transitionState).pipe(M.when('EnterStart', () => __foldkitBrandViewResult(([
|
|
410
417
|
h.DataAttribute('closed', ''),
|
|
411
418
|
h.DataAttribute('enter', ''),
|
|
412
419
|
h.DataAttribute('transition', ''),
|
|
413
|
-
]), "@foldkit/ui/listbox/shared.js#anonymous~
|
|
420
|
+
]), "@foldkit/ui/listbox/shared.js#anonymous~19")), M.when('EnterAnimating', () => __foldkitBrandViewResult(([
|
|
414
421
|
h.DataAttribute('enter', ''),
|
|
415
422
|
h.DataAttribute('transition', ''),
|
|
416
|
-
]), "@foldkit/ui/listbox/shared.js#anonymous~
|
|
423
|
+
]), "@foldkit/ui/listbox/shared.js#anonymous~20")), M.when('LeaveStart', () => __foldkitBrandViewResult(([
|
|
417
424
|
h.DataAttribute('leave', ''),
|
|
418
425
|
h.DataAttribute('transition', ''),
|
|
419
|
-
]), "@foldkit/ui/listbox/shared.js#anonymous~
|
|
426
|
+
]), "@foldkit/ui/listbox/shared.js#anonymous~21")), M.when('LeaveAnimating', () => __foldkitBrandViewResult(([
|
|
420
427
|
h.DataAttribute('closed', ''),
|
|
421
428
|
h.DataAttribute('leave', ''),
|
|
422
429
|
h.DataAttribute('transition', ''),
|
|
423
|
-
]), "@foldkit/ui/listbox/shared.js#anonymous~
|
|
430
|
+
]), "@foldkit/ui/listbox/shared.js#anonymous~22")), M.orElse(() => __foldkitBrandViewResult(([]), "@foldkit/ui/listbox/shared.js#anonymous~23")));
|
|
424
431
|
const isItemDisabledByIndex = (index) => __foldkitBrandViewResult((Predicate.isNotUndefined(isItemDisabled) &&
|
|
425
|
-
pipe(items, Array.get(index), Option.exists(item => __foldkitBrandViewResult((isItemDisabled(item, index)), "@foldkit/ui/listbox/shared.js#anonymous~
|
|
432
|
+
pipe(items, Array.get(index), Option.exists(item => __foldkitBrandViewResult((isItemDisabled(item, index)), "@foldkit/ui/listbox/shared.js#anonymous~24")))), "@foldkit/ui/listbox/shared.js#isItemDisabledByIndex");
|
|
426
433
|
const isButtonEffectivelyDisabled = isDisabled || isButtonDisabled;
|
|
427
434
|
const nextKey = orientation === 'Horizontal' ? 'ArrowRight' : 'ArrowDown';
|
|
428
435
|
const previousKey = orientation === 'Horizontal' ? 'ArrowLeft' : 'ArrowUp';
|
|
@@ -437,20 +444,20 @@ export const makeView = (behavior) => {
|
|
|
437
444
|
const isNavigationKey = (key) => __foldkitBrandViewResult((Array.contains(navigationKeys, key)), "@foldkit/ui/listbox/shared.js#isNavigationKey");
|
|
438
445
|
const firstEnabledIndex = findFirstEnabledIndex(items.length, 0, isItemDisabledByIndex)(0, 1);
|
|
439
446
|
const lastEnabledIndex = findFirstEnabledIndex(items.length, 0, isItemDisabledByIndex)(items.length - 1, -1);
|
|
440
|
-
const selectedItemIndex = pipe(selectedValues, Array.head, Option.flatMap(selectedValue => __foldkitBrandViewResult((Array.findFirstIndex(items, item => __foldkitBrandViewResult((itemToValue(item) === selectedValue), "@foldkit/ui/listbox/shared.js#anonymous~
|
|
447
|
+
const selectedItemIndex = pipe(selectedValues, Array.head, Option.flatMap(selectedValue => __foldkitBrandViewResult((Array.findFirstIndex(items, item => __foldkitBrandViewResult((itemToValue(item) === selectedValue), "@foldkit/ui/listbox/shared.js#anonymous~26"))), "@foldkit/ui/listbox/shared.js#anonymous~25")));
|
|
441
448
|
const handleButtonKeyDown = (key) => {
|
|
442
449
|
if (isOpen) {
|
|
443
450
|
return __foldkitBrandViewResult((handleItemsKeyDown(key)), "@foldkit/ui/listbox/shared.js#handleButtonKeyDown");
|
|
444
451
|
}
|
|
445
452
|
return __foldkitBrandViewResult((M.value(key).pipe(M.whenOr('Enter', ' ', 'ArrowDown', () => __foldkitBrandViewResult((Option.some(Message.Opened({
|
|
446
|
-
maybeActiveItemIndex: Option.orElse(selectedItemIndex, () => __foldkitBrandViewResult((Option.some(firstEnabledIndex)), "@foldkit/ui/listbox/shared.js#anonymous~
|
|
447
|
-
}))), "@foldkit/ui/listbox/shared.js#anonymous~
|
|
448
|
-
maybeActiveItemIndex: Option.orElse(selectedItemIndex, () => __foldkitBrandViewResult((Option.some(lastEnabledIndex)), "@foldkit/ui/listbox/shared.js#anonymous~
|
|
449
|
-
}))), "@foldkit/ui/listbox/shared.js#anonymous~
|
|
453
|
+
maybeActiveItemIndex: Option.orElse(selectedItemIndex, () => __foldkitBrandViewResult((Option.some(firstEnabledIndex)), "@foldkit/ui/listbox/shared.js#anonymous~28")),
|
|
454
|
+
}))), "@foldkit/ui/listbox/shared.js#anonymous~27")), M.when('ArrowUp', () => __foldkitBrandViewResult((Option.some(Message.Opened({
|
|
455
|
+
maybeActiveItemIndex: Option.orElse(selectedItemIndex, () => __foldkitBrandViewResult((Option.some(lastEnabledIndex)), "@foldkit/ui/listbox/shared.js#anonymous~30")),
|
|
456
|
+
}))), "@foldkit/ui/listbox/shared.js#anonymous~29")), M.orElse(() => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/listbox/shared.js#anonymous~31")))), "@foldkit/ui/listbox/shared.js#handleButtonKeyDown");
|
|
450
457
|
};
|
|
451
458
|
const handleButtonPointerDown = (pointerType, button) => __foldkitBrandViewResult((Option.some(Message.PressedPointerOnButton({ pointerType, button }))), "@foldkit/ui/listbox/shared.js#handleButtonPointerDown");
|
|
452
459
|
const handleButtonClick = () => {
|
|
453
|
-
const isMouse = Option.exists(maybeLastButtonPointerType, type => __foldkitBrandViewResult((type === 'mouse'), "@foldkit/ui/listbox/shared.js#anonymous~
|
|
460
|
+
const isMouse = Option.exists(maybeLastButtonPointerType, type => __foldkitBrandViewResult((type === 'mouse'), "@foldkit/ui/listbox/shared.js#anonymous~32"));
|
|
454
461
|
if (isMouse) {
|
|
455
462
|
return __foldkitBrandViewResult((Message.IgnoredMouseClick()), "@foldkit/ui/listbox/shared.js#handleButtonClick");
|
|
456
463
|
}
|
|
@@ -463,7 +470,7 @@ export const makeView = (behavior) => {
|
|
|
463
470
|
};
|
|
464
471
|
const handleSpaceKeyUp = (key) => __foldkitBrandViewResult((OptionExt.when(key === ' ', Message.SuppressedSpaceScroll())), "@foldkit/ui/listbox/shared.js#handleSpaceKeyUp");
|
|
465
472
|
const resolveActiveIndex = (key) => __foldkitBrandViewResult((Option.match(maybeActiveItemIndex, {
|
|
466
|
-
onNone: () => __foldkitBrandViewResult((M.value(key).pipe(M.whenOr(previousKey, 'End', 'PageDown', () => __foldkitBrandViewResult((lastEnabledIndex), "@foldkit/ui/listbox/shared.js#anonymous~
|
|
473
|
+
onNone: () => __foldkitBrandViewResult((M.value(key).pipe(M.whenOr(previousKey, 'End', 'PageDown', () => __foldkitBrandViewResult((lastEnabledIndex), "@foldkit/ui/listbox/shared.js#anonymous~33")), M.orElse(() => __foldkitBrandViewResult((firstEnabledIndex), "@foldkit/ui/listbox/shared.js#anonymous~34")))), "@foldkit/ui/listbox/shared.js#onNone~2"),
|
|
467
474
|
onSome: activeIndex => __foldkitBrandViewResult((keyToIndex(nextKey, previousKey, items.length, activeIndex, isItemDisabledByIndex)(key)), "@foldkit/ui/listbox/shared.js#onSome~2"),
|
|
468
475
|
})), "@foldkit/ui/listbox/shared.js#resolveActiveIndex");
|
|
469
476
|
const searchForKey = (key) => {
|
|
@@ -476,15 +483,15 @@ export const makeView = (behavior) => {
|
|
|
476
483
|
return __foldkitBrandViewResult((Option.as(maybeActiveItemIndex, Message.SuppressedItemCommit())), "@foldkit/ui/listbox/shared.js#resolveCommitMessage");
|
|
477
484
|
}
|
|
478
485
|
else {
|
|
479
|
-
return __foldkitBrandViewResult((Option.map(maybeActiveItemIndex, index => __foldkitBrandViewResult((Message.RequestedItemClick({ index })), "@foldkit/ui/listbox/shared.js#anonymous~
|
|
486
|
+
return __foldkitBrandViewResult((Option.map(maybeActiveItemIndex, index => __foldkitBrandViewResult((Message.RequestedItemClick({ index })), "@foldkit/ui/listbox/shared.js#anonymous~35"))), "@foldkit/ui/listbox/shared.js#resolveCommitMessage");
|
|
480
487
|
}
|
|
481
488
|
};
|
|
482
|
-
const handleItemsKeyDown = (key) => __foldkitBrandViewResult((M.value(key).pipe(M.when('Escape', () => __foldkitBrandViewResult((Option.some(Message.Closed())), "@foldkit/ui/listbox/shared.js#anonymous~
|
|
489
|
+
const handleItemsKeyDown = (key) => __foldkitBrandViewResult((M.value(key).pipe(M.when('Escape', () => __foldkitBrandViewResult((Option.some(Message.Closed())), "@foldkit/ui/listbox/shared.js#anonymous~36")), M.when('Enter', resolveCommitMessage), M.when(' ', () => __foldkitBrandViewResult((Str.isNonEmpty(searchQuery)
|
|
483
490
|
? searchForKey(' ')
|
|
484
|
-
: resolveCommitMessage()), "@foldkit/ui/listbox/shared.js#anonymous~
|
|
491
|
+
: resolveCommitMessage()), "@foldkit/ui/listbox/shared.js#anonymous~37")), M.when(isNavigationKey, () => __foldkitBrandViewResult((Option.some(Message.ActivatedItem({
|
|
485
492
|
index: resolveActiveIndex(key),
|
|
486
493
|
activationTrigger: 'Keyboard',
|
|
487
|
-
}))), "@foldkit/ui/listbox/shared.js#anonymous~
|
|
494
|
+
}))), "@foldkit/ui/listbox/shared.js#anonymous~38")), M.when(isPrintableKey, () => __foldkitBrandViewResult((searchForKey(key)), "@foldkit/ui/listbox/shared.js#anonymous~39")), M.orElse(() => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/listbox/shared.js#anonymous~40")))), "@foldkit/ui/listbox/shared.js#handleItemsKeyDown");
|
|
488
495
|
const resolveButtonLabel = () => {
|
|
489
496
|
if (Predicate.isNotUndefined(ariaLabel)) {
|
|
490
497
|
return __foldkitBrandViewResult(([h.AriaLabel(ariaLabel)]), "@foldkit/ui/listbox/shared.js#resolveButtonLabel");
|
|
@@ -559,7 +566,7 @@ export const makeView = (behavior) => {
|
|
|
559
566
|
...itemsAttributes,
|
|
560
567
|
];
|
|
561
568
|
const listboxItems = Array.map(items, (item, index) => {
|
|
562
|
-
const isActiveItem = Option.exists(maybeActiveItemIndex, activeIndex => __foldkitBrandViewResult((activeIndex === index), "@foldkit/ui/listbox/shared.js#anonymous~
|
|
569
|
+
const isActiveItem = Option.exists(maybeActiveItemIndex, activeIndex => __foldkitBrandViewResult((activeIndex === index), "@foldkit/ui/listbox/shared.js#anonymous~42"));
|
|
563
570
|
const isDisabledItem = isItemDisabledByIndex(index);
|
|
564
571
|
const isSelectedItem = isValueSelected(itemToValue(item));
|
|
565
572
|
const itemConfig = itemToConfig(item, {
|
|
@@ -592,13 +599,13 @@ export const makeView = (behavior) => {
|
|
|
592
599
|
index,
|
|
593
600
|
screenX,
|
|
594
601
|
screenY,
|
|
595
|
-
}))), "@foldkit/ui/listbox/shared.js#anonymous~
|
|
602
|
+
}))), "@foldkit/ui/listbox/shared.js#anonymous~43")),
|
|
596
603
|
]),
|
|
597
|
-
h.OnPointerLeave(pointerType => __foldkitBrandViewResult((OptionExt.when(pointerType !== 'touch', Message.DeactivatedItem())), "@foldkit/ui/listbox/shared.js#anonymous~
|
|
604
|
+
h.OnPointerLeave(pointerType => __foldkitBrandViewResult((OptionExt.when(pointerType !== 'touch', Message.DeactivatedItem())), "@foldkit/ui/listbox/shared.js#anonymous~44")),
|
|
598
605
|
]
|
|
599
606
|
: []),
|
|
600
607
|
...(itemConfig.className ? [h.Class(itemConfig.className)] : []),
|
|
601
|
-
], [itemConfig.content])), "@foldkit/ui/listbox/shared.js#anonymous~
|
|
608
|
+
], [itemConfig.content])), "@foldkit/ui/listbox/shared.js#anonymous~41");
|
|
602
609
|
});
|
|
603
610
|
const renderGroupedItems = () => {
|
|
604
611
|
if (!itemGroupKey) {
|
|
@@ -607,7 +614,7 @@ export const makeView = (behavior) => {
|
|
|
607
614
|
const segments = groupContiguous(listboxItems, (_, index) => __foldkitBrandViewResult((Array.get(items, index).pipe(Option.match({
|
|
608
615
|
onNone: () => __foldkitBrandViewResult((''), "@foldkit/ui/listbox/shared.js#onNone~4"),
|
|
609
616
|
onSome: item => __foldkitBrandViewResult((itemGroupKey(item, index)), "@foldkit/ui/listbox/shared.js#onSome~4"),
|
|
610
|
-
}))), "@foldkit/ui/listbox/shared.js#anonymous~
|
|
617
|
+
}))), "@foldkit/ui/listbox/shared.js#anonymous~45"));
|
|
611
618
|
return __foldkitBrandViewResult((Array.flatMap(segments, (segment, segmentIndex) => {
|
|
612
619
|
const maybeHeading = Option.fromNullishOr(groupToHeading?.(segment.key));
|
|
613
620
|
const headingId = `${id}-heading-${segment.key}`;
|
|
@@ -643,7 +650,7 @@ export const makeView = (behavior) => {
|
|
|
643
650
|
]),
|
|
644
651
|
]
|
|
645
652
|
: [];
|
|
646
|
-
return __foldkitBrandViewResult(([...separator, groupElement]), "@foldkit/ui/listbox/shared.js#anonymous~
|
|
653
|
+
return __foldkitBrandViewResult(([...separator, groupElement]), "@foldkit/ui/listbox/shared.js#anonymous~46");
|
|
647
654
|
})), "@foldkit/ui/listbox/shared.js#renderGroupedItems");
|
|
648
655
|
};
|
|
649
656
|
const backdrop = h.keyed('div')(`${id}-backdrop`, [
|
|
@@ -679,7 +686,7 @@ export const makeView = (behavior) => {
|
|
|
679
686
|
h.Name(name),
|
|
680
687
|
h.Value(selectedValue),
|
|
681
688
|
...formAttribute,
|
|
682
|
-
])), "@foldkit/ui/listbox/shared.js#anonymous~
|
|
689
|
+
])), "@foldkit/ui/listbox/shared.js#anonymous~47")),
|
|
683
690
|
})
|
|
684
691
|
: [];
|
|
685
692
|
const wrapperAttributes = [
|
|
@@ -696,9 +703,9 @@ export const makeView = (behavior) => {
|
|
|
696
703
|
]),
|
|
697
704
|
...hiddenInputs,
|
|
698
705
|
...(isVisible ? visibleContent : []),
|
|
699
|
-
])), "@foldkit/ui/listbox/shared.js#anonymous~
|
|
706
|
+
])), "@foldkit/ui/listbox/shared.js#anonymous~16");
|
|
700
707
|
});
|
|
701
708
|
return __foldkitBrandViewResult((() =>
|
|
702
709
|
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions */
|
|
703
|
-
__foldkitBrandViewResult((impl), "@foldkit/ui/listbox/shared.js#anonymous~
|
|
710
|
+
__foldkitBrandViewResult((impl), "@foldkit/ui/listbox/shared.js#anonymous~48")), "@foldkit/ui/listbox/shared.js#makeView");
|
|
704
711
|
};
|