react-aria-components 1.0.0-beta.0 → 1.0.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/import.mjs +1160 -855
- package/dist/main.js +1181 -852
- package/dist/main.js.map +1 -1
- package/dist/module.js +1160 -855
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +180 -226
- package/dist/types.d.ts.map +1 -1
- package/package.json +12 -12
- package/src/Breadcrumbs.tsx +2 -2
- package/src/Button.tsx +1 -1
- package/src/Calendar.tsx +15 -8
- package/src/Checkbox.tsx +5 -5
- package/src/Collection.tsx +14 -7
- package/src/ComboBox.tsx +19 -12
- package/src/DateField.tsx +95 -49
- package/src/DatePicker.tsx +34 -64
- package/src/Dialog.tsx +15 -15
- package/src/DropZone.tsx +6 -3
- package/src/FileTrigger.tsx +11 -10
- package/src/GridList.tsx +9 -13
- package/src/Group.tsx +36 -6
- package/src/Link.tsx +17 -24
- package/src/ListBox.tsx +31 -39
- package/src/Menu.tsx +17 -15
- package/src/Meter.tsx +1 -1
- package/src/Modal.tsx +14 -13
- package/src/NumberField.tsx +5 -3
- package/src/OverlayArrow.tsx +7 -10
- package/src/Popover.tsx +7 -11
- package/src/ProgressBar.tsx +1 -1
- package/src/RadioGroup.tsx +6 -6
- package/src/SearchField.tsx +3 -3
- package/src/Select.tsx +28 -23
- package/src/Separator.tsx +1 -1
- package/src/Slider.tsx +24 -23
- package/src/Switch.tsx +3 -3
- package/src/Table.tsx +30 -30
- package/src/Tabs.tsx +24 -31
- package/src/TagGroup.tsx +18 -21
- package/src/TextField.tsx +3 -3
- package/src/ToggleButton.tsx +1 -1
- package/src/Tooltip.tsx +33 -27
- package/src/index.ts +18 -18
- package/src/useDragAndDrop.tsx +8 -0
- package/src/utils.tsx +37 -10
package/dist/main.js
CHANGED
|
@@ -30,25 +30,34 @@ $parcel$export(module.exports, "CalendarCell", () => $3f539f26b167ddde$export$5d
|
|
|
30
30
|
$parcel$export(module.exports, "RangeCalendar", () => $3f539f26b167ddde$export$a4f5c8b89d277a8d);
|
|
31
31
|
$parcel$export(module.exports, "CalendarContext", () => $3f539f26b167ddde$export$3b805cea1f178355);
|
|
32
32
|
$parcel$export(module.exports, "RangeCalendarContext", () => $3f539f26b167ddde$export$233dd9682e1ad64b);
|
|
33
|
+
$parcel$export(module.exports, "CalendarStateContext", () => $3f539f26b167ddde$export$9e31dcedda1dadc7);
|
|
34
|
+
$parcel$export(module.exports, "RangeCalendarStateContext", () => $3f539f26b167ddde$export$5e0fc348c00f87a0);
|
|
33
35
|
$parcel$export(module.exports, "Checkbox", () => $e733553516d848a9$export$48513f6b9f8ce62d);
|
|
34
36
|
$parcel$export(module.exports, "CheckboxGroup", () => $e733553516d848a9$export$4aa08d5625cb8ead);
|
|
35
37
|
$parcel$export(module.exports, "CheckboxGroupContext", () => $e733553516d848a9$export$baf37c4be89255b8);
|
|
36
38
|
$parcel$export(module.exports, "CheckboxContext", () => $e733553516d848a9$export$b085522c77523c51);
|
|
39
|
+
$parcel$export(module.exports, "CheckboxGroupStateContext", () => $e733553516d848a9$export$139c5b8563afc1fc);
|
|
37
40
|
$parcel$export(module.exports, "ComboBox", () => $1d716ce69f118fad$export$72b9695b8216309a);
|
|
38
41
|
$parcel$export(module.exports, "ComboBoxContext", () => $1d716ce69f118fad$export$d414ccceff7063c3);
|
|
42
|
+
$parcel$export(module.exports, "ComboBoxStateContext", () => $1d716ce69f118fad$export$c02625b26074192c);
|
|
39
43
|
$parcel$export(module.exports, "DateField", () => $9eb4e1c2268ca198$export$d9781c7894a82487);
|
|
40
44
|
$parcel$export(module.exports, "DateInput", () => $9eb4e1c2268ca198$export$7edc06cf1783b30f);
|
|
41
45
|
$parcel$export(module.exports, "DateSegment", () => $9eb4e1c2268ca198$export$336ab7fa954c4b5f);
|
|
42
46
|
$parcel$export(module.exports, "TimeField", () => $9eb4e1c2268ca198$export$5eaee2322dd727eb);
|
|
43
47
|
$parcel$export(module.exports, "DateFieldContext", () => $9eb4e1c2268ca198$export$7b3e670c86da5fe8);
|
|
44
48
|
$parcel$export(module.exports, "TimeFieldContext", () => $9eb4e1c2268ca198$export$8e17ddc448e87c1e);
|
|
49
|
+
$parcel$export(module.exports, "DateFieldStateContext", () => $9eb4e1c2268ca198$export$3b08bebcf796eea0);
|
|
50
|
+
$parcel$export(module.exports, "TimeFieldStateContext", () => $9eb4e1c2268ca198$export$5d8dc44abd10a920);
|
|
45
51
|
$parcel$export(module.exports, "DatePicker", () => $adfe8d3f75d5162e$export$5109c6dd95d8fb00);
|
|
46
52
|
$parcel$export(module.exports, "DateRangePicker", () => $adfe8d3f75d5162e$export$17334619f3ac2224);
|
|
47
53
|
$parcel$export(module.exports, "DatePickerContext", () => $adfe8d3f75d5162e$export$cf316c7f3b44c11e);
|
|
48
54
|
$parcel$export(module.exports, "DateRangePickerContext", () => $adfe8d3f75d5162e$export$8282edba42ee28a);
|
|
55
|
+
$parcel$export(module.exports, "DatePickerStateContext", () => $adfe8d3f75d5162e$export$50a10c048fdcdee9);
|
|
56
|
+
$parcel$export(module.exports, "DateRangePickerStateContext", () => $adfe8d3f75d5162e$export$80d7ae1f804790be);
|
|
49
57
|
$parcel$export(module.exports, "DialogTrigger", () => $2979ab89b336194b$export$2e1e1122cf0cba88);
|
|
50
58
|
$parcel$export(module.exports, "Dialog", () => $2979ab89b336194b$export$3ddf2d174ce01153);
|
|
51
59
|
$parcel$export(module.exports, "DialogContext", () => $2979ab89b336194b$export$8b93a07348a7730c);
|
|
60
|
+
$parcel$export(module.exports, "OverlayTriggerStateContext", () => $2979ab89b336194b$export$d2f961adcb0afbe);
|
|
52
61
|
$parcel$export(module.exports, "DropZone", () => $80a65baccb138f12$export$3c6489d84dc98b6);
|
|
53
62
|
$parcel$export(module.exports, "DropZoneContext", () => $80a65baccb138f12$export$14a72053295ff9a6);
|
|
54
63
|
$parcel$export(module.exports, "FileTrigger", () => $8e055a19745f522c$export$6fb4a10d2c950550);
|
|
@@ -72,9 +81,11 @@ $parcel$export(module.exports, "Link", () => $c87397ee936d2bda$export$a6c7ac8248
|
|
|
72
81
|
$parcel$export(module.exports, "LinkContext", () => $c87397ee936d2bda$export$e2509388b49734e7);
|
|
73
82
|
$parcel$export(module.exports, "ListBox", () => $a03b42240404b420$export$41f133550aa26f48);
|
|
74
83
|
$parcel$export(module.exports, "ListBoxContext", () => $a03b42240404b420$export$7ff8f37d2d81a48d);
|
|
84
|
+
$parcel$export(module.exports, "ListStateContext", () => $a03b42240404b420$export$7c5906fe4f1f2af2);
|
|
75
85
|
$parcel$export(module.exports, "Menu", () => $a8f6e7d095d1cc86$export$d9b273488cd8ce6f);
|
|
76
86
|
$parcel$export(module.exports, "MenuTrigger", () => $a8f6e7d095d1cc86$export$27d2ad3c5815583e);
|
|
77
87
|
$parcel$export(module.exports, "MenuContext", () => $a8f6e7d095d1cc86$export$c7e742effb1c51e2);
|
|
88
|
+
$parcel$export(module.exports, "MenuStateContext", () => $a8f6e7d095d1cc86$export$24aad8519b95b41b);
|
|
78
89
|
$parcel$export(module.exports, "Meter", () => $e85da53562ca5320$export$62e3ae2a4090b879);
|
|
79
90
|
$parcel$export(module.exports, "MeterContext", () => $e85da53562ca5320$export$8b645da15a96b44f);
|
|
80
91
|
$parcel$export(module.exports, "Modal", () => $71899cff63e14b82$export$2b77a92f1a5ad772);
|
|
@@ -82,6 +93,7 @@ $parcel$export(module.exports, "ModalOverlay", () => $71899cff63e14b82$export$89
|
|
|
82
93
|
$parcel$export(module.exports, "ModalContext", () => $71899cff63e14b82$export$ab57792b9b6974a6);
|
|
83
94
|
$parcel$export(module.exports, "NumberField", () => $177b28eee7968d58$export$63c5fa0b2fdccd2e);
|
|
84
95
|
$parcel$export(module.exports, "NumberFieldContext", () => $177b28eee7968d58$export$b414a48cf5dcbc11);
|
|
96
|
+
$parcel$export(module.exports, "NumberFieldStateContext", () => $177b28eee7968d58$export$6cc906c6cff9bec5);
|
|
85
97
|
$parcel$export(module.exports, "OverlayArrow", () => $ee5958cbdc6becc1$export$746d02f47f4d381);
|
|
86
98
|
$parcel$export(module.exports, "Popover", () => $61e2b7078adb18bc$export$5b6b19405a83ff9d);
|
|
87
99
|
$parcel$export(module.exports, "PopoverContext", () => $61e2b7078adb18bc$export$9b9a0cd73afb7ca4);
|
|
@@ -94,11 +106,14 @@ $parcel$export(module.exports, "RadioGroup", () => $1456b76f687bd4ed$export$a98f
|
|
|
94
106
|
$parcel$export(module.exports, "Radio", () => $1456b76f687bd4ed$export$d7b12c4107be0d61);
|
|
95
107
|
$parcel$export(module.exports, "RadioGroupContext", () => $1456b76f687bd4ed$export$a79eda4ff50e30b6);
|
|
96
108
|
$parcel$export(module.exports, "RadioContext", () => $1456b76f687bd4ed$export$b118023277d4a5c3);
|
|
109
|
+
$parcel$export(module.exports, "RadioGroupStateContext", () => $1456b76f687bd4ed$export$29d84393af70866c);
|
|
97
110
|
$parcel$export(module.exports, "SearchField", () => $a83c69b310385d53$export$b94867ecbd698f21);
|
|
98
111
|
$parcel$export(module.exports, "SearchFieldContext", () => $a83c69b310385d53$export$d1c4e4c63cb03a11);
|
|
99
112
|
$parcel$export(module.exports, "Select", () => $17f0ecdc17674b23$export$ef9b1a59e592288f);
|
|
100
113
|
$parcel$export(module.exports, "SelectValue", () => $17f0ecdc17674b23$export$e288731fd71264f0);
|
|
101
114
|
$parcel$export(module.exports, "SelectContext", () => $17f0ecdc17674b23$export$7540cee5be7dc19b);
|
|
115
|
+
$parcel$export(module.exports, "SelectValueContext", () => $17f0ecdc17674b23$export$f8f745c04421623f);
|
|
116
|
+
$parcel$export(module.exports, "SelectStateContext", () => $17f0ecdc17674b23$export$ef445b55be0601bd);
|
|
102
117
|
$parcel$export(module.exports, "Separator", () => $54b202ace195eaa4$export$1ff3c3f08ae963c0);
|
|
103
118
|
$parcel$export(module.exports, "SeparatorContext", () => $54b202ace195eaa4$export$6615d83f6de245ce);
|
|
104
119
|
$parcel$export(module.exports, "Slider", () => $b7152ce4839d0838$export$472062a354075cee);
|
|
@@ -106,6 +121,9 @@ $parcel$export(module.exports, "SliderOutput", () => $b7152ce4839d0838$export$a5
|
|
|
106
121
|
$parcel$export(module.exports, "SliderTrack", () => $b7152ce4839d0838$export$105594979f116971);
|
|
107
122
|
$parcel$export(module.exports, "SliderThumb", () => $b7152ce4839d0838$export$2c1b491743890dec);
|
|
108
123
|
$parcel$export(module.exports, "SliderContext", () => $b7152ce4839d0838$export$e99164f0030f3bff);
|
|
124
|
+
$parcel$export(module.exports, "SliderOutputContext", () => $b7152ce4839d0838$export$6189c2744041d8f8);
|
|
125
|
+
$parcel$export(module.exports, "SliderTrackContext", () => $b7152ce4839d0838$export$f1fce0420cc6d8ee);
|
|
126
|
+
$parcel$export(module.exports, "SliderStateContext", () => $b7152ce4839d0838$export$1e7083018727fa60);
|
|
109
127
|
$parcel$export(module.exports, "Switch", () => $8d81efc5c2ff8011$export$b5d5cf8927ab7262);
|
|
110
128
|
$parcel$export(module.exports, "SwitchContext", () => $8d81efc5c2ff8011$export$8699e3b644d5a28a);
|
|
111
129
|
$parcel$export(module.exports, "Table", () => $37b9a5d4bd0d4ded$export$54ec01a60f47d33d);
|
|
@@ -118,14 +136,18 @@ $parcel$export(module.exports, "TableBody", () => $37b9a5d4bd0d4ded$export$76ccd
|
|
|
118
136
|
$parcel$export(module.exports, "TableContext", () => $37b9a5d4bd0d4ded$export$93e4b0b2cc49b648);
|
|
119
137
|
$parcel$export(module.exports, "ResizableTableContainer", () => $37b9a5d4bd0d4ded$export$7063e69b8a954175);
|
|
120
138
|
$parcel$export(module.exports, "useTableOptions", () => $37b9a5d4bd0d4ded$export$fddc468cd8cb4db9);
|
|
139
|
+
$parcel$export(module.exports, "TableStateContext", () => $37b9a5d4bd0d4ded$export$38de1cb0526c21fb);
|
|
140
|
+
$parcel$export(module.exports, "TableColumnResizeStateContext", () => $37b9a5d4bd0d4ded$export$a2680a798823803c);
|
|
121
141
|
$parcel$export(module.exports, "Tabs", () => $f982e6cd1aac14a3$export$b2539bed5023c21c);
|
|
122
142
|
$parcel$export(module.exports, "TabList", () => $f982e6cd1aac14a3$export$e51a686c67fdaa2d);
|
|
123
143
|
$parcel$export(module.exports, "TabPanel", () => $f982e6cd1aac14a3$export$3d96ec278d3efce4);
|
|
124
144
|
$parcel$export(module.exports, "Tab", () => $f982e6cd1aac14a3$export$3e41faf802a29e71);
|
|
125
145
|
$parcel$export(module.exports, "TabsContext", () => $f982e6cd1aac14a3$export$cfa7aa87c26e7d1f);
|
|
146
|
+
$parcel$export(module.exports, "TabListStateContext", () => $f982e6cd1aac14a3$export$364712098d2aa57c);
|
|
126
147
|
$parcel$export(module.exports, "TagGroup", () => $ecf55d0c218a575e$export$67ea30858aaf75e3);
|
|
127
148
|
$parcel$export(module.exports, "TagGroupContext", () => $ecf55d0c218a575e$export$5b07b5dd2cbd96e3);
|
|
128
149
|
$parcel$export(module.exports, "TagList", () => $ecf55d0c218a575e$export$f9fef0f55402315b);
|
|
150
|
+
$parcel$export(module.exports, "TagListContext", () => $ecf55d0c218a575e$export$e755ce3685dd0ca9);
|
|
129
151
|
$parcel$export(module.exports, "Tag", () => $ecf55d0c218a575e$export$3288d34c523a1192);
|
|
130
152
|
$parcel$export(module.exports, "Text", () => $a8a589c28affdc40$export$5f1af8db9871e1d6);
|
|
131
153
|
$parcel$export(module.exports, "TextContext", () => $a8a589c28affdc40$export$9afb8bc826b033ea);
|
|
@@ -137,14 +159,19 @@ $parcel$export(module.exports, "ToggleButton", () => $3def510c5b419a98$export$d2
|
|
|
137
159
|
$parcel$export(module.exports, "ToggleButtonContext", () => $3def510c5b419a98$export$43506d75ebd2e218);
|
|
138
160
|
$parcel$export(module.exports, "TooltipTrigger", () => $f9dd4061eb43ac38$export$8c610744efcf8a1d);
|
|
139
161
|
$parcel$export(module.exports, "Tooltip", () => $f9dd4061eb43ac38$export$28c660c63b792dea);
|
|
162
|
+
$parcel$export(module.exports, "TooltipTriggerStateContext", () => $f9dd4061eb43ac38$export$7a7623236eec67fa);
|
|
163
|
+
$parcel$export(module.exports, "TooltipContext", () => $f9dd4061eb43ac38$export$39ae08fa83328b12);
|
|
140
164
|
$parcel$export(module.exports, "useDragAndDrop", () => $368d79437ab76c11$export$2cfc5be7a55829f6);
|
|
141
165
|
$parcel$export(module.exports, "DropIndicator", () => $368d79437ab76c11$export$62ed72bc21f6b8a6);
|
|
142
166
|
$parcel$export(module.exports, "DropIndicatorContext", () => $368d79437ab76c11$export$f55761759794cf55);
|
|
167
|
+
$parcel$export(module.exports, "DragAndDropContext", () => $368d79437ab76c11$export$d188a835a7bc5783);
|
|
143
168
|
$parcel$export(module.exports, "DIRECTORY_DRAG_TYPE", () => $bzgmy$reactaria.DIRECTORY_DRAG_TYPE);
|
|
144
169
|
$parcel$export(module.exports, "isDirectoryDropItem", () => $bzgmy$reactaria.isDirectoryDropItem);
|
|
145
170
|
$parcel$export(module.exports, "isFileDropItem", () => $bzgmy$reactaria.isFileDropItem);
|
|
146
171
|
$parcel$export(module.exports, "isTextDropItem", () => $bzgmy$reactaria.isTextDropItem);
|
|
147
172
|
$parcel$export(module.exports, "SSRProvider", () => $bzgmy$reactaria.SSRProvider);
|
|
173
|
+
$parcel$export(module.exports, "RouterProvider", () => $bzgmy$reactaria.RouterProvider);
|
|
174
|
+
$parcel$export(module.exports, "I18nProvider", () => $bzgmy$reactaria.I18nProvider);
|
|
148
175
|
/*
|
|
149
176
|
* Copyright 2022 Adobe. All rights reserved.
|
|
150
177
|
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
@@ -367,7 +394,7 @@ class $3114c2382242bdc0$export$dc064fe9e59310fd extends $3114c2382242bdc0$var$Ba
|
|
|
367
394
|
}
|
|
368
395
|
setProps(obj, ref, rendered) {
|
|
369
396
|
let node = this.ownerDocument.getMutableNode(this);
|
|
370
|
-
let { value: value
|
|
397
|
+
let { value: value, textValue: textValue, id: id, ...props } = obj;
|
|
371
398
|
props.ref = ref;
|
|
372
399
|
node.props = props;
|
|
373
400
|
node.rendered = rendered;
|
|
@@ -607,7 +634,7 @@ class $3114c2382242bdc0$export$b34a105447964f9f extends $3114c2382242bdc0$var$Ba
|
|
|
607
634
|
}
|
|
608
635
|
}
|
|
609
636
|
function $3114c2382242bdc0$export$727c8fc270210f13(props) {
|
|
610
|
-
let { children: children
|
|
637
|
+
let { children: children, items: items, idScope: idScope, addIdAndValue: addIdAndValue } = props;
|
|
611
638
|
let cache = (0, $bzgmy$react.useMemo)(()=>new WeakMap(), []);
|
|
612
639
|
return (0, $bzgmy$react.useMemo)(()=>{
|
|
613
640
|
if (items && typeof children === "function") {
|
|
@@ -655,7 +682,7 @@ function $3114c2382242bdc0$export$901dbff4e54a6dd0(props) {
|
|
|
655
682
|
}
|
|
656
683
|
const $3114c2382242bdc0$var$ShallowRenderContext = /*#__PURE__*/ (0, $bzgmy$react.createContext)(false);
|
|
657
684
|
function $3114c2382242bdc0$export$6cd28814d92fa9c9(props, initialCollection) {
|
|
658
|
-
let { collection: collection
|
|
685
|
+
let { collection: collection, document: document } = $3114c2382242bdc0$export$7cd71aa5ddd6dc4e(initialCollection);
|
|
659
686
|
let portal = $3114c2382242bdc0$export$ad42d5efb4461b31(props, document);
|
|
660
687
|
return {
|
|
661
688
|
portal: portal,
|
|
@@ -713,7 +740,10 @@ function $3114c2382242bdc0$export$7cd71aa5ddd6dc4e(initialCollection) {
|
|
|
713
740
|
};
|
|
714
741
|
}
|
|
715
742
|
const $3114c2382242bdc0$var$SSRContext = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
743
|
+
const $3114c2382242bdc0$export$8c25dea96356a8b6 = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
716
744
|
function $3114c2382242bdc0$export$ad42d5efb4461b31(props, document) {
|
|
745
|
+
let ctx = (0, $bzgmy$react.useContext)($3114c2382242bdc0$export$8c25dea96356a8b6);
|
|
746
|
+
let doc = document !== null && document !== void 0 ? document : ctx;
|
|
717
747
|
let children = $3114c2382242bdc0$export$901dbff4e54a6dd0(props);
|
|
718
748
|
let wrappedChildren = (0, $bzgmy$react.useMemo)(()=>/*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($3114c2382242bdc0$var$ShallowRenderContext.Provider, {
|
|
719
749
|
value: true
|
|
@@ -723,15 +753,18 @@ function $3114c2382242bdc0$export$ad42d5efb4461b31(props, document) {
|
|
|
723
753
|
// During SSR, we render the content directly, and append nodes to the document during render.
|
|
724
754
|
// The collection children return null so that nothing is actually rendered into the HTML.
|
|
725
755
|
return (0, $bzgmy$reactaria.useIsSSR)() ? /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($3114c2382242bdc0$var$SSRContext.Provider, {
|
|
726
|
-
value:
|
|
727
|
-
}, wrappedChildren) : /*#__PURE__*/ (0, $bzgmy$reactdom.createPortal)(wrappedChildren,
|
|
756
|
+
value: doc
|
|
757
|
+
}, wrappedChildren) : /*#__PURE__*/ (0, $bzgmy$reactdom.createPortal)(wrappedChildren, doc);
|
|
758
|
+
}
|
|
759
|
+
function $3114c2382242bdc0$export$813b5978dd974d8(props) {
|
|
760
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, ($parcel$interopDefault($bzgmy$react))).Fragment, null, $3114c2382242bdc0$export$ad42d5efb4461b31(props));
|
|
728
761
|
}
|
|
729
762
|
function $3114c2382242bdc0$export$aeba0b1fb3dcd8b8(Element, props, ref) {
|
|
730
763
|
let isShallow = (0, $bzgmy$react.useContext)($3114c2382242bdc0$var$ShallowRenderContext);
|
|
731
764
|
var _useSSRCollectionNode;
|
|
732
765
|
if (isShallow) // Elements cannot be re-parented, so the context will always be there.
|
|
733
766
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
734
|
-
return (_useSSRCollectionNode = $3114c2382242bdc0$export$e7c29ae2353b16ea(Element, props, ref, props.children)) !== null && _useSSRCollectionNode !== void 0 ? _useSSRCollectionNode : /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, ($parcel$interopDefault($bzgmy$react))).Fragment, null);
|
|
767
|
+
return (_useSSRCollectionNode = $3114c2382242bdc0$export$e7c29ae2353b16ea(Element, props, ref, "children" in props ? props.children : null)) !== null && _useSSRCollectionNode !== void 0 ? _useSSRCollectionNode : /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, ($parcel$interopDefault($bzgmy$react))).Fragment, null);
|
|
735
768
|
return null;
|
|
736
769
|
}
|
|
737
770
|
function $3114c2382242bdc0$export$636783d3732b5559(props, ref, rendered) {
|
|
@@ -808,7 +841,7 @@ function $3114c2382242bdc0$export$fb8073518f34e6ec(props) {
|
|
|
808
841
|
|
|
809
842
|
const $c5ccf687772c0422$export$91172ebb93c441a2 = Symbol("callback");
|
|
810
843
|
const $c5ccf687772c0422$export$8e0ef2c5844bfb6b = Symbol("default");
|
|
811
|
-
function $c5ccf687772c0422$export$2881499e37b75b9a({ values: values
|
|
844
|
+
function $c5ccf687772c0422$export$2881499e37b75b9a({ values: values, children: children }) {
|
|
812
845
|
for (let [Context, value] of values)// @ts-ignore
|
|
813
846
|
children = /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement(Context.Provider, {
|
|
814
847
|
value: value
|
|
@@ -816,7 +849,7 @@ function $c5ccf687772c0422$export$2881499e37b75b9a({ values: values , children:
|
|
|
816
849
|
return children;
|
|
817
850
|
}
|
|
818
851
|
function $c5ccf687772c0422$export$4d86445c2cf5e3(props) {
|
|
819
|
-
let { className: className
|
|
852
|
+
let { className: className, style: style, children: children, defaultClassName: defaultClassName, defaultChildren: defaultChildren, values: values } = props;
|
|
820
853
|
return (0, $bzgmy$react.useMemo)(()=>{
|
|
821
854
|
let computedClassName;
|
|
822
855
|
let computedStyle;
|
|
@@ -845,7 +878,9 @@ function $c5ccf687772c0422$export$4d86445c2cf5e3(props) {
|
|
|
845
878
|
}
|
|
846
879
|
function $c5ccf687772c0422$export$fabf2dc03a41866e(context, slot) {
|
|
847
880
|
let ctx = (0, $bzgmy$react.useContext)(context);
|
|
848
|
-
if (
|
|
881
|
+
if (slot === null) // An explicit `null` slot means don't use context.
|
|
882
|
+
return null;
|
|
883
|
+
if (ctx && typeof ctx === "object" && "slots" in ctx && ctx.slots) {
|
|
849
884
|
if (!slot && !ctx.slots[$c5ccf687772c0422$export$8e0ef2c5844bfb6b]) throw new Error("A slot prop is required");
|
|
850
885
|
let slotKey = slot || $c5ccf687772c0422$export$8e0ef2c5844bfb6b;
|
|
851
886
|
if (!ctx.slots[slotKey]) // @ts-ignore
|
|
@@ -858,7 +893,7 @@ function $c5ccf687772c0422$export$fabf2dc03a41866e(context, slot) {
|
|
|
858
893
|
function $c5ccf687772c0422$export$29f1550f4b0d4415(props, ref, context) {
|
|
859
894
|
let ctx = $c5ccf687772c0422$export$fabf2dc03a41866e(context, props.slot) || {};
|
|
860
895
|
// @ts-ignore - TS says "Type 'unique symbol' cannot be used as an index type." but not sure why.
|
|
861
|
-
let { ref: contextRef
|
|
896
|
+
let { ref: contextRef, [$c5ccf687772c0422$export$91172ebb93c441a2]: callback, ...contextProps } = ctx;
|
|
862
897
|
let mergedRef = (0, $bzgmy$reactariautils.useObjectRef)((0, $bzgmy$react.useMemo)(()=>(0, $bzgmy$reactariautils.mergeRefs)(ref, contextRef), [
|
|
863
898
|
ref,
|
|
864
899
|
contextRef
|
|
@@ -996,6 +1031,12 @@ function $c5ccf687772c0422$export$86427a43e3e48ebb(fn) {
|
|
|
996
1031
|
Wrapper.displayName = fn.displayName || fn.name;
|
|
997
1032
|
return (0, ($parcel$interopDefault($bzgmy$react))).forwardRef(Wrapper);
|
|
998
1033
|
}
|
|
1034
|
+
function $c5ccf687772c0422$export$ef03459518577ad4(props) {
|
|
1035
|
+
const prefix = /^(data-.*)$/;
|
|
1036
|
+
let filteredProps = {};
|
|
1037
|
+
for(const prop in props)if (!prefix.test(prop)) filteredProps[prop] = props[prop];
|
|
1038
|
+
return filteredProps;
|
|
1039
|
+
}
|
|
999
1040
|
|
|
1000
1041
|
|
|
1001
1042
|
|
|
@@ -1012,17 +1053,16 @@ function $c5ccf687772c0422$export$86427a43e3e48ebb(fn) {
|
|
|
1012
1053
|
*/
|
|
1013
1054
|
|
|
1014
1055
|
|
|
1015
|
-
|
|
1016
1056
|
const $c87397ee936d2bda$export$e2509388b49734e7 = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
1017
1057
|
function $c87397ee936d2bda$var$Link(props, ref) {
|
|
1018
1058
|
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $c87397ee936d2bda$export$e2509388b49734e7);
|
|
1019
|
-
let
|
|
1020
|
-
let { linkProps: linkProps
|
|
1059
|
+
let ElementType = props.href ? "a" : "span";
|
|
1060
|
+
let { linkProps: linkProps, isPressed: isPressed } = (0, $bzgmy$reactaria.useLink)({
|
|
1021
1061
|
...props,
|
|
1022
|
-
elementType:
|
|
1062
|
+
elementType: ElementType
|
|
1023
1063
|
}, ref);
|
|
1024
|
-
let { hoverProps: hoverProps
|
|
1025
|
-
let { focusProps: focusProps
|
|
1064
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $bzgmy$reactaria.useHover)(props);
|
|
1065
|
+
let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $bzgmy$reactaria.useFocusRing)();
|
|
1026
1066
|
let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
|
|
1027
1067
|
...props,
|
|
1028
1068
|
defaultClassName: "react-aria-Link",
|
|
@@ -1035,25 +1075,17 @@ function $c87397ee936d2bda$var$Link(props, ref) {
|
|
|
1035
1075
|
isFocusVisible: isFocusVisible
|
|
1036
1076
|
}
|
|
1037
1077
|
});
|
|
1038
|
-
|
|
1039
|
-
|
|
1040
|
-
|
|
1041
|
-
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
"data-focused": isFocused || undefined,
|
|
1050
|
-
"data-hovered": isHovered || undefined,
|
|
1051
|
-
"data-pressed": isPressed || undefined,
|
|
1052
|
-
"data-focus-visible": isFocusVisible || undefined,
|
|
1053
|
-
"data-current": !!props["aria-current"] || undefined,
|
|
1054
|
-
"data-disabled": props.isDisabled || undefined
|
|
1055
|
-
}, element.props)
|
|
1056
|
-
});
|
|
1078
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement(ElementType, {
|
|
1079
|
+
ref: ref,
|
|
1080
|
+
slot: props.slot || undefined,
|
|
1081
|
+
...(0, $bzgmy$reactaria.mergeProps)(renderProps, linkProps, hoverProps, focusProps),
|
|
1082
|
+
"data-focused": isFocused || undefined,
|
|
1083
|
+
"data-hovered": isHovered || undefined,
|
|
1084
|
+
"data-pressed": isPressed || undefined,
|
|
1085
|
+
"data-focus-visible": isFocusVisible || undefined,
|
|
1086
|
+
"data-current": !!props["aria-current"] || undefined,
|
|
1087
|
+
"data-disabled": props.isDisabled || undefined
|
|
1088
|
+
}, renderProps.children);
|
|
1057
1089
|
}
|
|
1058
1090
|
/**
|
|
1059
1091
|
* A link allows a user to navigate to another page or resource within a web page
|
|
@@ -1065,7 +1097,7 @@ function $c87397ee936d2bda$var$Link(props, ref) {
|
|
|
1065
1097
|
const $afa44b644f65ed30$export$65596d3621b0a4a0 = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
1066
1098
|
function $afa44b644f65ed30$var$Breadcrumbs(props, ref) {
|
|
1067
1099
|
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $afa44b644f65ed30$export$65596d3621b0a4a0);
|
|
1068
|
-
let { portal: portal
|
|
1100
|
+
let { portal: portal, collection: collection } = (0, $3114c2382242bdc0$export$6cd28814d92fa9c9)(props);
|
|
1069
1101
|
// Render the portal first so that we have the collection by the time we render the DOM in SSR
|
|
1070
1102
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, ($parcel$interopDefault($bzgmy$react))).Fragment, null, portal, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($afa44b644f65ed30$var$BreadcrumbsInner, {
|
|
1071
1103
|
props: props,
|
|
@@ -1073,14 +1105,14 @@ function $afa44b644f65ed30$var$Breadcrumbs(props, ref) {
|
|
|
1073
1105
|
breadcrumbsRef: ref
|
|
1074
1106
|
}));
|
|
1075
1107
|
}
|
|
1076
|
-
function $afa44b644f65ed30$var$BreadcrumbsInner({ props: props
|
|
1108
|
+
function $afa44b644f65ed30$var$BreadcrumbsInner({ props: props, collection: collection, breadcrumbsRef: ref }) {
|
|
1077
1109
|
var _props_className;
|
|
1078
1110
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("ol", {
|
|
1079
1111
|
ref: ref,
|
|
1080
1112
|
...(0, $bzgmy$reactariautils.filterDOMProps)(props, {
|
|
1081
1113
|
labelable: true
|
|
1082
1114
|
}),
|
|
1083
|
-
slot: props.slot,
|
|
1115
|
+
slot: props.slot || undefined,
|
|
1084
1116
|
style: props.style,
|
|
1085
1117
|
className: (_props_className = props.className) !== null && _props_className !== void 0 ? _props_className : "react-aria-Breadcrumbs"
|
|
1086
1118
|
}, [
|
|
@@ -1094,7 +1126,7 @@ function $afa44b644f65ed30$var$BreadcrumbsInner({ props: props , collection: col
|
|
|
1094
1126
|
})));
|
|
1095
1127
|
}
|
|
1096
1128
|
/**
|
|
1097
|
-
* Breadcrumbs display a
|
|
1129
|
+
* Breadcrumbs display a hierarchy of links to the current page or resource in an application.
|
|
1098
1130
|
*/ const $afa44b644f65ed30$export$2dc68d50d56fbbd = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($afa44b644f65ed30$var$Breadcrumbs);
|
|
1099
1131
|
function $afa44b644f65ed30$var$Breadcrumb(props, ref) {
|
|
1100
1132
|
return (0, $3114c2382242bdc0$export$e7c29ae2353b16ea)("item", props, ref, props.children);
|
|
@@ -1102,7 +1134,7 @@ function $afa44b644f65ed30$var$Breadcrumb(props, ref) {
|
|
|
1102
1134
|
/**
|
|
1103
1135
|
* A Breadcrumb represents an individual item in a `<Breadcrumbs>` list.
|
|
1104
1136
|
*/ const $afa44b644f65ed30$export$dabcc1ec9dd9d1cc = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($afa44b644f65ed30$var$Breadcrumb);
|
|
1105
|
-
function $afa44b644f65ed30$var$BreadcrumbItem({ node: node
|
|
1137
|
+
function $afa44b644f65ed30$var$BreadcrumbItem({ node: node, isCurrent: isCurrent, isDisabled: isDisabled, onAction: onAction }) {
|
|
1106
1138
|
// Recreating useBreadcrumbItem because we want to use composition instead of having the link builtin.
|
|
1107
1139
|
let linkProps = {
|
|
1108
1140
|
"aria-current": isCurrent ? "page" : null,
|
|
@@ -1150,9 +1182,9 @@ const $b856e6788a7ea5bf$export$24d547caef80ccd1 = /*#__PURE__*/ (0, $bzgmy$react
|
|
|
1150
1182
|
function $b856e6788a7ea5bf$var$Button(props, ref) {
|
|
1151
1183
|
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $b856e6788a7ea5bf$export$24d547caef80ccd1);
|
|
1152
1184
|
let ctx = props;
|
|
1153
|
-
let { buttonProps: buttonProps
|
|
1154
|
-
let { focusProps: focusProps
|
|
1155
|
-
let { hoverProps: hoverProps
|
|
1185
|
+
let { buttonProps: buttonProps, isPressed: isPressed } = (0, $bzgmy$reactaria.useButton)(props, ref);
|
|
1186
|
+
let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $bzgmy$reactaria.useFocusRing)(props);
|
|
1187
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $bzgmy$reactaria.useHover)(props);
|
|
1156
1188
|
let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
|
|
1157
1189
|
...props,
|
|
1158
1190
|
values: {
|
|
@@ -1171,7 +1203,7 @@ function $b856e6788a7ea5bf$var$Button(props, ref) {
|
|
|
1171
1203
|
...(0, $bzgmy$reactaria.mergeProps)(buttonProps, focusProps, hoverProps),
|
|
1172
1204
|
...renderProps,
|
|
1173
1205
|
ref: ref,
|
|
1174
|
-
slot: props.slot,
|
|
1206
|
+
slot: props.slot || undefined,
|
|
1175
1207
|
"data-disabled": props.isDisabled || undefined,
|
|
1176
1208
|
"data-pressed": ctx.isPressed || isPressed || undefined,
|
|
1177
1209
|
"data-hovered": isHovered || undefined,
|
|
@@ -1215,7 +1247,7 @@ function $b856e6788a7ea5bf$var$Button(props, ref) {
|
|
|
1215
1247
|
const $1063ac64677bb13f$export$d688439359537581 = /*#__PURE__*/ (0, $bzgmy$react.createContext)({});
|
|
1216
1248
|
function $1063ac64677bb13f$var$Heading(props, ref) {
|
|
1217
1249
|
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $1063ac64677bb13f$export$d688439359537581);
|
|
1218
|
-
let { children: children
|
|
1250
|
+
let { children: children, level: level = 3, className: className, ...domProps } = props;
|
|
1219
1251
|
let Element = `h${level}`;
|
|
1220
1252
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement(Element, {
|
|
1221
1253
|
...domProps,
|
|
@@ -1241,7 +1273,7 @@ const $1063ac64677bb13f$export$a8a3e93435678ff9 = /*#__PURE__*/ (0, $bzgmy$react
|
|
|
1241
1273
|
const $a8a589c28affdc40$export$9afb8bc826b033ea = /*#__PURE__*/ (0, $bzgmy$react.createContext)({});
|
|
1242
1274
|
function $a8a589c28affdc40$var$Text(props, ref) {
|
|
1243
1275
|
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $a8a589c28affdc40$export$9afb8bc826b033ea);
|
|
1244
|
-
let { elementType: ElementType = "span"
|
|
1276
|
+
let { elementType: ElementType = "span", ...domProps } = props;
|
|
1245
1277
|
// @ts-ignore
|
|
1246
1278
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement(ElementType, {
|
|
1247
1279
|
className: "react-aria-Text",
|
|
@@ -1254,16 +1286,17 @@ const $a8a589c28affdc40$export$5f1af8db9871e1d6 = /*#__PURE__*/ (0, $bzgmy$react
|
|
|
1254
1286
|
|
|
1255
1287
|
const $3f539f26b167ddde$export$3b805cea1f178355 = /*#__PURE__*/ (0, $bzgmy$react.createContext)({});
|
|
1256
1288
|
const $3f539f26b167ddde$export$233dd9682e1ad64b = /*#__PURE__*/ (0, $bzgmy$react.createContext)({});
|
|
1257
|
-
const $3f539f26b167ddde$
|
|
1289
|
+
const $3f539f26b167ddde$export$9e31dcedda1dadc7 = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
1290
|
+
const $3f539f26b167ddde$export$5e0fc348c00f87a0 = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
1258
1291
|
function $3f539f26b167ddde$var$Calendar(props, ref) {
|
|
1259
1292
|
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $3f539f26b167ddde$export$3b805cea1f178355);
|
|
1260
|
-
let { locale: locale
|
|
1293
|
+
let { locale: locale } = (0, $bzgmy$reactaria.useLocale)();
|
|
1261
1294
|
let state = (0, $bzgmy$reactstately.useCalendarState)({
|
|
1262
1295
|
...props,
|
|
1263
1296
|
locale: locale,
|
|
1264
1297
|
createCalendar: $bzgmy$internationalizeddate.createCalendar
|
|
1265
1298
|
});
|
|
1266
|
-
let { calendarProps: calendarProps
|
|
1299
|
+
let { calendarProps: calendarProps, prevButtonProps: prevButtonProps, nextButtonProps: nextButtonProps, errorMessageProps: errorMessageProps, title: title } = (0, $bzgmy$reactaria.useCalendar)(props, state);
|
|
1267
1300
|
let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
|
|
1268
1301
|
...props,
|
|
1269
1302
|
values: {
|
|
@@ -1277,7 +1310,7 @@ function $3f539f26b167ddde$var$Calendar(props, ref) {
|
|
|
1277
1310
|
...renderProps,
|
|
1278
1311
|
...calendarProps,
|
|
1279
1312
|
ref: ref,
|
|
1280
|
-
slot: props.slot,
|
|
1313
|
+
slot: props.slot || undefined,
|
|
1281
1314
|
"data-disabled": props.isDisabled || undefined,
|
|
1282
1315
|
"data-invalid": state.isValueInvalid || undefined
|
|
1283
1316
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$2881499e37b75b9a), {
|
|
@@ -1300,7 +1333,7 @@ function $3f539f26b167ddde$var$Calendar(props, ref) {
|
|
|
1300
1333
|
}
|
|
1301
1334
|
],
|
|
1302
1335
|
[
|
|
1303
|
-
$3f539f26b167ddde$
|
|
1336
|
+
$3f539f26b167ddde$export$9e31dcedda1dadc7,
|
|
1304
1337
|
state
|
|
1305
1338
|
],
|
|
1306
1339
|
[
|
|
@@ -1324,13 +1357,13 @@ function $3f539f26b167ddde$var$Calendar(props, ref) {
|
|
|
1324
1357
|
*/ const $3f539f26b167ddde$export$e1aef45b828286de = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($3f539f26b167ddde$var$Calendar);
|
|
1325
1358
|
function $3f539f26b167ddde$var$RangeCalendar(props, ref) {
|
|
1326
1359
|
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $3f539f26b167ddde$export$233dd9682e1ad64b);
|
|
1327
|
-
let { locale: locale
|
|
1360
|
+
let { locale: locale } = (0, $bzgmy$reactaria.useLocale)();
|
|
1328
1361
|
let state = (0, $bzgmy$reactstately.useRangeCalendarState)({
|
|
1329
1362
|
...props,
|
|
1330
1363
|
locale: locale,
|
|
1331
1364
|
createCalendar: $bzgmy$internationalizeddate.createCalendar
|
|
1332
1365
|
});
|
|
1333
|
-
let { calendarProps: calendarProps
|
|
1366
|
+
let { calendarProps: calendarProps, prevButtonProps: prevButtonProps, nextButtonProps: nextButtonProps, errorMessageProps: errorMessageProps, title: title } = (0, $bzgmy$reactaria.useRangeCalendar)(props, state, ref);
|
|
1334
1367
|
let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
|
|
1335
1368
|
...props,
|
|
1336
1369
|
values: {
|
|
@@ -1344,7 +1377,7 @@ function $3f539f26b167ddde$var$RangeCalendar(props, ref) {
|
|
|
1344
1377
|
...renderProps,
|
|
1345
1378
|
...calendarProps,
|
|
1346
1379
|
ref: ref,
|
|
1347
|
-
slot: props.slot,
|
|
1380
|
+
slot: props.slot || undefined,
|
|
1348
1381
|
"data-disabled": props.isDisabled || undefined,
|
|
1349
1382
|
"data-invalid": state.isValueInvalid || undefined
|
|
1350
1383
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$2881499e37b75b9a), {
|
|
@@ -1367,7 +1400,7 @@ function $3f539f26b167ddde$var$RangeCalendar(props, ref) {
|
|
|
1367
1400
|
}
|
|
1368
1401
|
],
|
|
1369
1402
|
[
|
|
1370
|
-
$3f539f26b167ddde$
|
|
1403
|
+
$3f539f26b167ddde$export$5e0fc348c00f87a0,
|
|
1371
1404
|
state
|
|
1372
1405
|
],
|
|
1373
1406
|
[
|
|
@@ -1391,10 +1424,12 @@ function $3f539f26b167ddde$var$RangeCalendar(props, ref) {
|
|
|
1391
1424
|
*/ const $3f539f26b167ddde$export$a4f5c8b89d277a8d = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($3f539f26b167ddde$var$RangeCalendar);
|
|
1392
1425
|
const $3f539f26b167ddde$var$InternalCalendarGridContext = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
1393
1426
|
function $3f539f26b167ddde$var$CalendarGrid(props, ref) {
|
|
1394
|
-
let
|
|
1427
|
+
let calendarState = (0, $bzgmy$react.useContext)($3f539f26b167ddde$export$9e31dcedda1dadc7);
|
|
1428
|
+
let rangeCalendarState = (0, $bzgmy$react.useContext)($3f539f26b167ddde$export$5e0fc348c00f87a0);
|
|
1429
|
+
let state = calendarState !== null && calendarState !== void 0 ? calendarState : rangeCalendarState;
|
|
1395
1430
|
let startDate = state.visibleRange.start;
|
|
1396
1431
|
if (props.offset) startDate = startDate.add(props.offset);
|
|
1397
|
-
let { gridProps: gridProps
|
|
1432
|
+
let { gridProps: gridProps, headerProps: headerProps, weekDays: weekDays } = (0, $bzgmy$reactaria.useCalendarGrid)({
|
|
1398
1433
|
startDate: startDate,
|
|
1399
1434
|
endDate: (0, $bzgmy$internationalizeddate.endOfMonth)(startDate),
|
|
1400
1435
|
weekdayStyle: props.weekdayStyle
|
|
@@ -1419,8 +1454,8 @@ function $3f539f26b167ddde$var$CalendarGrid(props, ref) {
|
|
|
1419
1454
|
* can be keyboard navigated and selected by the user.
|
|
1420
1455
|
*/ const $3f539f26b167ddde$export$5bd780d491cfc46c = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($3f539f26b167ddde$var$CalendarGrid);
|
|
1421
1456
|
function $3f539f26b167ddde$var$CalendarGridHeader(props, ref) {
|
|
1422
|
-
let { children: children
|
|
1423
|
-
let { headerProps: headerProps
|
|
1457
|
+
let { children: children, style: style, className: className } = props;
|
|
1458
|
+
let { headerProps: headerProps, weekDays: weekDays } = (0, $bzgmy$react.useContext)($3f539f26b167ddde$var$InternalCalendarGridContext);
|
|
1424
1459
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("thead", {
|
|
1425
1460
|
...(0, $bzgmy$reactariautils.filterDOMProps)(props),
|
|
1426
1461
|
...headerProps,
|
|
@@ -1435,7 +1470,7 @@ function $3f539f26b167ddde$var$CalendarGridHeader(props, ref) {
|
|
|
1435
1470
|
* A calendar grid header displays a row of week day names at the top of a month.
|
|
1436
1471
|
*/ const $3f539f26b167ddde$export$22e2d15eaa4d2377 = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($3f539f26b167ddde$var$CalendarGridHeader);
|
|
1437
1472
|
function $3f539f26b167ddde$var$CalendarHeaderCell(props, ref) {
|
|
1438
|
-
let { children: children
|
|
1473
|
+
let { children: children, style: style, className: className } = props;
|
|
1439
1474
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("th", {
|
|
1440
1475
|
...(0, $bzgmy$reactariautils.filterDOMProps)(props),
|
|
1441
1476
|
ref: ref,
|
|
@@ -1447,10 +1482,12 @@ function $3f539f26b167ddde$var$CalendarHeaderCell(props, ref) {
|
|
|
1447
1482
|
* A calendar header cell displays a week day name at the top of a column within a calendar.
|
|
1448
1483
|
*/ const $3f539f26b167ddde$export$ad2135cac3a11b3d = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($3f539f26b167ddde$var$CalendarHeaderCell);
|
|
1449
1484
|
function $3f539f26b167ddde$var$CalendarGridBody(props, ref) {
|
|
1450
|
-
let { children: children
|
|
1451
|
-
let
|
|
1452
|
-
let
|
|
1453
|
-
let
|
|
1485
|
+
let { children: children, style: style, className: className } = props;
|
|
1486
|
+
let calendarState = (0, $bzgmy$react.useContext)($3f539f26b167ddde$export$9e31dcedda1dadc7);
|
|
1487
|
+
let rangeCalendarState = (0, $bzgmy$react.useContext)($3f539f26b167ddde$export$5e0fc348c00f87a0);
|
|
1488
|
+
let state = calendarState !== null && calendarState !== void 0 ? calendarState : rangeCalendarState;
|
|
1489
|
+
let { startDate: startDate } = (0, $bzgmy$react.useContext)($3f539f26b167ddde$var$InternalCalendarGridContext);
|
|
1490
|
+
let { locale: locale } = (0, $bzgmy$reactaria.useLocale)();
|
|
1454
1491
|
let weeksInMonth = (0, $bzgmy$internationalizeddate.getWeeksInMonth)(startDate, locale);
|
|
1455
1492
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("tbody", {
|
|
1456
1493
|
...(0, $bzgmy$reactariautils.filterDOMProps)(props),
|
|
@@ -1470,20 +1507,22 @@ function $3f539f26b167ddde$var$CalendarGridBody(props, ref) {
|
|
|
1470
1507
|
/**
|
|
1471
1508
|
* A calendar grid body displays a grid of calendar cells within a month.
|
|
1472
1509
|
*/ const $3f539f26b167ddde$export$e11f8ba65d857bff = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($3f539f26b167ddde$var$CalendarGridBody);
|
|
1473
|
-
function $3f539f26b167ddde$var$CalendarCell({ date: date
|
|
1474
|
-
let
|
|
1510
|
+
function $3f539f26b167ddde$var$CalendarCell({ date: date, ...otherProps }, ref) {
|
|
1511
|
+
let calendarState = (0, $bzgmy$react.useContext)($3f539f26b167ddde$export$9e31dcedda1dadc7);
|
|
1512
|
+
let rangeCalendarState = (0, $bzgmy$react.useContext)($3f539f26b167ddde$export$5e0fc348c00f87a0);
|
|
1513
|
+
let state = calendarState !== null && calendarState !== void 0 ? calendarState : rangeCalendarState;
|
|
1475
1514
|
var _useContext;
|
|
1476
|
-
let { startDate: currentMonth
|
|
1515
|
+
let { startDate: currentMonth } = (_useContext = (0, $bzgmy$react.useContext)($3f539f26b167ddde$var$InternalCalendarGridContext)) !== null && _useContext !== void 0 ? _useContext : {
|
|
1477
1516
|
startDate: state.visibleRange.start
|
|
1478
1517
|
};
|
|
1479
1518
|
let objectRef = (0, $bzgmy$reactariautils.useObjectRef)(ref);
|
|
1480
|
-
let { cellProps: cellProps
|
|
1519
|
+
let { cellProps: cellProps, buttonProps: buttonProps, ...states } = (0, $bzgmy$reactaria.useCalendarCell)({
|
|
1481
1520
|
date: date
|
|
1482
1521
|
}, state, objectRef);
|
|
1483
|
-
let { hoverProps: hoverProps
|
|
1522
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $bzgmy$reactaria.useHover)({
|
|
1484
1523
|
isDisabled: states.isDisabled
|
|
1485
1524
|
});
|
|
1486
|
-
let { focusProps: focusProps
|
|
1525
|
+
let { focusProps: focusProps, isFocusVisible: isFocusVisible } = (0, $bzgmy$reactaria.useFocusRing)();
|
|
1487
1526
|
let isOutsideMonth = !(0, $bzgmy$internationalizeddate.isSameMonth)(currentMonth, date);
|
|
1488
1527
|
let isSelectionStart = false;
|
|
1489
1528
|
let isSelectionEnd = false;
|
|
@@ -1558,7 +1597,7 @@ function $3f539f26b167ddde$var$CalendarCell({ date: date , ...otherProps }, ref)
|
|
|
1558
1597
|
const $84ae0bf5bd8e2a5f$export$75b6ee27786ba447 = /*#__PURE__*/ (0, $bzgmy$react.createContext)({});
|
|
1559
1598
|
function $84ae0bf5bd8e2a5f$var$Label(props, ref) {
|
|
1560
1599
|
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $84ae0bf5bd8e2a5f$export$75b6ee27786ba447);
|
|
1561
|
-
let { elementType: ElementType = "label"
|
|
1600
|
+
let { elementType: ElementType = "label", ...labelProps } = props;
|
|
1562
1601
|
// @ts-ignore
|
|
1563
1602
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement(ElementType, {
|
|
1564
1603
|
className: "react-aria-Label",
|
|
@@ -1572,12 +1611,12 @@ const $84ae0bf5bd8e2a5f$export$b04be29aa201d4f5 = /*#__PURE__*/ (0, $c5ccf687772
|
|
|
1572
1611
|
|
|
1573
1612
|
|
|
1574
1613
|
const $e733553516d848a9$export$baf37c4be89255b8 = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
1575
|
-
const $e733553516d848a9$
|
|
1614
|
+
const $e733553516d848a9$export$139c5b8563afc1fc = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
1576
1615
|
function $e733553516d848a9$var$CheckboxGroup(props, ref) {
|
|
1577
1616
|
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $e733553516d848a9$export$baf37c4be89255b8);
|
|
1578
1617
|
let state = (0, $bzgmy$reactstately.useCheckboxGroupState)(props);
|
|
1579
1618
|
let [labelRef, label] = (0, $c5ccf687772c0422$export$9d4c57ee4c6ffdd8)();
|
|
1580
|
-
let { groupProps: groupProps
|
|
1619
|
+
let { groupProps: groupProps, labelProps: labelProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $bzgmy$reactaria.useCheckboxGroup)({
|
|
1581
1620
|
...props,
|
|
1582
1621
|
label: label
|
|
1583
1622
|
}, state);
|
|
@@ -1596,7 +1635,7 @@ function $e733553516d848a9$var$CheckboxGroup(props, ref) {
|
|
|
1596
1635
|
...groupProps,
|
|
1597
1636
|
...renderProps,
|
|
1598
1637
|
ref: ref,
|
|
1599
|
-
slot: props.slot,
|
|
1638
|
+
slot: props.slot || undefined,
|
|
1600
1639
|
"data-readonly": state.isReadOnly || undefined,
|
|
1601
1640
|
"data-required": props.isRequired || undefined,
|
|
1602
1641
|
"data-invalid": state.isInvalid || undefined,
|
|
@@ -1604,7 +1643,7 @@ function $e733553516d848a9$var$CheckboxGroup(props, ref) {
|
|
|
1604
1643
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$2881499e37b75b9a), {
|
|
1605
1644
|
values: [
|
|
1606
1645
|
[
|
|
1607
|
-
$e733553516d848a9$
|
|
1646
|
+
$e733553516d848a9$export$139c5b8563afc1fc,
|
|
1608
1647
|
state
|
|
1609
1648
|
],
|
|
1610
1649
|
[
|
|
@@ -1630,8 +1669,8 @@ function $e733553516d848a9$var$CheckboxGroup(props, ref) {
|
|
|
1630
1669
|
const $e733553516d848a9$export$b085522c77523c51 = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
1631
1670
|
function $e733553516d848a9$var$Checkbox(props, ref) {
|
|
1632
1671
|
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $e733553516d848a9$export$b085522c77523c51);
|
|
1633
|
-
let groupState = (0, $bzgmy$react.useContext)($e733553516d848a9$
|
|
1634
|
-
let { inputProps: inputProps
|
|
1672
|
+
let groupState = (0, $bzgmy$react.useContext)($e733553516d848a9$export$139c5b8563afc1fc);
|
|
1673
|
+
let { inputProps: inputProps, isSelected: isSelected, isDisabled: isDisabled, isReadOnly: isReadOnly, isPressed: isPressedKeyboard } = groupState ? (0, $bzgmy$reactaria.useCheckboxGroupItem)({
|
|
1635
1674
|
...props,
|
|
1636
1675
|
// Value is optional for standalone checkboxes, but required for CheckboxGroup items;
|
|
1637
1676
|
// it's passed explicitly here to avoid typescript error (requires ignore).
|
|
@@ -1643,12 +1682,12 @@ function $e733553516d848a9$var$Checkbox(props, ref) {
|
|
|
1643
1682
|
...props,
|
|
1644
1683
|
children: typeof props.children === "function" ? true : props.children
|
|
1645
1684
|
}, (0, $bzgmy$reactstately.useToggleState)(props), ref);
|
|
1646
|
-
let { isFocused: isFocused
|
|
1685
|
+
let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $bzgmy$reactaria.useFocusRing)();
|
|
1647
1686
|
let isInteractionDisabled = isDisabled || isReadOnly;
|
|
1648
1687
|
// Handle press state for full label. Keyboard press state is returned by useCheckbox
|
|
1649
1688
|
// since it is handled on the <input> element itself.
|
|
1650
1689
|
let [isPressed, setPressed] = (0, $bzgmy$react.useState)(false);
|
|
1651
|
-
let { pressProps: pressProps
|
|
1690
|
+
let { pressProps: pressProps } = (0, $bzgmy$reactaria.usePress)({
|
|
1652
1691
|
isDisabled: isInteractionDisabled,
|
|
1653
1692
|
onPressStart (e) {
|
|
1654
1693
|
if (e.pointerType !== "keyboard") setPressed(true);
|
|
@@ -1657,7 +1696,7 @@ function $e733553516d848a9$var$Checkbox(props, ref) {
|
|
|
1657
1696
|
if (e.pointerType !== "keyboard") setPressed(false);
|
|
1658
1697
|
}
|
|
1659
1698
|
});
|
|
1660
|
-
let { hoverProps: hoverProps
|
|
1699
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $bzgmy$reactaria.useHover)({
|
|
1661
1700
|
isDisabled: isInteractionDisabled
|
|
1662
1701
|
});
|
|
1663
1702
|
let pressed = isInteractionDisabled ? false : isPressed || isPressedKeyboard;
|
|
@@ -1682,7 +1721,7 @@ function $e733553516d848a9$var$Checkbox(props, ref) {
|
|
|
1682
1721
|
delete DOMProps.id;
|
|
1683
1722
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("label", {
|
|
1684
1723
|
...(0, $bzgmy$reactaria.mergeProps)(DOMProps, pressProps, hoverProps, renderProps),
|
|
1685
|
-
slot: props.slot,
|
|
1724
|
+
slot: props.slot || undefined,
|
|
1686
1725
|
"data-selected": isSelected || undefined,
|
|
1687
1726
|
"data-indeterminate": props.isIndeterminate || undefined,
|
|
1688
1727
|
"data-pressed": pressed || undefined,
|
|
@@ -1725,6 +1764,7 @@ function $e733553516d848a9$var$Checkbox(props, ref) {
|
|
|
1725
1764
|
|
|
1726
1765
|
|
|
1727
1766
|
|
|
1767
|
+
|
|
1728
1768
|
/*
|
|
1729
1769
|
* Copyright 2022 Adobe. All rights reserved.
|
|
1730
1770
|
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
@@ -1741,8 +1781,8 @@ function $e733553516d848a9$var$Checkbox(props, ref) {
|
|
|
1741
1781
|
const $1bcfcef5af644e13$export$37fb8590cf2c088c = /*#__PURE__*/ (0, $bzgmy$react.createContext)({});
|
|
1742
1782
|
function $1bcfcef5af644e13$var$Input(props, ref) {
|
|
1743
1783
|
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $1bcfcef5af644e13$export$37fb8590cf2c088c);
|
|
1744
|
-
let { hoverProps: hoverProps
|
|
1745
|
-
let { isFocused: isFocused
|
|
1784
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $bzgmy$reactaria.useHover)({});
|
|
1785
|
+
let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $bzgmy$reactaria.useFocusRing)({
|
|
1746
1786
|
isTextInput: true,
|
|
1747
1787
|
autoFocus: props.autoFocus
|
|
1748
1788
|
});
|
|
@@ -1803,7 +1843,7 @@ function $1bcfcef5af644e13$var$Input(props, ref) {
|
|
|
1803
1843
|
|
|
1804
1844
|
function $368d79437ab76c11$export$2cfc5be7a55829f6(options) {
|
|
1805
1845
|
let dragAndDropHooks = (0, $bzgmy$react.useMemo)(()=>{
|
|
1806
|
-
let { onDrop: onDrop
|
|
1846
|
+
let { onDrop: onDrop, onInsert: onInsert, onItemDrop: onItemDrop, onReorder: onReorder, onRootDrop: onRootDrop, getItems: getItems, renderDragPreview: renderDragPreview, renderDropIndicator: renderDropIndicator, dropTargetDelegate: dropTargetDelegate } = options;
|
|
1807
1847
|
let isDraggable = !!getItems;
|
|
1808
1848
|
let isDroppable = !!(onDrop || onInsert || onItemDrop || onReorder || onRootDrop);
|
|
1809
1849
|
let hooks = {};
|
|
@@ -1847,12 +1887,13 @@ function $368d79437ab76c11$export$2cfc5be7a55829f6(options) {
|
|
|
1847
1887
|
}
|
|
1848
1888
|
const $368d79437ab76c11$export$f55761759794cf55 = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
1849
1889
|
function $368d79437ab76c11$var$DropIndicator(props, ref) {
|
|
1850
|
-
let { render: render
|
|
1890
|
+
let { render: render } = (0, $bzgmy$react.useContext)($368d79437ab76c11$export$f55761759794cf55);
|
|
1851
1891
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, ($parcel$interopDefault($bzgmy$react))).Fragment, null, render(props, ref));
|
|
1852
1892
|
}
|
|
1853
1893
|
/**
|
|
1854
1894
|
* A DropIndicator is rendered between items in a collection to indicate where dropped data will be inserted.
|
|
1855
1895
|
*/ const $368d79437ab76c11$export$62ed72bc21f6b8a6 = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($368d79437ab76c11$var$DropIndicator);
|
|
1896
|
+
const $368d79437ab76c11$export$d188a835a7bc5783 = /*#__PURE__*/ (0, $bzgmy$react.createContext)({});
|
|
1856
1897
|
|
|
1857
1898
|
|
|
1858
1899
|
|
|
@@ -1903,10 +1944,10 @@ const $c7efb75a1a3fe2d2$export$8b251419efc915eb = /*#__PURE__*/ (0, $bzgmy$react
|
|
|
1903
1944
|
const $54b202ace195eaa4$export$6615d83f6de245ce = /*#__PURE__*/ (0, $bzgmy$react.createContext)({});
|
|
1904
1945
|
function $54b202ace195eaa4$var$Separator(originalProps, originalRef) {
|
|
1905
1946
|
let [props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(originalProps, originalRef, $54b202ace195eaa4$export$6615d83f6de245ce);
|
|
1906
|
-
let { elementType: elementType
|
|
1947
|
+
let { elementType: elementType, orientation: orientation, style: style, className: className } = props;
|
|
1907
1948
|
let Element = elementType || "hr";
|
|
1908
1949
|
if (Element === "hr" && orientation === "vertical") Element = "div";
|
|
1909
|
-
let { separatorProps: separatorProps
|
|
1950
|
+
let { separatorProps: separatorProps } = (0, $bzgmy$reactaria.useSeparator)({
|
|
1910
1951
|
elementType: elementType,
|
|
1911
1952
|
orientation: orientation
|
|
1912
1953
|
});
|
|
@@ -1918,7 +1959,7 @@ function $54b202ace195eaa4$var$Separator(originalProps, originalRef) {
|
|
|
1918
1959
|
style: style,
|
|
1919
1960
|
className: className !== null && className !== void 0 ? className : "react-aria-Separator",
|
|
1920
1961
|
ref: ref,
|
|
1921
|
-
slot: props.slot
|
|
1962
|
+
slot: props.slot || undefined
|
|
1922
1963
|
});
|
|
1923
1964
|
}
|
|
1924
1965
|
const $54b202ace195eaa4$export$1ff3c3f08ae963c0 = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($54b202ace195eaa4$var$Separator);
|
|
@@ -1926,19 +1967,20 @@ const $54b202ace195eaa4$export$1ff3c3f08ae963c0 = /*#__PURE__*/ (0, $bzgmy$react
|
|
|
1926
1967
|
|
|
1927
1968
|
|
|
1928
1969
|
const $a03b42240404b420$export$7ff8f37d2d81a48d = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
1929
|
-
const $a03b42240404b420$
|
|
1970
|
+
const $a03b42240404b420$export$7c5906fe4f1f2af2 = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
1930
1971
|
function $a03b42240404b420$var$ListBox(props, ref) {
|
|
1931
1972
|
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $a03b42240404b420$export$7ff8f37d2d81a48d);
|
|
1932
|
-
let ctx = props;
|
|
1933
1973
|
let isHidden = (0, $bzgmy$react.useContext)((0, $c5ccf687772c0422$export$94b6d0abf7d33e8c));
|
|
1974
|
+
let state = (0, $bzgmy$react.useContext)($a03b42240404b420$export$7c5906fe4f1f2af2);
|
|
1975
|
+
let document = (0, $bzgmy$react.useContext)((0, $3114c2382242bdc0$export$8c25dea96356a8b6));
|
|
1934
1976
|
// The structure of ListBox is a bit strange because it needs to work inside other components like ComboBox and Select.
|
|
1935
1977
|
// Those components render two copies of their children so that the collection can be built even when the popover is closed.
|
|
1936
1978
|
// The first copy sends a collection document via context which we render the collection portal into.
|
|
1937
1979
|
// The second copy sends a ListState object via context which we use to render the ListBox without rebuilding the state.
|
|
1938
1980
|
// Otherwise, we have a standalone ListBox, so we need to create a collection and state ourselves.
|
|
1939
|
-
if (
|
|
1940
|
-
if (
|
|
1941
|
-
state:
|
|
1981
|
+
if (document) return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $3114c2382242bdc0$export$813b5978dd974d8), props);
|
|
1982
|
+
if (state) return isHidden ? null : /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($a03b42240404b420$var$ListBoxInner, {
|
|
1983
|
+
state: state,
|
|
1942
1984
|
props: props,
|
|
1943
1985
|
listBoxRef: ref
|
|
1944
1986
|
});
|
|
@@ -1947,8 +1989,8 @@ function $a03b42240404b420$var$ListBox(props, ref) {
|
|
|
1947
1989
|
listBoxRef: ref
|
|
1948
1990
|
});
|
|
1949
1991
|
}
|
|
1950
|
-
function $a03b42240404b420$var$StandaloneListBox({ props: props
|
|
1951
|
-
let { portal: portal
|
|
1992
|
+
function $a03b42240404b420$var$StandaloneListBox({ props: props, listBoxRef: listBoxRef }) {
|
|
1993
|
+
let { portal: portal, collection: collection } = (0, $3114c2382242bdc0$export$6cd28814d92fa9c9)(props);
|
|
1952
1994
|
props = {
|
|
1953
1995
|
...props,
|
|
1954
1996
|
collection: collection,
|
|
@@ -1962,21 +2004,23 @@ function $a03b42240404b420$var$StandaloneListBox({ props: props , listBoxRef: li
|
|
|
1962
2004
|
listBoxRef: listBoxRef
|
|
1963
2005
|
}));
|
|
1964
2006
|
}
|
|
1965
|
-
function $a03b42240404b420$var$ListBoxPortal(props) {
|
|
1966
|
-
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, ($parcel$interopDefault($bzgmy$react))).Fragment, null, (0, $3114c2382242bdc0$export$ad42d5efb4461b31)(props, props.document));
|
|
1967
|
-
}
|
|
1968
2007
|
/**
|
|
1969
2008
|
* A listbox displays a list of options and allows a user to select one or more of them.
|
|
1970
2009
|
*/ const $a03b42240404b420$export$41f133550aa26f48 = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($a03b42240404b420$var$ListBox);
|
|
1971
|
-
function $a03b42240404b420$var$ListBoxInner({ state: state
|
|
1972
|
-
let { dragAndDropHooks: dragAndDropHooks
|
|
1973
|
-
let { collection: collection
|
|
2010
|
+
function $a03b42240404b420$var$ListBoxInner({ state: state, props: props, listBoxRef: listBoxRef }) {
|
|
2011
|
+
let { dragAndDropHooks: dragAndDropHooks, layout: layout = "stack", orientation: orientation = "vertical" } = props;
|
|
2012
|
+
let { collection: collection, selectionManager: selectionManager } = state;
|
|
1974
2013
|
let isListDraggable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDraggableCollectionState);
|
|
1975
2014
|
let isListDroppable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDroppableCollectionState);
|
|
1976
|
-
let { direction: direction
|
|
1977
|
-
let { disabledBehavior: disabledBehavior
|
|
2015
|
+
let { direction: direction } = (0, $bzgmy$reactaria.useLocale)();
|
|
2016
|
+
let { disabledBehavior: disabledBehavior, disabledKeys: disabledKeys } = selectionManager;
|
|
2017
|
+
let collator = (0, $bzgmy$reactaria.useCollator)({
|
|
2018
|
+
usage: "search",
|
|
2019
|
+
sensitivity: "base"
|
|
2020
|
+
});
|
|
1978
2021
|
let keyboardDelegate = (0, $bzgmy$react.useMemo)(()=>props.keyboardDelegate || new (0, $bzgmy$reactaria.ListKeyboardDelegate)({
|
|
1979
2022
|
collection: collection,
|
|
2023
|
+
collator: collator,
|
|
1980
2024
|
ref: listBoxRef,
|
|
1981
2025
|
disabledKeys: disabledBehavior === "selection" ? new Set() : disabledKeys,
|
|
1982
2026
|
layout: layout,
|
|
@@ -1984,6 +2028,7 @@ function $a03b42240404b420$var$ListBoxInner({ state: state , props: props , list
|
|
|
1984
2028
|
direction: direction
|
|
1985
2029
|
}), [
|
|
1986
2030
|
collection,
|
|
2031
|
+
collator,
|
|
1987
2032
|
listBoxRef,
|
|
1988
2033
|
disabledBehavior,
|
|
1989
2034
|
disabledKeys,
|
|
@@ -1992,7 +2037,7 @@ function $a03b42240404b420$var$ListBoxInner({ state: state , props: props , list
|
|
|
1992
2037
|
props.keyboardDelegate,
|
|
1993
2038
|
layout
|
|
1994
2039
|
]);
|
|
1995
|
-
let { listBoxProps: listBoxProps
|
|
2040
|
+
let { listBoxProps: listBoxProps } = (0, $bzgmy$reactaria.useListBox)({
|
|
1996
2041
|
...props,
|
|
1997
2042
|
shouldSelectOnPressUp: isListDraggable || props.shouldSelectOnPressUp,
|
|
1998
2043
|
keyboardDelegate: keyboardDelegate
|
|
@@ -2061,7 +2106,7 @@ function $a03b42240404b420$var$ListBoxInner({ state: state , props: props , list
|
|
|
2061
2106
|
type: "root"
|
|
2062
2107
|
});
|
|
2063
2108
|
}
|
|
2064
|
-
let { focusProps: focusProps
|
|
2109
|
+
let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $bzgmy$reactaria.useFocusRing)();
|
|
2065
2110
|
let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
|
|
2066
2111
|
className: props.className,
|
|
2067
2112
|
style: props.style,
|
|
@@ -2088,7 +2133,7 @@ function $a03b42240404b420$var$ListBoxInner({ state: state , props: props , list
|
|
|
2088
2133
|
...(0, $bzgmy$reactaria.mergeProps)(listBoxProps, focusProps, droppableCollection === null || droppableCollection === void 0 ? void 0 : droppableCollection.collectionProps),
|
|
2089
2134
|
...renderProps,
|
|
2090
2135
|
ref: listBoxRef,
|
|
2091
|
-
slot: props.slot,
|
|
2136
|
+
slot: props.slot || undefined,
|
|
2092
2137
|
"data-drop-target": isRootDropTarget || undefined,
|
|
2093
2138
|
"data-empty": state.collection.size === 0 || undefined,
|
|
2094
2139
|
"data-focused": isFocused || undefined,
|
|
@@ -2098,10 +2143,16 @@ function $a03b42240404b420$var$ListBoxInner({ state: state , props: props , list
|
|
|
2098
2143
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$2881499e37b75b9a), {
|
|
2099
2144
|
values: [
|
|
2100
2145
|
[
|
|
2101
|
-
$a03b42240404b420$
|
|
2146
|
+
$a03b42240404b420$export$7ff8f37d2d81a48d,
|
|
2147
|
+
props
|
|
2148
|
+
],
|
|
2149
|
+
[
|
|
2150
|
+
$a03b42240404b420$export$7c5906fe4f1f2af2,
|
|
2151
|
+
state
|
|
2152
|
+
],
|
|
2153
|
+
[
|
|
2154
|
+
(0, $368d79437ab76c11$export$d188a835a7bc5783),
|
|
2102
2155
|
{
|
|
2103
|
-
state: state,
|
|
2104
|
-
shouldFocusOnHover: props.shouldFocusOnHover,
|
|
2105
2156
|
dragAndDropHooks: dragAndDropHooks,
|
|
2106
2157
|
dragState: dragState,
|
|
2107
2158
|
dropState: dropState
|
|
@@ -2122,12 +2173,12 @@ function $a03b42240404b420$var$ListBoxInner({ state: state , props: props , list
|
|
|
2122
2173
|
]
|
|
2123
2174
|
}, children), emptyState, dragPreview));
|
|
2124
2175
|
}
|
|
2125
|
-
function $a03b42240404b420$var$ListBoxSection({ section: section
|
|
2176
|
+
function $a03b42240404b420$var$ListBoxSection({ section: section, className: className, style: style }) {
|
|
2126
2177
|
var _section_props, _section_props1;
|
|
2127
|
-
let
|
|
2178
|
+
let state = (0, $bzgmy$react.useContext)($a03b42240404b420$export$7c5906fe4f1f2af2);
|
|
2128
2179
|
let [headingRef, heading] = (0, $c5ccf687772c0422$export$9d4c57ee4c6ffdd8)();
|
|
2129
2180
|
var _section_arialabel;
|
|
2130
|
-
let { headingProps: headingProps
|
|
2181
|
+
let { headingProps: headingProps, groupProps: groupProps } = (0, $bzgmy$reactaria.useListBoxSection)({
|
|
2131
2182
|
heading: heading,
|
|
2132
2183
|
"aria-label": (_section_arialabel = section["aria-label"]) !== null && _section_arialabel !== void 0 ? _section_arialabel : undefined
|
|
2133
2184
|
});
|
|
@@ -2159,21 +2210,23 @@ function $a03b42240404b420$var$ListBoxSection({ section: section , className: cl
|
|
|
2159
2210
|
}, children);
|
|
2160
2211
|
}
|
|
2161
2212
|
// This is a separate component so that headingProps.id doesn't override the item key in useCachedChildren.
|
|
2162
|
-
function $a03b42240404b420$var$SectionHeader({ item: item
|
|
2163
|
-
let { ref: ref
|
|
2213
|
+
function $a03b42240404b420$var$SectionHeader({ item: item, headingProps: headingProps, headingRef: headingRef }) {
|
|
2214
|
+
let { ref: ref, ...otherProps } = item.props;
|
|
2164
2215
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c7efb75a1a3fe2d2$export$8b251419efc915eb), {
|
|
2165
2216
|
...headingProps,
|
|
2166
2217
|
...otherProps,
|
|
2167
2218
|
ref: (0, $bzgmy$reactariautils.mergeRefs)(headingRef, ref)
|
|
2168
2219
|
}, item.rendered);
|
|
2169
2220
|
}
|
|
2170
|
-
function $a03b42240404b420$var$Option({ item: item
|
|
2221
|
+
function $a03b42240404b420$var$Option({ item: item }) {
|
|
2171
2222
|
let ref = (0, $bzgmy$reactariautils.useObjectRef)(item.props.ref);
|
|
2172
|
-
let
|
|
2173
|
-
let {
|
|
2223
|
+
let state = (0, $bzgmy$react.useContext)($a03b42240404b420$export$7c5906fe4f1f2af2);
|
|
2224
|
+
let { shouldFocusOnHover: shouldFocusOnHover } = (0, $c5ccf687772c0422$export$fabf2dc03a41866e)($a03b42240404b420$export$7ff8f37d2d81a48d);
|
|
2225
|
+
let { dragAndDropHooks: dragAndDropHooks, dragState: dragState, dropState: dropState } = (0, $bzgmy$react.useContext)((0, $368d79437ab76c11$export$d188a835a7bc5783));
|
|
2226
|
+
let { optionProps: optionProps, labelProps: labelProps, descriptionProps: descriptionProps, ...states } = (0, $bzgmy$reactaria.useOption)({
|
|
2174
2227
|
key: item.key
|
|
2175
2228
|
}, state, ref);
|
|
2176
|
-
let { hoverProps: hoverProps
|
|
2229
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $bzgmy$reactaria.useHover)({
|
|
2177
2230
|
isDisabled: shouldFocusOnHover || !states.allowsSelection && !states.hasAction
|
|
2178
2231
|
});
|
|
2179
2232
|
if (shouldFocusOnHover) {
|
|
@@ -2217,12 +2270,13 @@ function $a03b42240404b420$var$Option({ item: item }) {
|
|
|
2217
2270
|
}, [
|
|
2218
2271
|
item.textValue
|
|
2219
2272
|
]);
|
|
2273
|
+
let ElementType = props.href ? "a" : "div";
|
|
2220
2274
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, ($parcel$interopDefault($bzgmy$react))).Fragment, null, (dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDropIndicator) && renderDropIndicator({
|
|
2221
2275
|
type: "item",
|
|
2222
2276
|
key: item.key,
|
|
2223
2277
|
dropPosition: "before"
|
|
2224
|
-
}), /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement(
|
|
2225
|
-
...(0, $bzgmy$reactaria.mergeProps)(
|
|
2278
|
+
}), /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement(ElementType, {
|
|
2279
|
+
...(0, $bzgmy$reactaria.mergeProps)(optionProps, hoverProps, draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragProps, droppableItem === null || droppableItem === void 0 ? void 0 : droppableItem.dropProps),
|
|
2226
2280
|
...renderProps,
|
|
2227
2281
|
ref: ref,
|
|
2228
2282
|
"data-allows-dragging": !!dragState || undefined,
|
|
@@ -2255,8 +2309,8 @@ function $a03b42240404b420$var$Option({ item: item }) {
|
|
|
2255
2309
|
}
|
|
2256
2310
|
function $a03b42240404b420$var$ListBoxDropIndicatorWrapper(props, ref) {
|
|
2257
2311
|
ref = (0, $bzgmy$reactariautils.useObjectRef)(ref);
|
|
2258
|
-
let { dragAndDropHooks: dragAndDropHooks
|
|
2259
|
-
let { dropIndicatorProps: dropIndicatorProps
|
|
2312
|
+
let { dragAndDropHooks: dragAndDropHooks, dropState: dropState } = (0, $bzgmy$react.useContext)((0, $368d79437ab76c11$export$d188a835a7bc5783));
|
|
2313
|
+
let { dropIndicatorProps: dropIndicatorProps, isHidden: isHidden, isDropTarget: isDropTarget } = dragAndDropHooks.useDropIndicator(props, dropState, ref);
|
|
2260
2314
|
if (isHidden) return null;
|
|
2261
2315
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($a03b42240404b420$var$ListBoxtDropIndicatorForwardRef, {
|
|
2262
2316
|
...props,
|
|
@@ -2266,7 +2320,7 @@ function $a03b42240404b420$var$ListBoxDropIndicatorWrapper(props, ref) {
|
|
|
2266
2320
|
});
|
|
2267
2321
|
}
|
|
2268
2322
|
function $a03b42240404b420$var$ListBoxtDropIndicator(props, ref) {
|
|
2269
|
-
let { dropIndicatorProps: dropIndicatorProps
|
|
2323
|
+
let { dropIndicatorProps: dropIndicatorProps, isDropTarget: isDropTarget, ...otherProps } = props;
|
|
2270
2324
|
let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
|
|
2271
2325
|
...otherProps,
|
|
2272
2326
|
defaultClassName: "react-aria-DropIndicator",
|
|
@@ -2299,6 +2353,8 @@ const $a03b42240404b420$var$ListBoxtDropIndicatorForwardRef = /*#__PURE__*/ (0,
|
|
|
2299
2353
|
*/
|
|
2300
2354
|
|
|
2301
2355
|
|
|
2356
|
+
|
|
2357
|
+
|
|
2302
2358
|
/*
|
|
2303
2359
|
* Copyright 2022 Adobe. All rights reserved.
|
|
2304
2360
|
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
@@ -2312,14 +2368,25 @@ const $a03b42240404b420$var$ListBoxtDropIndicatorForwardRef = /*#__PURE__*/ (0,
|
|
|
2312
2368
|
*/
|
|
2313
2369
|
|
|
2314
2370
|
|
|
2371
|
+
/*
|
|
2372
|
+
* Copyright 2022 Adobe. All rights reserved.
|
|
2373
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
2374
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
2375
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
2376
|
+
*
|
|
2377
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
2378
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
2379
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
2380
|
+
* governing permissions and limitations under the License.
|
|
2381
|
+
*/
|
|
2382
|
+
|
|
2315
2383
|
const $ee5958cbdc6becc1$export$2de4954e8ae13b9f = /*#__PURE__*/ (0, $bzgmy$react.createContext)({
|
|
2316
|
-
arrowProps: {},
|
|
2317
2384
|
placement: "bottom"
|
|
2318
2385
|
});
|
|
2319
2386
|
function $ee5958cbdc6becc1$var$OverlayArrow(props, ref) {
|
|
2320
|
-
|
|
2387
|
+
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $ee5958cbdc6becc1$export$2de4954e8ae13b9f);
|
|
2388
|
+
let placement = props.placement;
|
|
2321
2389
|
let style = {
|
|
2322
|
-
...arrowProps.style,
|
|
2323
2390
|
position: "absolute",
|
|
2324
2391
|
[placement]: "100%",
|
|
2325
2392
|
transform: placement === "top" || placement === "bottom" ? "translateX(-50%)" : "translateY(-50%)"
|
|
@@ -2332,7 +2399,7 @@ function $ee5958cbdc6becc1$var$OverlayArrow(props, ref) {
|
|
|
2332
2399
|
}
|
|
2333
2400
|
});
|
|
2334
2401
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("div", {
|
|
2335
|
-
...
|
|
2402
|
+
...props,
|
|
2336
2403
|
...renderProps,
|
|
2337
2404
|
style: {
|
|
2338
2405
|
...renderProps.style,
|
|
@@ -2350,12 +2417,13 @@ function $ee5958cbdc6becc1$var$OverlayArrow(props, ref) {
|
|
|
2350
2417
|
|
|
2351
2418
|
|
|
2352
2419
|
|
|
2420
|
+
|
|
2353
2421
|
const $61e2b7078adb18bc$export$9b9a0cd73afb7ca4 = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
2354
2422
|
function $61e2b7078adb18bc$var$Popover(props, ref) {
|
|
2355
2423
|
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $61e2b7078adb18bc$export$9b9a0cd73afb7ca4);
|
|
2356
|
-
let
|
|
2424
|
+
let contextState = (0, $bzgmy$react.useContext)((0, $2979ab89b336194b$export$d2f961adcb0afbe));
|
|
2357
2425
|
let localState = (0, $bzgmy$reactstately.useOverlayTriggerState)(props);
|
|
2358
|
-
let state = props.isOpen != null || props.defaultOpen != null || !
|
|
2426
|
+
let state = props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;
|
|
2359
2427
|
let isExiting = (0, $c5ccf687772c0422$export$45fda7c47f93fd48)(ref, state.isOpen);
|
|
2360
2428
|
let isHidden = (0, $bzgmy$react.useContext)((0, $c5ccf687772c0422$export$94b6d0abf7d33e8c));
|
|
2361
2429
|
// If we are in a hidden tree, we still need to preserve our children.
|
|
@@ -2371,7 +2439,7 @@ function $61e2b7078adb18bc$var$Popover(props, ref) {
|
|
|
2371
2439
|
if (state && !state.isOpen && !isExiting) return null;
|
|
2372
2440
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($61e2b7078adb18bc$var$PopoverInner, {
|
|
2373
2441
|
...props,
|
|
2374
|
-
triggerRef:
|
|
2442
|
+
triggerRef: props.triggerRef,
|
|
2375
2443
|
state: state,
|
|
2376
2444
|
popoverRef: ref,
|
|
2377
2445
|
isExiting: isExiting
|
|
@@ -2380,9 +2448,9 @@ function $61e2b7078adb18bc$var$Popover(props, ref) {
|
|
|
2380
2448
|
/**
|
|
2381
2449
|
* A popover is an overlay element positioned relative to a trigger.
|
|
2382
2450
|
*/ const $61e2b7078adb18bc$export$5b6b19405a83ff9d = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($61e2b7078adb18bc$var$Popover);
|
|
2383
|
-
function $61e2b7078adb18bc$var$PopoverInner({ state: state
|
|
2451
|
+
function $61e2b7078adb18bc$var$PopoverInner({ state: state, isExiting: isExiting, ...props }) {
|
|
2384
2452
|
var _props_offset;
|
|
2385
|
-
let { popoverProps: popoverProps
|
|
2453
|
+
let { popoverProps: popoverProps, underlayProps: underlayProps, arrowProps: arrowProps, placement: placement } = (0, $bzgmy$reactaria.usePopover)({
|
|
2386
2454
|
...props,
|
|
2387
2455
|
offset: (_props_offset = props.offset) !== null && _props_offset !== void 0 ? _props_offset : 8
|
|
2388
2456
|
}, state);
|
|
@@ -2413,7 +2481,7 @@ function $61e2b7078adb18bc$var$PopoverInner({ state: state , isExiting: isExitin
|
|
|
2413
2481
|
...(0, $bzgmy$reactariautils.mergeProps)((0, $bzgmy$reactariautils.filterDOMProps)(props), popoverProps),
|
|
2414
2482
|
...renderProps,
|
|
2415
2483
|
ref: ref,
|
|
2416
|
-
slot: props.slot,
|
|
2484
|
+
slot: props.slot || undefined,
|
|
2417
2485
|
style: style,
|
|
2418
2486
|
"data-placement": placement,
|
|
2419
2487
|
"data-entering": isEntering || undefined,
|
|
@@ -2422,7 +2490,7 @@ function $61e2b7078adb18bc$var$PopoverInner({ state: state , isExiting: isExitin
|
|
|
2422
2490
|
onDismiss: state.close
|
|
2423
2491
|
}), /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $ee5958cbdc6becc1$export$2de4954e8ae13b9f).Provider, {
|
|
2424
2492
|
value: {
|
|
2425
|
-
arrowProps
|
|
2493
|
+
...arrowProps,
|
|
2426
2494
|
placement: placement
|
|
2427
2495
|
}
|
|
2428
2496
|
}, renderProps.children), /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $bzgmy$reactaria.DismissButton), {
|
|
@@ -2433,12 +2501,80 @@ function $61e2b7078adb18bc$var$PopoverInner({ state: state , isExiting: isExitin
|
|
|
2433
2501
|
|
|
2434
2502
|
|
|
2435
2503
|
|
|
2504
|
+
const $2979ab89b336194b$export$8b93a07348a7730c = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
2505
|
+
const $2979ab89b336194b$export$d2f961adcb0afbe = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
2506
|
+
function $2979ab89b336194b$export$2e1e1122cf0cba88(props) {
|
|
2507
|
+
let state = (0, $bzgmy$reactstately.useOverlayTriggerState)(props);
|
|
2508
|
+
let buttonRef = (0, $bzgmy$react.useRef)(null);
|
|
2509
|
+
let { triggerProps: triggerProps, overlayProps: overlayProps } = (0, $bzgmy$reactaria.useOverlayTrigger)({
|
|
2510
|
+
type: "dialog"
|
|
2511
|
+
}, state, buttonRef);
|
|
2512
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$2881499e37b75b9a), {
|
|
2513
|
+
values: [
|
|
2514
|
+
[
|
|
2515
|
+
$2979ab89b336194b$export$d2f961adcb0afbe,
|
|
2516
|
+
state
|
|
2517
|
+
],
|
|
2518
|
+
[
|
|
2519
|
+
$2979ab89b336194b$export$8b93a07348a7730c,
|
|
2520
|
+
overlayProps
|
|
2521
|
+
],
|
|
2522
|
+
[
|
|
2523
|
+
(0, $61e2b7078adb18bc$export$9b9a0cd73afb7ca4),
|
|
2524
|
+
{
|
|
2525
|
+
triggerRef: buttonRef
|
|
2526
|
+
}
|
|
2527
|
+
]
|
|
2528
|
+
]
|
|
2529
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $bzgmy$reactariainteractions.PressResponder), {
|
|
2530
|
+
...triggerProps,
|
|
2531
|
+
ref: buttonRef,
|
|
2532
|
+
isPressed: state.isOpen
|
|
2533
|
+
}, props.children));
|
|
2534
|
+
}
|
|
2535
|
+
function $2979ab89b336194b$var$Dialog(props, ref) {
|
|
2536
|
+
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $2979ab89b336194b$export$8b93a07348a7730c);
|
|
2537
|
+
let { dialogProps: dialogProps, titleProps: titleProps } = (0, $bzgmy$reactaria.useDialog)(props, ref);
|
|
2538
|
+
let state = (0, $bzgmy$react.useContext)($2979ab89b336194b$export$d2f961adcb0afbe);
|
|
2539
|
+
let children = props.children;
|
|
2540
|
+
if (typeof children === "function") children = children({
|
|
2541
|
+
close: (state === null || state === void 0 ? void 0 : state.close) || (()=>{})
|
|
2542
|
+
});
|
|
2543
|
+
var _props_className;
|
|
2544
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("section", {
|
|
2545
|
+
...(0, $bzgmy$reactariautils.filterDOMProps)(props),
|
|
2546
|
+
...dialogProps,
|
|
2547
|
+
ref: ref,
|
|
2548
|
+
slot: props.slot || undefined,
|
|
2549
|
+
style: props.style,
|
|
2550
|
+
className: (_props_className = props.className) !== null && _props_className !== void 0 ? _props_className : "react-aria-Dialog"
|
|
2551
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$2881499e37b75b9a), {
|
|
2552
|
+
values: [
|
|
2553
|
+
// TODO: clear context within dialog content?
|
|
2554
|
+
[
|
|
2555
|
+
(0, $1063ac64677bb13f$export$d688439359537581),
|
|
2556
|
+
{
|
|
2557
|
+
...titleProps,
|
|
2558
|
+
level: 2
|
|
2559
|
+
}
|
|
2560
|
+
]
|
|
2561
|
+
]
|
|
2562
|
+
}, children));
|
|
2563
|
+
}
|
|
2564
|
+
/**
|
|
2565
|
+
* A dialog is an overlay shown above other content in an application.
|
|
2566
|
+
*/ const $2979ab89b336194b$export$3ddf2d174ce01153 = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($2979ab89b336194b$var$Dialog);
|
|
2567
|
+
|
|
2568
|
+
|
|
2569
|
+
|
|
2570
|
+
|
|
2436
2571
|
|
|
2437
2572
|
const $1d716ce69f118fad$export$d414ccceff7063c3 = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
2573
|
+
const $1d716ce69f118fad$export$c02625b26074192c = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
2438
2574
|
function $1d716ce69f118fad$var$ComboBox(props, ref) {
|
|
2439
2575
|
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $1d716ce69f118fad$export$d414ccceff7063c3);
|
|
2440
|
-
let { collection: collection
|
|
2441
|
-
let { children: children
|
|
2576
|
+
let { collection: collection, document: document } = (0, $3114c2382242bdc0$export$7cd71aa5ddd6dc4e)();
|
|
2577
|
+
let { children: children, isDisabled: isDisabled = false, isInvalid: isInvalid = false, isRequired: isRequired = false } = props;
|
|
2442
2578
|
children = (0, $bzgmy$react.useMemo)(()=>typeof children === "function" ? children({
|
|
2443
2579
|
isOpen: false,
|
|
2444
2580
|
isDisabled: isDisabled,
|
|
@@ -2451,21 +2587,29 @@ function $1d716ce69f118fad$var$ComboBox(props, ref) {
|
|
|
2451
2587
|
isRequired
|
|
2452
2588
|
]);
|
|
2453
2589
|
var _props_items;
|
|
2454
|
-
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, ($parcel$interopDefault($bzgmy$react))).Fragment, null, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$8dc98ba7eadeaa56), null, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $
|
|
2455
|
-
|
|
2456
|
-
|
|
2457
|
-
|
|
2458
|
-
|
|
2590
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, ($parcel$interopDefault($bzgmy$react))).Fragment, null, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$8dc98ba7eadeaa56), null, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$2881499e37b75b9a), {
|
|
2591
|
+
values: [
|
|
2592
|
+
[
|
|
2593
|
+
(0, $3114c2382242bdc0$export$8c25dea96356a8b6),
|
|
2594
|
+
document
|
|
2595
|
+
],
|
|
2596
|
+
[
|
|
2597
|
+
(0, $a03b42240404b420$export$7ff8f37d2d81a48d),
|
|
2598
|
+
{
|
|
2599
|
+
items: (_props_items = props.items) !== null && _props_items !== void 0 ? _props_items : props.defaultItems
|
|
2600
|
+
}
|
|
2601
|
+
]
|
|
2602
|
+
]
|
|
2459
2603
|
}, children)), /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($1d716ce69f118fad$var$ComboBoxInner, {
|
|
2460
2604
|
props: props,
|
|
2461
2605
|
collection: collection,
|
|
2462
2606
|
comboBoxRef: ref
|
|
2463
2607
|
}));
|
|
2464
2608
|
}
|
|
2465
|
-
function $1d716ce69f118fad$var$ComboBoxInner({ props: props
|
|
2466
|
-
let { name: name
|
|
2609
|
+
function $1d716ce69f118fad$var$ComboBoxInner({ props: props, collection: collection, comboBoxRef: ref }) {
|
|
2610
|
+
let { name: name, formValue: formValue = "key", allowsCustomValue: allowsCustomValue } = props;
|
|
2467
2611
|
if (allowsCustomValue) formValue = "text";
|
|
2468
|
-
let { contains: contains
|
|
2612
|
+
let { contains: contains } = (0, $bzgmy$reactaria.useFilter)({
|
|
2469
2613
|
sensitivity: "base"
|
|
2470
2614
|
});
|
|
2471
2615
|
let state = (0, $bzgmy$reactstately.useComboBoxState)({
|
|
@@ -2493,8 +2637,8 @@ function $1d716ce69f118fad$var$ComboBoxInner({ props: props , collection: collec
|
|
|
2493
2637
|
let listBoxRef = (0, $bzgmy$react.useRef)(null);
|
|
2494
2638
|
let popoverRef = (0, $bzgmy$react.useRef)(null);
|
|
2495
2639
|
let [labelRef, label] = (0, $c5ccf687772c0422$export$9d4c57ee4c6ffdd8)();
|
|
2496
|
-
let { buttonProps: buttonProps
|
|
2497
|
-
...props,
|
|
2640
|
+
let { buttonProps: buttonProps, inputProps: inputProps, listBoxProps: listBoxProps, labelProps: labelProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $bzgmy$reactaria.useComboBox)({
|
|
2641
|
+
...(0, $c5ccf687772c0422$export$ef03459518577ad4)(props),
|
|
2498
2642
|
label: label,
|
|
2499
2643
|
inputRef: inputRef,
|
|
2500
2644
|
buttonRef: buttonRef,
|
|
@@ -2531,6 +2675,10 @@ function $1d716ce69f118fad$var$ComboBoxInner({ props: props , collection: collec
|
|
|
2531
2675
|
delete DOMProps.id;
|
|
2532
2676
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$2881499e37b75b9a), {
|
|
2533
2677
|
values: [
|
|
2678
|
+
[
|
|
2679
|
+
$1d716ce69f118fad$export$c02625b26074192c,
|
|
2680
|
+
state
|
|
2681
|
+
],
|
|
2534
2682
|
[
|
|
2535
2683
|
(0, $84ae0bf5bd8e2a5f$export$75b6ee27786ba447),
|
|
2536
2684
|
{
|
|
@@ -2553,10 +2701,13 @@ function $1d716ce69f118fad$var$ComboBoxInner({ props: props , collection: collec
|
|
|
2553
2701
|
ref: inputRef
|
|
2554
2702
|
}
|
|
2555
2703
|
],
|
|
2704
|
+
[
|
|
2705
|
+
(0, $2979ab89b336194b$export$d2f961adcb0afbe),
|
|
2706
|
+
state
|
|
2707
|
+
],
|
|
2556
2708
|
[
|
|
2557
2709
|
(0, $61e2b7078adb18bc$export$9b9a0cd73afb7ca4),
|
|
2558
2710
|
{
|
|
2559
|
-
state: state,
|
|
2560
2711
|
ref: popoverRef,
|
|
2561
2712
|
triggerRef: inputRef,
|
|
2562
2713
|
placement: "bottom start",
|
|
@@ -2569,11 +2720,14 @@ function $1d716ce69f118fad$var$ComboBoxInner({ props: props , collection: collec
|
|
|
2569
2720
|
[
|
|
2570
2721
|
(0, $a03b42240404b420$export$7ff8f37d2d81a48d),
|
|
2571
2722
|
{
|
|
2572
|
-
state: state,
|
|
2573
2723
|
...listBoxProps,
|
|
2574
2724
|
ref: listBoxRef
|
|
2575
2725
|
}
|
|
2576
2726
|
],
|
|
2727
|
+
[
|
|
2728
|
+
(0, $a03b42240404b420$export$7c5906fe4f1f2af2),
|
|
2729
|
+
state
|
|
2730
|
+
],
|
|
2577
2731
|
[
|
|
2578
2732
|
(0, $a8a589c28affdc40$export$9afb8bc826b033ea),
|
|
2579
2733
|
{
|
|
@@ -2588,7 +2742,7 @@ function $1d716ce69f118fad$var$ComboBoxInner({ props: props , collection: collec
|
|
|
2588
2742
|
...DOMProps,
|
|
2589
2743
|
...renderProps,
|
|
2590
2744
|
ref: ref,
|
|
2591
|
-
slot: props.slot,
|
|
2745
|
+
slot: props.slot || undefined,
|
|
2592
2746
|
"data-focused": state.isFocused || undefined,
|
|
2593
2747
|
"data-open": state.isOpen || undefined,
|
|
2594
2748
|
"data-disabled": props.isDisabled || undefined,
|
|
@@ -2620,15 +2774,69 @@ function $1d716ce69f118fad$var$ComboBoxInner({ props: props , collection: collec
|
|
|
2620
2774
|
|
|
2621
2775
|
|
|
2622
2776
|
|
|
2777
|
+
/*
|
|
2778
|
+
* Copyright 2022 Adobe. All rights reserved.
|
|
2779
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
2780
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
2781
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
2782
|
+
*
|
|
2783
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
2784
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
2785
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
2786
|
+
* governing permissions and limitations under the License.
|
|
2787
|
+
*/
|
|
2788
|
+
|
|
2789
|
+
|
|
2790
|
+
const $dcae72abc18c0045$export$f9c6924e160136d1 = /*#__PURE__*/ (0, $bzgmy$react.createContext)({});
|
|
2791
|
+
function $dcae72abc18c0045$var$Group(props, ref) {
|
|
2792
|
+
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $dcae72abc18c0045$export$f9c6924e160136d1);
|
|
2793
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $bzgmy$reactaria.useHover)({});
|
|
2794
|
+
let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $bzgmy$reactaria.useFocusRing)({
|
|
2795
|
+
within: true
|
|
2796
|
+
});
|
|
2797
|
+
let { isDisabled: isDisabled, isInvalid: isInvalid, ...otherProps } = props;
|
|
2798
|
+
isDisabled !== null && isDisabled !== void 0 ? isDisabled : isDisabled = !!props["aria-disabled"] && props["aria-disabled"] !== "false";
|
|
2799
|
+
isInvalid !== null && isInvalid !== void 0 ? isInvalid : isInvalid = !!props["aria-invalid"] && props["aria-invalid"] !== "false";
|
|
2800
|
+
let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
|
|
2801
|
+
...props,
|
|
2802
|
+
values: {
|
|
2803
|
+
isHovered: isHovered,
|
|
2804
|
+
isFocusWithin: isFocused,
|
|
2805
|
+
isFocusVisible: isFocusVisible,
|
|
2806
|
+
isDisabled: isDisabled,
|
|
2807
|
+
isInvalid: isInvalid
|
|
2808
|
+
},
|
|
2809
|
+
defaultClassName: "react-aria-Group"
|
|
2810
|
+
});
|
|
2811
|
+
var _props_role;
|
|
2812
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("div", {
|
|
2813
|
+
...(0, $bzgmy$reactaria.mergeProps)(otherProps, focusProps, hoverProps),
|
|
2814
|
+
...renderProps,
|
|
2815
|
+
ref: ref,
|
|
2816
|
+
role: (_props_role = props.role) !== null && _props_role !== void 0 ? _props_role : "group",
|
|
2817
|
+
"data-focus-within": isFocused || undefined,
|
|
2818
|
+
"data-hovered": isHovered || undefined,
|
|
2819
|
+
"data-focus-visible": isFocusVisible || undefined,
|
|
2820
|
+
"data-disabled": isDisabled || undefined,
|
|
2821
|
+
"data-invalid": isInvalid || undefined
|
|
2822
|
+
}, props.children);
|
|
2823
|
+
}
|
|
2824
|
+
/**
|
|
2825
|
+
* A group represents a set of related UI controls, and supports interactive states for styling.
|
|
2826
|
+
*/ const $dcae72abc18c0045$export$eb2fcfdbd7ba97d4 = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($dcae72abc18c0045$var$Group);
|
|
2827
|
+
|
|
2828
|
+
|
|
2829
|
+
|
|
2623
2830
|
|
|
2624
2831
|
|
|
2625
2832
|
|
|
2626
2833
|
const $9eb4e1c2268ca198$export$7b3e670c86da5fe8 = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
2627
2834
|
const $9eb4e1c2268ca198$export$8e17ddc448e87c1e = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
2628
|
-
const $9eb4e1c2268ca198$export$
|
|
2835
|
+
const $9eb4e1c2268ca198$export$3b08bebcf796eea0 = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
2836
|
+
const $9eb4e1c2268ca198$export$5d8dc44abd10a920 = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
2629
2837
|
function $9eb4e1c2268ca198$var$DateField(props, ref) {
|
|
2630
2838
|
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $9eb4e1c2268ca198$export$7b3e670c86da5fe8);
|
|
2631
|
-
let { locale: locale
|
|
2839
|
+
let { locale: locale } = (0, $bzgmy$reactaria.useLocale)();
|
|
2632
2840
|
let state = (0, $bzgmy$reactstately.useDateFieldState)({
|
|
2633
2841
|
...props,
|
|
2634
2842
|
locale: locale,
|
|
@@ -2637,13 +2845,13 @@ function $9eb4e1c2268ca198$var$DateField(props, ref) {
|
|
|
2637
2845
|
let fieldRef = (0, $bzgmy$react.useRef)(null);
|
|
2638
2846
|
let [labelRef, label] = (0, $c5ccf687772c0422$export$9d4c57ee4c6ffdd8)();
|
|
2639
2847
|
let inputRef = (0, $bzgmy$react.useRef)(null);
|
|
2640
|
-
let { labelProps: labelProps
|
|
2641
|
-
...props,
|
|
2848
|
+
let { labelProps: labelProps, fieldProps: fieldProps, inputProps: inputProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $bzgmy$reactaria.useDateField)({
|
|
2849
|
+
...(0, $c5ccf687772c0422$export$ef03459518577ad4)(props),
|
|
2642
2850
|
label: label,
|
|
2643
2851
|
inputRef: inputRef
|
|
2644
2852
|
}, state, fieldRef);
|
|
2645
2853
|
let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
|
|
2646
|
-
...props,
|
|
2854
|
+
...(0, $c5ccf687772c0422$export$ef03459518577ad4)(props),
|
|
2647
2855
|
values: {
|
|
2648
2856
|
state: state,
|
|
2649
2857
|
isInvalid: state.isInvalid,
|
|
@@ -2656,13 +2864,21 @@ function $9eb4e1c2268ca198$var$DateField(props, ref) {
|
|
|
2656
2864
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$2881499e37b75b9a), {
|
|
2657
2865
|
values: [
|
|
2658
2866
|
[
|
|
2659
|
-
$9eb4e1c2268ca198$export$
|
|
2867
|
+
$9eb4e1c2268ca198$export$3b08bebcf796eea0,
|
|
2868
|
+
state
|
|
2869
|
+
],
|
|
2870
|
+
[
|
|
2871
|
+
(0, $dcae72abc18c0045$export$f9c6924e160136d1),
|
|
2872
|
+
{
|
|
2873
|
+
...fieldProps,
|
|
2874
|
+
ref: fieldRef
|
|
2875
|
+
}
|
|
2876
|
+
],
|
|
2877
|
+
[
|
|
2878
|
+
(0, $1bcfcef5af644e13$export$37fb8590cf2c088c),
|
|
2660
2879
|
{
|
|
2661
|
-
|
|
2662
|
-
|
|
2663
|
-
ref: fieldRef,
|
|
2664
|
-
inputRef: inputRef,
|
|
2665
|
-
inputProps: inputProps
|
|
2880
|
+
...inputProps,
|
|
2881
|
+
ref: inputRef
|
|
2666
2882
|
}
|
|
2667
2883
|
],
|
|
2668
2884
|
[
|
|
@@ -2687,7 +2903,7 @@ function $9eb4e1c2268ca198$var$DateField(props, ref) {
|
|
|
2687
2903
|
...DOMProps,
|
|
2688
2904
|
...renderProps,
|
|
2689
2905
|
ref: ref,
|
|
2690
|
-
slot: props.slot,
|
|
2906
|
+
slot: props.slot || undefined,
|
|
2691
2907
|
"data-invalid": state.isInvalid || undefined
|
|
2692
2908
|
}));
|
|
2693
2909
|
}
|
|
@@ -2697,7 +2913,7 @@ function $9eb4e1c2268ca198$var$DateField(props, ref) {
|
|
|
2697
2913
|
*/ const $9eb4e1c2268ca198$export$d9781c7894a82487 = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($9eb4e1c2268ca198$var$DateField);
|
|
2698
2914
|
function $9eb4e1c2268ca198$var$TimeField(props, ref) {
|
|
2699
2915
|
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $9eb4e1c2268ca198$export$8e17ddc448e87c1e);
|
|
2700
|
-
let { locale: locale
|
|
2916
|
+
let { locale: locale } = (0, $bzgmy$reactaria.useLocale)();
|
|
2701
2917
|
let state = (0, $bzgmy$reactstately.useTimeFieldState)({
|
|
2702
2918
|
...props,
|
|
2703
2919
|
locale: locale
|
|
@@ -2705,8 +2921,8 @@ function $9eb4e1c2268ca198$var$TimeField(props, ref) {
|
|
|
2705
2921
|
let fieldRef = (0, $bzgmy$react.useRef)(null);
|
|
2706
2922
|
let [labelRef, label] = (0, $c5ccf687772c0422$export$9d4c57ee4c6ffdd8)();
|
|
2707
2923
|
let inputRef = (0, $bzgmy$react.useRef)(null);
|
|
2708
|
-
let { labelProps: labelProps
|
|
2709
|
-
...props,
|
|
2924
|
+
let { labelProps: labelProps, fieldProps: fieldProps, inputProps: inputProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $bzgmy$reactaria.useTimeField)({
|
|
2925
|
+
...(0, $c5ccf687772c0422$export$ef03459518577ad4)(props),
|
|
2710
2926
|
label: label,
|
|
2711
2927
|
inputRef: inputRef
|
|
2712
2928
|
}, state, fieldRef);
|
|
@@ -2724,13 +2940,21 @@ function $9eb4e1c2268ca198$var$TimeField(props, ref) {
|
|
|
2724
2940
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$2881499e37b75b9a), {
|
|
2725
2941
|
values: [
|
|
2726
2942
|
[
|
|
2727
|
-
$9eb4e1c2268ca198$export$
|
|
2943
|
+
$9eb4e1c2268ca198$export$5d8dc44abd10a920,
|
|
2944
|
+
state
|
|
2945
|
+
],
|
|
2946
|
+
[
|
|
2947
|
+
(0, $dcae72abc18c0045$export$f9c6924e160136d1),
|
|
2948
|
+
{
|
|
2949
|
+
...fieldProps,
|
|
2950
|
+
ref: fieldRef
|
|
2951
|
+
}
|
|
2952
|
+
],
|
|
2953
|
+
[
|
|
2954
|
+
(0, $1bcfcef5af644e13$export$37fb8590cf2c088c),
|
|
2728
2955
|
{
|
|
2729
|
-
|
|
2730
|
-
|
|
2731
|
-
ref: fieldRef,
|
|
2732
|
-
inputRef: inputRef,
|
|
2733
|
-
inputProps: inputProps
|
|
2956
|
+
...inputProps,
|
|
2957
|
+
ref: inputRef
|
|
2734
2958
|
}
|
|
2735
2959
|
],
|
|
2736
2960
|
[
|
|
@@ -2755,7 +2979,7 @@ function $9eb4e1c2268ca198$var$TimeField(props, ref) {
|
|
|
2755
2979
|
...DOMProps,
|
|
2756
2980
|
...renderProps,
|
|
2757
2981
|
ref: ref,
|
|
2758
|
-
slot: props.slot,
|
|
2982
|
+
slot: props.slot || undefined,
|
|
2759
2983
|
"data-invalid": state.isInvalid || undefined
|
|
2760
2984
|
}));
|
|
2761
2985
|
}
|
|
@@ -2763,69 +2987,109 @@ function $9eb4e1c2268ca198$var$TimeField(props, ref) {
|
|
|
2763
2987
|
* A time field allows users to enter and edit time values using a keyboard.
|
|
2764
2988
|
* Each part of a time value is displayed in an individually editable segment.
|
|
2765
2989
|
*/ const $9eb4e1c2268ca198$export$5eaee2322dd727eb = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($9eb4e1c2268ca198$var$TimeField);
|
|
2766
|
-
|
|
2767
|
-
|
|
2768
|
-
|
|
2769
|
-
|
|
2770
|
-
|
|
2771
|
-
|
|
2772
|
-
|
|
2773
|
-
|
|
2774
|
-
|
|
2990
|
+
function $9eb4e1c2268ca198$var$DateInput(props, ref) {
|
|
2991
|
+
// If state is provided by DateField/TimeField, just render.
|
|
2992
|
+
// Otherwise (e.g. in DatePicker), we need to call hooks and create state ourselves.
|
|
2993
|
+
let dateFieldState = (0, $bzgmy$react.useContext)($9eb4e1c2268ca198$export$3b08bebcf796eea0);
|
|
2994
|
+
let timeFieldState = (0, $bzgmy$react.useContext)($9eb4e1c2268ca198$export$5d8dc44abd10a920);
|
|
2995
|
+
return dateFieldState || timeFieldState ? /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($9eb4e1c2268ca198$var$DateInputInner, {
|
|
2996
|
+
...props,
|
|
2997
|
+
ref: ref
|
|
2998
|
+
}) : /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($9eb4e1c2268ca198$var$DateInputStandalone, {
|
|
2999
|
+
...props,
|
|
3000
|
+
ref: ref
|
|
2775
3001
|
});
|
|
2776
|
-
|
|
2777
|
-
|
|
2778
|
-
|
|
2779
|
-
|
|
2780
|
-
|
|
2781
|
-
|
|
2782
|
-
|
|
2783
|
-
|
|
2784
|
-
|
|
3002
|
+
}
|
|
3003
|
+
const $9eb4e1c2268ca198$var$DateInputStandalone = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)((props, ref)=>{
|
|
3004
|
+
let [dateFieldProps, fieldRef] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)({
|
|
3005
|
+
slot: props.slot
|
|
3006
|
+
}, ref, $9eb4e1c2268ca198$export$7b3e670c86da5fe8);
|
|
3007
|
+
let { locale: locale } = (0, $bzgmy$reactaria.useLocale)();
|
|
3008
|
+
let state = (0, $bzgmy$reactstately.useDateFieldState)({
|
|
3009
|
+
...dateFieldProps,
|
|
3010
|
+
locale: locale,
|
|
3011
|
+
createCalendar: $bzgmy$internationalizeddate.createCalendar
|
|
2785
3012
|
});
|
|
2786
|
-
|
|
2787
|
-
|
|
2788
|
-
|
|
2789
|
-
|
|
2790
|
-
|
|
2791
|
-
|
|
2792
|
-
|
|
2793
|
-
|
|
2794
|
-
|
|
2795
|
-
|
|
2796
|
-
|
|
3013
|
+
let inputRef = (0, $bzgmy$react.useRef)(null);
|
|
3014
|
+
let { fieldProps: fieldProps, inputProps: inputProps } = (0, $bzgmy$reactaria.useDateField)({
|
|
3015
|
+
...dateFieldProps,
|
|
3016
|
+
inputRef: inputRef
|
|
3017
|
+
}, state, fieldRef);
|
|
3018
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$2881499e37b75b9a), {
|
|
3019
|
+
values: [
|
|
3020
|
+
[
|
|
3021
|
+
$9eb4e1c2268ca198$export$3b08bebcf796eea0,
|
|
3022
|
+
state
|
|
3023
|
+
],
|
|
3024
|
+
[
|
|
3025
|
+
(0, $1bcfcef5af644e13$export$37fb8590cf2c088c),
|
|
3026
|
+
{
|
|
3027
|
+
...inputProps,
|
|
3028
|
+
ref: inputRef
|
|
3029
|
+
}
|
|
3030
|
+
],
|
|
3031
|
+
[
|
|
3032
|
+
(0, $dcae72abc18c0045$export$f9c6924e160136d1),
|
|
3033
|
+
{
|
|
3034
|
+
...fieldProps,
|
|
3035
|
+
ref: fieldRef
|
|
3036
|
+
}
|
|
3037
|
+
]
|
|
3038
|
+
]
|
|
3039
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($9eb4e1c2268ca198$var$DateInputInner, props));
|
|
3040
|
+
});
|
|
3041
|
+
const $9eb4e1c2268ca198$var$DateInputInner = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)((props, ref)=>{
|
|
3042
|
+
let { className: className, children: children } = props;
|
|
3043
|
+
let dateFieldState = (0, $bzgmy$react.useContext)($9eb4e1c2268ca198$export$3b08bebcf796eea0);
|
|
3044
|
+
let timeFieldState = (0, $bzgmy$react.useContext)($9eb4e1c2268ca198$export$5d8dc44abd10a920);
|
|
3045
|
+
let state = dateFieldState !== null && dateFieldState !== void 0 ? dateFieldState : timeFieldState;
|
|
3046
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, ($parcel$interopDefault($bzgmy$react))).Fragment, null, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $dcae72abc18c0045$export$eb2fcfdbd7ba97d4), {
|
|
3047
|
+
...props,
|
|
3048
|
+
ref: ref,
|
|
3049
|
+
slot: props.slot || undefined,
|
|
3050
|
+
className: className !== null && className !== void 0 ? className : "react-aria-DateInput",
|
|
3051
|
+
isInvalid: state.isInvalid
|
|
2797
3052
|
}, state.segments.map((segment, i)=>/*#__PURE__*/ (0, $bzgmy$react.cloneElement)(children(segment), {
|
|
2798
3053
|
key: i
|
|
2799
|
-
}))), /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement(
|
|
2800
|
-
|
|
2801
|
-
ref: inputRef
|
|
2802
|
-
}));
|
|
2803
|
-
}
|
|
3054
|
+
}))), /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $1bcfcef5af644e13$export$f5b8910cec6cf069), null));
|
|
3055
|
+
});
|
|
2804
3056
|
/**
|
|
2805
3057
|
* A date input groups the editable date segments within a date field.
|
|
2806
3058
|
*/ const $9eb4e1c2268ca198$export$7edc06cf1783b30f = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($9eb4e1c2268ca198$var$DateInput);
|
|
2807
|
-
function $9eb4e1c2268ca198$var$DateSegment({ segment: segment
|
|
2808
|
-
let
|
|
3059
|
+
function $9eb4e1c2268ca198$var$DateSegment({ segment: segment, ...otherProps }, ref) {
|
|
3060
|
+
let dateFieldState = (0, $bzgmy$react.useContext)($9eb4e1c2268ca198$export$3b08bebcf796eea0);
|
|
3061
|
+
let timeFieldState = (0, $bzgmy$react.useContext)($9eb4e1c2268ca198$export$5d8dc44abd10a920);
|
|
3062
|
+
let state = dateFieldState !== null && dateFieldState !== void 0 ? dateFieldState : timeFieldState;
|
|
2809
3063
|
let domRef = (0, $bzgmy$reactariautils.useObjectRef)(ref);
|
|
2810
|
-
let { segmentProps: segmentProps
|
|
3064
|
+
let { segmentProps: segmentProps } = (0, $bzgmy$reactaria.useDateSegment)(segment, state, domRef);
|
|
3065
|
+
let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $bzgmy$reactaria.useFocusRing)();
|
|
3066
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $bzgmy$reactaria.useHover)({
|
|
3067
|
+
isDisabled: state.isDisabled || segment.type === "literal"
|
|
3068
|
+
});
|
|
2811
3069
|
let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
|
|
2812
3070
|
...otherProps,
|
|
2813
3071
|
values: {
|
|
2814
3072
|
...segment,
|
|
2815
3073
|
isReadOnly: !segment.isEditable,
|
|
2816
|
-
isInvalid: state.isInvalid
|
|
3074
|
+
isInvalid: state.isInvalid,
|
|
3075
|
+
isHovered: isHovered,
|
|
3076
|
+
isFocused: isFocused,
|
|
3077
|
+
isFocusVisible: isFocusVisible
|
|
2817
3078
|
},
|
|
2818
3079
|
defaultChildren: segment.text,
|
|
2819
3080
|
defaultClassName: "react-aria-DateSegment"
|
|
2820
3081
|
});
|
|
2821
3082
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("div", {
|
|
2822
|
-
...(0, $bzgmy$reactaria.mergeProps)((0, $bzgmy$reactariautils.filterDOMProps)(otherProps), segmentProps),
|
|
3083
|
+
...(0, $bzgmy$reactaria.mergeProps)((0, $bzgmy$reactariautils.filterDOMProps)(otherProps), segmentProps, focusProps, hoverProps),
|
|
2823
3084
|
...renderProps,
|
|
2824
3085
|
ref: domRef,
|
|
2825
3086
|
"data-placeholder": segment.isPlaceholder || undefined,
|
|
2826
3087
|
"data-invalid": state.isInvalid || undefined,
|
|
2827
3088
|
"data-readonly": !segment.isEditable || undefined,
|
|
2828
|
-
"data-type": segment.type
|
|
3089
|
+
"data-type": segment.type,
|
|
3090
|
+
"data-hovered": isHovered || undefined,
|
|
3091
|
+
"data-focused": isFocused || undefined,
|
|
3092
|
+
"data-focus-visible": isFocusVisible || undefined
|
|
2829
3093
|
});
|
|
2830
3094
|
}
|
|
2831
3095
|
/**
|
|
@@ -2851,269 +3115,6 @@ function $9eb4e1c2268ca198$var$DateSegment({ segment: segment , ...otherProps },
|
|
|
2851
3115
|
|
|
2852
3116
|
|
|
2853
3117
|
|
|
2854
|
-
/*
|
|
2855
|
-
* Copyright 2022 Adobe. All rights reserved.
|
|
2856
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
2857
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
2858
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
2859
|
-
*
|
|
2860
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
2861
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
2862
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
2863
|
-
* governing permissions and limitations under the License.
|
|
2864
|
-
*/
|
|
2865
|
-
|
|
2866
|
-
|
|
2867
|
-
|
|
2868
|
-
|
|
2869
|
-
/*
|
|
2870
|
-
* Copyright 2022 Adobe. All rights reserved.
|
|
2871
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
2872
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
2873
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
2874
|
-
*
|
|
2875
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
2876
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
2877
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
2878
|
-
* governing permissions and limitations under the License.
|
|
2879
|
-
*/
|
|
2880
|
-
|
|
2881
|
-
|
|
2882
|
-
|
|
2883
|
-
|
|
2884
|
-
const $71899cff63e14b82$export$ab57792b9b6974a6 = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
2885
|
-
const $71899cff63e14b82$var$InternalModalContext = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
2886
|
-
function $71899cff63e14b82$var$Modal(props, ref) {
|
|
2887
|
-
let ctx = (0, $bzgmy$react.useContext)($71899cff63e14b82$var$InternalModalContext);
|
|
2888
|
-
if (ctx) return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($71899cff63e14b82$var$ModalContent, {
|
|
2889
|
-
...props,
|
|
2890
|
-
modalRef: ref
|
|
2891
|
-
}, props.children);
|
|
2892
|
-
let { isDismissable: isDismissable , isKeyboardDismissDisabled: isKeyboardDismissDisabled , isOpen: isOpen , defaultOpen: defaultOpen , onOpenChange: onOpenChange , children: children , ...otherProps } = props;
|
|
2893
|
-
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($71899cff63e14b82$export$8948f78d83984c69, {
|
|
2894
|
-
isDismissable: isDismissable,
|
|
2895
|
-
isKeyboardDismissDisabled: isKeyboardDismissDisabled,
|
|
2896
|
-
isOpen: isOpen,
|
|
2897
|
-
defaultOpen: defaultOpen,
|
|
2898
|
-
onOpenChange: onOpenChange
|
|
2899
|
-
}, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($71899cff63e14b82$var$ModalContent, {
|
|
2900
|
-
...otherProps,
|
|
2901
|
-
modalRef: ref
|
|
2902
|
-
}, children));
|
|
2903
|
-
}
|
|
2904
|
-
/**
|
|
2905
|
-
* A modal is an overlay element which blocks interaction with elements outside it.
|
|
2906
|
-
*/ const $71899cff63e14b82$export$2b77a92f1a5ad772 = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($71899cff63e14b82$var$Modal);
|
|
2907
|
-
function $71899cff63e14b82$var$ModalOverlayWithForwardRef(props, ref) {
|
|
2908
|
-
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $71899cff63e14b82$export$ab57792b9b6974a6);
|
|
2909
|
-
let ctx = props;
|
|
2910
|
-
let localState = (0, $bzgmy$reactstately.useOverlayTriggerState)(props);
|
|
2911
|
-
let state = props.isOpen != null || props.defaultOpen != null || !(ctx === null || ctx === void 0 ? void 0 : ctx.state) ? localState : ctx.state;
|
|
2912
|
-
let objectRef = (0, $bzgmy$reactariautils.useObjectRef)(ref);
|
|
2913
|
-
let modalRef = (0, $bzgmy$react.useRef)(null);
|
|
2914
|
-
let isOverlayExiting = (0, $c5ccf687772c0422$export$45fda7c47f93fd48)(objectRef, state.isOpen);
|
|
2915
|
-
let isModalExiting = (0, $c5ccf687772c0422$export$45fda7c47f93fd48)(modalRef, state.isOpen);
|
|
2916
|
-
let isExiting = isOverlayExiting || isModalExiting;
|
|
2917
|
-
let isSSR = (0, $bzgmy$reactaria.useIsSSR)();
|
|
2918
|
-
if (!state.isOpen && !isExiting || isSSR) return null;
|
|
2919
|
-
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($71899cff63e14b82$var$ModalOverlayInner, {
|
|
2920
|
-
...props,
|
|
2921
|
-
state: state,
|
|
2922
|
-
isExiting: isExiting,
|
|
2923
|
-
overlayRef: objectRef,
|
|
2924
|
-
modalRef: modalRef
|
|
2925
|
-
});
|
|
2926
|
-
}
|
|
2927
|
-
const $71899cff63e14b82$export$8948f78d83984c69 = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($71899cff63e14b82$var$ModalOverlayWithForwardRef);
|
|
2928
|
-
function $71899cff63e14b82$var$ModalOverlayInner(props) {
|
|
2929
|
-
let modalRef = props.modalRef;
|
|
2930
|
-
let { state: state } = props;
|
|
2931
|
-
let { modalProps: modalProps , underlayProps: underlayProps } = (0, $bzgmy$reactaria.useModalOverlay)(props, state, modalRef);
|
|
2932
|
-
let entering = (0, $c5ccf687772c0422$export$6d3443f2c48bfc20)(props.overlayRef);
|
|
2933
|
-
let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
|
|
2934
|
-
...props,
|
|
2935
|
-
defaultClassName: "react-aria-ModalOverlay",
|
|
2936
|
-
values: {
|
|
2937
|
-
isEntering: entering,
|
|
2938
|
-
isExiting: props.isExiting,
|
|
2939
|
-
state: state
|
|
2940
|
-
}
|
|
2941
|
-
});
|
|
2942
|
-
let viewport = (0, $bzgmy$reactariautils.useViewportSize)();
|
|
2943
|
-
let style = {
|
|
2944
|
-
...renderProps.style,
|
|
2945
|
-
"--visual-viewport-height": viewport.height + "px"
|
|
2946
|
-
};
|
|
2947
|
-
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $bzgmy$reactaria.Overlay), {
|
|
2948
|
-
isExiting: props.isExiting
|
|
2949
|
-
}, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("div", {
|
|
2950
|
-
...(0, $bzgmy$reactariautils.mergeProps)((0, $bzgmy$reactariautils.filterDOMProps)(props), underlayProps),
|
|
2951
|
-
...renderProps,
|
|
2952
|
-
style: style,
|
|
2953
|
-
ref: props.overlayRef,
|
|
2954
|
-
"data-entering": entering || undefined,
|
|
2955
|
-
"data-exiting": props.isExiting || undefined
|
|
2956
|
-
}, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($71899cff63e14b82$var$InternalModalContext.Provider, {
|
|
2957
|
-
value: {
|
|
2958
|
-
modalProps: modalProps,
|
|
2959
|
-
modalRef: modalRef,
|
|
2960
|
-
state: state,
|
|
2961
|
-
isExiting: props.isExiting,
|
|
2962
|
-
isDismissable: props.isDismissable
|
|
2963
|
-
}
|
|
2964
|
-
}, renderProps.children)));
|
|
2965
|
-
}
|
|
2966
|
-
function $71899cff63e14b82$var$ModalContent(props) {
|
|
2967
|
-
let { modalProps: modalProps , modalRef: modalRef , isExiting: isExiting , isDismissable: isDismissable , state: state } = (0, $bzgmy$react.useContext)($71899cff63e14b82$var$InternalModalContext);
|
|
2968
|
-
let mergedRefs = (0, $bzgmy$react.useMemo)(()=>(0, $bzgmy$reactariautils.mergeRefs)(props.modalRef, modalRef), [
|
|
2969
|
-
props.modalRef,
|
|
2970
|
-
modalRef
|
|
2971
|
-
]);
|
|
2972
|
-
let ref = (0, $bzgmy$reactariautils.useObjectRef)(mergedRefs);
|
|
2973
|
-
let entering = (0, $c5ccf687772c0422$export$6d3443f2c48bfc20)(ref);
|
|
2974
|
-
let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
|
|
2975
|
-
...props,
|
|
2976
|
-
defaultClassName: "react-aria-Modal",
|
|
2977
|
-
values: {
|
|
2978
|
-
isEntering: entering,
|
|
2979
|
-
isExiting: isExiting,
|
|
2980
|
-
state: state
|
|
2981
|
-
}
|
|
2982
|
-
});
|
|
2983
|
-
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("div", {
|
|
2984
|
-
...(0, $bzgmy$reactariautils.mergeProps)((0, $bzgmy$reactariautils.filterDOMProps)(props), modalProps),
|
|
2985
|
-
...renderProps,
|
|
2986
|
-
ref: ref,
|
|
2987
|
-
"data-entering": entering || undefined,
|
|
2988
|
-
"data-exiting": isExiting || undefined
|
|
2989
|
-
}, isDismissable && /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $bzgmy$reactaria.DismissButton), {
|
|
2990
|
-
onDismiss: state.close
|
|
2991
|
-
}), renderProps.children);
|
|
2992
|
-
}
|
|
2993
|
-
|
|
2994
|
-
|
|
2995
|
-
|
|
2996
|
-
|
|
2997
|
-
|
|
2998
|
-
const $2979ab89b336194b$export$8b93a07348a7730c = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
2999
|
-
function $2979ab89b336194b$export$2e1e1122cf0cba88(props) {
|
|
3000
|
-
let state = (0, $bzgmy$reactstately.useOverlayTriggerState)(props);
|
|
3001
|
-
let buttonRef = (0, $bzgmy$react.useRef)(null);
|
|
3002
|
-
let { triggerProps: triggerProps , overlayProps: overlayProps } = (0, $bzgmy$reactaria.useOverlayTrigger)({
|
|
3003
|
-
type: "dialog"
|
|
3004
|
-
}, state, buttonRef);
|
|
3005
|
-
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$2881499e37b75b9a), {
|
|
3006
|
-
values: [
|
|
3007
|
-
[
|
|
3008
|
-
(0, $71899cff63e14b82$export$ab57792b9b6974a6),
|
|
3009
|
-
{
|
|
3010
|
-
state: state
|
|
3011
|
-
}
|
|
3012
|
-
],
|
|
3013
|
-
[
|
|
3014
|
-
$2979ab89b336194b$export$8b93a07348a7730c,
|
|
3015
|
-
{
|
|
3016
|
-
...overlayProps,
|
|
3017
|
-
onClose: state.close
|
|
3018
|
-
}
|
|
3019
|
-
],
|
|
3020
|
-
[
|
|
3021
|
-
(0, $b856e6788a7ea5bf$export$24d547caef80ccd1),
|
|
3022
|
-
{
|
|
3023
|
-
...triggerProps,
|
|
3024
|
-
isPressed: state.isOpen,
|
|
3025
|
-
ref: buttonRef
|
|
3026
|
-
}
|
|
3027
|
-
],
|
|
3028
|
-
[
|
|
3029
|
-
(0, $61e2b7078adb18bc$export$9b9a0cd73afb7ca4),
|
|
3030
|
-
{
|
|
3031
|
-
state: state,
|
|
3032
|
-
triggerRef: buttonRef
|
|
3033
|
-
}
|
|
3034
|
-
]
|
|
3035
|
-
]
|
|
3036
|
-
}, props.children);
|
|
3037
|
-
}
|
|
3038
|
-
function $2979ab89b336194b$var$Dialog(props, ref) {
|
|
3039
|
-
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $2979ab89b336194b$export$8b93a07348a7730c);
|
|
3040
|
-
let { dialogProps: dialogProps , titleProps: titleProps } = (0, $bzgmy$reactaria.useDialog)(props, ref);
|
|
3041
|
-
let children = props.children;
|
|
3042
|
-
if (typeof children === "function") children = children({
|
|
3043
|
-
close: props.onClose || (()=>{})
|
|
3044
|
-
});
|
|
3045
|
-
var _props_className;
|
|
3046
|
-
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("section", {
|
|
3047
|
-
...(0, $bzgmy$reactariautils.filterDOMProps)(props),
|
|
3048
|
-
...dialogProps,
|
|
3049
|
-
ref: ref,
|
|
3050
|
-
slot: props.slot,
|
|
3051
|
-
style: props.style,
|
|
3052
|
-
className: (_props_className = props.className) !== null && _props_className !== void 0 ? _props_className : "react-aria-Dialog"
|
|
3053
|
-
}, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$2881499e37b75b9a), {
|
|
3054
|
-
values: [
|
|
3055
|
-
[
|
|
3056
|
-
(0, $b856e6788a7ea5bf$export$24d547caef80ccd1),
|
|
3057
|
-
undefined
|
|
3058
|
-
],
|
|
3059
|
-
// TODO: clear context within dialog content?
|
|
3060
|
-
[
|
|
3061
|
-
(0, $1063ac64677bb13f$export$d688439359537581),
|
|
3062
|
-
{
|
|
3063
|
-
...titleProps,
|
|
3064
|
-
level: 2
|
|
3065
|
-
}
|
|
3066
|
-
]
|
|
3067
|
-
]
|
|
3068
|
-
}, children));
|
|
3069
|
-
}
|
|
3070
|
-
/**
|
|
3071
|
-
* A dialog is an overlay shown above other content in an application.
|
|
3072
|
-
*/ const $2979ab89b336194b$export$3ddf2d174ce01153 = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($2979ab89b336194b$var$Dialog);
|
|
3073
|
-
|
|
3074
|
-
|
|
3075
|
-
|
|
3076
|
-
/*
|
|
3077
|
-
* Copyright 2022 Adobe. All rights reserved.
|
|
3078
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
3079
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
3080
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
3081
|
-
*
|
|
3082
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
3083
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
3084
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
3085
|
-
* governing permissions and limitations under the License.
|
|
3086
|
-
*/
|
|
3087
|
-
|
|
3088
|
-
|
|
3089
|
-
const $dcae72abc18c0045$export$f9c6924e160136d1 = /*#__PURE__*/ (0, $bzgmy$react.createContext)({});
|
|
3090
|
-
function $dcae72abc18c0045$var$Group(props, ref) {
|
|
3091
|
-
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $dcae72abc18c0045$export$f9c6924e160136d1);
|
|
3092
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = (0, $bzgmy$reactaria.useHover)({});
|
|
3093
|
-
let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps } = (0, $bzgmy$reactaria.useFocusRing)({
|
|
3094
|
-
within: true
|
|
3095
|
-
});
|
|
3096
|
-
let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
|
|
3097
|
-
...props,
|
|
3098
|
-
values: {
|
|
3099
|
-
isHovered: isHovered,
|
|
3100
|
-
isFocusWithin: isFocused,
|
|
3101
|
-
isFocusVisible: isFocusVisible
|
|
3102
|
-
},
|
|
3103
|
-
defaultClassName: "react-aria-Group"
|
|
3104
|
-
});
|
|
3105
|
-
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("div", {
|
|
3106
|
-
...(0, $bzgmy$reactaria.mergeProps)(props, focusProps, hoverProps),
|
|
3107
|
-
...renderProps,
|
|
3108
|
-
ref: ref,
|
|
3109
|
-
"data-focus-within": isFocused || undefined,
|
|
3110
|
-
"data-hovered": isHovered || undefined,
|
|
3111
|
-
"data-focus-visible": isFocusVisible || undefined
|
|
3112
|
-
}, props.children);
|
|
3113
|
-
}
|
|
3114
|
-
/**
|
|
3115
|
-
* An group represents a set of related UI controls.
|
|
3116
|
-
*/ const $dcae72abc18c0045$export$eb2fcfdbd7ba97d4 = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($dcae72abc18c0045$var$Group);
|
|
3117
3118
|
|
|
3118
3119
|
|
|
3119
3120
|
|
|
@@ -3122,31 +3123,20 @@ function $dcae72abc18c0045$var$Group(props, ref) {
|
|
|
3122
3123
|
|
|
3123
3124
|
const $adfe8d3f75d5162e$export$cf316c7f3b44c11e = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
3124
3125
|
const $adfe8d3f75d5162e$export$8282edba42ee28a = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
3126
|
+
const $adfe8d3f75d5162e$export$50a10c048fdcdee9 = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
3127
|
+
const $adfe8d3f75d5162e$export$80d7ae1f804790be = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
3125
3128
|
function $adfe8d3f75d5162e$var$DatePicker(props, ref) {
|
|
3126
3129
|
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $adfe8d3f75d5162e$export$cf316c7f3b44c11e);
|
|
3127
3130
|
let state = (0, $bzgmy$reactstately.useDatePickerState)(props);
|
|
3128
3131
|
let groupRef = (0, $bzgmy$react.useRef)(null);
|
|
3129
3132
|
let [labelRef, label] = (0, $c5ccf687772c0422$export$9d4c57ee4c6ffdd8)();
|
|
3130
|
-
let { groupProps: groupProps
|
|
3131
|
-
...props,
|
|
3133
|
+
let { groupProps: groupProps, labelProps: labelProps, fieldProps: fieldProps, buttonProps: buttonProps, dialogProps: dialogProps, calendarProps: calendarProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $bzgmy$reactaria.useDatePicker)({
|
|
3134
|
+
...(0, $c5ccf687772c0422$export$ef03459518577ad4)(props),
|
|
3132
3135
|
label: label
|
|
3133
3136
|
}, state, groupRef);
|
|
3134
|
-
let {
|
|
3135
|
-
let fieldState = (0, $bzgmy$reactstately.useDateFieldState)({
|
|
3136
|
-
...fieldProps,
|
|
3137
|
-
locale: locale,
|
|
3138
|
-
createCalendar: $bzgmy$internationalizeddate.createCalendar
|
|
3139
|
-
});
|
|
3140
|
-
let fieldRef = (0, $bzgmy$react.useRef)(null);
|
|
3141
|
-
let inputRef = (0, $bzgmy$react.useRef)(null);
|
|
3142
|
-
let { focusProps: focusProps , isFocused: isFocused , isFocusVisible: isFocusVisible } = (0, $bzgmy$reactaria.useFocusRing)({
|
|
3137
|
+
let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $bzgmy$reactaria.useFocusRing)({
|
|
3143
3138
|
within: true
|
|
3144
3139
|
});
|
|
3145
|
-
let { fieldProps: dateFieldProps , inputProps: inputProps } = (0, $bzgmy$reactaria.useDateField)({
|
|
3146
|
-
...fieldProps,
|
|
3147
|
-
label: label,
|
|
3148
|
-
inputRef: inputRef
|
|
3149
|
-
}, fieldState, fieldRef);
|
|
3150
3140
|
let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
|
|
3151
3141
|
...props,
|
|
3152
3142
|
values: {
|
|
@@ -3154,7 +3144,8 @@ function $adfe8d3f75d5162e$var$DatePicker(props, ref) {
|
|
|
3154
3144
|
isFocusWithin: isFocused,
|
|
3155
3145
|
isFocusVisible: isFocusVisible,
|
|
3156
3146
|
isDisabled: props.isDisabled || false,
|
|
3157
|
-
isInvalid: state.isInvalid
|
|
3147
|
+
isInvalid: state.isInvalid,
|
|
3148
|
+
isOpen: state.isOpen
|
|
3158
3149
|
},
|
|
3159
3150
|
defaultClassName: "react-aria-DatePicker"
|
|
3160
3151
|
});
|
|
@@ -3162,6 +3153,10 @@ function $adfe8d3f75d5162e$var$DatePicker(props, ref) {
|
|
|
3162
3153
|
delete DOMProps.id;
|
|
3163
3154
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$2881499e37b75b9a), {
|
|
3164
3155
|
values: [
|
|
3156
|
+
[
|
|
3157
|
+
$adfe8d3f75d5162e$export$50a10c048fdcdee9,
|
|
3158
|
+
state
|
|
3159
|
+
],
|
|
3165
3160
|
[
|
|
3166
3161
|
(0, $dcae72abc18c0045$export$f9c6924e160136d1),
|
|
3167
3162
|
{
|
|
@@ -3170,14 +3165,8 @@ function $adfe8d3f75d5162e$var$DatePicker(props, ref) {
|
|
|
3170
3165
|
}
|
|
3171
3166
|
],
|
|
3172
3167
|
[
|
|
3173
|
-
(0, $9eb4e1c2268ca198$export$
|
|
3174
|
-
|
|
3175
|
-
state: fieldState,
|
|
3176
|
-
fieldProps: dateFieldProps,
|
|
3177
|
-
ref: fieldRef,
|
|
3178
|
-
inputProps: inputProps,
|
|
3179
|
-
inputRef: inputRef
|
|
3180
|
-
}
|
|
3168
|
+
(0, $9eb4e1c2268ca198$export$7b3e670c86da5fe8),
|
|
3169
|
+
fieldProps
|
|
3181
3170
|
],
|
|
3182
3171
|
[
|
|
3183
3172
|
(0, $b856e6788a7ea5bf$export$24d547caef80ccd1),
|
|
@@ -3198,10 +3187,13 @@ function $adfe8d3f75d5162e$var$DatePicker(props, ref) {
|
|
|
3198
3187
|
(0, $3f539f26b167ddde$export$3b805cea1f178355),
|
|
3199
3188
|
calendarProps
|
|
3200
3189
|
],
|
|
3190
|
+
[
|
|
3191
|
+
(0, $2979ab89b336194b$export$d2f961adcb0afbe),
|
|
3192
|
+
state
|
|
3193
|
+
],
|
|
3201
3194
|
[
|
|
3202
3195
|
(0, $61e2b7078adb18bc$export$9b9a0cd73afb7ca4),
|
|
3203
3196
|
{
|
|
3204
|
-
state: state,
|
|
3205
3197
|
triggerRef: groupRef,
|
|
3206
3198
|
placement: "bottom start"
|
|
3207
3199
|
}
|
|
@@ -3225,11 +3217,12 @@ function $adfe8d3f75d5162e$var$DatePicker(props, ref) {
|
|
|
3225
3217
|
...DOMProps,
|
|
3226
3218
|
...renderProps,
|
|
3227
3219
|
ref: ref,
|
|
3228
|
-
slot: props.slot,
|
|
3220
|
+
slot: props.slot || undefined,
|
|
3229
3221
|
"data-focus-within": isFocused || undefined,
|
|
3230
3222
|
"data-invalid": state.isInvalid || undefined,
|
|
3231
3223
|
"data-focus-visible": isFocusVisible || undefined,
|
|
3232
|
-
"data-disabled": props.isDisabled || undefined
|
|
3224
|
+
"data-disabled": props.isDisabled || undefined,
|
|
3225
|
+
"data-open": state.isOpen || undefined
|
|
3233
3226
|
}));
|
|
3234
3227
|
}
|
|
3235
3228
|
/**
|
|
@@ -3240,38 +3233,13 @@ function $adfe8d3f75d5162e$var$DateRangePicker(props, ref) {
|
|
|
3240
3233
|
let state = (0, $bzgmy$reactstately.useDateRangePickerState)(props);
|
|
3241
3234
|
let groupRef = (0, $bzgmy$react.useRef)(null);
|
|
3242
3235
|
let [labelRef, label] = (0, $c5ccf687772c0422$export$9d4c57ee4c6ffdd8)();
|
|
3243
|
-
let { groupProps: groupProps
|
|
3244
|
-
...props,
|
|
3236
|
+
let { groupProps: groupProps, labelProps: labelProps, startFieldProps: startFieldProps, endFieldProps: endFieldProps, buttonProps: buttonProps, dialogProps: dialogProps, calendarProps: calendarProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $bzgmy$reactaria.useDateRangePicker)({
|
|
3237
|
+
...(0, $c5ccf687772c0422$export$ef03459518577ad4)(props),
|
|
3245
3238
|
label: label
|
|
3246
3239
|
}, state, groupRef);
|
|
3247
|
-
let {
|
|
3248
|
-
let startFieldState = (0, $bzgmy$reactstately.useDateFieldState)({
|
|
3249
|
-
...startFieldProps,
|
|
3250
|
-
locale: locale,
|
|
3251
|
-
createCalendar: $bzgmy$internationalizeddate.createCalendar
|
|
3252
|
-
});
|
|
3253
|
-
let startFieldRef = (0, $bzgmy$react.useRef)(null);
|
|
3254
|
-
let startInputRef = (0, $bzgmy$react.useRef)(null);
|
|
3255
|
-
let { focusProps: focusProps , isFocused: isFocused , isFocusVisible: isFocusVisible } = (0, $bzgmy$reactaria.useFocusRing)({
|
|
3240
|
+
let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $bzgmy$reactaria.useFocusRing)({
|
|
3256
3241
|
within: true
|
|
3257
3242
|
});
|
|
3258
|
-
let { fieldProps: startDateFieldProps , inputProps: startInputProps } = (0, $bzgmy$reactaria.useDateField)({
|
|
3259
|
-
...startFieldProps,
|
|
3260
|
-
label: label,
|
|
3261
|
-
inputRef: startInputRef
|
|
3262
|
-
}, startFieldState, startFieldRef);
|
|
3263
|
-
let endFieldState = (0, $bzgmy$reactstately.useDateFieldState)({
|
|
3264
|
-
...endFieldProps,
|
|
3265
|
-
locale: locale,
|
|
3266
|
-
createCalendar: $bzgmy$internationalizeddate.createCalendar
|
|
3267
|
-
});
|
|
3268
|
-
let endFieldRef = (0, $bzgmy$react.useRef)(null);
|
|
3269
|
-
let endInputRef = (0, $bzgmy$react.useRef)(null);
|
|
3270
|
-
let { fieldProps: endDateFieldProps , inputProps: endInputProps } = (0, $bzgmy$reactaria.useDateField)({
|
|
3271
|
-
...endFieldProps,
|
|
3272
|
-
label: label,
|
|
3273
|
-
inputRef: endInputRef
|
|
3274
|
-
}, endFieldState, endFieldRef);
|
|
3275
3243
|
let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
|
|
3276
3244
|
...props,
|
|
3277
3245
|
values: {
|
|
@@ -3279,7 +3247,8 @@ function $adfe8d3f75d5162e$var$DateRangePicker(props, ref) {
|
|
|
3279
3247
|
isFocusWithin: isFocused,
|
|
3280
3248
|
isFocusVisible: isFocusVisible,
|
|
3281
3249
|
isDisabled: props.isDisabled || false,
|
|
3282
|
-
isInvalid: state.isInvalid
|
|
3250
|
+
isInvalid: state.isInvalid,
|
|
3251
|
+
isOpen: state.isOpen
|
|
3283
3252
|
},
|
|
3284
3253
|
defaultClassName: "react-aria-DateRangePicker"
|
|
3285
3254
|
});
|
|
@@ -3287,6 +3256,10 @@ function $adfe8d3f75d5162e$var$DateRangePicker(props, ref) {
|
|
|
3287
3256
|
delete DOMProps.id;
|
|
3288
3257
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$2881499e37b75b9a), {
|
|
3289
3258
|
values: [
|
|
3259
|
+
[
|
|
3260
|
+
$adfe8d3f75d5162e$export$80d7ae1f804790be,
|
|
3261
|
+
state
|
|
3262
|
+
],
|
|
3290
3263
|
[
|
|
3291
3264
|
(0, $dcae72abc18c0045$export$f9c6924e160136d1),
|
|
3292
3265
|
{
|
|
@@ -3313,10 +3286,13 @@ function $adfe8d3f75d5162e$var$DateRangePicker(props, ref) {
|
|
|
3313
3286
|
(0, $3f539f26b167ddde$export$233dd9682e1ad64b),
|
|
3314
3287
|
calendarProps
|
|
3315
3288
|
],
|
|
3289
|
+
[
|
|
3290
|
+
(0, $2979ab89b336194b$export$d2f961adcb0afbe),
|
|
3291
|
+
state
|
|
3292
|
+
],
|
|
3316
3293
|
[
|
|
3317
3294
|
(0, $61e2b7078adb18bc$export$9b9a0cd73afb7ca4),
|
|
3318
3295
|
{
|
|
3319
|
-
state: state,
|
|
3320
3296
|
triggerRef: groupRef,
|
|
3321
3297
|
placement: "bottom start"
|
|
3322
3298
|
}
|
|
@@ -3326,23 +3302,11 @@ function $adfe8d3f75d5162e$var$DateRangePicker(props, ref) {
|
|
|
3326
3302
|
dialogProps
|
|
3327
3303
|
],
|
|
3328
3304
|
[
|
|
3329
|
-
(0, $9eb4e1c2268ca198$export$
|
|
3305
|
+
(0, $9eb4e1c2268ca198$export$7b3e670c86da5fe8),
|
|
3330
3306
|
{
|
|
3331
3307
|
slots: {
|
|
3332
|
-
start:
|
|
3333
|
-
|
|
3334
|
-
fieldProps: startDateFieldProps,
|
|
3335
|
-
ref: startFieldRef,
|
|
3336
|
-
inputRef: startInputRef,
|
|
3337
|
-
inputProps: startInputProps
|
|
3338
|
-
},
|
|
3339
|
-
end: {
|
|
3340
|
-
state: endFieldState,
|
|
3341
|
-
fieldProps: endDateFieldProps,
|
|
3342
|
-
ref: endFieldRef,
|
|
3343
|
-
inputRef: endInputRef,
|
|
3344
|
-
inputProps: endInputProps
|
|
3345
|
-
}
|
|
3308
|
+
start: startFieldProps,
|
|
3309
|
+
end: endFieldProps
|
|
3346
3310
|
}
|
|
3347
3311
|
}
|
|
3348
3312
|
],
|
|
@@ -3361,11 +3325,12 @@ function $adfe8d3f75d5162e$var$DateRangePicker(props, ref) {
|
|
|
3361
3325
|
...DOMProps,
|
|
3362
3326
|
...renderProps,
|
|
3363
3327
|
ref: ref,
|
|
3364
|
-
slot: props.slot,
|
|
3328
|
+
slot: props.slot || undefined,
|
|
3365
3329
|
"data-focus-within": isFocused || undefined,
|
|
3366
3330
|
"data-invalid": state.isInvalid || undefined,
|
|
3367
3331
|
"data-focus-visible": isFocusVisible || undefined,
|
|
3368
|
-
"data-disabled": props.isDisabled || undefined
|
|
3332
|
+
"data-disabled": props.isDisabled || undefined,
|
|
3333
|
+
"data-open": state.isOpen || undefined
|
|
3369
3334
|
}));
|
|
3370
3335
|
}
|
|
3371
3336
|
/**
|
|
@@ -3375,17 +3340,192 @@ function $adfe8d3f75d5162e$var$DateRangePicker(props, ref) {
|
|
|
3375
3340
|
|
|
3376
3341
|
|
|
3377
3342
|
|
|
3378
|
-
/*
|
|
3379
|
-
* Copyright 2023 Adobe. All rights reserved.
|
|
3380
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
3381
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
3382
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
3383
|
-
*
|
|
3384
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
3385
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
3386
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
3387
|
-
* governing permissions and limitations under the License.
|
|
3388
|
-
*/
|
|
3343
|
+
/*
|
|
3344
|
+
* Copyright 2023 Adobe. All rights reserved.
|
|
3345
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
3346
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
3347
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
3348
|
+
*
|
|
3349
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
3350
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
3351
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
3352
|
+
* governing permissions and limitations under the License.
|
|
3353
|
+
*/
|
|
3354
|
+
|
|
3355
|
+
|
|
3356
|
+
var $d72d752ea1c67b9a$exports = {};
|
|
3357
|
+
var $7e3b9f6c0d3f98a7$exports = {};
|
|
3358
|
+
$7e3b9f6c0d3f98a7$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"حدد عنصرًا","tableResizer":"أداة تغيير الحجم"}');
|
|
3359
|
+
|
|
3360
|
+
|
|
3361
|
+
var $7c11c8bafabff514$exports = {};
|
|
3362
|
+
$7c11c8bafabff514$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Изберете предмет","tableResizer":"Преоразмерител"}');
|
|
3363
|
+
|
|
3364
|
+
|
|
3365
|
+
var $d55d6a46d896aa4e$exports = {};
|
|
3366
|
+
$d55d6a46d896aa4e$exports = JSON.parse('{"dropzoneLabel":"M\xedsto pro přetažen\xed","selectPlaceholder":"Vyberte položku","tableResizer":"Změna velikosti"}');
|
|
3367
|
+
|
|
3368
|
+
|
|
3369
|
+
var $0bf85a6224525466$exports = {};
|
|
3370
|
+
$0bf85a6224525466$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"V\xe6lg et element","tableResizer":"St\xf8rrelses\xe6ndring"}');
|
|
3371
|
+
|
|
3372
|
+
|
|
3373
|
+
var $3cffc1bd30a143a7$exports = {};
|
|
3374
|
+
$3cffc1bd30a143a7$exports = JSON.parse('{"dropzoneLabel":"Ablegebereich","selectPlaceholder":"Element w\xe4hlen","tableResizer":"Gr\xf6\xdfenanpassung"}');
|
|
3375
|
+
|
|
3376
|
+
|
|
3377
|
+
var $af25cfd8212114c4$exports = {};
|
|
3378
|
+
$af25cfd8212114c4$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Επιλέξτε ένα αντικείμενο","tableResizer":"Αλλαγή μεγέθους"}');
|
|
3379
|
+
|
|
3380
|
+
|
|
3381
|
+
var $4f0d6cca330ebbae$exports = {};
|
|
3382
|
+
$4f0d6cca330ebbae$exports = JSON.parse('{"selectPlaceholder":"Select an item","tableResizer":"Resizer","dropzoneLabel":"DropZone"}');
|
|
3383
|
+
|
|
3384
|
+
|
|
3385
|
+
var $1e942d208b3f081e$exports = {};
|
|
3386
|
+
$1e942d208b3f081e$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Seleccionar un art\xedculo","tableResizer":"Cambiador de tama\xf1o"}');
|
|
3387
|
+
|
|
3388
|
+
|
|
3389
|
+
var $7ecf22cba6524ed5$exports = {};
|
|
3390
|
+
$7ecf22cba6524ed5$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Valige \xfcksus","tableResizer":"Suuruse muutja"}');
|
|
3391
|
+
|
|
3392
|
+
|
|
3393
|
+
var $4c3e2c694f8954f2$exports = {};
|
|
3394
|
+
$4c3e2c694f8954f2$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Valitse kohde","tableResizer":"Koon muuttaja"}');
|
|
3395
|
+
|
|
3396
|
+
|
|
3397
|
+
var $5c093d840945be34$exports = {};
|
|
3398
|
+
$5c093d840945be34$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"S\xe9lectionner un \xe9l\xe9ment","tableResizer":"Redimensionneur"}');
|
|
3399
|
+
|
|
3400
|
+
|
|
3401
|
+
var $54ebe5cc44e081ca$exports = {};
|
|
3402
|
+
$54ebe5cc44e081ca$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"בחר פריט","tableResizer":"שינוי גודל"}');
|
|
3403
|
+
|
|
3404
|
+
|
|
3405
|
+
var $c87f289edc3c8208$exports = {};
|
|
3406
|
+
$c87f289edc3c8208$exports = JSON.parse('{"dropzoneLabel":"Zona spuštanja","selectPlaceholder":"Odaberite stavku","tableResizer":"Promjena veličine"}');
|
|
3407
|
+
|
|
3408
|
+
|
|
3409
|
+
var $6752ef148a3dc43f$exports = {};
|
|
3410
|
+
$6752ef148a3dc43f$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"V\xe1lasszon ki egy elemet","tableResizer":"\xc1tm\xe9retező"}');
|
|
3411
|
+
|
|
3412
|
+
|
|
3413
|
+
var $58fa24283081b65c$exports = {};
|
|
3414
|
+
$58fa24283081b65c$exports = JSON.parse('{"dropzoneLabel":"Zona di rilascio","selectPlaceholder":"Seleziona un elemento","tableResizer":"Ridimensionamento"}');
|
|
3415
|
+
|
|
3416
|
+
|
|
3417
|
+
var $770533c19d7b553a$exports = {};
|
|
3418
|
+
$770533c19d7b553a$exports = JSON.parse('{"dropzoneLabel":"ドロップゾーン","selectPlaceholder":"項目を選択","tableResizer":"サイズ変更ツール"}');
|
|
3419
|
+
|
|
3420
|
+
|
|
3421
|
+
var $de8f7b8ad7f54d6d$exports = {};
|
|
3422
|
+
$de8f7b8ad7f54d6d$exports = JSON.parse('{"dropzoneLabel":"드롭 영역","selectPlaceholder":"항목 선택","tableResizer":"크기 조정기"}');
|
|
3423
|
+
|
|
3424
|
+
|
|
3425
|
+
var $de235b5235305f02$exports = {};
|
|
3426
|
+
$de235b5235305f02$exports = JSON.parse('{"dropzoneLabel":"„DropZone“","selectPlaceholder":"Pasirinkite elementą","tableResizer":"Dydžio keitiklis"}');
|
|
3427
|
+
|
|
3428
|
+
|
|
3429
|
+
var $1badb5b4b4fa9042$exports = {};
|
|
3430
|
+
$1badb5b4b4fa9042$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Izvēlēties vienumu","tableResizer":"Izmēra mainītājs"}');
|
|
3431
|
+
|
|
3432
|
+
|
|
3433
|
+
var $e0e47ca0931d41e2$exports = {};
|
|
3434
|
+
$e0e47ca0931d41e2$exports = JSON.parse('{"dropzoneLabel":"Droppsone","selectPlaceholder":"Velg et element","tableResizer":"St\xf8rrelsesendrer"}');
|
|
3435
|
+
|
|
3436
|
+
|
|
3437
|
+
var $adb96033a361a81b$exports = {};
|
|
3438
|
+
$adb96033a361a81b$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Selecteer een item","tableResizer":"Resizer"}');
|
|
3439
|
+
|
|
3440
|
+
|
|
3441
|
+
var $96ebda5b7b663ef6$exports = {};
|
|
3442
|
+
$96ebda5b7b663ef6$exports = JSON.parse('{"dropzoneLabel":"Strefa upuszczania","selectPlaceholder":"Wybierz element","tableResizer":"Zmiana rozmiaru"}');
|
|
3443
|
+
|
|
3444
|
+
|
|
3445
|
+
var $010ef53c23794e08$exports = {};
|
|
3446
|
+
$010ef53c23794e08$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Selecione um item","tableResizer":"Redimensionador"}');
|
|
3447
|
+
|
|
3448
|
+
|
|
3449
|
+
var $a0d0918dbe8cd238$exports = {};
|
|
3450
|
+
$a0d0918dbe8cd238$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Selecione um item","tableResizer":"Redimensionador"}');
|
|
3451
|
+
|
|
3452
|
+
|
|
3453
|
+
var $b73baeec3a0b138d$exports = {};
|
|
3454
|
+
$b73baeec3a0b138d$exports = JSON.parse('{"dropzoneLabel":"Zonă de plasare","selectPlaceholder":"Selectați un element","tableResizer":"Instrument de redimensionare"}');
|
|
3455
|
+
|
|
3456
|
+
|
|
3457
|
+
var $aed1f56161d4731e$exports = {};
|
|
3458
|
+
$aed1f56161d4731e$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Выберите элемент","tableResizer":"Средство изменения размера"}');
|
|
3459
|
+
|
|
3460
|
+
|
|
3461
|
+
var $3ff95b3a8291cbd7$exports = {};
|
|
3462
|
+
$3ff95b3a8291cbd7$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Vyberte položku","tableResizer":"N\xe1stroj na zmenu veľkosti"}');
|
|
3463
|
+
|
|
3464
|
+
|
|
3465
|
+
var $c7459bccfcc668d8$exports = {};
|
|
3466
|
+
$c7459bccfcc668d8$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Izberite element","tableResizer":"Spreminjanje velikosti"}');
|
|
3467
|
+
|
|
3468
|
+
|
|
3469
|
+
var $d4deb497858acd42$exports = {};
|
|
3470
|
+
$d4deb497858acd42$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Izaberite stavku","tableResizer":"Promena veličine"}');
|
|
3471
|
+
|
|
3472
|
+
|
|
3473
|
+
var $f07511ec9106f700$exports = {};
|
|
3474
|
+
$f07511ec9106f700$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"V\xe4lj en artikel","tableResizer":"Storleks\xe4ndrare"}');
|
|
3475
|
+
|
|
3476
|
+
|
|
3477
|
+
var $8ecd910775d75b2a$exports = {};
|
|
3478
|
+
$8ecd910775d75b2a$exports = JSON.parse('{"dropzoneLabel":"Bırakma B\xf6lgesi","selectPlaceholder":"Bir \xf6ğe se\xe7in","tableResizer":"Yeniden boyutlandırıcı"}');
|
|
3479
|
+
|
|
3480
|
+
|
|
3481
|
+
var $db0c53fb82554560$exports = {};
|
|
3482
|
+
$db0c53fb82554560$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Виберіть елемент","tableResizer":"Засіб змінення розміру"}');
|
|
3483
|
+
|
|
3484
|
+
|
|
3485
|
+
var $c6fb62cc552205b8$exports = {};
|
|
3486
|
+
$c6fb62cc552205b8$exports = JSON.parse('{"dropzoneLabel":"放置区域","selectPlaceholder":"选择一个项目","tableResizer":"尺寸调整器"}');
|
|
3487
|
+
|
|
3488
|
+
|
|
3489
|
+
var $1830911445b53dbf$exports = {};
|
|
3490
|
+
$1830911445b53dbf$exports = JSON.parse('{"dropzoneLabel":"放置區","selectPlaceholder":"選取項目","tableResizer":"大小調整器"}');
|
|
3491
|
+
|
|
3492
|
+
|
|
3493
|
+
$d72d752ea1c67b9a$exports = {
|
|
3494
|
+
"ar-AE": $7e3b9f6c0d3f98a7$exports,
|
|
3495
|
+
"bg-BG": $7c11c8bafabff514$exports,
|
|
3496
|
+
"cs-CZ": $d55d6a46d896aa4e$exports,
|
|
3497
|
+
"da-DK": $0bf85a6224525466$exports,
|
|
3498
|
+
"de-DE": $3cffc1bd30a143a7$exports,
|
|
3499
|
+
"el-GR": $af25cfd8212114c4$exports,
|
|
3500
|
+
"en-US": $4f0d6cca330ebbae$exports,
|
|
3501
|
+
"es-ES": $1e942d208b3f081e$exports,
|
|
3502
|
+
"et-EE": $7ecf22cba6524ed5$exports,
|
|
3503
|
+
"fi-FI": $4c3e2c694f8954f2$exports,
|
|
3504
|
+
"fr-FR": $5c093d840945be34$exports,
|
|
3505
|
+
"he-IL": $54ebe5cc44e081ca$exports,
|
|
3506
|
+
"hr-HR": $c87f289edc3c8208$exports,
|
|
3507
|
+
"hu-HU": $6752ef148a3dc43f$exports,
|
|
3508
|
+
"it-IT": $58fa24283081b65c$exports,
|
|
3509
|
+
"ja-JP": $770533c19d7b553a$exports,
|
|
3510
|
+
"ko-KR": $de8f7b8ad7f54d6d$exports,
|
|
3511
|
+
"lt-LT": $de235b5235305f02$exports,
|
|
3512
|
+
"lv-LV": $1badb5b4b4fa9042$exports,
|
|
3513
|
+
"nb-NO": $e0e47ca0931d41e2$exports,
|
|
3514
|
+
"nl-NL": $adb96033a361a81b$exports,
|
|
3515
|
+
"pl-PL": $96ebda5b7b663ef6$exports,
|
|
3516
|
+
"pt-BR": $010ef53c23794e08$exports,
|
|
3517
|
+
"pt-PT": $a0d0918dbe8cd238$exports,
|
|
3518
|
+
"ro-RO": $b73baeec3a0b138d$exports,
|
|
3519
|
+
"ru-RU": $aed1f56161d4731e$exports,
|
|
3520
|
+
"sk-SK": $3ff95b3a8291cbd7$exports,
|
|
3521
|
+
"sl-SI": $c7459bccfcc668d8$exports,
|
|
3522
|
+
"sr-SP": $d4deb497858acd42$exports,
|
|
3523
|
+
"sv-SE": $f07511ec9106f700$exports,
|
|
3524
|
+
"tr-TR": $8ecd910775d75b2a$exports,
|
|
3525
|
+
"uk-UA": $db0c53fb82554560$exports,
|
|
3526
|
+
"zh-CN": $c6fb62cc552205b8$exports,
|
|
3527
|
+
"zh-TW": $1830911445b53dbf$exports
|
|
3528
|
+
};
|
|
3389
3529
|
|
|
3390
3530
|
|
|
3391
3531
|
|
|
@@ -3394,15 +3534,16 @@ const $80a65baccb138f12$export$14a72053295ff9a6 = /*#__PURE__*/ (0, $bzgmy$react
|
|
|
3394
3534
|
function $80a65baccb138f12$var$DropZone(props, ref) {
|
|
3395
3535
|
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $80a65baccb138f12$export$14a72053295ff9a6);
|
|
3396
3536
|
let buttonRef = (0, $bzgmy$react.useRef)(null);
|
|
3397
|
-
let { dropProps: dropProps
|
|
3537
|
+
let { dropProps: dropProps, dropButtonProps: dropButtonProps, isDropTarget: isDropTarget } = (0, $bzgmy$reactaria.useDrop)({
|
|
3398
3538
|
...props,
|
|
3399
3539
|
ref: buttonRef,
|
|
3400
3540
|
hasDropButton: true
|
|
3401
3541
|
});
|
|
3402
|
-
let { hoverProps: hoverProps
|
|
3403
|
-
let { focusProps: focusProps
|
|
3542
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $bzgmy$reactaria.useHover)({});
|
|
3543
|
+
let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $bzgmy$reactaria.useFocusRing)();
|
|
3544
|
+
let stringFormatter = (0, $bzgmy$reactaria.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($d72d752ea1c67b9a$exports))));
|
|
3404
3545
|
let textId = (0, $bzgmy$reactariautils.useSlotId)();
|
|
3405
|
-
let ariaLabel = props["aria-label"] || "
|
|
3546
|
+
let ariaLabel = props["aria-label"] || stringFormatter.format("dropzoneLabel");
|
|
3406
3547
|
let messageId = isDropTarget && props["aria-labelledby"] ? props["aria-labelledby"] : null;
|
|
3407
3548
|
let ariaLabelledby = [
|
|
3408
3549
|
textId,
|
|
@@ -3412,7 +3553,7 @@ function $80a65baccb138f12$var$DropZone(props, ref) {
|
|
|
3412
3553
|
"aria-label": ariaLabel,
|
|
3413
3554
|
"aria-labelledby": ariaLabelledby
|
|
3414
3555
|
});
|
|
3415
|
-
let { clipboardProps: clipboardProps
|
|
3556
|
+
let { clipboardProps: clipboardProps } = (0, $bzgmy$reactaria.useClipboard)({
|
|
3416
3557
|
onPaste: (items)=>{
|
|
3417
3558
|
var _props_onDrop;
|
|
3418
3559
|
return (_props_onDrop = props.onDrop) === null || _props_onDrop === void 0 ? void 0 : _props_onDrop.call(props, {
|
|
@@ -3449,7 +3590,7 @@ function $80a65baccb138f12$var$DropZone(props, ref) {
|
|
|
3449
3590
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("div", {
|
|
3450
3591
|
...(0, $bzgmy$reactaria.mergeProps)(dropProps, hoverProps, DOMProps),
|
|
3451
3592
|
...renderProps,
|
|
3452
|
-
slot: props.slot,
|
|
3593
|
+
slot: props.slot || undefined,
|
|
3453
3594
|
ref: ref,
|
|
3454
3595
|
onClick: ()=>{
|
|
3455
3596
|
var _buttonRef_current;
|
|
@@ -3484,13 +3625,14 @@ function $80a65baccb138f12$var$DropZone(props, ref) {
|
|
|
3484
3625
|
|
|
3485
3626
|
|
|
3486
3627
|
function $8e055a19745f522c$var$FileTrigger(props, ref) {
|
|
3487
|
-
let {
|
|
3628
|
+
let { onSelect: onSelect, acceptedFileTypes: acceptedFileTypes, allowsMultiple: allowsMultiple, defaultCamera: defaultCamera, children: children, ...rest } = props;
|
|
3488
3629
|
let inputRef = (0, $bzgmy$reactariautils.useObjectRef)(ref);
|
|
3489
3630
|
let domProps = (0, $bzgmy$reactariautils.filterDOMProps)(rest);
|
|
3490
3631
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, ($parcel$interopDefault($bzgmy$react))).Fragment, null, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $bzgmy$reactariainteractions.PressResponder), {
|
|
3491
3632
|
onPress: ()=>{
|
|
3492
3633
|
var _inputRef_current;
|
|
3493
|
-
|
|
3634
|
+
if (inputRef.current.value) inputRef.current.value = "";
|
|
3635
|
+
(_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.click();
|
|
3494
3636
|
}
|
|
3495
3637
|
}, children), /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $1bcfcef5af644e13$export$f5b8910cec6cf069), {
|
|
3496
3638
|
...domProps,
|
|
@@ -3501,11 +3643,10 @@ function $8e055a19745f522c$var$FileTrigger(props, ref) {
|
|
|
3501
3643
|
},
|
|
3502
3644
|
accept: acceptedFileTypes === null || acceptedFileTypes === void 0 ? void 0 : acceptedFileTypes.toString(),
|
|
3503
3645
|
onChange: (e)=>{
|
|
3504
|
-
return
|
|
3646
|
+
return onSelect === null || onSelect === void 0 ? void 0 : onSelect(e.target.files);
|
|
3505
3647
|
},
|
|
3506
3648
|
capture: defaultCamera,
|
|
3507
|
-
multiple: allowsMultiple
|
|
3508
|
-
name: name
|
|
3649
|
+
multiple: allowsMultiple
|
|
3509
3650
|
}));
|
|
3510
3651
|
}
|
|
3511
3652
|
/**
|
|
@@ -3533,26 +3674,26 @@ function $8e055a19745f522c$var$FileTrigger(props, ref) {
|
|
|
3533
3674
|
|
|
3534
3675
|
|
|
3535
3676
|
|
|
3677
|
+
|
|
3536
3678
|
const $132cbde493282f82$export$54fe942636b6416d = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
3537
|
-
const $132cbde493282f82$var$InternalGridListContext = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
3538
3679
|
function $132cbde493282f82$var$GridList(props, ref) {
|
|
3539
3680
|
// Render the portal first so that we have the collection by the time we render the DOM in SSR.
|
|
3540
3681
|
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $132cbde493282f82$export$54fe942636b6416d);
|
|
3541
|
-
let { collection: collection
|
|
3682
|
+
let { collection: collection, portal: portal } = (0, $3114c2382242bdc0$export$6cd28814d92fa9c9)(props);
|
|
3542
3683
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, ($parcel$interopDefault($bzgmy$react))).Fragment, null, portal, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($132cbde493282f82$var$GridListInner, {
|
|
3543
3684
|
props: props,
|
|
3544
3685
|
collection: collection,
|
|
3545
3686
|
gridListRef: ref
|
|
3546
3687
|
}));
|
|
3547
3688
|
}
|
|
3548
|
-
function $132cbde493282f82$var$GridListInner({ props: props
|
|
3549
|
-
let { dragAndDropHooks: dragAndDropHooks
|
|
3689
|
+
function $132cbde493282f82$var$GridListInner({ props: props, collection: collection, gridListRef: ref }) {
|
|
3690
|
+
let { dragAndDropHooks: dragAndDropHooks } = props;
|
|
3550
3691
|
let state = (0, $bzgmy$reactstately.useListState)({
|
|
3551
3692
|
...props,
|
|
3552
3693
|
collection: collection,
|
|
3553
3694
|
children: undefined
|
|
3554
3695
|
});
|
|
3555
|
-
let { gridProps: gridProps
|
|
3696
|
+
let { gridProps: gridProps } = (0, $bzgmy$reactaria.useGridList)(props, state, ref);
|
|
3556
3697
|
let children = (0, $3114c2382242bdc0$export$727c8fc270210f13)({
|
|
3557
3698
|
items: collection,
|
|
3558
3699
|
children: (item)=>{
|
|
@@ -3611,7 +3752,7 @@ function $132cbde493282f82$var$GridListInner({ props: props , collection: collec
|
|
|
3611
3752
|
type: "root"
|
|
3612
3753
|
});
|
|
3613
3754
|
}
|
|
3614
|
-
let { focusProps: focusProps
|
|
3755
|
+
let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $bzgmy$reactaria.useFocusRing)();
|
|
3615
3756
|
let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
|
|
3616
3757
|
className: props.className,
|
|
3617
3758
|
style: props.style,
|
|
@@ -3659,7 +3800,7 @@ function $132cbde493282f82$var$GridListInner({ props: props , collection: collec
|
|
|
3659
3800
|
...renderProps,
|
|
3660
3801
|
...(0, $bzgmy$reactaria.mergeProps)(gridProps, focusProps, droppableCollection === null || droppableCollection === void 0 ? void 0 : droppableCollection.collectionProps, emptyStatePropOverrides),
|
|
3661
3802
|
ref: ref,
|
|
3662
|
-
slot: props.slot,
|
|
3803
|
+
slot: props.slot || undefined,
|
|
3663
3804
|
"data-drop-target": isRootDropTarget || undefined,
|
|
3664
3805
|
"data-empty": state.collection.size === 0 || undefined,
|
|
3665
3806
|
"data-focused": isFocused || undefined,
|
|
@@ -3667,9 +3808,12 @@ function $132cbde493282f82$var$GridListInner({ props: props , collection: collec
|
|
|
3667
3808
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$2881499e37b75b9a), {
|
|
3668
3809
|
values: [
|
|
3669
3810
|
[
|
|
3670
|
-
$
|
|
3811
|
+
(0, $a03b42240404b420$export$7c5906fe4f1f2af2),
|
|
3812
|
+
state
|
|
3813
|
+
],
|
|
3814
|
+
[
|
|
3815
|
+
(0, $368d79437ab76c11$export$d188a835a7bc5783),
|
|
3671
3816
|
{
|
|
3672
|
-
state: state,
|
|
3673
3817
|
dragAndDropHooks: dragAndDropHooks,
|
|
3674
3818
|
dragState: dragState,
|
|
3675
3819
|
dropState: dropState
|
|
@@ -3688,18 +3832,19 @@ function $132cbde493282f82$var$GridListInner({ props: props , collection: collec
|
|
|
3688
3832
|
* A grid list displays a list of interactive items, with support for keyboard navigation,
|
|
3689
3833
|
* single or multiple selection, and row actions.
|
|
3690
3834
|
*/ const $132cbde493282f82$export$a7bfbda1311ca015 = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($132cbde493282f82$var$GridList);
|
|
3691
|
-
function $132cbde493282f82$var$GridListItem({ item: item
|
|
3692
|
-
let
|
|
3835
|
+
function $132cbde493282f82$var$GridListItem({ item: item }) {
|
|
3836
|
+
let state = (0, $bzgmy$react.useContext)((0, $a03b42240404b420$export$7c5906fe4f1f2af2));
|
|
3837
|
+
let { dragAndDropHooks: dragAndDropHooks, dragState: dragState, dropState: dropState } = (0, $bzgmy$react.useContext)((0, $368d79437ab76c11$export$d188a835a7bc5783));
|
|
3693
3838
|
let ref = (0, $bzgmy$reactariautils.useObjectRef)(item.props.ref);
|
|
3694
|
-
let { rowProps: rowProps
|
|
3839
|
+
let { rowProps: rowProps, gridCellProps: gridCellProps, descriptionProps: descriptionProps, ...states } = (0, $bzgmy$reactaria.useGridListItem)({
|
|
3695
3840
|
node: item,
|
|
3696
3841
|
shouldSelectOnPressUp: !!dragState
|
|
3697
3842
|
}, state, ref);
|
|
3698
|
-
let { hoverProps: hoverProps
|
|
3843
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $bzgmy$reactaria.useHover)({
|
|
3699
3844
|
isDisabled: !states.allowsSelection && !states.hasAction
|
|
3700
3845
|
});
|
|
3701
|
-
let { isFocusVisible: isFocusVisible
|
|
3702
|
-
let { checkboxProps: checkboxProps
|
|
3846
|
+
let { isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $bzgmy$reactaria.useFocusRing)();
|
|
3847
|
+
let { checkboxProps: checkboxProps } = (0, $bzgmy$reactaria.useGridListSelectionCheckbox)({
|
|
3703
3848
|
key: item.key
|
|
3704
3849
|
}, state);
|
|
3705
3850
|
let draggableItem = null;
|
|
@@ -3709,7 +3854,7 @@ function $132cbde493282f82$var$GridListItem({ item: item }) {
|
|
|
3709
3854
|
}, dragState);
|
|
3710
3855
|
let dropIndicator = null;
|
|
3711
3856
|
let dropIndicatorRef = (0, $bzgmy$react.useRef)(null);
|
|
3712
|
-
let { visuallyHiddenProps: visuallyHiddenProps
|
|
3857
|
+
let { visuallyHiddenProps: visuallyHiddenProps } = (0, $bzgmy$reactaria.useVisuallyHidden)();
|
|
3713
3858
|
if (dropState && dragAndDropHooks) dropIndicator = dragAndDropHooks.useDropIndicator({
|
|
3714
3859
|
target: {
|
|
3715
3860
|
type: "item",
|
|
@@ -3820,9 +3965,9 @@ function $132cbde493282f82$var$GridListItem({ item: item }) {
|
|
|
3820
3965
|
}
|
|
3821
3966
|
function $132cbde493282f82$var$GridListDropIndicatorWrapper(props, ref) {
|
|
3822
3967
|
ref = (0, $bzgmy$reactariautils.useObjectRef)(ref);
|
|
3823
|
-
let { dragAndDropHooks: dragAndDropHooks
|
|
3968
|
+
let { dragAndDropHooks: dragAndDropHooks, dropState: dropState } = (0, $bzgmy$react.useContext)((0, $368d79437ab76c11$export$d188a835a7bc5783));
|
|
3824
3969
|
let buttonRef = (0, $bzgmy$react.useRef)(null);
|
|
3825
|
-
let { dropIndicatorProps: dropIndicatorProps
|
|
3970
|
+
let { dropIndicatorProps: dropIndicatorProps, isHidden: isHidden, isDropTarget: isDropTarget } = dragAndDropHooks.useDropIndicator(props, dropState, buttonRef);
|
|
3826
3971
|
if (isHidden) return null;
|
|
3827
3972
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($132cbde493282f82$var$GridListDropIndicatorForwardRef, {
|
|
3828
3973
|
...props,
|
|
@@ -3833,8 +3978,8 @@ function $132cbde493282f82$var$GridListDropIndicatorWrapper(props, ref) {
|
|
|
3833
3978
|
});
|
|
3834
3979
|
}
|
|
3835
3980
|
function $132cbde493282f82$var$GridListDropIndicator(props, ref) {
|
|
3836
|
-
let { dropIndicatorProps: dropIndicatorProps
|
|
3837
|
-
let { visuallyHiddenProps: visuallyHiddenProps
|
|
3981
|
+
let { dropIndicatorProps: dropIndicatorProps, isDropTarget: isDropTarget, buttonRef: buttonRef, ...otherProps } = props;
|
|
3982
|
+
let { visuallyHiddenProps: visuallyHiddenProps } = (0, $bzgmy$reactaria.useVisuallyHidden)();
|
|
3838
3983
|
let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
|
|
3839
3984
|
...otherProps,
|
|
3840
3985
|
defaultClassName: "react-aria-DropIndicator",
|
|
@@ -3858,9 +4003,9 @@ function $132cbde493282f82$var$GridListDropIndicator(props, ref) {
|
|
|
3858
4003
|
}
|
|
3859
4004
|
const $132cbde493282f82$var$GridListDropIndicatorForwardRef = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($132cbde493282f82$var$GridListDropIndicator);
|
|
3860
4005
|
function $132cbde493282f82$var$RootDropIndicator() {
|
|
3861
|
-
let { dragAndDropHooks: dragAndDropHooks
|
|
4006
|
+
let { dragAndDropHooks: dragAndDropHooks, dropState: dropState } = (0, $bzgmy$react.useContext)((0, $368d79437ab76c11$export$d188a835a7bc5783));
|
|
3862
4007
|
let ref = (0, $bzgmy$react.useRef)(null);
|
|
3863
|
-
let { dropIndicatorProps: dropIndicatorProps
|
|
4008
|
+
let { dropIndicatorProps: dropIndicatorProps } = dragAndDropHooks.useDropIndicator({
|
|
3864
4009
|
target: {
|
|
3865
4010
|
type: "root"
|
|
3866
4011
|
}
|
|
@@ -3868,7 +4013,7 @@ function $132cbde493282f82$var$RootDropIndicator() {
|
|
|
3868
4013
|
let isDropTarget = dropState.isDropTarget({
|
|
3869
4014
|
type: "root"
|
|
3870
4015
|
});
|
|
3871
|
-
let { visuallyHiddenProps: visuallyHiddenProps
|
|
4016
|
+
let { visuallyHiddenProps: visuallyHiddenProps } = (0, $bzgmy$reactaria.useVisuallyHidden)();
|
|
3872
4017
|
if (!isDropTarget && dropIndicatorProps["aria-hidden"]) return null;
|
|
3873
4018
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("div", {
|
|
3874
4019
|
role: "row",
|
|
@@ -3941,12 +4086,13 @@ const $70c886ca98ebdc2b$export$16e4d70cc375e707 = /*#__PURE__*/ (0, $bzgmy$react
|
|
|
3941
4086
|
|
|
3942
4087
|
|
|
3943
4088
|
|
|
4089
|
+
|
|
3944
4090
|
const $a8f6e7d095d1cc86$export$c7e742effb1c51e2 = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
3945
|
-
const $a8f6e7d095d1cc86$
|
|
4091
|
+
const $a8f6e7d095d1cc86$export$24aad8519b95b41b = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
3946
4092
|
function $a8f6e7d095d1cc86$export$27d2ad3c5815583e(props) {
|
|
3947
4093
|
let state = (0, $bzgmy$reactstately.useMenuTriggerState)(props);
|
|
3948
4094
|
let ref = (0, $bzgmy$react.useRef)(null);
|
|
3949
|
-
let { menuTriggerProps: menuTriggerProps
|
|
4095
|
+
let { menuTriggerProps: menuTriggerProps, menuProps: menuProps } = (0, $bzgmy$reactaria.useMenuTrigger)({
|
|
3950
4096
|
...props,
|
|
3951
4097
|
type: "menu"
|
|
3952
4098
|
}, state, ref);
|
|
@@ -3957,27 +4103,26 @@ function $a8f6e7d095d1cc86$export$27d2ad3c5815583e(props) {
|
|
|
3957
4103
|
menuProps
|
|
3958
4104
|
],
|
|
3959
4105
|
[
|
|
3960
|
-
(0, $
|
|
3961
|
-
|
|
3962
|
-
...menuTriggerProps,
|
|
3963
|
-
ref: ref,
|
|
3964
|
-
isPressed: state.isOpen
|
|
3965
|
-
}
|
|
4106
|
+
(0, $2979ab89b336194b$export$d2f961adcb0afbe),
|
|
4107
|
+
state
|
|
3966
4108
|
],
|
|
3967
4109
|
[
|
|
3968
4110
|
(0, $61e2b7078adb18bc$export$9b9a0cd73afb7ca4),
|
|
3969
4111
|
{
|
|
3970
|
-
state: state,
|
|
3971
4112
|
triggerRef: ref,
|
|
3972
4113
|
placement: "bottom start"
|
|
3973
4114
|
}
|
|
3974
4115
|
]
|
|
3975
4116
|
]
|
|
3976
|
-
},
|
|
4117
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $bzgmy$reactariainteractions.PressResponder), {
|
|
4118
|
+
...menuTriggerProps,
|
|
4119
|
+
ref: ref,
|
|
4120
|
+
isPressed: state.isOpen
|
|
4121
|
+
}, props.children));
|
|
3977
4122
|
}
|
|
3978
4123
|
function $a8f6e7d095d1cc86$var$Menu(props, ref) {
|
|
3979
4124
|
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $a8f6e7d095d1cc86$export$c7e742effb1c51e2);
|
|
3980
|
-
let { portal: portal
|
|
4125
|
+
let { portal: portal, collection: collection } = (0, $3114c2382242bdc0$export$6cd28814d92fa9c9)(props);
|
|
3981
4126
|
// Delay rendering the actual menu until we have the collection so that auto focus works properly.
|
|
3982
4127
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, ($parcel$interopDefault($bzgmy$react))).Fragment, null, collection.size > 0 && /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($a8f6e7d095d1cc86$var$MenuInner, {
|
|
3983
4128
|
props: props,
|
|
@@ -3985,13 +4130,13 @@ function $a8f6e7d095d1cc86$var$Menu(props, ref) {
|
|
|
3985
4130
|
menuRef: ref
|
|
3986
4131
|
}), portal);
|
|
3987
4132
|
}
|
|
3988
|
-
function $a8f6e7d095d1cc86$var$MenuInner({ props: props
|
|
4133
|
+
function $a8f6e7d095d1cc86$var$MenuInner({ props: props, collection: collection, menuRef: ref }) {
|
|
3989
4134
|
let state = (0, $bzgmy$reactstately.useTreeState)({
|
|
3990
4135
|
...props,
|
|
3991
4136
|
collection: collection,
|
|
3992
4137
|
children: undefined
|
|
3993
4138
|
});
|
|
3994
|
-
let { menuProps: menuProps
|
|
4139
|
+
let { menuProps: menuProps } = (0, $bzgmy$reactaria.useMenu)(props, state, ref);
|
|
3995
4140
|
let children = (0, $3114c2382242bdc0$export$727c8fc270210f13)({
|
|
3996
4141
|
items: state.collection,
|
|
3997
4142
|
children: (item)=>{
|
|
@@ -4016,13 +4161,13 @@ function $a8f6e7d095d1cc86$var$MenuInner({ props: props , collection: collection
|
|
|
4016
4161
|
...(0, $bzgmy$reactariautils.filterDOMProps)(props),
|
|
4017
4162
|
...menuProps,
|
|
4018
4163
|
ref: ref,
|
|
4019
|
-
slot: props.slot,
|
|
4164
|
+
slot: props.slot || undefined,
|
|
4020
4165
|
style: props.style,
|
|
4021
4166
|
className: (_props_className = props.className) !== null && _props_className !== void 0 ? _props_className : "react-aria-Menu"
|
|
4022
4167
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$2881499e37b75b9a), {
|
|
4023
4168
|
values: [
|
|
4024
4169
|
[
|
|
4025
|
-
$a8f6e7d095d1cc86$
|
|
4170
|
+
$a8f6e7d095d1cc86$export$24aad8519b95b41b,
|
|
4026
4171
|
state
|
|
4027
4172
|
],
|
|
4028
4173
|
[
|
|
@@ -4037,12 +4182,12 @@ function $a8f6e7d095d1cc86$var$MenuInner({ props: props , collection: collection
|
|
|
4037
4182
|
/**
|
|
4038
4183
|
* A menu displays a list of actions or options that a user can choose.
|
|
4039
4184
|
*/ const $a8f6e7d095d1cc86$export$d9b273488cd8ce6f = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($a8f6e7d095d1cc86$var$Menu);
|
|
4040
|
-
function $a8f6e7d095d1cc86$var$MenuSection({ section: section
|
|
4185
|
+
function $a8f6e7d095d1cc86$var$MenuSection({ section: section, className: className, style: style, ...otherProps }) {
|
|
4041
4186
|
var _section_props, _section_props1;
|
|
4042
|
-
let state = (0, $bzgmy$react.useContext)($a8f6e7d095d1cc86$
|
|
4187
|
+
let state = (0, $bzgmy$react.useContext)($a8f6e7d095d1cc86$export$24aad8519b95b41b);
|
|
4043
4188
|
let [headingRef, heading] = (0, $c5ccf687772c0422$export$9d4c57ee4c6ffdd8)();
|
|
4044
4189
|
var _section_arialabel;
|
|
4045
|
-
let { headingProps: headingProps
|
|
4190
|
+
let { headingProps: headingProps, groupProps: groupProps } = (0, $bzgmy$reactaria.useMenuSection)({
|
|
4046
4191
|
heading: heading,
|
|
4047
4192
|
"aria-label": (_section_arialabel = section["aria-label"]) !== null && _section_arialabel !== void 0 ? _section_arialabel : undefined
|
|
4048
4193
|
});
|
|
@@ -4052,7 +4197,7 @@ function $a8f6e7d095d1cc86$var$MenuSection({ section: section , className: class
|
|
|
4052
4197
|
switch(item.type){
|
|
4053
4198
|
case "header":
|
|
4054
4199
|
{
|
|
4055
|
-
let { ref: ref
|
|
4200
|
+
let { ref: ref, ...otherProps } = item.props;
|
|
4056
4201
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c7efb75a1a3fe2d2$export$8b251419efc915eb), {
|
|
4057
4202
|
...headingProps,
|
|
4058
4203
|
...otherProps,
|
|
@@ -4076,14 +4221,14 @@ function $a8f6e7d095d1cc86$var$MenuSection({ section: section , className: class
|
|
|
4076
4221
|
ref: section.props.ref
|
|
4077
4222
|
}, children);
|
|
4078
4223
|
}
|
|
4079
|
-
function $a8f6e7d095d1cc86$var$MenuItem({ item: item
|
|
4080
|
-
let state = (0, $bzgmy$react.useContext)($a8f6e7d095d1cc86$
|
|
4224
|
+
function $a8f6e7d095d1cc86$var$MenuItem({ item: item }) {
|
|
4225
|
+
let state = (0, $bzgmy$react.useContext)($a8f6e7d095d1cc86$export$24aad8519b95b41b);
|
|
4081
4226
|
let ref = (0, $bzgmy$reactariautils.useObjectRef)(item.props.ref);
|
|
4082
|
-
let { menuItemProps: menuItemProps
|
|
4227
|
+
let { menuItemProps: menuItemProps, labelProps: labelProps, descriptionProps: descriptionProps, keyboardShortcutProps: keyboardShortcutProps, ...states } = (0, $bzgmy$reactaria.useMenuItem)({
|
|
4083
4228
|
key: item.key
|
|
4084
4229
|
}, state, ref);
|
|
4085
4230
|
let props = item.props;
|
|
4086
|
-
let { isFocusVisible: isFocusVisible
|
|
4231
|
+
let { isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $bzgmy$reactaria.useFocusRing)();
|
|
4087
4232
|
let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
|
|
4088
4233
|
...props,
|
|
4089
4234
|
id: undefined,
|
|
@@ -4097,10 +4242,9 @@ function $a8f6e7d095d1cc86$var$MenuItem({ item: item }) {
|
|
|
4097
4242
|
selectionBehavior: state.selectionManager.selectionBehavior
|
|
4098
4243
|
}
|
|
4099
4244
|
});
|
|
4100
|
-
let
|
|
4101
|
-
|
|
4102
|
-
|
|
4103
|
-
...(0, $bzgmy$reactaria.mergeProps)(DOMProps, menuItemProps, focusProps),
|
|
4245
|
+
let ElementType = props.href ? "a" : "div";
|
|
4246
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement(ElementType, {
|
|
4247
|
+
...(0, $bzgmy$reactaria.mergeProps)(menuItemProps, focusProps),
|
|
4104
4248
|
...renderProps,
|
|
4105
4249
|
ref: ref,
|
|
4106
4250
|
"data-disabled": states.isDisabled || undefined,
|
|
@@ -4147,9 +4291,9 @@ function $a8f6e7d095d1cc86$var$MenuItem({ item: item }) {
|
|
|
4147
4291
|
const $e85da53562ca5320$export$8b645da15a96b44f = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
4148
4292
|
function $e85da53562ca5320$var$Meter(props, ref) {
|
|
4149
4293
|
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $e85da53562ca5320$export$8b645da15a96b44f);
|
|
4150
|
-
let { value: value = 0
|
|
4294
|
+
let { value: value = 0, minValue: minValue = 0, maxValue: maxValue = 100 } = props;
|
|
4151
4295
|
let [labelRef, label] = (0, $c5ccf687772c0422$export$9d4c57ee4c6ffdd8)();
|
|
4152
|
-
let { meterProps: meterProps
|
|
4296
|
+
let { meterProps: meterProps, labelProps: labelProps } = (0, $bzgmy$reactaria.useMeter)({
|
|
4153
4297
|
...props,
|
|
4154
4298
|
label: label
|
|
4155
4299
|
});
|
|
@@ -4167,7 +4311,7 @@ function $e85da53562ca5320$var$Meter(props, ref) {
|
|
|
4167
4311
|
...meterProps,
|
|
4168
4312
|
...renderProps,
|
|
4169
4313
|
ref: ref,
|
|
4170
|
-
slot: props.slot
|
|
4314
|
+
slot: props.slot || undefined
|
|
4171
4315
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $84ae0bf5bd8e2a5f$export$75b6ee27786ba447).Provider, {
|
|
4172
4316
|
value: {
|
|
4173
4317
|
...labelProps,
|
|
@@ -4181,6 +4325,141 @@ function $e85da53562ca5320$var$Meter(props, ref) {
|
|
|
4181
4325
|
*/ const $e85da53562ca5320$export$62e3ae2a4090b879 = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($e85da53562ca5320$var$Meter);
|
|
4182
4326
|
|
|
4183
4327
|
|
|
4328
|
+
/*
|
|
4329
|
+
* Copyright 2022 Adobe. All rights reserved.
|
|
4330
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
4331
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
4332
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
4333
|
+
*
|
|
4334
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
4335
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
4336
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
4337
|
+
* governing permissions and limitations under the License.
|
|
4338
|
+
*/
|
|
4339
|
+
|
|
4340
|
+
|
|
4341
|
+
|
|
4342
|
+
|
|
4343
|
+
|
|
4344
|
+
const $71899cff63e14b82$export$ab57792b9b6974a6 = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
4345
|
+
const $71899cff63e14b82$var$InternalModalContext = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
4346
|
+
function $71899cff63e14b82$var$Modal(props, ref) {
|
|
4347
|
+
let ctx = (0, $bzgmy$react.useContext)($71899cff63e14b82$var$InternalModalContext);
|
|
4348
|
+
if (ctx) return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($71899cff63e14b82$var$ModalContent, {
|
|
4349
|
+
...props,
|
|
4350
|
+
modalRef: ref
|
|
4351
|
+
}, props.children);
|
|
4352
|
+
let { isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, isOpen: isOpen, defaultOpen: defaultOpen, onOpenChange: onOpenChange, children: children, ...otherProps } = props;
|
|
4353
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($71899cff63e14b82$export$8948f78d83984c69, {
|
|
4354
|
+
isDismissable: isDismissable,
|
|
4355
|
+
isKeyboardDismissDisabled: isKeyboardDismissDisabled,
|
|
4356
|
+
isOpen: isOpen,
|
|
4357
|
+
defaultOpen: defaultOpen,
|
|
4358
|
+
onOpenChange: onOpenChange
|
|
4359
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($71899cff63e14b82$var$ModalContent, {
|
|
4360
|
+
...otherProps,
|
|
4361
|
+
modalRef: ref
|
|
4362
|
+
}, children));
|
|
4363
|
+
}
|
|
4364
|
+
/**
|
|
4365
|
+
* A modal is an overlay element which blocks interaction with elements outside it.
|
|
4366
|
+
*/ const $71899cff63e14b82$export$2b77a92f1a5ad772 = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($71899cff63e14b82$var$Modal);
|
|
4367
|
+
function $71899cff63e14b82$var$ModalOverlayWithForwardRef(props, ref) {
|
|
4368
|
+
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $71899cff63e14b82$export$ab57792b9b6974a6);
|
|
4369
|
+
let contextState = (0, $bzgmy$react.useContext)((0, $2979ab89b336194b$export$d2f961adcb0afbe));
|
|
4370
|
+
let localState = (0, $bzgmy$reactstately.useOverlayTriggerState)(props);
|
|
4371
|
+
let state = props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;
|
|
4372
|
+
let objectRef = (0, $bzgmy$reactariautils.useObjectRef)(ref);
|
|
4373
|
+
let modalRef = (0, $bzgmy$react.useRef)(null);
|
|
4374
|
+
let isOverlayExiting = (0, $c5ccf687772c0422$export$45fda7c47f93fd48)(objectRef, state.isOpen);
|
|
4375
|
+
let isModalExiting = (0, $c5ccf687772c0422$export$45fda7c47f93fd48)(modalRef, state.isOpen);
|
|
4376
|
+
let isExiting = isOverlayExiting || isModalExiting;
|
|
4377
|
+
let isSSR = (0, $bzgmy$reactaria.useIsSSR)();
|
|
4378
|
+
if (!state.isOpen && !isExiting || isSSR) return null;
|
|
4379
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($71899cff63e14b82$var$ModalOverlayInner, {
|
|
4380
|
+
...props,
|
|
4381
|
+
state: state,
|
|
4382
|
+
isExiting: isExiting,
|
|
4383
|
+
overlayRef: objectRef,
|
|
4384
|
+
modalRef: modalRef
|
|
4385
|
+
});
|
|
4386
|
+
}
|
|
4387
|
+
const $71899cff63e14b82$export$8948f78d83984c69 = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($71899cff63e14b82$var$ModalOverlayWithForwardRef);
|
|
4388
|
+
function $71899cff63e14b82$var$ModalOverlayInner(props) {
|
|
4389
|
+
let modalRef = props.modalRef;
|
|
4390
|
+
let { state: state } = props;
|
|
4391
|
+
let { modalProps: modalProps, underlayProps: underlayProps } = (0, $bzgmy$reactaria.useModalOverlay)(props, state, modalRef);
|
|
4392
|
+
let entering = (0, $c5ccf687772c0422$export$6d3443f2c48bfc20)(props.overlayRef);
|
|
4393
|
+
let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
|
|
4394
|
+
...props,
|
|
4395
|
+
defaultClassName: "react-aria-ModalOverlay",
|
|
4396
|
+
values: {
|
|
4397
|
+
isEntering: entering,
|
|
4398
|
+
isExiting: props.isExiting,
|
|
4399
|
+
state: state
|
|
4400
|
+
}
|
|
4401
|
+
});
|
|
4402
|
+
let viewport = (0, $bzgmy$reactariautils.useViewportSize)();
|
|
4403
|
+
let style = {
|
|
4404
|
+
...renderProps.style,
|
|
4405
|
+
"--visual-viewport-height": viewport.height + "px"
|
|
4406
|
+
};
|
|
4407
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $bzgmy$reactaria.Overlay), {
|
|
4408
|
+
isExiting: props.isExiting
|
|
4409
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("div", {
|
|
4410
|
+
...(0, $bzgmy$reactariautils.mergeProps)((0, $bzgmy$reactariautils.filterDOMProps)(props), underlayProps),
|
|
4411
|
+
...renderProps,
|
|
4412
|
+
style: style,
|
|
4413
|
+
ref: props.overlayRef,
|
|
4414
|
+
"data-entering": entering || undefined,
|
|
4415
|
+
"data-exiting": props.isExiting || undefined
|
|
4416
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$2881499e37b75b9a), {
|
|
4417
|
+
values: [
|
|
4418
|
+
[
|
|
4419
|
+
$71899cff63e14b82$var$InternalModalContext,
|
|
4420
|
+
{
|
|
4421
|
+
modalProps: modalProps,
|
|
4422
|
+
modalRef: modalRef,
|
|
4423
|
+
isExiting: props.isExiting,
|
|
4424
|
+
isDismissable: props.isDismissable
|
|
4425
|
+
}
|
|
4426
|
+
],
|
|
4427
|
+
[
|
|
4428
|
+
(0, $2979ab89b336194b$export$d2f961adcb0afbe),
|
|
4429
|
+
state
|
|
4430
|
+
]
|
|
4431
|
+
]
|
|
4432
|
+
}, renderProps.children)));
|
|
4433
|
+
}
|
|
4434
|
+
function $71899cff63e14b82$var$ModalContent(props) {
|
|
4435
|
+
let { modalProps: modalProps, modalRef: modalRef, isExiting: isExiting, isDismissable: isDismissable } = (0, $bzgmy$react.useContext)($71899cff63e14b82$var$InternalModalContext);
|
|
4436
|
+
let state = (0, $bzgmy$react.useContext)((0, $2979ab89b336194b$export$d2f961adcb0afbe));
|
|
4437
|
+
let mergedRefs = (0, $bzgmy$react.useMemo)(()=>(0, $bzgmy$reactariautils.mergeRefs)(props.modalRef, modalRef), [
|
|
4438
|
+
props.modalRef,
|
|
4439
|
+
modalRef
|
|
4440
|
+
]);
|
|
4441
|
+
let ref = (0, $bzgmy$reactariautils.useObjectRef)(mergedRefs);
|
|
4442
|
+
let entering = (0, $c5ccf687772c0422$export$6d3443f2c48bfc20)(ref);
|
|
4443
|
+
let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
|
|
4444
|
+
...props,
|
|
4445
|
+
defaultClassName: "react-aria-Modal",
|
|
4446
|
+
values: {
|
|
4447
|
+
isEntering: entering,
|
|
4448
|
+
isExiting: isExiting,
|
|
4449
|
+
state: state
|
|
4450
|
+
}
|
|
4451
|
+
});
|
|
4452
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("div", {
|
|
4453
|
+
...(0, $bzgmy$reactariautils.mergeProps)((0, $bzgmy$reactariautils.filterDOMProps)(props), modalProps),
|
|
4454
|
+
...renderProps,
|
|
4455
|
+
ref: ref,
|
|
4456
|
+
"data-entering": entering || undefined,
|
|
4457
|
+
"data-exiting": isExiting || undefined
|
|
4458
|
+
}, isDismissable && /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $bzgmy$reactaria.DismissButton), {
|
|
4459
|
+
onDismiss: state.close
|
|
4460
|
+
}), renderProps.children);
|
|
4461
|
+
}
|
|
4462
|
+
|
|
4184
4463
|
|
|
4185
4464
|
/*
|
|
4186
4465
|
* Copyright 2022 Adobe. All rights reserved.
|
|
@@ -4203,17 +4482,18 @@ function $e85da53562ca5320$var$Meter(props, ref) {
|
|
|
4203
4482
|
|
|
4204
4483
|
|
|
4205
4484
|
const $177b28eee7968d58$export$b414a48cf5dcbc11 = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
4485
|
+
const $177b28eee7968d58$export$6cc906c6cff9bec5 = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
4206
4486
|
function $177b28eee7968d58$var$NumberField(props, ref) {
|
|
4207
4487
|
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $177b28eee7968d58$export$b414a48cf5dcbc11);
|
|
4208
|
-
let { locale: locale
|
|
4488
|
+
let { locale: locale } = (0, $bzgmy$reactaria.useLocale)();
|
|
4209
4489
|
let state = (0, $bzgmy$reactstately.useNumberFieldState)({
|
|
4210
4490
|
...props,
|
|
4211
4491
|
locale: locale
|
|
4212
4492
|
});
|
|
4213
4493
|
let inputRef = (0, $bzgmy$react.useRef)(null);
|
|
4214
4494
|
let [labelRef, label] = (0, $c5ccf687772c0422$export$9d4c57ee4c6ffdd8)();
|
|
4215
|
-
let { labelProps: labelProps
|
|
4216
|
-
...props,
|
|
4495
|
+
let { labelProps: labelProps, groupProps: groupProps, inputProps: inputProps, incrementButtonProps: incrementButtonProps, decrementButtonProps: decrementButtonProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $bzgmy$reactaria.useNumberField)({
|
|
4496
|
+
...(0, $c5ccf687772c0422$export$ef03459518577ad4)(props),
|
|
4217
4497
|
label: label
|
|
4218
4498
|
}, state, inputRef);
|
|
4219
4499
|
let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
|
|
@@ -4229,6 +4509,10 @@ function $177b28eee7968d58$var$NumberField(props, ref) {
|
|
|
4229
4509
|
delete DOMProps.id;
|
|
4230
4510
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$2881499e37b75b9a), {
|
|
4231
4511
|
values: [
|
|
4512
|
+
[
|
|
4513
|
+
$177b28eee7968d58$export$6cc906c6cff9bec5,
|
|
4514
|
+
state
|
|
4515
|
+
],
|
|
4232
4516
|
[
|
|
4233
4517
|
(0, $dcae72abc18c0045$export$f9c6924e160136d1),
|
|
4234
4518
|
groupProps
|
|
@@ -4270,7 +4554,7 @@ function $177b28eee7968d58$var$NumberField(props, ref) {
|
|
|
4270
4554
|
...DOMProps,
|
|
4271
4555
|
...renderProps,
|
|
4272
4556
|
ref: ref,
|
|
4273
|
-
slot: props.slot,
|
|
4557
|
+
slot: props.slot || undefined,
|
|
4274
4558
|
"data-disabled": props.isDisabled || undefined,
|
|
4275
4559
|
"data-invalid": props.isInvalid || undefined
|
|
4276
4560
|
}), props.name && /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("input", {
|
|
@@ -4303,9 +4587,9 @@ function $177b28eee7968d58$var$NumberField(props, ref) {
|
|
|
4303
4587
|
const $0d6436f6a1b0b001$export$e9f3bf65a26ce129 = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
4304
4588
|
function $0d6436f6a1b0b001$var$ProgressBar(props, ref) {
|
|
4305
4589
|
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $0d6436f6a1b0b001$export$e9f3bf65a26ce129);
|
|
4306
|
-
let { value: value = 0
|
|
4590
|
+
let { value: value = 0, minValue: minValue = 0, maxValue: maxValue = 100, isIndeterminate: isIndeterminate = false } = props;
|
|
4307
4591
|
let [labelRef, label] = (0, $c5ccf687772c0422$export$9d4c57ee4c6ffdd8)();
|
|
4308
|
-
let { progressBarProps: progressBarProps
|
|
4592
|
+
let { progressBarProps: progressBarProps, labelProps: labelProps } = (0, $bzgmy$reactaria.useProgressBar)({
|
|
4309
4593
|
...props,
|
|
4310
4594
|
label: label
|
|
4311
4595
|
});
|
|
@@ -4324,7 +4608,7 @@ function $0d6436f6a1b0b001$var$ProgressBar(props, ref) {
|
|
|
4324
4608
|
...progressBarProps,
|
|
4325
4609
|
...renderProps,
|
|
4326
4610
|
ref: ref,
|
|
4327
|
-
slot: props.slot
|
|
4611
|
+
slot: props.slot || undefined
|
|
4328
4612
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $84ae0bf5bd8e2a5f$export$75b6ee27786ba447).Provider, {
|
|
4329
4613
|
value: {
|
|
4330
4614
|
...labelProps,
|
|
@@ -4359,12 +4643,12 @@ function $0d6436f6a1b0b001$var$ProgressBar(props, ref) {
|
|
|
4359
4643
|
|
|
4360
4644
|
const $1456b76f687bd4ed$export$a79eda4ff50e30b6 = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
4361
4645
|
const $1456b76f687bd4ed$export$b118023277d4a5c3 = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
4362
|
-
|
|
4646
|
+
const $1456b76f687bd4ed$export$29d84393af70866c = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
4363
4647
|
function $1456b76f687bd4ed$var$RadioGroup(props, ref) {
|
|
4364
4648
|
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $1456b76f687bd4ed$export$a79eda4ff50e30b6);
|
|
4365
4649
|
let state = (0, $bzgmy$reactstately.useRadioGroupState)(props);
|
|
4366
4650
|
let [labelRef, label] = (0, $c5ccf687772c0422$export$9d4c57ee4c6ffdd8)();
|
|
4367
|
-
let { radioGroupProps: radioGroupProps
|
|
4651
|
+
let { radioGroupProps: radioGroupProps, labelProps: labelProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $bzgmy$reactaria.useRadioGroup)({
|
|
4368
4652
|
...props,
|
|
4369
4653
|
label: label
|
|
4370
4654
|
}, state);
|
|
@@ -4384,7 +4668,7 @@ function $1456b76f687bd4ed$var$RadioGroup(props, ref) {
|
|
|
4384
4668
|
...radioGroupProps,
|
|
4385
4669
|
...renderProps,
|
|
4386
4670
|
ref: ref,
|
|
4387
|
-
slot: props.slot,
|
|
4671
|
+
slot: props.slot || undefined,
|
|
4388
4672
|
"data-orientation": props.orientation || "vertical",
|
|
4389
4673
|
"data-invalid": state.isInvalid || undefined,
|
|
4390
4674
|
"data-disabled": state.isDisabled || undefined,
|
|
@@ -4393,7 +4677,7 @@ function $1456b76f687bd4ed$var$RadioGroup(props, ref) {
|
|
|
4393
4677
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$2881499e37b75b9a), {
|
|
4394
4678
|
values: [
|
|
4395
4679
|
[
|
|
4396
|
-
$1456b76f687bd4ed$
|
|
4680
|
+
$1456b76f687bd4ed$export$29d84393af70866c,
|
|
4397
4681
|
state
|
|
4398
4682
|
],
|
|
4399
4683
|
[
|
|
@@ -4418,19 +4702,19 @@ function $1456b76f687bd4ed$var$RadioGroup(props, ref) {
|
|
|
4418
4702
|
}
|
|
4419
4703
|
function $1456b76f687bd4ed$var$Radio(props, ref) {
|
|
4420
4704
|
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $1456b76f687bd4ed$export$b118023277d4a5c3);
|
|
4421
|
-
let state = (0, ($parcel$interopDefault($bzgmy$react))).useContext($1456b76f687bd4ed$
|
|
4705
|
+
let state = (0, ($parcel$interopDefault($bzgmy$react))).useContext($1456b76f687bd4ed$export$29d84393af70866c);
|
|
4422
4706
|
let domRef = (0, $bzgmy$reactariautils.useObjectRef)(ref);
|
|
4423
|
-
let { inputProps: inputProps
|
|
4424
|
-
...props,
|
|
4707
|
+
let { inputProps: inputProps, isSelected: isSelected, isDisabled: isDisabled, isPressed: isPressedKeyboard } = (0, $bzgmy$reactaria.useRadio)({
|
|
4708
|
+
...(0, $c5ccf687772c0422$export$ef03459518577ad4)(props),
|
|
4425
4709
|
// ReactNode type doesn't allow function children.
|
|
4426
4710
|
children: typeof props.children === "function" ? true : props.children
|
|
4427
4711
|
}, state, domRef);
|
|
4428
|
-
let { isFocused: isFocused
|
|
4712
|
+
let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $bzgmy$reactaria.useFocusRing)();
|
|
4429
4713
|
let interactionDisabled = isDisabled || state.isReadOnly;
|
|
4430
4714
|
// Handle press state for full label. Keyboard press state is returned by useRadio
|
|
4431
4715
|
// since it is handled on the <input> element itself.
|
|
4432
4716
|
let [isPressed, setPressed] = (0, $bzgmy$react.useState)(false);
|
|
4433
|
-
let { pressProps: pressProps
|
|
4717
|
+
let { pressProps: pressProps } = (0, $bzgmy$reactaria.usePress)({
|
|
4434
4718
|
isDisabled: interactionDisabled,
|
|
4435
4719
|
onPressStart (e) {
|
|
4436
4720
|
if (e.pointerType !== "keyboard") setPressed(true);
|
|
@@ -4439,7 +4723,7 @@ function $1456b76f687bd4ed$var$Radio(props, ref) {
|
|
|
4439
4723
|
if (e.pointerType !== "keyboard") setPressed(false);
|
|
4440
4724
|
}
|
|
4441
4725
|
});
|
|
4442
|
-
let { hoverProps: hoverProps
|
|
4726
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $bzgmy$reactaria.useHover)({
|
|
4443
4727
|
isDisabled: interactionDisabled
|
|
4444
4728
|
});
|
|
4445
4729
|
let pressed = interactionDisabled ? false : isPressed || isPressedKeyboard;
|
|
@@ -4511,8 +4795,8 @@ function $a83c69b310385d53$var$SearchField(props, ref) {
|
|
|
4511
4795
|
let inputRef = (0, $bzgmy$react.useRef)(null);
|
|
4512
4796
|
let [labelRef, label] = (0, $c5ccf687772c0422$export$9d4c57ee4c6ffdd8)();
|
|
4513
4797
|
let state = (0, $bzgmy$reactstately.useSearchFieldState)(props);
|
|
4514
|
-
let { labelProps: labelProps
|
|
4515
|
-
...props,
|
|
4798
|
+
let { labelProps: labelProps, inputProps: inputProps, clearButtonProps: clearButtonProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $bzgmy$reactaria.useSearchField)({
|
|
4799
|
+
...(0, $c5ccf687772c0422$export$ef03459518577ad4)(props),
|
|
4516
4800
|
label: label
|
|
4517
4801
|
}, state, inputRef);
|
|
4518
4802
|
let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
|
|
@@ -4531,7 +4815,7 @@ function $a83c69b310385d53$var$SearchField(props, ref) {
|
|
|
4531
4815
|
...DOMProps,
|
|
4532
4816
|
...renderProps,
|
|
4533
4817
|
ref: ref,
|
|
4534
|
-
slot: props.slot,
|
|
4818
|
+
slot: props.slot || undefined,
|
|
4535
4819
|
"data-empty": state.value === "" || undefined,
|
|
4536
4820
|
"data-disabled": props.isDisabled || undefined,
|
|
4537
4821
|
"data-invalid": props.isInvalid || undefined
|
|
@@ -4593,17 +4877,19 @@ function $a83c69b310385d53$var$SearchField(props, ref) {
|
|
|
4593
4877
|
|
|
4594
4878
|
|
|
4595
4879
|
|
|
4880
|
+
|
|
4881
|
+
|
|
4596
4882
|
const $17f0ecdc17674b23$export$7540cee5be7dc19b = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
4597
|
-
const $17f0ecdc17674b23$
|
|
4883
|
+
const $17f0ecdc17674b23$export$ef445b55be0601bd = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
4598
4884
|
function $17f0ecdc17674b23$var$Select(props, ref) {
|
|
4599
4885
|
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $17f0ecdc17674b23$export$7540cee5be7dc19b);
|
|
4600
|
-
let { collection: collection
|
|
4886
|
+
let { collection: collection, document: document } = (0, $3114c2382242bdc0$export$7cd71aa5ddd6dc4e)();
|
|
4601
4887
|
let state = (0, $bzgmy$reactstately.useSelectState)({
|
|
4602
4888
|
...props,
|
|
4603
4889
|
collection: collection,
|
|
4604
4890
|
children: undefined
|
|
4605
4891
|
});
|
|
4606
|
-
let { isFocusVisible: isFocusVisible
|
|
4892
|
+
let { isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $bzgmy$reactaria.useFocusRing)({
|
|
4607
4893
|
within: true
|
|
4608
4894
|
});
|
|
4609
4895
|
// Only expose a subset of state to renderProps function to avoid infinite render loop
|
|
@@ -4625,8 +4911,8 @@ function $17f0ecdc17674b23$var$Select(props, ref) {
|
|
|
4625
4911
|
// Get props for child elements from useSelect
|
|
4626
4912
|
let buttonRef = (0, $bzgmy$react.useRef)(null);
|
|
4627
4913
|
let [labelRef, label] = (0, $c5ccf687772c0422$export$9d4c57ee4c6ffdd8)();
|
|
4628
|
-
let { labelProps: labelProps
|
|
4629
|
-
...props,
|
|
4914
|
+
let { labelProps: labelProps, triggerProps: triggerProps, valueProps: valueProps, menuProps: menuProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $bzgmy$reactaria.useSelect)({
|
|
4915
|
+
...(0, $c5ccf687772c0422$export$ef03459518577ad4)(props),
|
|
4630
4916
|
label: label
|
|
4631
4917
|
}, state, buttonRef);
|
|
4632
4918
|
// Make menu width match input + button
|
|
@@ -4650,29 +4936,31 @@ function $17f0ecdc17674b23$var$Select(props, ref) {
|
|
|
4650
4936
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, ($parcel$interopDefault($bzgmy$react))).Fragment, null, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$8dc98ba7eadeaa56), null, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$2881499e37b75b9a), {
|
|
4651
4937
|
values: [
|
|
4652
4938
|
[
|
|
4653
|
-
$17f0ecdc17674b23$
|
|
4654
|
-
|
|
4655
|
-
state: state,
|
|
4656
|
-
valueProps: valueProps,
|
|
4657
|
-
placeholder: props.placeholder
|
|
4658
|
-
}
|
|
4939
|
+
$17f0ecdc17674b23$export$7540cee5be7dc19b,
|
|
4940
|
+
props
|
|
4659
4941
|
],
|
|
4660
4942
|
[
|
|
4661
|
-
|
|
4662
|
-
|
|
4663
|
-
|
|
4664
|
-
|
|
4943
|
+
$17f0ecdc17674b23$export$ef445b55be0601bd,
|
|
4944
|
+
state
|
|
4945
|
+
],
|
|
4946
|
+
[
|
|
4947
|
+
(0, $3114c2382242bdc0$export$8c25dea96356a8b6),
|
|
4948
|
+
document
|
|
4665
4949
|
]
|
|
4666
4950
|
]
|
|
4667
4951
|
}, renderProps.children)), /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$2881499e37b75b9a), {
|
|
4668
4952
|
values: [
|
|
4669
4953
|
[
|
|
4670
|
-
$17f0ecdc17674b23$
|
|
4671
|
-
|
|
4672
|
-
|
|
4673
|
-
|
|
4674
|
-
|
|
4675
|
-
|
|
4954
|
+
$17f0ecdc17674b23$export$7540cee5be7dc19b,
|
|
4955
|
+
props
|
|
4956
|
+
],
|
|
4957
|
+
[
|
|
4958
|
+
$17f0ecdc17674b23$export$ef445b55be0601bd,
|
|
4959
|
+
state
|
|
4960
|
+
],
|
|
4961
|
+
[
|
|
4962
|
+
$17f0ecdc17674b23$export$f8f745c04421623f,
|
|
4963
|
+
valueProps
|
|
4676
4964
|
],
|
|
4677
4965
|
[
|
|
4678
4966
|
(0, $84ae0bf5bd8e2a5f$export$75b6ee27786ba447),
|
|
@@ -4690,10 +4978,13 @@ function $17f0ecdc17674b23$var$Select(props, ref) {
|
|
|
4690
4978
|
isPressed: state.isOpen
|
|
4691
4979
|
}
|
|
4692
4980
|
],
|
|
4981
|
+
[
|
|
4982
|
+
(0, $2979ab89b336194b$export$d2f961adcb0afbe),
|
|
4983
|
+
state
|
|
4984
|
+
],
|
|
4693
4985
|
[
|
|
4694
4986
|
(0, $61e2b7078adb18bc$export$9b9a0cd73afb7ca4),
|
|
4695
4987
|
{
|
|
4696
|
-
state: state,
|
|
4697
4988
|
triggerRef: buttonRef,
|
|
4698
4989
|
placement: "bottom start",
|
|
4699
4990
|
style: {
|
|
@@ -4703,10 +4994,11 @@ function $17f0ecdc17674b23$var$Select(props, ref) {
|
|
|
4703
4994
|
],
|
|
4704
4995
|
[
|
|
4705
4996
|
(0, $a03b42240404b420$export$7ff8f37d2d81a48d),
|
|
4706
|
-
|
|
4707
|
-
|
|
4708
|
-
|
|
4709
|
-
|
|
4997
|
+
menuProps
|
|
4998
|
+
],
|
|
4999
|
+
[
|
|
5000
|
+
(0, $a03b42240404b420$export$7c5906fe4f1f2af2),
|
|
5001
|
+
state
|
|
4710
5002
|
],
|
|
4711
5003
|
[
|
|
4712
5004
|
(0, $a8a589c28affdc40$export$9afb8bc826b033ea),
|
|
@@ -4723,7 +5015,7 @@ function $17f0ecdc17674b23$var$Select(props, ref) {
|
|
|
4723
5015
|
...renderProps,
|
|
4724
5016
|
...focusProps,
|
|
4725
5017
|
ref: ref,
|
|
4726
|
-
slot: props.slot,
|
|
5018
|
+
slot: props.slot || undefined,
|
|
4727
5019
|
"data-focused": state.isFocused || undefined,
|
|
4728
5020
|
"data-focus-visible": isFocusVisible || undefined,
|
|
4729
5021
|
"data-open": state.isOpen || undefined,
|
|
@@ -4741,9 +5033,12 @@ function $17f0ecdc17674b23$var$Select(props, ref) {
|
|
|
4741
5033
|
/**
|
|
4742
5034
|
* A select displays a collapsible list of options and allows a user to select one of them.
|
|
4743
5035
|
*/ const $17f0ecdc17674b23$export$ef9b1a59e592288f = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($17f0ecdc17674b23$var$Select);
|
|
5036
|
+
const $17f0ecdc17674b23$export$f8f745c04421623f = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
4744
5037
|
function $17f0ecdc17674b23$var$SelectValue(props, ref) {
|
|
4745
5038
|
var _state_selectedItem, _state_selectedItem1;
|
|
4746
|
-
|
|
5039
|
+
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $17f0ecdc17674b23$export$f8f745c04421623f);
|
|
5040
|
+
let state = (0, $bzgmy$react.useContext)($17f0ecdc17674b23$export$ef445b55be0601bd);
|
|
5041
|
+
let { placeholder: placeholder } = (0, $c5ccf687772c0422$export$fabf2dc03a41866e)($17f0ecdc17674b23$export$7540cee5be7dc19b);
|
|
4747
5042
|
let selectedItem = state.selectedKey != null ? state.collection.getItem(state.selectedKey) : null;
|
|
4748
5043
|
let rendered = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.rendered;
|
|
4749
5044
|
if (typeof rendered === "function") {
|
|
@@ -4760,11 +5055,11 @@ function $17f0ecdc17674b23$var$SelectValue(props, ref) {
|
|
|
4760
5055
|
selectionBehavior: "toggle"
|
|
4761
5056
|
});
|
|
4762
5057
|
}
|
|
5058
|
+
let stringFormatter = (0, $bzgmy$reactaria.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($d72d752ea1c67b9a$exports))));
|
|
4763
5059
|
var _state_selectedItem_value, _state_selectedItem_textValue;
|
|
4764
5060
|
let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
|
|
4765
5061
|
...props,
|
|
4766
|
-
|
|
4767
|
-
defaultChildren: rendered || placeholder || "Select an item",
|
|
5062
|
+
defaultChildren: rendered || placeholder || stringFormatter.format("selectPlaceholder"),
|
|
4768
5063
|
defaultClassName: "react-aria-SelectValue",
|
|
4769
5064
|
values: {
|
|
4770
5065
|
selectedItem: (_state_selectedItem_value = (_state_selectedItem = state.selectedItem) === null || _state_selectedItem === void 0 ? void 0 : _state_selectedItem.value) !== null && _state_selectedItem_value !== void 0 ? _state_selectedItem_value : null,
|
|
@@ -4773,11 +5068,9 @@ function $17f0ecdc17674b23$var$SelectValue(props, ref) {
|
|
|
4773
5068
|
}
|
|
4774
5069
|
});
|
|
4775
5070
|
let DOMProps = (0, $bzgmy$reactariautils.filterDOMProps)(props);
|
|
4776
|
-
delete DOMProps.id;
|
|
4777
5071
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("span", {
|
|
4778
5072
|
ref: ref,
|
|
4779
5073
|
...DOMProps,
|
|
4780
|
-
...valueProps,
|
|
4781
5074
|
...renderProps,
|
|
4782
5075
|
"data-placeholder": !selectedItem || undefined
|
|
4783
5076
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $a8a589c28affdc40$export$9afb8bc826b033ea).Provider, {
|
|
@@ -4808,7 +5101,9 @@ function $17f0ecdc17674b23$var$SelectValue(props, ref) {
|
|
|
4808
5101
|
|
|
4809
5102
|
|
|
4810
5103
|
const $b7152ce4839d0838$export$e99164f0030f3bff = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
4811
|
-
const $b7152ce4839d0838$
|
|
5104
|
+
const $b7152ce4839d0838$export$1e7083018727fa60 = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
5105
|
+
const $b7152ce4839d0838$export$f1fce0420cc6d8ee = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
5106
|
+
const $b7152ce4839d0838$export$6189c2744041d8f8 = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
4812
5107
|
function $b7152ce4839d0838$var$Slider(props, ref) {
|
|
4813
5108
|
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $b7152ce4839d0838$export$e99164f0030f3bff);
|
|
4814
5109
|
let trackRef = (0, $bzgmy$react.useRef)(null);
|
|
@@ -4818,7 +5113,7 @@ function $b7152ce4839d0838$var$Slider(props, ref) {
|
|
|
4818
5113
|
numberFormatter: numberFormatter
|
|
4819
5114
|
});
|
|
4820
5115
|
let [labelRef, label] = (0, $c5ccf687772c0422$export$9d4c57ee4c6ffdd8)();
|
|
4821
|
-
let { groupProps: groupProps
|
|
5116
|
+
let { groupProps: groupProps, trackProps: trackProps, labelProps: labelProps, outputProps: outputProps } = (0, $bzgmy$reactaria.useSlider)({
|
|
4822
5117
|
...props,
|
|
4823
5118
|
label: label
|
|
4824
5119
|
}, state, trackRef);
|
|
@@ -4836,14 +5131,20 @@ function $b7152ce4839d0838$var$Slider(props, ref) {
|
|
|
4836
5131
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$2881499e37b75b9a), {
|
|
4837
5132
|
values: [
|
|
4838
5133
|
[
|
|
4839
|
-
$b7152ce4839d0838$
|
|
5134
|
+
$b7152ce4839d0838$export$1e7083018727fa60,
|
|
5135
|
+
state
|
|
5136
|
+
],
|
|
5137
|
+
[
|
|
5138
|
+
$b7152ce4839d0838$export$f1fce0420cc6d8ee,
|
|
4840
5139
|
{
|
|
4841
|
-
|
|
4842
|
-
|
|
4843
|
-
trackRef: trackRef,
|
|
4844
|
-
outputProps: outputProps
|
|
5140
|
+
...trackProps,
|
|
5141
|
+
ref: trackRef
|
|
4845
5142
|
}
|
|
4846
5143
|
],
|
|
5144
|
+
[
|
|
5145
|
+
$b7152ce4839d0838$export$6189c2744041d8f8,
|
|
5146
|
+
outputProps
|
|
5147
|
+
],
|
|
4847
5148
|
[
|
|
4848
5149
|
(0, $84ae0bf5bd8e2a5f$export$75b6ee27786ba447),
|
|
4849
5150
|
{
|
|
@@ -4857,7 +5158,7 @@ function $b7152ce4839d0838$var$Slider(props, ref) {
|
|
|
4857
5158
|
...groupProps,
|
|
4858
5159
|
...renderProps,
|
|
4859
5160
|
ref: ref,
|
|
4860
|
-
slot: props.slot,
|
|
5161
|
+
slot: props.slot || undefined,
|
|
4861
5162
|
"data-orientation": state.orientation,
|
|
4862
5163
|
"data-disabled": state.isDisabled || undefined
|
|
4863
5164
|
}));
|
|
@@ -4865,8 +5166,10 @@ function $b7152ce4839d0838$var$Slider(props, ref) {
|
|
|
4865
5166
|
/**
|
|
4866
5167
|
* A slider allows a user to select one or more values within a range.
|
|
4867
5168
|
*/ const $b7152ce4839d0838$export$472062a354075cee = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($b7152ce4839d0838$var$Slider);
|
|
4868
|
-
function $b7152ce4839d0838$var$SliderOutput(
|
|
4869
|
-
|
|
5169
|
+
function $b7152ce4839d0838$var$SliderOutput(props, ref) {
|
|
5170
|
+
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $b7152ce4839d0838$export$6189c2744041d8f8);
|
|
5171
|
+
let { children: children, style: style, className: className, ...otherProps } = props;
|
|
5172
|
+
let state = (0, $bzgmy$react.useContext)($b7152ce4839d0838$export$1e7083018727fa60);
|
|
4870
5173
|
let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
|
|
4871
5174
|
className: className,
|
|
4872
5175
|
style: style,
|
|
@@ -4880,7 +5183,7 @@ function $b7152ce4839d0838$var$SliderOutput({ children: children , style: style
|
|
|
4880
5183
|
}
|
|
4881
5184
|
});
|
|
4882
5185
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("output", {
|
|
4883
|
-
...
|
|
5186
|
+
...otherProps,
|
|
4884
5187
|
...renderProps,
|
|
4885
5188
|
ref: ref,
|
|
4886
5189
|
"data-orientation": state.orientation || undefined,
|
|
@@ -4891,9 +5194,9 @@ function $b7152ce4839d0838$var$SliderOutput({ children: children , style: style
|
|
|
4891
5194
|
* A slider output displays the current value of a slider as text.
|
|
4892
5195
|
*/ const $b7152ce4839d0838$export$a590f758a961cb5b = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($b7152ce4839d0838$var$SliderOutput);
|
|
4893
5196
|
function $b7152ce4839d0838$var$SliderTrack(props, ref) {
|
|
4894
|
-
|
|
4895
|
-
let
|
|
4896
|
-
let
|
|
5197
|
+
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $b7152ce4839d0838$export$f1fce0420cc6d8ee);
|
|
5198
|
+
let state = (0, $bzgmy$react.useContext)($b7152ce4839d0838$export$1e7083018727fa60);
|
|
5199
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $bzgmy$reactaria.useHover)({});
|
|
4897
5200
|
let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
|
|
4898
5201
|
...props,
|
|
4899
5202
|
defaultClassName: "react-aria-SliderTrack",
|
|
@@ -4905,9 +5208,9 @@ function $b7152ce4839d0838$var$SliderTrack(props, ref) {
|
|
|
4905
5208
|
}
|
|
4906
5209
|
});
|
|
4907
5210
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("div", {
|
|
4908
|
-
...(0, $bzgmy$reactaria.mergeProps)(
|
|
5211
|
+
...(0, $bzgmy$reactaria.mergeProps)(props, hoverProps),
|
|
4909
5212
|
...renderProps,
|
|
4910
|
-
ref:
|
|
5213
|
+
ref: ref,
|
|
4911
5214
|
"data-hovered": isHovered || undefined,
|
|
4912
5215
|
"data-orientation": state.orientation || undefined,
|
|
4913
5216
|
"data-disabled": state.isDisabled || undefined
|
|
@@ -4917,19 +5220,20 @@ function $b7152ce4839d0838$var$SliderTrack(props, ref) {
|
|
|
4917
5220
|
* A slider track is a container for one or more slider thumbs.
|
|
4918
5221
|
*/ const $b7152ce4839d0838$export$105594979f116971 = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($b7152ce4839d0838$var$SliderTrack);
|
|
4919
5222
|
function $b7152ce4839d0838$var$SliderThumb(props, ref) {
|
|
4920
|
-
let
|
|
4921
|
-
let {
|
|
5223
|
+
let state = (0, $bzgmy$react.useContext)($b7152ce4839d0838$export$1e7083018727fa60);
|
|
5224
|
+
let { ref: trackRef } = (0, $c5ccf687772c0422$export$fabf2dc03a41866e)($b7152ce4839d0838$export$f1fce0420cc6d8ee);
|
|
5225
|
+
let { index: index = 0 } = props;
|
|
4922
5226
|
let inputRef = (0, $bzgmy$react.useRef)(null);
|
|
4923
5227
|
let [labelRef, label] = (0, $c5ccf687772c0422$export$9d4c57ee4c6ffdd8)();
|
|
4924
|
-
let { thumbProps: thumbProps
|
|
5228
|
+
let { thumbProps: thumbProps, inputProps: inputProps, labelProps: labelProps, isDragging: isDragging, isFocused: isFocused, isDisabled: isDisabled } = (0, $bzgmy$reactaria.useSliderThumb)({
|
|
4925
5229
|
...props,
|
|
4926
5230
|
index: index,
|
|
4927
5231
|
trackRef: trackRef,
|
|
4928
5232
|
inputRef: inputRef,
|
|
4929
5233
|
label: label
|
|
4930
5234
|
}, state);
|
|
4931
|
-
let { focusProps: focusProps
|
|
4932
|
-
let { hoverProps: hoverProps
|
|
5235
|
+
let { focusProps: focusProps, isFocusVisible: isFocusVisible } = (0, $bzgmy$reactaria.useFocusRing)();
|
|
5236
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $bzgmy$reactaria.useHover)({});
|
|
4933
5237
|
let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
|
|
4934
5238
|
...props,
|
|
4935
5239
|
defaultClassName: "react-aria-SliderThumb",
|
|
@@ -4996,17 +5300,17 @@ const $8d81efc5c2ff8011$export$8699e3b644d5a28a = /*#__PURE__*/ (0, $bzgmy$react
|
|
|
4996
5300
|
function $8d81efc5c2ff8011$var$Switch(props, ref) {
|
|
4997
5301
|
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $8d81efc5c2ff8011$export$8699e3b644d5a28a);
|
|
4998
5302
|
let state = (0, $bzgmy$reactstately.useToggleState)(props);
|
|
4999
|
-
let { inputProps: inputProps
|
|
5000
|
-
...props,
|
|
5303
|
+
let { inputProps: inputProps, isSelected: isSelected, isDisabled: isDisabled, isReadOnly: isReadOnly, isPressed: isPressedKeyboard } = (0, $bzgmy$reactaria.useSwitch)({
|
|
5304
|
+
...(0, $c5ccf687772c0422$export$ef03459518577ad4)(props),
|
|
5001
5305
|
// ReactNode type doesn't allow function children.
|
|
5002
5306
|
children: typeof props.children === "function" ? true : props.children
|
|
5003
5307
|
}, state, ref);
|
|
5004
|
-
let { isFocused: isFocused
|
|
5308
|
+
let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $bzgmy$reactaria.useFocusRing)();
|
|
5005
5309
|
let isInteractionDisabled = props.isDisabled || props.isReadOnly;
|
|
5006
5310
|
// Handle press state for full label. Keyboard press state is returned by useSwitch
|
|
5007
5311
|
// since it is handled on the <input> element itself.
|
|
5008
5312
|
let [isPressed, setPressed] = (0, $bzgmy$react.useState)(false);
|
|
5009
|
-
let { pressProps: pressProps
|
|
5313
|
+
let { pressProps: pressProps } = (0, $bzgmy$reactaria.usePress)({
|
|
5010
5314
|
isDisabled: isInteractionDisabled,
|
|
5011
5315
|
onPressStart (e) {
|
|
5012
5316
|
if (e.pointerType !== "keyboard") setPressed(true);
|
|
@@ -5015,7 +5319,7 @@ function $8d81efc5c2ff8011$var$Switch(props, ref) {
|
|
|
5015
5319
|
if (e.pointerType !== "keyboard") setPressed(false);
|
|
5016
5320
|
}
|
|
5017
5321
|
});
|
|
5018
|
-
let { hoverProps: hoverProps
|
|
5322
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $bzgmy$reactaria.useHover)({
|
|
5019
5323
|
isDisabled: isInteractionDisabled
|
|
5020
5324
|
});
|
|
5021
5325
|
let pressed = isInteractionDisabled ? false : isPressed || isPressedKeyboard;
|
|
@@ -5037,7 +5341,7 @@ function $8d81efc5c2ff8011$var$Switch(props, ref) {
|
|
|
5037
5341
|
delete DOMProps.id;
|
|
5038
5342
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("label", {
|
|
5039
5343
|
...(0, $bzgmy$reactaria.mergeProps)(DOMProps, pressProps, hoverProps, renderProps),
|
|
5040
|
-
slot: props.slot,
|
|
5344
|
+
slot: props.slot || undefined,
|
|
5041
5345
|
"data-selected": isSelected || undefined,
|
|
5042
5346
|
"data-pressed": pressed || undefined,
|
|
5043
5347
|
"data-hovered": isHovered || undefined,
|
|
@@ -5069,6 +5373,7 @@ function $8d81efc5c2ff8011$var$Switch(props, ref) {
|
|
|
5069
5373
|
|
|
5070
5374
|
|
|
5071
5375
|
|
|
5376
|
+
|
|
5072
5377
|
class $37b9a5d4bd0d4ded$var$TableCollection extends (0, $3114c2382242bdc0$export$408d25a4e12db025) {
|
|
5073
5378
|
addNode(node) {
|
|
5074
5379
|
super.addNode(node);
|
|
@@ -5077,10 +5382,10 @@ class $37b9a5d4bd0d4ded$var$TableCollection extends (0, $3114c2382242bdc0$export
|
|
|
5077
5382
|
if (node.type === "tablebody") this.body = node;
|
|
5078
5383
|
}
|
|
5079
5384
|
commit(firstKey, lastKey, isSSR = false) {
|
|
5080
|
-
this.updateColumns();
|
|
5385
|
+
this.updateColumns(isSSR);
|
|
5081
5386
|
super.commit(firstKey, lastKey, isSSR);
|
|
5082
5387
|
}
|
|
5083
|
-
updateColumns() {
|
|
5388
|
+
updateColumns(isSSR) {
|
|
5084
5389
|
if (!this.columnsDirty) return;
|
|
5085
5390
|
this.rowHeaderColumnKeys = new Set();
|
|
5086
5391
|
this.columns = [];
|
|
@@ -5101,7 +5406,7 @@ class $37b9a5d4bd0d4ded$var$TableCollection extends (0, $3114c2382242bdc0$export
|
|
|
5101
5406
|
for (let node of this.getChildren(this.head.key))visit(node);
|
|
5102
5407
|
this.headerRows = (0, $bzgmy$reactstatelytable.buildHeaderRows)(columnKeyMap, this.columns);
|
|
5103
5408
|
this.columnsDirty = false;
|
|
5104
|
-
if (this.rowHeaderColumnKeys.size === 0 && this.columns.length > 0) throw new Error("A table must have at least one Column with the isRowHeader prop set to true");
|
|
5409
|
+
if (this.rowHeaderColumnKeys.size === 0 && this.columns.length > 0 && !isSSR) throw new Error("A table must have at least one Column with the isRowHeader prop set to true");
|
|
5105
5410
|
}
|
|
5106
5411
|
get columnCount() {
|
|
5107
5412
|
return this.columns.length;
|
|
@@ -5227,18 +5532,19 @@ function $37b9a5d4bd0d4ded$var$ResizableTableContainer(props, ref) {
|
|
|
5227
5532
|
}
|
|
5228
5533
|
const $37b9a5d4bd0d4ded$export$7063e69b8a954175 = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($37b9a5d4bd0d4ded$var$ResizableTableContainer);
|
|
5229
5534
|
const $37b9a5d4bd0d4ded$export$93e4b0b2cc49b648 = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
5230
|
-
const $37b9a5d4bd0d4ded$
|
|
5535
|
+
const $37b9a5d4bd0d4ded$export$38de1cb0526c21fb = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
5536
|
+
const $37b9a5d4bd0d4ded$export$a2680a798823803c = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
5231
5537
|
function $37b9a5d4bd0d4ded$var$Table(props, ref) {
|
|
5232
5538
|
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $37b9a5d4bd0d4ded$export$93e4b0b2cc49b648);
|
|
5233
5539
|
let initialCollection = (0, $bzgmy$react.useMemo)(()=>new $37b9a5d4bd0d4ded$var$TableCollection(), []);
|
|
5234
|
-
let { portal: portal
|
|
5540
|
+
let { portal: portal, collection: collection } = (0, $3114c2382242bdc0$export$6cd28814d92fa9c9)(props, initialCollection);
|
|
5235
5541
|
let state = (0, $bzgmy$reactstately.useTableState)({
|
|
5236
5542
|
...props,
|
|
5237
5543
|
collection: collection,
|
|
5238
5544
|
children: undefined
|
|
5239
5545
|
});
|
|
5240
|
-
let { gridProps: gridProps
|
|
5241
|
-
let { dragAndDropHooks: dragAndDropHooks
|
|
5546
|
+
let { gridProps: gridProps } = (0, $bzgmy$reactaria.useTable)(props, state, ref);
|
|
5547
|
+
let { dragAndDropHooks: dragAndDropHooks } = props;
|
|
5242
5548
|
let selectionManager = state.selectionManager;
|
|
5243
5549
|
let isListDraggable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDraggableCollectionState);
|
|
5244
5550
|
let isListDroppable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDroppableCollectionState);
|
|
@@ -5284,7 +5590,7 @@ function $37b9a5d4bd0d4ded$var$Table(props, ref) {
|
|
|
5284
5590
|
type: "root"
|
|
5285
5591
|
});
|
|
5286
5592
|
}
|
|
5287
|
-
let { focusProps: focusProps
|
|
5593
|
+
let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $bzgmy$reactaria.useFocusRing)();
|
|
5288
5594
|
let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
|
|
5289
5595
|
className: props.className,
|
|
5290
5596
|
style: props.style,
|
|
@@ -5296,7 +5602,7 @@ function $37b9a5d4bd0d4ded$var$Table(props, ref) {
|
|
|
5296
5602
|
state: state
|
|
5297
5603
|
}
|
|
5298
5604
|
});
|
|
5299
|
-
let { selectionBehavior: selectionBehavior
|
|
5605
|
+
let { selectionBehavior: selectionBehavior, selectionMode: selectionMode, disallowEmptySelection: disallowEmptySelection } = state.selectionManager;
|
|
5300
5606
|
let ctx = (0, $bzgmy$react.useMemo)(()=>({
|
|
5301
5607
|
selectionBehavior: selectionMode === "none" ? null : selectionBehavior,
|
|
5302
5608
|
selectionMode: selectionMode,
|
|
@@ -5310,7 +5616,7 @@ function $37b9a5d4bd0d4ded$var$Table(props, ref) {
|
|
|
5310
5616
|
]);
|
|
5311
5617
|
let style = renderProps.style;
|
|
5312
5618
|
let tableContainerContext = (0, $bzgmy$react.useContext)($37b9a5d4bd0d4ded$var$ResizableTableContainerContext);
|
|
5313
|
-
let layoutState =
|
|
5619
|
+
let layoutState = null;
|
|
5314
5620
|
if (tableContainerContext) {
|
|
5315
5621
|
layoutState = tableContainerContext.useTableColumnResizeState({
|
|
5316
5622
|
tableWidth: tableContainerContext.tableWidth
|
|
@@ -5326,13 +5632,19 @@ function $37b9a5d4bd0d4ded$var$Table(props, ref) {
|
|
|
5326
5632
|
}, portal), /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$2881499e37b75b9a), {
|
|
5327
5633
|
values: [
|
|
5328
5634
|
[
|
|
5329
|
-
$37b9a5d4bd0d4ded$
|
|
5635
|
+
$37b9a5d4bd0d4ded$export$38de1cb0526c21fb,
|
|
5636
|
+
state
|
|
5637
|
+
],
|
|
5638
|
+
[
|
|
5639
|
+
$37b9a5d4bd0d4ded$export$a2680a798823803c,
|
|
5640
|
+
layoutState
|
|
5641
|
+
],
|
|
5642
|
+
[
|
|
5643
|
+
(0, $368d79437ab76c11$export$d188a835a7bc5783),
|
|
5330
5644
|
{
|
|
5331
|
-
state: state,
|
|
5332
5645
|
dragAndDropHooks: dragAndDropHooks,
|
|
5333
5646
|
dragState: dragState,
|
|
5334
|
-
dropState: dropState
|
|
5335
|
-
layoutState: layoutState
|
|
5647
|
+
dropState: dropState
|
|
5336
5648
|
}
|
|
5337
5649
|
],
|
|
5338
5650
|
[
|
|
@@ -5348,7 +5660,7 @@ function $37b9a5d4bd0d4ded$var$Table(props, ref) {
|
|
|
5348
5660
|
...(0, $bzgmy$reactaria.mergeProps)(gridProps, focusProps, droppableCollection === null || droppableCollection === void 0 ? void 0 : droppableCollection.collectionProps),
|
|
5349
5661
|
style: style,
|
|
5350
5662
|
ref: ref,
|
|
5351
|
-
slot: props.slot,
|
|
5663
|
+
slot: props.slot || undefined,
|
|
5352
5664
|
"data-allows-dragging": isListDraggable || undefined,
|
|
5353
5665
|
"data-drop-target": isRootDropTarget || undefined,
|
|
5354
5666
|
"data-focused": isFocused || undefined,
|
|
@@ -5427,7 +5739,7 @@ function $37b9a5d4bd0d4ded$var$Cell(props, ref) {
|
|
|
5427
5739
|
/**
|
|
5428
5740
|
* A cell within a table row.
|
|
5429
5741
|
*/ const $37b9a5d4bd0d4ded$export$f6f0c3fe4ec306ea = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($37b9a5d4bd0d4ded$var$Cell);
|
|
5430
|
-
function $37b9a5d4bd0d4ded$var$TableHeaderRowGroup({ collection: collection
|
|
5742
|
+
function $37b9a5d4bd0d4ded$var$TableHeaderRowGroup({ collection: collection }) {
|
|
5431
5743
|
let headerRows = (0, $3114c2382242bdc0$export$727c8fc270210f13)({
|
|
5432
5744
|
items: collection.headerRows,
|
|
5433
5745
|
children: (0, $bzgmy$react.useCallback)((item)=>{
|
|
@@ -5441,7 +5753,7 @@ function $37b9a5d4bd0d4ded$var$TableHeaderRowGroup({ collection: collection })
|
|
|
5441
5753
|
}
|
|
5442
5754
|
}, [])
|
|
5443
5755
|
});
|
|
5444
|
-
let { rowGroupProps: rowGroupProps
|
|
5756
|
+
let { rowGroupProps: rowGroupProps } = (0, $bzgmy$reactaria.useTableRowGroup)();
|
|
5445
5757
|
var _collection_head_props_className;
|
|
5446
5758
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("thead", {
|
|
5447
5759
|
...(0, $bzgmy$reactariautils.filterDOMProps)(collection.head.props),
|
|
@@ -5451,7 +5763,7 @@ function $37b9a5d4bd0d4ded$var$TableHeaderRowGroup({ collection: collection })
|
|
|
5451
5763
|
style: collection.head.props.style
|
|
5452
5764
|
}, headerRows);
|
|
5453
5765
|
}
|
|
5454
|
-
function $37b9a5d4bd0d4ded$var$TableBodyRowGroup({ collection: collection
|
|
5766
|
+
function $37b9a5d4bd0d4ded$var$TableBodyRowGroup({ collection: collection, isDroppable: isDroppable }) {
|
|
5455
5767
|
let bodyRows = (0, $3114c2382242bdc0$export$727c8fc270210f13)({
|
|
5456
5768
|
items: collection.rows,
|
|
5457
5769
|
children: (0, $bzgmy$react.useCallback)((item)=>{
|
|
@@ -5482,7 +5794,7 @@ function $37b9a5d4bd0d4ded$var$TableBodyRowGroup({ collection: collection , isDr
|
|
|
5482
5794
|
role: "gridcell",
|
|
5483
5795
|
colSpan: collection.columnCount
|
|
5484
5796
|
}, props.renderEmptyState()));
|
|
5485
|
-
let { rowGroupProps: rowGroupProps
|
|
5797
|
+
let { rowGroupProps: rowGroupProps } = (0, $bzgmy$reactaria.useTableRowGroup)();
|
|
5486
5798
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("tbody", {
|
|
5487
5799
|
...(0, $bzgmy$reactaria.mergeProps)((0, $bzgmy$reactariautils.filterDOMProps)(props), rowGroupProps),
|
|
5488
5800
|
...renderProps,
|
|
@@ -5490,13 +5802,13 @@ function $37b9a5d4bd0d4ded$var$TableBodyRowGroup({ collection: collection , isDr
|
|
|
5490
5802
|
"data-empty": collection.size === 0 || undefined
|
|
5491
5803
|
}, isDroppable && /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($37b9a5d4bd0d4ded$var$RootDropIndicator, null), bodyRows, emptyState);
|
|
5492
5804
|
}
|
|
5493
|
-
function $37b9a5d4bd0d4ded$var$TableHeaderRow({ item: item
|
|
5805
|
+
function $37b9a5d4bd0d4ded$var$TableHeaderRow({ item: item }) {
|
|
5494
5806
|
let ref = (0, $bzgmy$react.useRef)(null);
|
|
5495
|
-
let
|
|
5496
|
-
let { rowProps: rowProps
|
|
5807
|
+
let state = (0, $bzgmy$react.useContext)($37b9a5d4bd0d4ded$export$38de1cb0526c21fb);
|
|
5808
|
+
let { rowProps: rowProps } = (0, $bzgmy$reactaria.useTableHeaderRow)({
|
|
5497
5809
|
node: item
|
|
5498
5810
|
}, state, ref);
|
|
5499
|
-
let { checkboxProps: checkboxProps
|
|
5811
|
+
let { checkboxProps: checkboxProps } = (0, $bzgmy$reactaria.useTableSelectAllCheckbox)(state);
|
|
5500
5812
|
let cells = (0, $3114c2382242bdc0$export$727c8fc270210f13)({
|
|
5501
5813
|
items: state.collection.getChildren(item.key),
|
|
5502
5814
|
children: (item)=>{
|
|
@@ -5527,16 +5839,16 @@ function $37b9a5d4bd0d4ded$var$TableHeaderRow({ item: item }) {
|
|
|
5527
5839
|
}, cells));
|
|
5528
5840
|
}
|
|
5529
5841
|
const $37b9a5d4bd0d4ded$var$ColumnResizerContext = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
5530
|
-
function $37b9a5d4bd0d4ded$var$TableColumnHeader({ column: column
|
|
5842
|
+
function $37b9a5d4bd0d4ded$var$TableColumnHeader({ column: column }) {
|
|
5531
5843
|
var _state_sortDescriptor, _state_sortDescriptor1;
|
|
5532
5844
|
let ref = (0, $bzgmy$reactariautils.useObjectRef)(column.props.ref);
|
|
5533
|
-
let
|
|
5534
|
-
let { columnHeaderProps: columnHeaderProps
|
|
5845
|
+
let state = (0, $bzgmy$react.useContext)($37b9a5d4bd0d4ded$export$38de1cb0526c21fb);
|
|
5846
|
+
let { columnHeaderProps: columnHeaderProps } = (0, $bzgmy$reactaria.useTableColumnHeader)({
|
|
5535
5847
|
node: column
|
|
5536
5848
|
}, state, ref);
|
|
5537
|
-
let { isFocused: isFocused
|
|
5538
|
-
let { hoverProps: hoverProps
|
|
5539
|
-
let
|
|
5849
|
+
let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $bzgmy$reactaria.useFocusRing)();
|
|
5850
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $bzgmy$reactaria.useHover)({});
|
|
5851
|
+
let layoutState = (0, $bzgmy$react.useContext)($37b9a5d4bd0d4ded$export$a2680a798823803c);
|
|
5540
5852
|
let isResizing = false;
|
|
5541
5853
|
if (layoutState) isResizing = layoutState.resizingColumn === column.key;
|
|
5542
5854
|
else {
|
|
@@ -5595,25 +5907,25 @@ function $37b9a5d4bd0d4ded$var$TableColumnHeader({ column: column }) {
|
|
|
5595
5907
|
}, renderProps.children));
|
|
5596
5908
|
}
|
|
5597
5909
|
function $37b9a5d4bd0d4ded$var$ColumnResizer(props, ref) {
|
|
5598
|
-
let
|
|
5910
|
+
let layoutState = (0, $bzgmy$react.useContext)($37b9a5d4bd0d4ded$export$a2680a798823803c);
|
|
5599
5911
|
if (!layoutState) throw new Error("Wrap your <Table> in a <ResizableTableContainer> to enable column resizing");
|
|
5600
|
-
let
|
|
5601
|
-
let {
|
|
5912
|
+
let stringFormatter = (0, $bzgmy$reactaria.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($d72d752ea1c67b9a$exports))));
|
|
5913
|
+
let { onResizeStart: onResizeStart, onResize: onResize, onResizeEnd: onResizeEnd } = (0, $bzgmy$react.useContext)($37b9a5d4bd0d4ded$var$ResizableTableContainerContext);
|
|
5914
|
+
let { column: column, triggerRef: triggerRef } = (0, $bzgmy$react.useContext)($37b9a5d4bd0d4ded$var$ColumnResizerContext);
|
|
5602
5915
|
let inputRef = (0, $bzgmy$react.useRef)(null);
|
|
5603
|
-
let { resizerProps: resizerProps
|
|
5916
|
+
let { resizerProps: resizerProps, inputProps: inputProps, isResizing: isResizing } = (0, $bzgmy$reactaria.useTableColumnResize)({
|
|
5604
5917
|
column: column,
|
|
5605
|
-
|
|
5606
|
-
"aria-label": props["aria-label"] || "Resizer",
|
|
5918
|
+
"aria-label": props["aria-label"] || stringFormatter.format("tableResizer"),
|
|
5607
5919
|
onResizeStart: onResizeStart,
|
|
5608
5920
|
onResize: onResize,
|
|
5609
5921
|
onResizeEnd: onResizeEnd,
|
|
5610
5922
|
triggerRef: triggerRef
|
|
5611
5923
|
}, layoutState, inputRef);
|
|
5612
|
-
let { focusProps: focusProps
|
|
5613
|
-
let { hoverProps: hoverProps
|
|
5924
|
+
let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $bzgmy$reactaria.useFocusRing)();
|
|
5925
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $bzgmy$reactaria.useHover)({});
|
|
5614
5926
|
let isEResizable = layoutState.getColumnMinWidth(column.key) >= layoutState.getColumnWidth(column.key);
|
|
5615
5927
|
let isWResizable = layoutState.getColumnMaxWidth(column.key) <= layoutState.getColumnWidth(column.key);
|
|
5616
|
-
let { direction: direction
|
|
5928
|
+
let { direction: direction } = (0, $bzgmy$reactaria.useLocale)();
|
|
5617
5929
|
let resizableDirection = "both";
|
|
5618
5930
|
if (isEResizable) resizableDirection = direction === "rtl" ? "right" : "left";
|
|
5619
5931
|
else if (isWResizable) resizableDirection = direction === "rtl" ? "left" : "right";
|
|
@@ -5670,18 +5982,19 @@ function $37b9a5d4bd0d4ded$var$ColumnResizer(props, ref) {
|
|
|
5670
5982
|
}), document.body));
|
|
5671
5983
|
}
|
|
5672
5984
|
const $37b9a5d4bd0d4ded$export$ee689e97a7664bfd = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($37b9a5d4bd0d4ded$var$ColumnResizer);
|
|
5673
|
-
function $37b9a5d4bd0d4ded$var$TableRow({ item: item
|
|
5985
|
+
function $37b9a5d4bd0d4ded$var$TableRow({ item: item }) {
|
|
5674
5986
|
let ref = (0, $bzgmy$reactariautils.useObjectRef)(item.props.ref);
|
|
5675
|
-
let
|
|
5676
|
-
let {
|
|
5987
|
+
let state = (0, $bzgmy$react.useContext)($37b9a5d4bd0d4ded$export$38de1cb0526c21fb);
|
|
5988
|
+
let { dragAndDropHooks: dragAndDropHooks, dragState: dragState, dropState: dropState } = (0, $bzgmy$react.useContext)((0, $368d79437ab76c11$export$d188a835a7bc5783));
|
|
5989
|
+
let { rowProps: rowProps, ...states } = (0, $bzgmy$reactaria.useTableRow)({
|
|
5677
5990
|
node: item,
|
|
5678
5991
|
shouldSelectOnPressUp: !!dragState
|
|
5679
5992
|
}, state, ref);
|
|
5680
|
-
let { isFocused: isFocused
|
|
5681
|
-
let { hoverProps: hoverProps
|
|
5993
|
+
let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $bzgmy$reactaria.useFocusRing)();
|
|
5994
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $bzgmy$reactaria.useHover)({
|
|
5682
5995
|
isDisabled: !states.allowsSelection && !states.hasAction
|
|
5683
5996
|
});
|
|
5684
|
-
let { checkboxProps: checkboxProps
|
|
5997
|
+
let { checkboxProps: checkboxProps } = (0, $bzgmy$reactaria.useTableSelectionCheckbox)({
|
|
5685
5998
|
key: item.key
|
|
5686
5999
|
}, state);
|
|
5687
6000
|
let draggableItem = undefined;
|
|
@@ -5691,7 +6004,7 @@ function $37b9a5d4bd0d4ded$var$TableRow({ item: item }) {
|
|
|
5691
6004
|
}, dragState);
|
|
5692
6005
|
let dropIndicator = undefined;
|
|
5693
6006
|
let dropIndicatorRef = (0, $bzgmy$react.useRef)(null);
|
|
5694
|
-
let { visuallyHiddenProps: visuallyHiddenProps
|
|
6007
|
+
let { visuallyHiddenProps: visuallyHiddenProps } = (0, $bzgmy$reactaria.useVisuallyHidden)();
|
|
5695
6008
|
if (dropState && dragAndDropHooks) dropIndicator = dragAndDropHooks.useDropIndicator({
|
|
5696
6009
|
target: {
|
|
5697
6010
|
type: "item",
|
|
@@ -5802,17 +6115,18 @@ function $37b9a5d4bd0d4ded$var$TableRow({ item: item }) {
|
|
|
5802
6115
|
dropPosition: "after"
|
|
5803
6116
|
}));
|
|
5804
6117
|
}
|
|
5805
|
-
function $37b9a5d4bd0d4ded$var$TableCell({ cell: cell
|
|
6118
|
+
function $37b9a5d4bd0d4ded$var$TableCell({ cell: cell }) {
|
|
5806
6119
|
let ref = (0, $bzgmy$reactariautils.useObjectRef)(cell.props.ref);
|
|
5807
|
-
let
|
|
6120
|
+
let state = (0, $bzgmy$react.useContext)($37b9a5d4bd0d4ded$export$38de1cb0526c21fb);
|
|
6121
|
+
let { dragState: dragState } = (0, $bzgmy$react.useContext)((0, $368d79437ab76c11$export$d188a835a7bc5783));
|
|
5808
6122
|
// @ts-ignore
|
|
5809
6123
|
cell.column = state.collection.columns[cell.index];
|
|
5810
|
-
let { gridCellProps: gridCellProps
|
|
6124
|
+
let { gridCellProps: gridCellProps, isPressed: isPressed } = (0, $bzgmy$reactaria.useTableCell)({
|
|
5811
6125
|
node: cell,
|
|
5812
6126
|
shouldSelectOnPressUp: !!dragState
|
|
5813
6127
|
}, state, ref);
|
|
5814
|
-
let { isFocused: isFocused
|
|
5815
|
-
let { hoverProps: hoverProps
|
|
6128
|
+
let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $bzgmy$reactaria.useFocusRing)();
|
|
6129
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $bzgmy$reactaria.useHover)({});
|
|
5816
6130
|
let props = cell.props;
|
|
5817
6131
|
let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
|
|
5818
6132
|
...props,
|
|
@@ -5836,9 +6150,9 @@ function $37b9a5d4bd0d4ded$var$TableCell({ cell: cell }) {
|
|
|
5836
6150
|
}
|
|
5837
6151
|
function $37b9a5d4bd0d4ded$var$TableDropIndicatorWrapper(props, ref) {
|
|
5838
6152
|
ref = (0, $bzgmy$reactariautils.useObjectRef)(ref);
|
|
5839
|
-
let { dragAndDropHooks: dragAndDropHooks
|
|
6153
|
+
let { dragAndDropHooks: dragAndDropHooks, dropState: dropState } = (0, $bzgmy$react.useContext)((0, $368d79437ab76c11$export$d188a835a7bc5783));
|
|
5840
6154
|
let buttonRef = (0, $bzgmy$react.useRef)(null);
|
|
5841
|
-
let { dropIndicatorProps: dropIndicatorProps
|
|
6155
|
+
let { dropIndicatorProps: dropIndicatorProps, isHidden: isHidden, isDropTarget: isDropTarget } = dragAndDropHooks.useDropIndicator(props, dropState, buttonRef);
|
|
5842
6156
|
if (isHidden) return null;
|
|
5843
6157
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($37b9a5d4bd0d4ded$var$TableDropIndicatorForwardRef, {
|
|
5844
6158
|
...props,
|
|
@@ -5849,9 +6163,9 @@ function $37b9a5d4bd0d4ded$var$TableDropIndicatorWrapper(props, ref) {
|
|
|
5849
6163
|
});
|
|
5850
6164
|
}
|
|
5851
6165
|
function $37b9a5d4bd0d4ded$var$TableDropIndicator(props, ref) {
|
|
5852
|
-
let { dropIndicatorProps: dropIndicatorProps
|
|
5853
|
-
let
|
|
5854
|
-
let { visuallyHiddenProps: visuallyHiddenProps
|
|
6166
|
+
let { dropIndicatorProps: dropIndicatorProps, isDropTarget: isDropTarget, buttonRef: buttonRef, ...otherProps } = props;
|
|
6167
|
+
let state = (0, $bzgmy$react.useContext)($37b9a5d4bd0d4ded$export$38de1cb0526c21fb);
|
|
6168
|
+
let { visuallyHiddenProps: visuallyHiddenProps } = (0, $bzgmy$reactaria.useVisuallyHidden)();
|
|
5855
6169
|
let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
|
|
5856
6170
|
...otherProps,
|
|
5857
6171
|
defaultClassName: "react-aria-DropIndicator",
|
|
@@ -5880,9 +6194,10 @@ function $37b9a5d4bd0d4ded$var$TableDropIndicator(props, ref) {
|
|
|
5880
6194
|
}
|
|
5881
6195
|
const $37b9a5d4bd0d4ded$var$TableDropIndicatorForwardRef = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($37b9a5d4bd0d4ded$var$TableDropIndicator);
|
|
5882
6196
|
function $37b9a5d4bd0d4ded$var$RootDropIndicator() {
|
|
5883
|
-
let
|
|
6197
|
+
let state = (0, $bzgmy$react.useContext)($37b9a5d4bd0d4ded$export$38de1cb0526c21fb);
|
|
6198
|
+
let { dragAndDropHooks: dragAndDropHooks, dropState: dropState } = (0, $bzgmy$react.useContext)((0, $368d79437ab76c11$export$d188a835a7bc5783));
|
|
5884
6199
|
let ref = (0, $bzgmy$react.useRef)(null);
|
|
5885
|
-
let { dropIndicatorProps: dropIndicatorProps
|
|
6200
|
+
let { dropIndicatorProps: dropIndicatorProps } = dragAndDropHooks.useDropIndicator({
|
|
5886
6201
|
target: {
|
|
5887
6202
|
type: "root"
|
|
5888
6203
|
}
|
|
@@ -5890,7 +6205,7 @@ function $37b9a5d4bd0d4ded$var$RootDropIndicator() {
|
|
|
5890
6205
|
let isDropTarget = dropState.isDropTarget({
|
|
5891
6206
|
type: "root"
|
|
5892
6207
|
});
|
|
5893
|
-
let { visuallyHiddenProps: visuallyHiddenProps
|
|
6208
|
+
let { visuallyHiddenProps: visuallyHiddenProps } = (0, $bzgmy$reactaria.useVisuallyHidden)();
|
|
5894
6209
|
if (!isDropTarget && dropIndicatorProps["aria-hidden"]) return null;
|
|
5895
6210
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("tr", {
|
|
5896
6211
|
role: "row",
|
|
@@ -5930,19 +6245,18 @@ function $37b9a5d4bd0d4ded$var$RootDropIndicator() {
|
|
|
5930
6245
|
|
|
5931
6246
|
|
|
5932
6247
|
const $f982e6cd1aac14a3$export$cfa7aa87c26e7d1f = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
5933
|
-
const $f982e6cd1aac14a3$
|
|
5934
|
-
const $f982e6cd1aac14a3$var$DocumentContext = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
6248
|
+
const $f982e6cd1aac14a3$export$364712098d2aa57c = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
5935
6249
|
function $f982e6cd1aac14a3$var$Tabs(props, ref) {
|
|
5936
6250
|
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $f982e6cd1aac14a3$export$cfa7aa87c26e7d1f);
|
|
5937
|
-
let { collection: collection
|
|
5938
|
-
let { children: children
|
|
6251
|
+
let { collection: collection, document: document } = (0, $3114c2382242bdc0$export$7cd71aa5ddd6dc4e)();
|
|
6252
|
+
let { children: children, orientation: orientation = "horizontal" } = props;
|
|
5939
6253
|
children = (0, $bzgmy$react.useMemo)(()=>typeof children === "function" ? children({
|
|
5940
6254
|
orientation: orientation
|
|
5941
6255
|
}) : children, [
|
|
5942
6256
|
children,
|
|
5943
6257
|
orientation
|
|
5944
6258
|
]);
|
|
5945
|
-
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, ($parcel$interopDefault($bzgmy$react))).Fragment, null, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$8dc98ba7eadeaa56), null, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($
|
|
6259
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, ($parcel$interopDefault($bzgmy$react))).Fragment, null, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$8dc98ba7eadeaa56), null, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $3114c2382242bdc0$export$8c25dea96356a8b6).Provider, {
|
|
5946
6260
|
value: document
|
|
5947
6261
|
}, children)), /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($f982e6cd1aac14a3$var$TabsInner, {
|
|
5948
6262
|
props: props,
|
|
@@ -5950,14 +6264,14 @@ function $f982e6cd1aac14a3$var$Tabs(props, ref) {
|
|
|
5950
6264
|
tabsRef: ref
|
|
5951
6265
|
}));
|
|
5952
6266
|
}
|
|
5953
|
-
function $f982e6cd1aac14a3$var$TabsInner({ props: props
|
|
5954
|
-
let { orientation: orientation = "horizontal"
|
|
6267
|
+
function $f982e6cd1aac14a3$var$TabsInner({ props: props, tabsRef: ref, collection: collection }) {
|
|
6268
|
+
let { orientation: orientation = "horizontal" } = props;
|
|
5955
6269
|
let state = (0, $bzgmy$reactstately.useTabListState)({
|
|
5956
6270
|
...props,
|
|
5957
6271
|
collection: collection,
|
|
5958
6272
|
children: undefined
|
|
5959
6273
|
});
|
|
5960
|
-
let { focusProps: focusProps
|
|
6274
|
+
let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $bzgmy$reactaria.useFocusRing)({
|
|
5961
6275
|
within: true
|
|
5962
6276
|
});
|
|
5963
6277
|
let values = (0, $bzgmy$react.useMemo)(()=>({
|
|
@@ -5979,39 +6293,39 @@ function $f982e6cd1aac14a3$var$TabsInner({ props: props , tabsRef: ref , collect
|
|
|
5979
6293
|
...focusProps,
|
|
5980
6294
|
...renderProps,
|
|
5981
6295
|
ref: ref,
|
|
5982
|
-
slot: props.slot,
|
|
6296
|
+
slot: props.slot || undefined,
|
|
5983
6297
|
"data-focused": isFocused || undefined,
|
|
5984
6298
|
"data-orientation": orientation,
|
|
5985
6299
|
"data-focus-visible": isFocusVisible || undefined,
|
|
5986
6300
|
"data-disabled": state.isDisabled || undefined
|
|
5987
|
-
}, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($
|
|
5988
|
-
|
|
5989
|
-
|
|
5990
|
-
|
|
5991
|
-
|
|
5992
|
-
|
|
6301
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$2881499e37b75b9a), {
|
|
6302
|
+
values: [
|
|
6303
|
+
[
|
|
6304
|
+
$f982e6cd1aac14a3$export$cfa7aa87c26e7d1f,
|
|
6305
|
+
props
|
|
6306
|
+
],
|
|
6307
|
+
[
|
|
6308
|
+
$f982e6cd1aac14a3$export$364712098d2aa57c,
|
|
6309
|
+
state
|
|
6310
|
+
]
|
|
6311
|
+
]
|
|
5993
6312
|
}, renderProps.children));
|
|
5994
6313
|
}
|
|
5995
6314
|
/**
|
|
5996
6315
|
* Tabs organize content into multiple sections and allow users to navigate between them.
|
|
5997
6316
|
*/ const $f982e6cd1aac14a3$export$b2539bed5023c21c = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($f982e6cd1aac14a3$var$Tabs);
|
|
5998
6317
|
function $f982e6cd1aac14a3$var$TabList(props, ref) {
|
|
5999
|
-
let document = (0, $bzgmy$react.useContext)($
|
|
6000
|
-
return document ? /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($f982e6cd1aac14a3$var$
|
|
6001
|
-
props: props,
|
|
6002
|
-
document: document
|
|
6003
|
-
}) : /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($f982e6cd1aac14a3$var$TabListInner, {
|
|
6318
|
+
let document = (0, $bzgmy$react.useContext)((0, $3114c2382242bdc0$export$8c25dea96356a8b6));
|
|
6319
|
+
return document ? /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $3114c2382242bdc0$export$813b5978dd974d8), props) : /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($f982e6cd1aac14a3$var$TabListInner, {
|
|
6004
6320
|
props: props,
|
|
6005
6321
|
forwardedRef: ref
|
|
6006
6322
|
});
|
|
6007
6323
|
}
|
|
6008
|
-
function $f982e6cd1aac14a3$var$
|
|
6009
|
-
|
|
6010
|
-
}
|
|
6011
|
-
function $f982e6cd1aac14a3$var$TabListInner({ props: props , forwardedRef: ref }) {
|
|
6012
|
-
let { state: state , orientation: orientation , keyboardActivation: keyboardActivation } = (0, $bzgmy$react.useContext)($f982e6cd1aac14a3$var$InternalTabsContext);
|
|
6324
|
+
function $f982e6cd1aac14a3$var$TabListInner({ props: props, forwardedRef: ref }) {
|
|
6325
|
+
let state = (0, $bzgmy$react.useContext)($f982e6cd1aac14a3$export$364712098d2aa57c);
|
|
6326
|
+
let { orientation: orientation = "horizontal", keyboardActivation: keyboardActivation = "automatic" } = (0, $c5ccf687772c0422$export$fabf2dc03a41866e)($f982e6cd1aac14a3$export$cfa7aa87c26e7d1f);
|
|
6013
6327
|
let objectRef = (0, $bzgmy$reactariautils.useObjectRef)(ref);
|
|
6014
|
-
let { tabListProps: tabListProps
|
|
6328
|
+
let { tabListProps: tabListProps } = (0, $bzgmy$reactaria.useTabList)({
|
|
6015
6329
|
...props,
|
|
6016
6330
|
orientation: orientation,
|
|
6017
6331
|
keyboardActivation: keyboardActivation
|
|
@@ -6051,14 +6365,14 @@ function $f982e6cd1aac14a3$var$Tab(props, ref) {
|
|
|
6051
6365
|
/**
|
|
6052
6366
|
* A Tab provides a title for an individual item within a TabList.
|
|
6053
6367
|
*/ const $f982e6cd1aac14a3$export$3e41faf802a29e71 = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($f982e6cd1aac14a3$var$Tab);
|
|
6054
|
-
function $f982e6cd1aac14a3$var$TabInner({ item: item
|
|
6055
|
-
let { key: key
|
|
6368
|
+
function $f982e6cd1aac14a3$var$TabInner({ item: item, state: state }) {
|
|
6369
|
+
let { key: key } = item;
|
|
6056
6370
|
let ref = (0, $bzgmy$reactariautils.useObjectRef)(item.props.ref);
|
|
6057
|
-
let { tabProps: tabProps
|
|
6371
|
+
let { tabProps: tabProps, isSelected: isSelected, isDisabled: isDisabled, isPressed: isPressed } = (0, $bzgmy$reactaria.useTab)({
|
|
6058
6372
|
key: key
|
|
6059
6373
|
}, state, ref);
|
|
6060
|
-
let { focusProps: focusProps
|
|
6061
|
-
let { hoverProps: hoverProps
|
|
6374
|
+
let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $bzgmy$reactaria.useFocusRing)();
|
|
6375
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $bzgmy$reactaria.useHover)({
|
|
6062
6376
|
isDisabled: isDisabled
|
|
6063
6377
|
});
|
|
6064
6378
|
let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
|
|
@@ -6075,10 +6389,9 @@ function $f982e6cd1aac14a3$var$TabInner({ item: item , state: state }) {
|
|
|
6075
6389
|
state: state
|
|
6076
6390
|
}
|
|
6077
6391
|
});
|
|
6078
|
-
let
|
|
6079
|
-
|
|
6080
|
-
|
|
6081
|
-
...(0, $bzgmy$reactaria.mergeProps)(DOMProps, tabProps, focusProps, hoverProps, renderProps),
|
|
6392
|
+
let ElementType = item.props.href ? "a" : "div";
|
|
6393
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement(ElementType, {
|
|
6394
|
+
...(0, $bzgmy$reactaria.mergeProps)(tabProps, focusProps, hoverProps, renderProps),
|
|
6082
6395
|
ref: ref,
|
|
6083
6396
|
"data-selected": isSelected || undefined,
|
|
6084
6397
|
"data-disabled": isDisabled || undefined,
|
|
@@ -6088,10 +6401,10 @@ function $f982e6cd1aac14a3$var$TabInner({ item: item , state: state }) {
|
|
|
6088
6401
|
});
|
|
6089
6402
|
}
|
|
6090
6403
|
function $f982e6cd1aac14a3$var$TabPanel(props, forwardedRef) {
|
|
6091
|
-
const
|
|
6404
|
+
const state = (0, $bzgmy$react.useContext)($f982e6cd1aac14a3$export$364712098d2aa57c);
|
|
6092
6405
|
let ref = (0, $bzgmy$reactariautils.useObjectRef)(forwardedRef);
|
|
6093
|
-
let { tabPanelProps: tabPanelProps
|
|
6094
|
-
let { focusProps: focusProps
|
|
6406
|
+
let { tabPanelProps: tabPanelProps } = (0, $bzgmy$reactaria.useTabPanel)(props, state, ref);
|
|
6407
|
+
let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $bzgmy$reactaria.useFocusRing)();
|
|
6095
6408
|
let isSelected = state.selectedKey === props.id;
|
|
6096
6409
|
let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
|
|
6097
6410
|
...props,
|
|
@@ -6141,13 +6454,14 @@ function $f982e6cd1aac14a3$var$TabPanel(props, forwardedRef) {
|
|
|
6141
6454
|
|
|
6142
6455
|
|
|
6143
6456
|
|
|
6457
|
+
|
|
6144
6458
|
const $ecf55d0c218a575e$export$5b07b5dd2cbd96e3 = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
6145
|
-
const $ecf55d0c218a575e$
|
|
6459
|
+
const $ecf55d0c218a575e$export$e755ce3685dd0ca9 = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
6146
6460
|
function $ecf55d0c218a575e$var$TagGroup(props, ref) {
|
|
6147
6461
|
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $ecf55d0c218a575e$export$5b07b5dd2cbd96e3);
|
|
6148
6462
|
let tagListRef = (0, $bzgmy$react.useRef)(null);
|
|
6149
6463
|
let [labelRef, label] = (0, $c5ccf687772c0422$export$9d4c57ee4c6ffdd8)();
|
|
6150
|
-
let { collection: collection
|
|
6464
|
+
let { collection: collection, document: document } = (0, $3114c2382242bdc0$export$7cd71aa5ddd6dc4e)();
|
|
6151
6465
|
let state = (0, $bzgmy$reactstately.useListState)({
|
|
6152
6466
|
...props,
|
|
6153
6467
|
children: undefined,
|
|
@@ -6159,7 +6473,7 @@ function $ecf55d0c218a575e$var$TagGroup(props, ref) {
|
|
|
6159
6473
|
k,
|
|
6160
6474
|
undefined
|
|
6161
6475
|
]));
|
|
6162
|
-
let { gridProps: gridProps
|
|
6476
|
+
let { gridProps: gridProps, labelProps: labelProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $bzgmy$reactaria.useTagGroup)({
|
|
6163
6477
|
...props,
|
|
6164
6478
|
...domPropOverrides,
|
|
6165
6479
|
label: label
|
|
@@ -6168,7 +6482,7 @@ function $ecf55d0c218a575e$var$TagGroup(props, ref) {
|
|
|
6168
6482
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("div", {
|
|
6169
6483
|
...domProps,
|
|
6170
6484
|
ref: ref,
|
|
6171
|
-
slot: props.slot,
|
|
6485
|
+
slot: props.slot || undefined,
|
|
6172
6486
|
className: (_props_className = props.className) !== null && _props_className !== void 0 ? _props_className : "react-aria-TagGroup",
|
|
6173
6487
|
style: props.style
|
|
6174
6488
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$2881499e37b75b9a), {
|
|
@@ -6182,14 +6496,20 @@ function $ecf55d0c218a575e$var$TagGroup(props, ref) {
|
|
|
6182
6496
|
}
|
|
6183
6497
|
],
|
|
6184
6498
|
[
|
|
6185
|
-
$ecf55d0c218a575e$
|
|
6499
|
+
$ecf55d0c218a575e$export$e755ce3685dd0ca9,
|
|
6186
6500
|
{
|
|
6187
|
-
|
|
6188
|
-
|
|
6189
|
-
gridProps: gridProps,
|
|
6190
|
-
tagListRef: tagListRef
|
|
6501
|
+
...gridProps,
|
|
6502
|
+
ref: tagListRef
|
|
6191
6503
|
}
|
|
6192
6504
|
],
|
|
6505
|
+
[
|
|
6506
|
+
(0, $a03b42240404b420$export$7c5906fe4f1f2af2),
|
|
6507
|
+
state
|
|
6508
|
+
],
|
|
6509
|
+
[
|
|
6510
|
+
(0, $3114c2382242bdc0$export$8c25dea96356a8b6),
|
|
6511
|
+
document
|
|
6512
|
+
],
|
|
6193
6513
|
[
|
|
6194
6514
|
(0, $a8a589c28affdc40$export$9afb8bc826b033ea),
|
|
6195
6515
|
{
|
|
@@ -6207,16 +6527,17 @@ function $ecf55d0c218a575e$var$TagGroup(props, ref) {
|
|
|
6207
6527
|
*/ const $ecf55d0c218a575e$export$67ea30858aaf75e3 = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($ecf55d0c218a575e$var$TagGroup);
|
|
6208
6528
|
function $ecf55d0c218a575e$var$TagList(props, forwardedRef) {
|
|
6209
6529
|
// Render the portal first so that we have the collection by the time we render the DOM in SSR.
|
|
6210
|
-
let
|
|
6211
|
-
let portal = (0, $3114c2382242bdc0$export$ad42d5efb4461b31)(props, document);
|
|
6530
|
+
let portal = (0, $3114c2382242bdc0$export$ad42d5efb4461b31)(props);
|
|
6212
6531
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, ($parcel$interopDefault($bzgmy$react))).Fragment, null, portal, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($ecf55d0c218a575e$var$TagListInner, {
|
|
6213
6532
|
props: props,
|
|
6214
6533
|
forwardedRef: forwardedRef
|
|
6215
6534
|
}));
|
|
6216
6535
|
}
|
|
6217
|
-
function $ecf55d0c218a575e$var$TagListInner({ props: props
|
|
6218
|
-
let
|
|
6219
|
-
let ref = (0, $
|
|
6536
|
+
function $ecf55d0c218a575e$var$TagListInner({ props: props, forwardedRef: forwardedRef }) {
|
|
6537
|
+
let state = (0, $bzgmy$react.useContext)((0, $a03b42240404b420$export$7c5906fe4f1f2af2));
|
|
6538
|
+
let [gridProps, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, forwardedRef, $ecf55d0c218a575e$export$e755ce3685dd0ca9);
|
|
6539
|
+
delete gridProps.items;
|
|
6540
|
+
delete gridProps.renderEmptyState;
|
|
6220
6541
|
let children = (0, $3114c2382242bdc0$export$727c8fc270210f13)({
|
|
6221
6542
|
items: state.collection,
|
|
6222
6543
|
children: (item)=>{
|
|
@@ -6230,7 +6551,7 @@ function $ecf55d0c218a575e$var$TagListInner({ props: props , forwardedRef: forwa
|
|
|
6230
6551
|
}
|
|
6231
6552
|
}
|
|
6232
6553
|
});
|
|
6233
|
-
let { focusProps: focusProps
|
|
6554
|
+
let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $bzgmy$reactaria.useFocusRing)();
|
|
6234
6555
|
let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
|
|
6235
6556
|
className: props.className,
|
|
6236
6557
|
style: props.style,
|
|
@@ -6244,7 +6565,6 @@ function $ecf55d0c218a575e$var$TagListInner({ props: props , forwardedRef: forwa
|
|
|
6244
6565
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("div", {
|
|
6245
6566
|
...(0, $bzgmy$reactariautils.mergeProps)(gridProps, focusProps),
|
|
6246
6567
|
...renderProps,
|
|
6247
|
-
...(0, $bzgmy$reactariautils.filterDOMProps)(props),
|
|
6248
6568
|
ref: ref,
|
|
6249
6569
|
"data-empty": state.collection.size === 0 || undefined,
|
|
6250
6570
|
"data-focused": isFocused || undefined,
|
|
@@ -6260,16 +6580,16 @@ function $ecf55d0c218a575e$var$Tag(props, ref) {
|
|
|
6260
6580
|
/**
|
|
6261
6581
|
* A Tag is an individual item within a TagList.
|
|
6262
6582
|
*/ const $ecf55d0c218a575e$export$3288d34c523a1192 = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($ecf55d0c218a575e$var$Tag);
|
|
6263
|
-
function $ecf55d0c218a575e$var$TagItem({ item: item
|
|
6264
|
-
let
|
|
6583
|
+
function $ecf55d0c218a575e$var$TagItem({ item: item }) {
|
|
6584
|
+
let state = (0, $bzgmy$react.useContext)((0, $a03b42240404b420$export$7c5906fe4f1f2af2));
|
|
6265
6585
|
let ref = (0, $bzgmy$reactariautils.useObjectRef)(item.props.ref);
|
|
6266
|
-
let { focusProps: focusProps
|
|
6586
|
+
let { focusProps: focusProps, isFocusVisible: isFocusVisible } = (0, $bzgmy$reactaria.useFocusRing)({
|
|
6267
6587
|
within: true
|
|
6268
6588
|
});
|
|
6269
|
-
let { rowProps: rowProps
|
|
6589
|
+
let { rowProps: rowProps, gridCellProps: gridCellProps, removeButtonProps: removeButtonProps, ...states } = (0, $bzgmy$reactaria.useTag)({
|
|
6270
6590
|
item: item
|
|
6271
6591
|
}, state, ref);
|
|
6272
|
-
let { hoverProps: hoverProps
|
|
6592
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $bzgmy$reactaria.useHover)({
|
|
6273
6593
|
isDisabled: !states.allowsSelection
|
|
6274
6594
|
});
|
|
6275
6595
|
let props = item.props;
|
|
@@ -6325,8 +6645,8 @@ function $ecf55d0c218a575e$var$TagItem({ item: item }) {
|
|
|
6325
6645
|
const $a5d2423f42834231$export$2dc6166a7e65358c = /*#__PURE__*/ (0, $bzgmy$react.createContext)({});
|
|
6326
6646
|
function $a5d2423f42834231$var$TextArea(props, ref) {
|
|
6327
6647
|
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $a5d2423f42834231$export$2dc6166a7e65358c);
|
|
6328
|
-
let { hoverProps: hoverProps
|
|
6329
|
-
let { isFocused: isFocused
|
|
6648
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $bzgmy$reactaria.useHover)({});
|
|
6649
|
+
let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $bzgmy$reactaria.useFocusRing)({
|
|
6330
6650
|
isTextInput: true,
|
|
6331
6651
|
autoFocus: props.autoFocus
|
|
6332
6652
|
});
|
|
@@ -6382,8 +6702,8 @@ function $3f2c5af9d7d8905b$var$TextField(props, ref) {
|
|
|
6382
6702
|
let inputRef = (0, $bzgmy$react.useRef)(null);
|
|
6383
6703
|
let [labelRef, label] = (0, $c5ccf687772c0422$export$9d4c57ee4c6ffdd8)();
|
|
6384
6704
|
let [inputElementType, setInputElementType] = (0, $bzgmy$react.useState)("input");
|
|
6385
|
-
let { labelProps: labelProps
|
|
6386
|
-
...props,
|
|
6705
|
+
let { labelProps: labelProps, inputProps: inputProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $bzgmy$reactaria.useTextField)({
|
|
6706
|
+
...(0, $c5ccf687772c0422$export$ef03459518577ad4)(props),
|
|
6387
6707
|
inputElementType: inputElementType,
|
|
6388
6708
|
label: label
|
|
6389
6709
|
}, inputRef);
|
|
@@ -6405,7 +6725,7 @@ function $3f2c5af9d7d8905b$var$TextField(props, ref) {
|
|
|
6405
6725
|
...(0, $bzgmy$reactariautils.filterDOMProps)(props),
|
|
6406
6726
|
...renderProps,
|
|
6407
6727
|
ref: ref,
|
|
6408
|
-
slot: props.slot,
|
|
6728
|
+
slot: props.slot || undefined,
|
|
6409
6729
|
"data-disabled": props.isDisabled || undefined,
|
|
6410
6730
|
"data-invalid": props.isInvalid || undefined
|
|
6411
6731
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$2881499e37b75b9a), {
|
|
@@ -6466,9 +6786,9 @@ const $3def510c5b419a98$export$43506d75ebd2e218 = /*#__PURE__*/ (0, $bzgmy$react
|
|
|
6466
6786
|
function $3def510c5b419a98$var$ToggleButton(props, ref) {
|
|
6467
6787
|
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $3def510c5b419a98$export$43506d75ebd2e218);
|
|
6468
6788
|
let state = (0, $bzgmy$reactstately.useToggleState)(props);
|
|
6469
|
-
let { buttonProps: buttonProps
|
|
6470
|
-
let { focusProps: focusProps
|
|
6471
|
-
let { hoverProps: hoverProps
|
|
6789
|
+
let { buttonProps: buttonProps, isPressed: isPressed } = (0, $bzgmy$reactaria.useToggleButton)(props, state, ref);
|
|
6790
|
+
let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $bzgmy$reactaria.useFocusRing)(props);
|
|
6791
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $bzgmy$reactaria.useHover)(props);
|
|
6472
6792
|
let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
|
|
6473
6793
|
...props,
|
|
6474
6794
|
values: {
|
|
@@ -6486,7 +6806,7 @@ function $3def510c5b419a98$var$ToggleButton(props, ref) {
|
|
|
6486
6806
|
...(0, $bzgmy$reactaria.mergeProps)(buttonProps, focusProps, hoverProps),
|
|
6487
6807
|
...renderProps,
|
|
6488
6808
|
ref: ref,
|
|
6489
|
-
slot: props.slot,
|
|
6809
|
+
slot: props.slot || undefined,
|
|
6490
6810
|
"data-focused": isFocused || undefined,
|
|
6491
6811
|
"data-disabled": props.isDisabled || undefined,
|
|
6492
6812
|
"data-pressed": isPressed || undefined,
|
|
@@ -6516,31 +6836,41 @@ function $3def510c5b419a98$var$ToggleButton(props, ref) {
|
|
|
6516
6836
|
|
|
6517
6837
|
|
|
6518
6838
|
|
|
6519
|
-
|
|
6520
|
-
const $f9dd4061eb43ac38$
|
|
6839
|
+
const $f9dd4061eb43ac38$export$7a7623236eec67fa = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
6840
|
+
const $f9dd4061eb43ac38$export$39ae08fa83328b12 = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
|
|
6521
6841
|
function $f9dd4061eb43ac38$export$8c610744efcf8a1d(props) {
|
|
6522
6842
|
let state = (0, $bzgmy$reactstately.useTooltipTriggerState)(props);
|
|
6523
6843
|
let ref = (0, $bzgmy$react.useRef)(null);
|
|
6524
|
-
let { triggerProps: triggerProps
|
|
6525
|
-
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($
|
|
6526
|
-
|
|
6527
|
-
|
|
6528
|
-
|
|
6529
|
-
|
|
6530
|
-
|
|
6844
|
+
let { triggerProps: triggerProps, tooltipProps: tooltipProps } = (0, $bzgmy$reactaria.useTooltipTrigger)(props, state, ref);
|
|
6845
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$2881499e37b75b9a), {
|
|
6846
|
+
values: [
|
|
6847
|
+
[
|
|
6848
|
+
$f9dd4061eb43ac38$export$7a7623236eec67fa,
|
|
6849
|
+
state
|
|
6850
|
+
],
|
|
6851
|
+
[
|
|
6852
|
+
$f9dd4061eb43ac38$export$39ae08fa83328b12,
|
|
6853
|
+
{
|
|
6854
|
+
...tooltipProps,
|
|
6855
|
+
triggerRef: ref
|
|
6856
|
+
}
|
|
6857
|
+
]
|
|
6858
|
+
]
|
|
6531
6859
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $bzgmy$reactariafocus.FocusableProvider), {
|
|
6532
6860
|
...triggerProps,
|
|
6533
6861
|
ref: ref
|
|
6534
6862
|
}, props.children));
|
|
6535
6863
|
}
|
|
6536
6864
|
function $f9dd4061eb43ac38$var$Tooltip(props, ref) {
|
|
6537
|
-
|
|
6538
|
-
let
|
|
6539
|
-
let
|
|
6865
|
+
[props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $f9dd4061eb43ac38$export$39ae08fa83328b12);
|
|
6866
|
+
let contextState = (0, $bzgmy$react.useContext)($f9dd4061eb43ac38$export$7a7623236eec67fa);
|
|
6867
|
+
let localState = (0, $bzgmy$reactstately.useTooltipTriggerState)(props);
|
|
6868
|
+
let state = props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;
|
|
6869
|
+
let isExiting = (0, $c5ccf687772c0422$export$45fda7c47f93fd48)(ref, state.isOpen);
|
|
6540
6870
|
if (!state.isOpen && !isExiting) return null;
|
|
6541
6871
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $bzgmy$reactaria.OverlayContainer), null, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($f9dd4061eb43ac38$var$TooltipInner, {
|
|
6542
6872
|
...props,
|
|
6543
|
-
tooltipRef:
|
|
6873
|
+
tooltipRef: ref,
|
|
6544
6874
|
isExiting: isExiting
|
|
6545
6875
|
}));
|
|
6546
6876
|
}
|
|
@@ -6548,17 +6878,16 @@ function $f9dd4061eb43ac38$var$Tooltip(props, ref) {
|
|
|
6548
6878
|
* A tooltip displays a description of an element on hover or focus.
|
|
6549
6879
|
*/ const $f9dd4061eb43ac38$export$28c660c63b792dea = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($f9dd4061eb43ac38$var$Tooltip);
|
|
6550
6880
|
function $f9dd4061eb43ac38$var$TooltipInner(props) {
|
|
6551
|
-
let
|
|
6552
|
-
let
|
|
6553
|
-
let { overlayProps: overlayProps , arrowProps: arrowProps , placement: placement } = (0, $bzgmy$reactaria.useOverlayPosition)({
|
|
6881
|
+
let state = (0, $bzgmy$react.useContext)($f9dd4061eb43ac38$export$7a7623236eec67fa);
|
|
6882
|
+
let { overlayProps: overlayProps, arrowProps: arrowProps, placement: placement } = (0, $bzgmy$reactaria.useOverlayPosition)({
|
|
6554
6883
|
placement: props.placement || "top",
|
|
6555
|
-
targetRef: triggerRef,
|
|
6556
|
-
overlayRef:
|
|
6884
|
+
targetRef: props.triggerRef,
|
|
6885
|
+
overlayRef: props.tooltipRef,
|
|
6557
6886
|
offset: props.offset,
|
|
6558
6887
|
crossOffset: props.crossOffset,
|
|
6559
6888
|
isOpen: state.isOpen
|
|
6560
6889
|
});
|
|
6561
|
-
let isEntering = (0, $c5ccf687772c0422$export$6d3443f2c48bfc20)(
|
|
6890
|
+
let isEntering = (0, $c5ccf687772c0422$export$6d3443f2c48bfc20)(props.tooltipRef, !!placement);
|
|
6562
6891
|
let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
|
|
6563
6892
|
...props,
|
|
6564
6893
|
defaultClassName: "react-aria-Tooltip",
|
|
@@ -6570,10 +6899,10 @@ function $f9dd4061eb43ac38$var$TooltipInner(props) {
|
|
|
6570
6899
|
}
|
|
6571
6900
|
});
|
|
6572
6901
|
props = (0, $bzgmy$reactaria.mergeProps)(props, overlayProps);
|
|
6573
|
-
let { tooltipProps: tooltipProps
|
|
6902
|
+
let { tooltipProps: tooltipProps } = (0, $bzgmy$reactaria.useTooltip)(props, state);
|
|
6574
6903
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("div", {
|
|
6575
|
-
...
|
|
6576
|
-
ref:
|
|
6904
|
+
...tooltipProps,
|
|
6905
|
+
ref: props.tooltipRef,
|
|
6577
6906
|
...renderProps,
|
|
6578
6907
|
style: {
|
|
6579
6908
|
...renderProps.style,
|
|
@@ -6584,7 +6913,7 @@ function $f9dd4061eb43ac38$var$TooltipInner(props) {
|
|
|
6584
6913
|
"data-exiting": props.isExiting || undefined
|
|
6585
6914
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $ee5958cbdc6becc1$export$2de4954e8ae13b9f).Provider, {
|
|
6586
6915
|
value: {
|
|
6587
|
-
arrowProps
|
|
6916
|
+
...arrowProps,
|
|
6588
6917
|
placement: placement
|
|
6589
6918
|
}
|
|
6590
6919
|
}, renderProps.children));
|