@foldkit/ui 0.160.0 → 0.161.0-canary.71e9b47d6cab
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/dist/calendar/index.d.ts +407 -19
- package/dist/calendar/index.d.ts.map +1 -1
- package/dist/calendar/index.js +21 -24
- package/dist/calendar/public.d.ts +1 -1
- package/dist/calendar/public.d.ts.map +1 -1
- package/dist/combobox/multi.d.ts +2 -0
- package/dist/combobox/multi.d.ts.map +1 -1
- package/dist/combobox/public.d.ts +1 -1
- package/dist/combobox/public.d.ts.map +1 -1
- package/dist/combobox/shared.d.ts +4 -0
- package/dist/combobox/shared.d.ts.map +1 -1
- package/dist/combobox/shared.js +52 -36
- package/dist/combobox/single.d.ts +2 -0
- package/dist/combobox/single.d.ts.map +1 -1
- package/dist/datePicker/index.d.ts +386 -31
- package/dist/datePicker/index.d.ts.map +1 -1
- package/dist/datePicker/index.js +37 -1
- package/dist/dialog/index.d.ts +57 -22
- package/dist/dialog/index.d.ts.map +1 -1
- package/dist/dialog/index.js +130 -42
- package/dist/dialog/public.d.ts +1 -1
- package/dist/dialog/public.d.ts.map +1 -1
- package/dist/dialog/public.js +1 -1
- package/dist/disclosure/index.d.ts +15 -2
- package/dist/disclosure/index.d.ts.map +1 -1
- package/dist/disclosure/index.js +20 -14
- package/dist/disclosure/public.d.ts +1 -1
- package/dist/disclosure/public.d.ts.map +1 -1
- package/dist/dragAndDrop/index.d.ts +39 -0
- package/dist/dragAndDrop/index.d.ts.map +1 -1
- package/dist/dragAndDrop/index.js +2 -1
- package/dist/dragAndDrop/public.d.ts +1 -1
- package/dist/dragAndDrop/public.d.ts.map +1 -1
- package/dist/dragAndDrop/public.js +1 -1
- package/dist/listbox/shared.js +1 -1
- package/dist/menu/index.js +1 -1
- package/dist/popover/index.js +1 -1
- package/dist/tabs/index.d.ts +10 -1
- package/dist/tabs/index.d.ts.map +1 -1
- package/dist/tabs/index.js +8 -2
- package/dist/tabs/public.d.ts +1 -1
- package/dist/tabs/public.d.ts.map +1 -1
- package/dist/tabs/public.js +1 -1
- package/dist/test/apps/disabledButton.d.ts +6 -0
- package/dist/test/apps/disabledButton.d.ts.map +1 -1
- package/dist/test/apps/disabledButton.js +1 -1
- package/dist/toast/index.d.ts.map +1 -1
- package/dist/toast/index.js +4 -6
- package/package.json +4 -4
package/dist/disclosure/index.js
CHANGED
|
@@ -53,7 +53,7 @@ export const view = (config, h) => {
|
|
|
53
53
|
h.Id(buttonId(id)),
|
|
54
54
|
h.Type('button'),
|
|
55
55
|
h.AriaExpanded(isOpen),
|
|
56
|
-
h.AriaControls(panelId(id)),
|
|
56
|
+
...(isOpen ? [h.AriaControls(panelId(id))] : []),
|
|
57
57
|
...resolveButtonLabel(),
|
|
58
58
|
h.Tabindex(0),
|
|
59
59
|
...(isOpen ? [h.DataAttribute('open', '')] : []),
|
|
@@ -69,19 +69,25 @@ export const view = (config, h) => {
|
|
|
69
69
|
h.Id(panelId(id)),
|
|
70
70
|
...(isOpen ? [h.DataAttribute('open', '')] : []),
|
|
71
71
|
];
|
|
72
|
-
const animatePanel = (content) =>
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
72
|
+
const animatePanel = (content, options = {}) => {
|
|
73
|
+
const collapsedMinHeight = options.peek ?? '0px';
|
|
74
|
+
return __foldkitBrandViewResult((h.div([
|
|
75
|
+
h.Style({
|
|
76
|
+
display: 'grid',
|
|
77
|
+
gridTemplateRows: isOpen ? '1fr' : '0fr',
|
|
78
|
+
transition: panelSizeTransition,
|
|
79
|
+
overflow: 'hidden',
|
|
80
|
+
}),
|
|
81
|
+
], [
|
|
82
|
+
h.div([
|
|
83
|
+
h.Style({
|
|
84
|
+
minHeight: collapsedMinHeight,
|
|
85
|
+
overflow: 'hidden',
|
|
86
|
+
}),
|
|
87
|
+
...(isOpen ? [] : [h.Inert(true), h.AriaHidden(true)]),
|
|
88
|
+
], [content]),
|
|
89
|
+
])), "@foldkit/ui/disclosure/index.js#animatePanel");
|
|
90
|
+
};
|
|
85
91
|
return __foldkitBrandViewResult((toView({
|
|
86
92
|
button: buttonAttributes,
|
|
87
93
|
panel: panelAttributes,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/disclosure/public.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAE3C,YAAY,
|
|
1
|
+
{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/disclosure/public.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAE3C,YAAY,EACV,UAAU,EACV,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,YAAY,CAAA"}
|
|
@@ -7,6 +7,45 @@ declare const DropTarget: Schema.Struct<{
|
|
|
7
7
|
readonly containerId: Schema.String;
|
|
8
8
|
readonly index: Schema.Number;
|
|
9
9
|
}>;
|
|
10
|
+
/** Schema for the current pointer or keyboard drag phase. */
|
|
11
|
+
export declare const DragState: import("foldkit/schema").TaggedUnion<{
|
|
12
|
+
readonly Idle: {};
|
|
13
|
+
readonly Pending: {
|
|
14
|
+
itemId: Schema.String;
|
|
15
|
+
containerId: Schema.String;
|
|
16
|
+
index: Schema.Number;
|
|
17
|
+
origin: Schema.Struct<{
|
|
18
|
+
readonly screenX: Schema.Number;
|
|
19
|
+
readonly screenY: Schema.Number;
|
|
20
|
+
}>;
|
|
21
|
+
};
|
|
22
|
+
readonly Dragging: {
|
|
23
|
+
itemId: Schema.String;
|
|
24
|
+
sourceContainerId: Schema.String;
|
|
25
|
+
sourceIndex: Schema.Number;
|
|
26
|
+
origin: Schema.Struct<{
|
|
27
|
+
readonly screenX: Schema.Number;
|
|
28
|
+
readonly screenY: Schema.Number;
|
|
29
|
+
}>;
|
|
30
|
+
current: Schema.Struct<{
|
|
31
|
+
readonly clientX: Schema.Number;
|
|
32
|
+
readonly clientY: Schema.Number;
|
|
33
|
+
}>;
|
|
34
|
+
maybeDropTarget: Schema.Option<Schema.Struct<{
|
|
35
|
+
readonly containerId: Schema.String;
|
|
36
|
+
readonly index: Schema.Number;
|
|
37
|
+
}>>;
|
|
38
|
+
};
|
|
39
|
+
readonly KeyboardDragging: {
|
|
40
|
+
itemId: Schema.String;
|
|
41
|
+
sourceContainerId: Schema.String;
|
|
42
|
+
sourceIndex: Schema.Number;
|
|
43
|
+
targetContainerId: Schema.String;
|
|
44
|
+
targetIndex: Schema.Number;
|
|
45
|
+
};
|
|
46
|
+
}>;
|
|
47
|
+
/** Current pointer or keyboard drag phase. */
|
|
48
|
+
export type DragState = typeof DragState.Type;
|
|
10
49
|
/** Schema for the drag-and-drop component's state, tracking its unique ID, orientation, and current drag phase. */
|
|
11
50
|
export declare const Model: Schema.Struct<{
|
|
12
51
|
readonly id: Schema.String;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dragAndDrop/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,MAAM,EAEN,WAAW,EAEX,MAAM,EAEN,MAAM,EACN,MAAM,EAEP,MAAM,QAAQ,CAAA;AACf,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAE1C,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,WAAW,EAAmB,MAAM,cAAc,CAAA;AAIhF,OAAO,KAAK,YAAY,MAAM,sBAAsB,CAAA;AACpD,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAkBxC,QAAA,MAAM,UAAU;;;EAGd,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dragAndDrop/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -23,7 +23,8 @@ const DropTarget = Schema.Struct({
|
|
|
23
23
|
containerId: Schema.String,
|
|
24
24
|
index: Schema.Number,
|
|
25
25
|
});
|
|
26
|
-
|
|
26
|
+
/** Schema for the current pointer or keyboard drag phase. */
|
|
27
|
+
export const DragState = defineTaggedUnion({
|
|
27
28
|
Idle: {},
|
|
28
29
|
Pending: {
|
|
29
30
|
itemId: Schema.String,
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { init, update, draggable, droppable, sortable, ghostStyle, isDragging, maybeDraggedItemId, maybeDropTarget, subscriptions, Model, Message, OutMessage, FocusItem, ResolveKeyboardMove, } from './index.js';
|
|
1
|
+
export { init, update, draggable, droppable, sortable, ghostStyle, isDragging, maybeDraggedItemId, maybeDropTarget, subscriptions, DragState, Model, Message, OutMessage, FocusItem, ResolveKeyboardMove, } from './index.js';
|
|
2
2
|
export type { InitConfig, DraggableConfig, DraggableMessage } from './index.js';
|
|
3
3
|
//# sourceMappingURL=public.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/dragAndDrop/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,MAAM,EACN,SAAS,EACT,SAAS,EACT,QAAQ,EACR,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,aAAa,EACb,KAAK,EACL,OAAO,EACP,UAAU,EACV,SAAS,EACT,mBAAmB,GACpB,MAAM,YAAY,CAAA;AAEnB,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA"}
|
|
1
|
+
{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/dragAndDrop/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,MAAM,EACN,SAAS,EACT,SAAS,EACT,QAAQ,EACR,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,aAAa,EACb,SAAS,EACT,KAAK,EACL,OAAO,EACP,UAAU,EACV,SAAS,EACT,mBAAmB,GACpB,MAAM,YAAY,CAAA;AAEnB,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { init, update, draggable, droppable, sortable, ghostStyle, isDragging, maybeDraggedItemId, maybeDropTarget, subscriptions, Model, Message, OutMessage, FocusItem, ResolveKeyboardMove, } from './index.js';
|
|
1
|
+
export { init, update, draggable, droppable, sortable, ghostStyle, isDragging, maybeDraggedItemId, maybeDropTarget, subscriptions, DragState, Model, Message, OutMessage, FocusItem, ResolveKeyboardMove, } from './index.js';
|
package/dist/listbox/shared.js
CHANGED
|
@@ -521,7 +521,7 @@ export const makeView = (behavior) => {
|
|
|
521
521
|
h.Type('button'),
|
|
522
522
|
h.AriaHasPopup('listbox'),
|
|
523
523
|
h.AriaExpanded(isVisible),
|
|
524
|
-
h.AriaControls(`${id}-items`),
|
|
524
|
+
...(isVisible ? [h.AriaControls(`${id}-items`)] : []),
|
|
525
525
|
...buttonLabelAttributes,
|
|
526
526
|
...(isButtonEffectivelyDisabled
|
|
527
527
|
? [h.AriaDisabled(true), h.DataAttribute('disabled', '')]
|
package/dist/menu/index.js
CHANGED
|
@@ -533,7 +533,7 @@ const menuViewImpl = defineView((model, viewInputs, h) => {
|
|
|
533
533
|
h.Type('button'),
|
|
534
534
|
h.AriaHasPopup('menu'),
|
|
535
535
|
h.AriaExpanded(isVisible),
|
|
536
|
-
h.AriaControls(`${id}-items`),
|
|
536
|
+
...(isVisible ? [h.AriaControls(`${id}-items`)] : []),
|
|
537
537
|
...buttonLabelAttributes,
|
|
538
538
|
...(isButtonDisabled
|
|
539
539
|
? [h.AriaDisabled(true), h.DataAttribute('disabled', '')]
|
package/dist/popover/index.js
CHANGED
|
@@ -348,7 +348,7 @@ export const view = defineView((model, viewInputs, h) => {
|
|
|
348
348
|
h.Id(`${id}-button`),
|
|
349
349
|
h.Type('button'),
|
|
350
350
|
h.AriaExpanded(isVisible),
|
|
351
|
-
h.AriaControls(`${id}-panel`),
|
|
351
|
+
...(isVisible ? [h.AriaControls(`${id}-panel`)] : []),
|
|
352
352
|
...buttonLabelAttributes,
|
|
353
353
|
...(isDisabled
|
|
354
354
|
? [h.AriaDisabled(true), h.DataAttribute('disabled', '')]
|
package/dist/tabs/index.d.ts
CHANGED
|
@@ -121,6 +121,11 @@ export type RenderInfo<Value extends string = string> = Readonly<{
|
|
|
121
121
|
tabs: ReadonlyArray<TabInfo<Value>>;
|
|
122
122
|
activeIndex: number;
|
|
123
123
|
}>;
|
|
124
|
+
/** Describes whether a consumer renders only the active tab panel or keeps
|
|
125
|
+
* every panel mounted and hides inactive ones. Tab-to-panel references follow
|
|
126
|
+
* the rendered panel strategy. */
|
|
127
|
+
export declare const PanelMount: Schema.Literals<readonly ["ActiveOnly", "All"]>;
|
|
128
|
+
export type PanelMount = typeof PanelMount.Type;
|
|
124
129
|
/** Per-render view inputs passed to `view` via `h.submodel`'s `viewInputs` field.
|
|
125
130
|
* Generic over `Value extends string` so consumers using
|
|
126
131
|
* `Tabs.create<MyUnion>()` receive `tab.value: MyUnion` in `toView`
|
|
@@ -129,7 +134,10 @@ export type RenderInfo<Value extends string = string> = Readonly<{
|
|
|
129
134
|
*
|
|
130
135
|
* - `selectedValue`: the active tab, read straight from the parent Model.
|
|
131
136
|
* `aria-selected`, the `data-selected` marker, and which panel is active
|
|
132
|
-
* all derive from it.
|
|
137
|
+
* all derive from it.
|
|
138
|
+
* - `panelMount`: defaults to `ActiveOnly`, where the consumer renders only
|
|
139
|
+
* the active panel. Set `All` when the consumer keeps every panel mounted
|
|
140
|
+
* and hides inactive ones, so every tab retains its panel relationship. */
|
|
133
141
|
export type ViewInputs<Value extends string = string> = Readonly<{
|
|
134
142
|
tabs: ReadonlyArray<Value>;
|
|
135
143
|
selectedValue: Value;
|
|
@@ -137,6 +145,7 @@ export type ViewInputs<Value extends string = string> = Readonly<{
|
|
|
137
145
|
toView: (render: RenderInfo<Value>) => Html;
|
|
138
146
|
isTabDisabled?: (value: Value, index: number) => boolean;
|
|
139
147
|
orientation?: Orientation;
|
|
148
|
+
panelMount?: PanelMount;
|
|
140
149
|
}>;
|
|
141
150
|
/** The `view` and `update` pair that `Tabs.create` returns, bound to one
|
|
142
151
|
* `Value` type. Name it to annotate a value that holds a created bundle,
|
package/dist/tabs/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tabs/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tabs/index.ts"],"names":[],"mappings":"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"}
|
package/dist/tabs/index.js
CHANGED
|
@@ -75,9 +75,13 @@ export const update = (model, message) => __foldkitBrandViewResult((Message.matc
|
|
|
75
75
|
}), "@foldkit/ui/tabs/index.js#FocusedTab")),
|
|
76
76
|
CompletedFocusTab: () => (__foldkitBrandViewResult(({ model }), "@foldkit/ui/tabs/index.js#CompletedFocusTab")),
|
|
77
77
|
})), "@foldkit/ui/tabs/index.js#update");
|
|
78
|
+
/** Describes whether a consumer renders only the active tab panel or keeps
|
|
79
|
+
* every panel mounted and hides inactive ones. Tab-to-panel references follow
|
|
80
|
+
* the rendered panel strategy. */
|
|
81
|
+
export const PanelMount = Schema.Literals(['ActiveOnly', 'All']);
|
|
78
82
|
const internalView = defineView((model, viewInputs, h) => {
|
|
79
83
|
const { id, activationMode, maybeFocusedIndex } = model;
|
|
80
|
-
const { tabs, selectedValue, ariaLabel, toView, isTabDisabled, orientation = 'Horizontal', } = viewInputs;
|
|
84
|
+
const { tabs, selectedValue, ariaLabel, toView, isTabDisabled, orientation = 'Horizontal', panelMount = 'ActiveOnly', } = viewInputs;
|
|
81
85
|
const activeIndex = pipe(tabs, Array.findFirstIndex(tab => __foldkitBrandViewResult((tab === selectedValue), "@foldkit/ui/tabs/index.js#anonymous~2")), Option.getOrElse(() => __foldkitBrandViewResult((0), "@foldkit/ui/tabs/index.js#anonymous~3")));
|
|
82
86
|
const focusedIndex = pipe(maybeFocusedIndex, Option.filter(index => __foldkitBrandViewResult((index < tabs.length), "@foldkit/ui/tabs/index.js#anonymous~4")), Option.getOrElse(() => __foldkitBrandViewResult((activeIndex), "@foldkit/ui/tabs/index.js#anonymous~5")));
|
|
83
87
|
const isDisabled = (index) => __foldkitBrandViewResult((!!isTabDisabled &&
|
|
@@ -103,7 +107,9 @@ const internalView = defineView((model, viewInputs, h) => {
|
|
|
103
107
|
h.Role('tab'),
|
|
104
108
|
h.Type('button'),
|
|
105
109
|
h.AriaSelected(isActive),
|
|
106
|
-
|
|
110
|
+
...(isActive || panelMount === 'All'
|
|
111
|
+
? [h.AriaControls(tabPanelId(id, index))]
|
|
112
|
+
: []),
|
|
107
113
|
h.Tabindex(isFocused ? 0 : -1),
|
|
108
114
|
...(isActive ? [h.DataAttribute('selected', '')] : []),
|
|
109
115
|
...(isTabDisabledNow
|
package/dist/tabs/public.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { init, create, Model, Message, OutMessage, type Selected, type SelectedTab, type FocusedTab, FocusTab, Orientation, } from './index.js';
|
|
1
|
+
export { init, create, Model, Message, OutMessage, type Selected, type SelectedTab, type FocusedTab, FocusTab, Orientation, PanelMount, } from './index.js';
|
|
2
2
|
export type { ActivationMode, InitConfig, ViewInputs, RenderInfo, TabInfo, Bundle, } from './index.js';
|
|
3
3
|
//# sourceMappingURL=public.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/tabs/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,MAAM,EACN,KAAK,EACL,OAAO,EACP,UAAU,EACV,KAAK,QAAQ,EACb,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,QAAQ,EACR,WAAW,
|
|
1
|
+
{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/tabs/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,MAAM,EACN,KAAK,EACL,OAAO,EACP,UAAU,EACV,KAAK,QAAQ,EACb,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,QAAQ,EACR,WAAW,EACX,UAAU,GACX,MAAM,YAAY,CAAA;AAEnB,YAAY,EACV,cAAc,EACd,UAAU,EACV,UAAU,EACV,UAAU,EACV,OAAO,EACP,MAAM,GACP,MAAM,YAAY,CAAA"}
|
package/dist/tabs/public.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { init, create, Model, Message, OutMessage, FocusTab, Orientation, } from './index.js';
|
|
1
|
+
export { init, create, Model, Message, OutMessage, FocusTab, Orientation, PanelMount, } from './index.js';
|
|
@@ -25,6 +25,8 @@ export declare const Message: import("foldkit/message").MessageUnion<{
|
|
|
25
25
|
readonly RequestedClose: {};
|
|
26
26
|
readonly SucceededShowDialog: {};
|
|
27
27
|
readonly FailedShowDialog: {};
|
|
28
|
+
readonly SucceededAcquireResources: {};
|
|
29
|
+
readonly FailedAcquireResources: {};
|
|
28
30
|
readonly CompletedCloseDialog: {};
|
|
29
31
|
readonly Unmounted: {};
|
|
30
32
|
readonly CompletedReleaseDialogResources: {};
|
|
@@ -70,6 +72,8 @@ export declare const update: (model: Model, message: Message) => Readonly<{
|
|
|
70
72
|
readonly _tag: "CompletedCloseDialog";
|
|
71
73
|
} | {
|
|
72
74
|
readonly _tag: "CompletedReleaseDialogResources";
|
|
75
|
+
} | {
|
|
76
|
+
readonly _tag: "FailedAcquireResources";
|
|
73
77
|
} | {
|
|
74
78
|
readonly _tag: "FailedShowDialog";
|
|
75
79
|
} | {
|
|
@@ -83,6 +87,8 @@ export declare const update: (model: Model, message: Message) => Readonly<{
|
|
|
83
87
|
} | {
|
|
84
88
|
readonly _tag: "Showed";
|
|
85
89
|
};
|
|
90
|
+
} | {
|
|
91
|
+
readonly _tag: "SucceededAcquireResources";
|
|
86
92
|
} | {
|
|
87
93
|
readonly _tag: "SucceededShowDialog";
|
|
88
94
|
} | {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"disabledButton.d.ts","sourceRoot":"","sources":["../../../src/test/apps/disabledButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AACvC,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAGrD,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAMxC,eAAO,MAAM,KAAK;;;;;;;;;;;;;EAGhB,CAAA;AACF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,eAAO,MAAM,OAAO;;;;QAGE,OAAO
|
|
1
|
+
{"version":3,"file":"disabledButton.d.ts","sourceRoot":"","sources":["../../../src/test/apps/disabledButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AACvC,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAGrD,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAMxC,eAAO,MAAM,KAAK;;;;;;;;;;;;;EAGhB,CAAA;AACF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,eAAO,MAAM,OAAO;;;;QAGE,OAAO;;;;;;;;;;;;;;;;;;;;EAC3B,CAAA;AACF,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,eAAO,MAAM,YAAY,EAAE,KAG1B,CAAA;AAmBD,eAAO,MAAM,MAAM,UAAW,KAAK,WAAW,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQjD,CAAA;AAeJ,qCAAqC;AACrC,eAAO,MAAM,IAAI,UAAW,KAAK,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IAQ5D,CAAA;AAED,uDAAuD;AACvD,eAAO,MAAM,cAAc,UAAW,KAAK,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IAyBtE,CAAA"}
|
|
@@ -18,7 +18,7 @@ export const Message = defineMessageUnion({
|
|
|
18
18
|
// INIT
|
|
19
19
|
export const initialModel = {
|
|
20
20
|
isEnabled: false,
|
|
21
|
-
dialog: Dialog.
|
|
21
|
+
dialog: Dialog.boot({ id: 'test-dialog' }).model,
|
|
22
22
|
};
|
|
23
23
|
// UPDATE
|
|
24
24
|
const foldDialogOutMessage = Dialog.OutMessage.match({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,MAAM,EAAE,MAAM,QAAQ,CAAA;AACtC,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,IAAI,EAAmB,MAAM,cAAc,CAAA;AAG9E,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AACxD,OAAO,EAAE,mBAAmB,EAAe,MAAM,aAAa,CAAA;AAE9D,YAAY,EACV,4BAA4B,EAC5B,SAAS,EACT,YAAY,EACZ,mBAAmB,EACnB,YAAY,EACZ,UAAU,EACV,SAAS,GACV,MAAM,aAAa,CAAA;AACpB,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAE5C,OAAO,KAAK,IAAI,MAAM,WAAW,CAAA;AAEjC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,MAAM,EAAE,MAAM,QAAQ,CAAA;AACtC,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,IAAI,EAAmB,MAAM,cAAc,CAAA;AAG9E,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AACxD,OAAO,EAAE,mBAAmB,EAAe,MAAM,aAAa,CAAA;AAE9D,YAAY,EACV,4BAA4B,EAC5B,SAAS,EACT,YAAY,EACZ,mBAAmB,EACnB,YAAY,EACZ,UAAU,EACV,SAAS,GACV,MAAM,aAAa,CAAA;AACpB,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAE5C,OAAO,KAAK,IAAI,MAAM,WAAW,CAAA;AAEjC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAA;AAwE1D;;;;qDAIqD;AACrD,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;IACnC,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;CACvC,CAAC,CAAA;AAIF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,IAAI,GAAI,CAAC,EAAE,CAAC,iBAAiB,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAU9C,QAAQ;qBACL,CAAC,KAAK;;;;;;;;;;;;SAAO,EAAE,QAAQ,EAAE,aAAa,KAAK,IAAI;oBAChD,MAAM;6BACG,MAAM;yBACV,MAAM;;CAyF1B,CAAA"}
|
package/dist/toast/index.js
CHANGED
|
@@ -13,8 +13,6 @@ const positionToContainerStyle = (position) => {
|
|
|
13
13
|
display: 'flex',
|
|
14
14
|
gap: '8px',
|
|
15
15
|
padding: '16px',
|
|
16
|
-
margin: '0',
|
|
17
|
-
listStyle: 'none',
|
|
18
16
|
pointerEvents: 'none',
|
|
19
17
|
zIndex: '2147483600',
|
|
20
18
|
};
|
|
@@ -85,9 +83,9 @@ const DEFAULT_ARIA_LABEL = 'Notifications';
|
|
|
85
83
|
*/
|
|
86
84
|
export const make = (payloadSchema) => {
|
|
87
85
|
const runtime = makeRuntime(payloadSchema);
|
|
88
|
-
/** Renders a headless toast stack. The `<
|
|
86
|
+
/** Renders a headless toast stack. The `<div>` container is always present
|
|
89
87
|
* in the DOM so screen readers can observe its `aria-live` region from
|
|
90
|
-
* page load. Each entry becomes
|
|
88
|
+
* page load. Each entry becomes a `<div>` keyed by its id, with
|
|
91
89
|
* animation data attributes (`data-enter`, `data-leave`,
|
|
92
90
|
* `data-transition`, `data-closed`) and `data-variant` reflecting the
|
|
93
91
|
* entry's variant. */
|
|
@@ -135,11 +133,11 @@ export const make = (payloadSchema) => {
|
|
|
135
133
|
h.OnClick(runtime.Message.Dismissed({ entryId: entry.id })),
|
|
136
134
|
]),
|
|
137
135
|
};
|
|
138
|
-
return __foldkitBrandViewResult((h.keyed('
|
|
136
|
+
return __foldkitBrandViewResult((h.keyed('div')(entry.id, itemAttributes, [
|
|
139
137
|
entryToView(entry, handlers),
|
|
140
138
|
])), "@foldkit/ui/toast/index.js#renderEntryItem");
|
|
141
139
|
};
|
|
142
|
-
return __foldkitBrandViewResult((h.keyed('
|
|
140
|
+
return __foldkitBrandViewResult((h.keyed('div')(id, containerAttributes, entries.map(renderEntryItem))), "@foldkit/ui/toast/index.js#anonymous~11");
|
|
143
141
|
});
|
|
144
142
|
return __foldkitBrandViewResult(({
|
|
145
143
|
...runtime,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@foldkit/ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.161.0-canary.71e9b47d6cab",
|
|
4
4
|
"description": "Headless, accessible UI components for Foldkit",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
],
|
|
123
123
|
"peerDependencies": {
|
|
124
124
|
"effect": "4.0.0-rc.115",
|
|
125
|
-
"foldkit": "
|
|
125
|
+
"foldkit": "0.161.0-canary.71e9b47d6cab"
|
|
126
126
|
},
|
|
127
127
|
"dependencies": {
|
|
128
128
|
"@floating-ui/dom": "^1.8.0"
|
|
@@ -134,8 +134,8 @@
|
|
|
134
134
|
"rimraf": "^6.1.3",
|
|
135
135
|
"typescript": "^7.0.2",
|
|
136
136
|
"vitest": "^5.0.0",
|
|
137
|
-
"@foldkit/vite-plugin": "0.
|
|
138
|
-
"foldkit": "0.
|
|
137
|
+
"@foldkit/vite-plugin": "0.23.0-canary.71e9b47d6cab",
|
|
138
|
+
"foldkit": "0.161.0-canary.71e9b47d6cab"
|
|
139
139
|
},
|
|
140
140
|
"keywords": [
|
|
141
141
|
"foldkit",
|