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/import.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {DIRECTORY_DRAG_TYPE as $67da31f5140672c4$re_export$DIRECTORY_DRAG_TYPE, isDirectoryDropItem as $67da31f5140672c4$re_export$isDirectoryDropItem, isFileDropItem as $67da31f5140672c4$re_export$isFileDropItem, isTextDropItem as $67da31f5140672c4$re_export$isTextDropItem, SSRProvider as $67da31f5140672c4$re_export$SSRProvider, useIsSSR as $dGqE5$useIsSSR, mergeProps as $dGqE5$mergeProps, useLink as $dGqE5$useLink, useHover as $dGqE5$useHover, useFocusRing as $dGqE5$useFocusRing, useButton as $dGqE5$useButton, useLocale as $dGqE5$useLocale, useCalendar as $dGqE5$useCalendar, VisuallyHidden as $dGqE5$VisuallyHidden, useRangeCalendar as $dGqE5$useRangeCalendar, useCalendarGrid as $dGqE5$useCalendarGrid, useCalendarCell as $dGqE5$useCalendarCell, useCheckboxGroup as $dGqE5$useCheckboxGroup, useCheckboxGroupItem as $dGqE5$useCheckboxGroupItem, useCheckbox as $dGqE5$useCheckbox, usePress as $dGqE5$usePress, useFilter as $dGqE5$useFilter, useComboBox as $dGqE5$useComboBox, ListKeyboardDelegate as $dGqE5$ListKeyboardDelegate, useListBox as $dGqE5$useListBox, FocusScope as $dGqE5$FocusScope, useListBoxSection as $dGqE5$useListBoxSection, useOption as $dGqE5$useOption, useDraggableCollection as $dGqE5$useDraggableCollection, useDraggableItem as $dGqE5$useDraggableItem, DragPreview as $dGqE5$DragPreview, useDroppableItem as $dGqE5$useDroppableItem, useDroppableCollection as $dGqE5$useDroppableCollection, useDropIndicator as $dGqE5$useDropIndicator, ListDropTargetDelegate as $dGqE5$ListDropTargetDelegate, useSeparator as $dGqE5$useSeparator, usePopover as $dGqE5$usePopover, Overlay as $dGqE5$Overlay, DismissButton as $dGqE5$DismissButton, useDateField as $dGqE5$useDateField, useTimeField as $dGqE5$useTimeField, useDateSegment as $dGqE5$useDateSegment, useDatePicker as $dGqE5$useDatePicker, useDateRangePicker as $dGqE5$useDateRangePicker,
|
|
2
|
-
import {filterDOMProps as $dGqE5$filterDOMProps, useObjectRef as $dGqE5$useObjectRef, mergeRefs as $dGqE5$mergeRefs, mergeProps as $dGqE5$mergeProps1, useLayoutEffect as $dGqE5$useLayoutEffect, useResizeObserver as $dGqE5$useResizeObserver,
|
|
1
|
+
import {DIRECTORY_DRAG_TYPE as $67da31f5140672c4$re_export$DIRECTORY_DRAG_TYPE, isDirectoryDropItem as $67da31f5140672c4$re_export$isDirectoryDropItem, isFileDropItem as $67da31f5140672c4$re_export$isFileDropItem, isTextDropItem as $67da31f5140672c4$re_export$isTextDropItem, SSRProvider as $67da31f5140672c4$re_export$SSRProvider, RouterProvider as $67da31f5140672c4$re_export$RouterProvider, I18nProvider as $67da31f5140672c4$re_export$I18nProvider, useIsSSR as $dGqE5$useIsSSR, mergeProps as $dGqE5$mergeProps, useLink as $dGqE5$useLink, useHover as $dGqE5$useHover, useFocusRing as $dGqE5$useFocusRing, useButton as $dGqE5$useButton, useLocale as $dGqE5$useLocale, useCalendar as $dGqE5$useCalendar, VisuallyHidden as $dGqE5$VisuallyHidden, useRangeCalendar as $dGqE5$useRangeCalendar, useCalendarGrid as $dGqE5$useCalendarGrid, useCalendarCell as $dGqE5$useCalendarCell, useCheckboxGroup as $dGqE5$useCheckboxGroup, useCheckboxGroupItem as $dGqE5$useCheckboxGroupItem, useCheckbox as $dGqE5$useCheckbox, usePress as $dGqE5$usePress, useFilter as $dGqE5$useFilter, useComboBox as $dGqE5$useComboBox, useCollator as $dGqE5$useCollator, ListKeyboardDelegate as $dGqE5$ListKeyboardDelegate, useListBox as $dGqE5$useListBox, FocusScope as $dGqE5$FocusScope, useListBoxSection as $dGqE5$useListBoxSection, useOption as $dGqE5$useOption, useDraggableCollection as $dGqE5$useDraggableCollection, useDraggableItem as $dGqE5$useDraggableItem, DragPreview as $dGqE5$DragPreview, useDroppableItem as $dGqE5$useDroppableItem, useDroppableCollection as $dGqE5$useDroppableCollection, useDropIndicator as $dGqE5$useDropIndicator, ListDropTargetDelegate as $dGqE5$ListDropTargetDelegate, useSeparator as $dGqE5$useSeparator, useOverlayTrigger as $dGqE5$useOverlayTrigger, useDialog as $dGqE5$useDialog, usePopover as $dGqE5$usePopover, Overlay as $dGqE5$Overlay, DismissButton as $dGqE5$DismissButton, useDateField as $dGqE5$useDateField, useTimeField as $dGqE5$useTimeField, useDateSegment as $dGqE5$useDateSegment, useDatePicker as $dGqE5$useDatePicker, useDateRangePicker as $dGqE5$useDateRangePicker, useDrop as $dGqE5$useDrop, useLocalizedStringFormatter as $dGqE5$useLocalizedStringFormatter, useClipboard as $dGqE5$useClipboard, useGridList as $dGqE5$useGridList, useGridListItem as $dGqE5$useGridListItem, useGridListSelectionCheckbox as $dGqE5$useGridListSelectionCheckbox, useVisuallyHidden as $dGqE5$useVisuallyHidden, useMenuTrigger as $dGqE5$useMenuTrigger, useMenu as $dGqE5$useMenu, useMenuSection as $dGqE5$useMenuSection, useMenuItem as $dGqE5$useMenuItem, useMeter as $dGqE5$useMeter, useModalOverlay as $dGqE5$useModalOverlay, useNumberField as $dGqE5$useNumberField, useProgressBar as $dGqE5$useProgressBar, useRadioGroup as $dGqE5$useRadioGroup, useRadio as $dGqE5$useRadio, useSearchField as $dGqE5$useSearchField, useSelect as $dGqE5$useSelect, HiddenSelect as $dGqE5$HiddenSelect, useNumberFormatter as $dGqE5$useNumberFormatter, useSlider as $dGqE5$useSlider, useSliderThumb as $dGqE5$useSliderThumb, useSwitch as $dGqE5$useSwitch, useTable as $dGqE5$useTable, useTableRowGroup as $dGqE5$useTableRowGroup, useTableHeaderRow as $dGqE5$useTableHeaderRow, useTableSelectAllCheckbox as $dGqE5$useTableSelectAllCheckbox, useTableColumnHeader as $dGqE5$useTableColumnHeader, useTableColumnResize as $dGqE5$useTableColumnResize, useTableRow as $dGqE5$useTableRow, useTableSelectionCheckbox as $dGqE5$useTableSelectionCheckbox, useTableCell as $dGqE5$useTableCell, useTabList as $dGqE5$useTabList, useTab as $dGqE5$useTab, useTabPanel as $dGqE5$useTabPanel, useTagGroup as $dGqE5$useTagGroup, useTag as $dGqE5$useTag, useTextField as $dGqE5$useTextField, useToggleButton as $dGqE5$useToggleButton, useTooltipTrigger as $dGqE5$useTooltipTrigger, OverlayContainer as $dGqE5$OverlayContainer, useOverlayPosition as $dGqE5$useOverlayPosition, useTooltip as $dGqE5$useTooltip} from "react-aria";
|
|
2
|
+
import {filterDOMProps as $dGqE5$filterDOMProps, useObjectRef as $dGqE5$useObjectRef, mergeRefs as $dGqE5$mergeRefs, mergeProps as $dGqE5$mergeProps1, useLayoutEffect as $dGqE5$useLayoutEffect, useResizeObserver as $dGqE5$useResizeObserver, useSlotId as $dGqE5$useSlotId, useLabels as $dGqE5$useLabels, isWebKit as $dGqE5$isWebKit, isIOS as $dGqE5$isIOS, useViewportSize as $dGqE5$useViewportSize} from "@react-aria/utils";
|
|
3
3
|
import $dGqE5$react, {createContext as $dGqE5$createContext, forwardRef as $dGqE5$forwardRef, useMemo as $dGqE5$useMemo, cloneElement as $dGqE5$cloneElement, useRef as $dGqE5$useRef, useCallback as $dGqE5$useCallback, useContext as $dGqE5$useContext, useEffect as $dGqE5$useEffect, useState as $dGqE5$useState} from "react";
|
|
4
4
|
import $dGqE5$reactdom, {createPortal as $dGqE5$createPortal} from "react-dom";
|
|
5
5
|
import {useSyncExternalStore as $dGqE5$useSyncExternalStore} from "use-sync-external-store/shim/index.js";
|
|
@@ -9,6 +9,9 @@ import {PressResponder as $dGqE5$PressResponder} from "@react-aria/interactions"
|
|
|
9
9
|
import {buildHeaderRows as $dGqE5$buildHeaderRows} from "@react-stately/table";
|
|
10
10
|
import {FocusableProvider as $dGqE5$FocusableProvider} from "@react-aria/focus";
|
|
11
11
|
|
|
12
|
+
function $parcel$interopDefault(a) {
|
|
13
|
+
return a && a.__esModule ? a.default : a;
|
|
14
|
+
}
|
|
12
15
|
/*
|
|
13
16
|
* Copyright 2022 Adobe. All rights reserved.
|
|
14
17
|
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
@@ -231,7 +234,7 @@ class $7135fc7d473fd974$export$dc064fe9e59310fd extends $7135fc7d473fd974$var$Ba
|
|
|
231
234
|
}
|
|
232
235
|
setProps(obj, ref, rendered) {
|
|
233
236
|
let node = this.ownerDocument.getMutableNode(this);
|
|
234
|
-
let { value: value
|
|
237
|
+
let { value: value, textValue: textValue, id: id, ...props } = obj;
|
|
235
238
|
props.ref = ref;
|
|
236
239
|
node.props = props;
|
|
237
240
|
node.rendered = rendered;
|
|
@@ -471,7 +474,7 @@ class $7135fc7d473fd974$export$b34a105447964f9f extends $7135fc7d473fd974$var$Ba
|
|
|
471
474
|
}
|
|
472
475
|
}
|
|
473
476
|
function $7135fc7d473fd974$export$727c8fc270210f13(props) {
|
|
474
|
-
let { children: children
|
|
477
|
+
let { children: children, items: items, idScope: idScope, addIdAndValue: addIdAndValue } = props;
|
|
475
478
|
let cache = (0, $dGqE5$useMemo)(()=>new WeakMap(), []);
|
|
476
479
|
return (0, $dGqE5$useMemo)(()=>{
|
|
477
480
|
if (items && typeof children === "function") {
|
|
@@ -519,7 +522,7 @@ function $7135fc7d473fd974$export$901dbff4e54a6dd0(props) {
|
|
|
519
522
|
}
|
|
520
523
|
const $7135fc7d473fd974$var$ShallowRenderContext = /*#__PURE__*/ (0, $dGqE5$createContext)(false);
|
|
521
524
|
function $7135fc7d473fd974$export$6cd28814d92fa9c9(props, initialCollection) {
|
|
522
|
-
let { collection: collection
|
|
525
|
+
let { collection: collection, document: document } = $7135fc7d473fd974$export$7cd71aa5ddd6dc4e(initialCollection);
|
|
523
526
|
let portal = $7135fc7d473fd974$export$ad42d5efb4461b31(props, document);
|
|
524
527
|
return {
|
|
525
528
|
portal: portal,
|
|
@@ -577,7 +580,10 @@ function $7135fc7d473fd974$export$7cd71aa5ddd6dc4e(initialCollection) {
|
|
|
577
580
|
};
|
|
578
581
|
}
|
|
579
582
|
const $7135fc7d473fd974$var$SSRContext = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
583
|
+
const $7135fc7d473fd974$export$8c25dea96356a8b6 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
580
584
|
function $7135fc7d473fd974$export$ad42d5efb4461b31(props, document) {
|
|
585
|
+
let ctx = (0, $dGqE5$useContext)($7135fc7d473fd974$export$8c25dea96356a8b6);
|
|
586
|
+
let doc = document !== null && document !== void 0 ? document : ctx;
|
|
581
587
|
let children = $7135fc7d473fd974$export$901dbff4e54a6dd0(props);
|
|
582
588
|
let wrappedChildren = (0, $dGqE5$useMemo)(()=>/*#__PURE__*/ (0, $dGqE5$react).createElement($7135fc7d473fd974$var$ShallowRenderContext.Provider, {
|
|
583
589
|
value: true
|
|
@@ -587,15 +593,18 @@ function $7135fc7d473fd974$export$ad42d5efb4461b31(props, document) {
|
|
|
587
593
|
// During SSR, we render the content directly, and append nodes to the document during render.
|
|
588
594
|
// The collection children return null so that nothing is actually rendered into the HTML.
|
|
589
595
|
return (0, $dGqE5$useIsSSR)() ? /*#__PURE__*/ (0, $dGqE5$react).createElement($7135fc7d473fd974$var$SSRContext.Provider, {
|
|
590
|
-
value:
|
|
591
|
-
}, wrappedChildren) : /*#__PURE__*/ (0, $dGqE5$createPortal)(wrappedChildren,
|
|
596
|
+
value: doc
|
|
597
|
+
}, wrappedChildren) : /*#__PURE__*/ (0, $dGqE5$createPortal)(wrappedChildren, doc);
|
|
598
|
+
}
|
|
599
|
+
function $7135fc7d473fd974$export$813b5978dd974d8(props) {
|
|
600
|
+
return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null, $7135fc7d473fd974$export$ad42d5efb4461b31(props));
|
|
592
601
|
}
|
|
593
602
|
function $7135fc7d473fd974$export$aeba0b1fb3dcd8b8(Element, props, ref) {
|
|
594
603
|
let isShallow = (0, $dGqE5$useContext)($7135fc7d473fd974$var$ShallowRenderContext);
|
|
595
604
|
var _useSSRCollectionNode;
|
|
596
605
|
if (isShallow) // Elements cannot be re-parented, so the context will always be there.
|
|
597
606
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
598
|
-
return (_useSSRCollectionNode = $7135fc7d473fd974$export$e7c29ae2353b16ea(Element, props, ref, props.children)) !== null && _useSSRCollectionNode !== void 0 ? _useSSRCollectionNode : /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null);
|
|
607
|
+
return (_useSSRCollectionNode = $7135fc7d473fd974$export$e7c29ae2353b16ea(Element, props, ref, "children" in props ? props.children : null)) !== null && _useSSRCollectionNode !== void 0 ? _useSSRCollectionNode : /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null);
|
|
599
608
|
return null;
|
|
600
609
|
}
|
|
601
610
|
function $7135fc7d473fd974$export$636783d3732b5559(props, ref, rendered) {
|
|
@@ -672,7 +681,7 @@ function $7135fc7d473fd974$export$fb8073518f34e6ec(props) {
|
|
|
672
681
|
|
|
673
682
|
const $64fa3d84918910a7$export$91172ebb93c441a2 = Symbol("callback");
|
|
674
683
|
const $64fa3d84918910a7$export$8e0ef2c5844bfb6b = Symbol("default");
|
|
675
|
-
function $64fa3d84918910a7$export$2881499e37b75b9a({ values: values
|
|
684
|
+
function $64fa3d84918910a7$export$2881499e37b75b9a({ values: values, children: children }) {
|
|
676
685
|
for (let [Context, value] of values)// @ts-ignore
|
|
677
686
|
children = /*#__PURE__*/ (0, $dGqE5$react).createElement(Context.Provider, {
|
|
678
687
|
value: value
|
|
@@ -680,7 +689,7 @@ function $64fa3d84918910a7$export$2881499e37b75b9a({ values: values , children:
|
|
|
680
689
|
return children;
|
|
681
690
|
}
|
|
682
691
|
function $64fa3d84918910a7$export$4d86445c2cf5e3(props) {
|
|
683
|
-
let { className: className
|
|
692
|
+
let { className: className, style: style, children: children, defaultClassName: defaultClassName, defaultChildren: defaultChildren, values: values } = props;
|
|
684
693
|
return (0, $dGqE5$useMemo)(()=>{
|
|
685
694
|
let computedClassName;
|
|
686
695
|
let computedStyle;
|
|
@@ -709,7 +718,9 @@ function $64fa3d84918910a7$export$4d86445c2cf5e3(props) {
|
|
|
709
718
|
}
|
|
710
719
|
function $64fa3d84918910a7$export$fabf2dc03a41866e(context, slot) {
|
|
711
720
|
let ctx = (0, $dGqE5$useContext)(context);
|
|
712
|
-
if (
|
|
721
|
+
if (slot === null) // An explicit `null` slot means don't use context.
|
|
722
|
+
return null;
|
|
723
|
+
if (ctx && typeof ctx === "object" && "slots" in ctx && ctx.slots) {
|
|
713
724
|
if (!slot && !ctx.slots[$64fa3d84918910a7$export$8e0ef2c5844bfb6b]) throw new Error("A slot prop is required");
|
|
714
725
|
let slotKey = slot || $64fa3d84918910a7$export$8e0ef2c5844bfb6b;
|
|
715
726
|
if (!ctx.slots[slotKey]) // @ts-ignore
|
|
@@ -722,7 +733,7 @@ function $64fa3d84918910a7$export$fabf2dc03a41866e(context, slot) {
|
|
|
722
733
|
function $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, context) {
|
|
723
734
|
let ctx = $64fa3d84918910a7$export$fabf2dc03a41866e(context, props.slot) || {};
|
|
724
735
|
// @ts-ignore - TS says "Type 'unique symbol' cannot be used as an index type." but not sure why.
|
|
725
|
-
let { ref: contextRef
|
|
736
|
+
let { ref: contextRef, [$64fa3d84918910a7$export$91172ebb93c441a2]: callback, ...contextProps } = ctx;
|
|
726
737
|
let mergedRef = (0, $dGqE5$useObjectRef)((0, $dGqE5$useMemo)(()=>(0, $dGqE5$mergeRefs)(ref, contextRef), [
|
|
727
738
|
ref,
|
|
728
739
|
contextRef
|
|
@@ -860,6 +871,12 @@ function $64fa3d84918910a7$export$86427a43e3e48ebb(fn) {
|
|
|
860
871
|
Wrapper.displayName = fn.displayName || fn.name;
|
|
861
872
|
return (0, $dGqE5$react).forwardRef(Wrapper);
|
|
862
873
|
}
|
|
874
|
+
function $64fa3d84918910a7$export$ef03459518577ad4(props) {
|
|
875
|
+
const prefix = /^(data-.*)$/;
|
|
876
|
+
let filteredProps = {};
|
|
877
|
+
for(const prop in props)if (!prefix.test(prop)) filteredProps[prop] = props[prop];
|
|
878
|
+
return filteredProps;
|
|
879
|
+
}
|
|
863
880
|
|
|
864
881
|
|
|
865
882
|
|
|
@@ -876,17 +893,16 @@ function $64fa3d84918910a7$export$86427a43e3e48ebb(fn) {
|
|
|
876
893
|
*/
|
|
877
894
|
|
|
878
895
|
|
|
879
|
-
|
|
880
896
|
const $4f118338184dc1d9$export$e2509388b49734e7 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
881
897
|
function $4f118338184dc1d9$var$Link(props, ref) {
|
|
882
898
|
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $4f118338184dc1d9$export$e2509388b49734e7);
|
|
883
|
-
let
|
|
884
|
-
let { linkProps: linkProps
|
|
899
|
+
let ElementType = props.href ? "a" : "span";
|
|
900
|
+
let { linkProps: linkProps, isPressed: isPressed } = (0, $dGqE5$useLink)({
|
|
885
901
|
...props,
|
|
886
|
-
elementType:
|
|
902
|
+
elementType: ElementType
|
|
887
903
|
}, ref);
|
|
888
|
-
let { hoverProps: hoverProps
|
|
889
|
-
let { focusProps: focusProps
|
|
904
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $dGqE5$useHover)(props);
|
|
905
|
+
let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $dGqE5$useFocusRing)();
|
|
890
906
|
let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
891
907
|
...props,
|
|
892
908
|
defaultClassName: "react-aria-Link",
|
|
@@ -899,25 +915,17 @@ function $4f118338184dc1d9$var$Link(props, ref) {
|
|
|
899
915
|
isFocusVisible: isFocusVisible
|
|
900
916
|
}
|
|
901
917
|
});
|
|
902
|
-
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
"data-focused": isFocused || undefined,
|
|
914
|
-
"data-hovered": isHovered || undefined,
|
|
915
|
-
"data-pressed": isPressed || undefined,
|
|
916
|
-
"data-focus-visible": isFocusVisible || undefined,
|
|
917
|
-
"data-current": !!props["aria-current"] || undefined,
|
|
918
|
-
"data-disabled": props.isDisabled || undefined
|
|
919
|
-
}, element.props)
|
|
920
|
-
});
|
|
918
|
+
return /*#__PURE__*/ (0, $dGqE5$react).createElement(ElementType, {
|
|
919
|
+
ref: ref,
|
|
920
|
+
slot: props.slot || undefined,
|
|
921
|
+
...(0, $dGqE5$mergeProps)(renderProps, linkProps, hoverProps, focusProps),
|
|
922
|
+
"data-focused": isFocused || undefined,
|
|
923
|
+
"data-hovered": isHovered || undefined,
|
|
924
|
+
"data-pressed": isPressed || undefined,
|
|
925
|
+
"data-focus-visible": isFocusVisible || undefined,
|
|
926
|
+
"data-current": !!props["aria-current"] || undefined,
|
|
927
|
+
"data-disabled": props.isDisabled || undefined
|
|
928
|
+
}, renderProps.children);
|
|
921
929
|
}
|
|
922
930
|
/**
|
|
923
931
|
* A link allows a user to navigate to another page or resource within a web page
|
|
@@ -929,7 +937,7 @@ function $4f118338184dc1d9$var$Link(props, ref) {
|
|
|
929
937
|
const $778035c5624f61e7$export$65596d3621b0a4a0 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
930
938
|
function $778035c5624f61e7$var$Breadcrumbs(props, ref) {
|
|
931
939
|
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $778035c5624f61e7$export$65596d3621b0a4a0);
|
|
932
|
-
let { portal: portal
|
|
940
|
+
let { portal: portal, collection: collection } = (0, $7135fc7d473fd974$export$6cd28814d92fa9c9)(props);
|
|
933
941
|
// Render the portal first so that we have the collection by the time we render the DOM in SSR
|
|
934
942
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null, portal, /*#__PURE__*/ (0, $dGqE5$react).createElement($778035c5624f61e7$var$BreadcrumbsInner, {
|
|
935
943
|
props: props,
|
|
@@ -937,14 +945,14 @@ function $778035c5624f61e7$var$Breadcrumbs(props, ref) {
|
|
|
937
945
|
breadcrumbsRef: ref
|
|
938
946
|
}));
|
|
939
947
|
}
|
|
940
|
-
function $778035c5624f61e7$var$BreadcrumbsInner({ props: props
|
|
948
|
+
function $778035c5624f61e7$var$BreadcrumbsInner({ props: props, collection: collection, breadcrumbsRef: ref }) {
|
|
941
949
|
var _props_className;
|
|
942
950
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement("ol", {
|
|
943
951
|
ref: ref,
|
|
944
952
|
...(0, $dGqE5$filterDOMProps)(props, {
|
|
945
953
|
labelable: true
|
|
946
954
|
}),
|
|
947
|
-
slot: props.slot,
|
|
955
|
+
slot: props.slot || undefined,
|
|
948
956
|
style: props.style,
|
|
949
957
|
className: (_props_className = props.className) !== null && _props_className !== void 0 ? _props_className : "react-aria-Breadcrumbs"
|
|
950
958
|
}, [
|
|
@@ -958,7 +966,7 @@ function $778035c5624f61e7$var$BreadcrumbsInner({ props: props , collection: col
|
|
|
958
966
|
})));
|
|
959
967
|
}
|
|
960
968
|
/**
|
|
961
|
-
* Breadcrumbs display a
|
|
969
|
+
* Breadcrumbs display a hierarchy of links to the current page or resource in an application.
|
|
962
970
|
*/ const $778035c5624f61e7$export$2dc68d50d56fbbd = /*#__PURE__*/ (0, $dGqE5$forwardRef)($778035c5624f61e7$var$Breadcrumbs);
|
|
963
971
|
function $778035c5624f61e7$var$Breadcrumb(props, ref) {
|
|
964
972
|
return (0, $7135fc7d473fd974$export$e7c29ae2353b16ea)("item", props, ref, props.children);
|
|
@@ -966,7 +974,7 @@ function $778035c5624f61e7$var$Breadcrumb(props, ref) {
|
|
|
966
974
|
/**
|
|
967
975
|
* A Breadcrumb represents an individual item in a `<Breadcrumbs>` list.
|
|
968
976
|
*/ const $778035c5624f61e7$export$dabcc1ec9dd9d1cc = /*#__PURE__*/ (0, $dGqE5$forwardRef)($778035c5624f61e7$var$Breadcrumb);
|
|
969
|
-
function $778035c5624f61e7$var$BreadcrumbItem({ node: node
|
|
977
|
+
function $778035c5624f61e7$var$BreadcrumbItem({ node: node, isCurrent: isCurrent, isDisabled: isDisabled, onAction: onAction }) {
|
|
970
978
|
// Recreating useBreadcrumbItem because we want to use composition instead of having the link builtin.
|
|
971
979
|
let linkProps = {
|
|
972
980
|
"aria-current": isCurrent ? "page" : null,
|
|
@@ -1014,9 +1022,9 @@ const $d2b4bc8c273e7be6$export$24d547caef80ccd1 = /*#__PURE__*/ (0, $dGqE5$creat
|
|
|
1014
1022
|
function $d2b4bc8c273e7be6$var$Button(props, ref) {
|
|
1015
1023
|
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $d2b4bc8c273e7be6$export$24d547caef80ccd1);
|
|
1016
1024
|
let ctx = props;
|
|
1017
|
-
let { buttonProps: buttonProps
|
|
1018
|
-
let { focusProps: focusProps
|
|
1019
|
-
let { hoverProps: hoverProps
|
|
1025
|
+
let { buttonProps: buttonProps, isPressed: isPressed } = (0, $dGqE5$useButton)(props, ref);
|
|
1026
|
+
let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $dGqE5$useFocusRing)(props);
|
|
1027
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $dGqE5$useHover)(props);
|
|
1020
1028
|
let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
1021
1029
|
...props,
|
|
1022
1030
|
values: {
|
|
@@ -1035,7 +1043,7 @@ function $d2b4bc8c273e7be6$var$Button(props, ref) {
|
|
|
1035
1043
|
...(0, $dGqE5$mergeProps)(buttonProps, focusProps, hoverProps),
|
|
1036
1044
|
...renderProps,
|
|
1037
1045
|
ref: ref,
|
|
1038
|
-
slot: props.slot,
|
|
1046
|
+
slot: props.slot || undefined,
|
|
1039
1047
|
"data-disabled": props.isDisabled || undefined,
|
|
1040
1048
|
"data-pressed": ctx.isPressed || isPressed || undefined,
|
|
1041
1049
|
"data-hovered": isHovered || undefined,
|
|
@@ -1079,7 +1087,7 @@ function $d2b4bc8c273e7be6$var$Button(props, ref) {
|
|
|
1079
1087
|
const $5cb03073d3f54797$export$d688439359537581 = /*#__PURE__*/ (0, $dGqE5$createContext)({});
|
|
1080
1088
|
function $5cb03073d3f54797$var$Heading(props, ref) {
|
|
1081
1089
|
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $5cb03073d3f54797$export$d688439359537581);
|
|
1082
|
-
let { children: children
|
|
1090
|
+
let { children: children, level: level = 3, className: className, ...domProps } = props;
|
|
1083
1091
|
let Element = `h${level}`;
|
|
1084
1092
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement(Element, {
|
|
1085
1093
|
...domProps,
|
|
@@ -1105,7 +1113,7 @@ const $5cb03073d3f54797$export$a8a3e93435678ff9 = /*#__PURE__*/ (0, $dGqE5$forwa
|
|
|
1105
1113
|
const $514c0188e459b4c0$export$9afb8bc826b033ea = /*#__PURE__*/ (0, $dGqE5$createContext)({});
|
|
1106
1114
|
function $514c0188e459b4c0$var$Text(props, ref) {
|
|
1107
1115
|
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $514c0188e459b4c0$export$9afb8bc826b033ea);
|
|
1108
|
-
let { elementType: ElementType = "span"
|
|
1116
|
+
let { elementType: ElementType = "span", ...domProps } = props;
|
|
1109
1117
|
// @ts-ignore
|
|
1110
1118
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement(ElementType, {
|
|
1111
1119
|
className: "react-aria-Text",
|
|
@@ -1118,16 +1126,17 @@ const $514c0188e459b4c0$export$5f1af8db9871e1d6 = /*#__PURE__*/ (0, $dGqE5$forwa
|
|
|
1118
1126
|
|
|
1119
1127
|
const $dfd62f934fc76fed$export$3b805cea1f178355 = /*#__PURE__*/ (0, $dGqE5$createContext)({});
|
|
1120
1128
|
const $dfd62f934fc76fed$export$233dd9682e1ad64b = /*#__PURE__*/ (0, $dGqE5$createContext)({});
|
|
1121
|
-
const $dfd62f934fc76fed$
|
|
1129
|
+
const $dfd62f934fc76fed$export$9e31dcedda1dadc7 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
1130
|
+
const $dfd62f934fc76fed$export$5e0fc348c00f87a0 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
1122
1131
|
function $dfd62f934fc76fed$var$Calendar(props, ref) {
|
|
1123
1132
|
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $dfd62f934fc76fed$export$3b805cea1f178355);
|
|
1124
|
-
let { locale: locale
|
|
1133
|
+
let { locale: locale } = (0, $dGqE5$useLocale)();
|
|
1125
1134
|
let state = (0, $dGqE5$useCalendarState)({
|
|
1126
1135
|
...props,
|
|
1127
1136
|
locale: locale,
|
|
1128
1137
|
createCalendar: $dGqE5$createCalendar
|
|
1129
1138
|
});
|
|
1130
|
-
let { calendarProps: calendarProps
|
|
1139
|
+
let { calendarProps: calendarProps, prevButtonProps: prevButtonProps, nextButtonProps: nextButtonProps, errorMessageProps: errorMessageProps, title: title } = (0, $dGqE5$useCalendar)(props, state);
|
|
1131
1140
|
let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
1132
1141
|
...props,
|
|
1133
1142
|
values: {
|
|
@@ -1141,7 +1150,7 @@ function $dfd62f934fc76fed$var$Calendar(props, ref) {
|
|
|
1141
1150
|
...renderProps,
|
|
1142
1151
|
...calendarProps,
|
|
1143
1152
|
ref: ref,
|
|
1144
|
-
slot: props.slot,
|
|
1153
|
+
slot: props.slot || undefined,
|
|
1145
1154
|
"data-disabled": props.isDisabled || undefined,
|
|
1146
1155
|
"data-invalid": state.isValueInvalid || undefined
|
|
1147
1156
|
}, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
|
|
@@ -1164,7 +1173,7 @@ function $dfd62f934fc76fed$var$Calendar(props, ref) {
|
|
|
1164
1173
|
}
|
|
1165
1174
|
],
|
|
1166
1175
|
[
|
|
1167
|
-
$dfd62f934fc76fed$
|
|
1176
|
+
$dfd62f934fc76fed$export$9e31dcedda1dadc7,
|
|
1168
1177
|
state
|
|
1169
1178
|
],
|
|
1170
1179
|
[
|
|
@@ -1188,13 +1197,13 @@ function $dfd62f934fc76fed$var$Calendar(props, ref) {
|
|
|
1188
1197
|
*/ const $dfd62f934fc76fed$export$e1aef45b828286de = /*#__PURE__*/ (0, $dGqE5$forwardRef)($dfd62f934fc76fed$var$Calendar);
|
|
1189
1198
|
function $dfd62f934fc76fed$var$RangeCalendar(props, ref) {
|
|
1190
1199
|
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $dfd62f934fc76fed$export$233dd9682e1ad64b);
|
|
1191
|
-
let { locale: locale
|
|
1200
|
+
let { locale: locale } = (0, $dGqE5$useLocale)();
|
|
1192
1201
|
let state = (0, $dGqE5$useRangeCalendarState)({
|
|
1193
1202
|
...props,
|
|
1194
1203
|
locale: locale,
|
|
1195
1204
|
createCalendar: $dGqE5$createCalendar
|
|
1196
1205
|
});
|
|
1197
|
-
let { calendarProps: calendarProps
|
|
1206
|
+
let { calendarProps: calendarProps, prevButtonProps: prevButtonProps, nextButtonProps: nextButtonProps, errorMessageProps: errorMessageProps, title: title } = (0, $dGqE5$useRangeCalendar)(props, state, ref);
|
|
1198
1207
|
let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
1199
1208
|
...props,
|
|
1200
1209
|
values: {
|
|
@@ -1208,7 +1217,7 @@ function $dfd62f934fc76fed$var$RangeCalendar(props, ref) {
|
|
|
1208
1217
|
...renderProps,
|
|
1209
1218
|
...calendarProps,
|
|
1210
1219
|
ref: ref,
|
|
1211
|
-
slot: props.slot,
|
|
1220
|
+
slot: props.slot || undefined,
|
|
1212
1221
|
"data-disabled": props.isDisabled || undefined,
|
|
1213
1222
|
"data-invalid": state.isValueInvalid || undefined
|
|
1214
1223
|
}, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
|
|
@@ -1231,7 +1240,7 @@ function $dfd62f934fc76fed$var$RangeCalendar(props, ref) {
|
|
|
1231
1240
|
}
|
|
1232
1241
|
],
|
|
1233
1242
|
[
|
|
1234
|
-
$dfd62f934fc76fed$
|
|
1243
|
+
$dfd62f934fc76fed$export$5e0fc348c00f87a0,
|
|
1235
1244
|
state
|
|
1236
1245
|
],
|
|
1237
1246
|
[
|
|
@@ -1255,10 +1264,12 @@ function $dfd62f934fc76fed$var$RangeCalendar(props, ref) {
|
|
|
1255
1264
|
*/ const $dfd62f934fc76fed$export$a4f5c8b89d277a8d = /*#__PURE__*/ (0, $dGqE5$forwardRef)($dfd62f934fc76fed$var$RangeCalendar);
|
|
1256
1265
|
const $dfd62f934fc76fed$var$InternalCalendarGridContext = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
1257
1266
|
function $dfd62f934fc76fed$var$CalendarGrid(props, ref) {
|
|
1258
|
-
let
|
|
1267
|
+
let calendarState = (0, $dGqE5$useContext)($dfd62f934fc76fed$export$9e31dcedda1dadc7);
|
|
1268
|
+
let rangeCalendarState = (0, $dGqE5$useContext)($dfd62f934fc76fed$export$5e0fc348c00f87a0);
|
|
1269
|
+
let state = calendarState !== null && calendarState !== void 0 ? calendarState : rangeCalendarState;
|
|
1259
1270
|
let startDate = state.visibleRange.start;
|
|
1260
1271
|
if (props.offset) startDate = startDate.add(props.offset);
|
|
1261
|
-
let { gridProps: gridProps
|
|
1272
|
+
let { gridProps: gridProps, headerProps: headerProps, weekDays: weekDays } = (0, $dGqE5$useCalendarGrid)({
|
|
1262
1273
|
startDate: startDate,
|
|
1263
1274
|
endDate: (0, $dGqE5$endOfMonth)(startDate),
|
|
1264
1275
|
weekdayStyle: props.weekdayStyle
|
|
@@ -1283,8 +1294,8 @@ function $dfd62f934fc76fed$var$CalendarGrid(props, ref) {
|
|
|
1283
1294
|
* can be keyboard navigated and selected by the user.
|
|
1284
1295
|
*/ const $dfd62f934fc76fed$export$5bd780d491cfc46c = /*#__PURE__*/ (0, $dGqE5$forwardRef)($dfd62f934fc76fed$var$CalendarGrid);
|
|
1285
1296
|
function $dfd62f934fc76fed$var$CalendarGridHeader(props, ref) {
|
|
1286
|
-
let { children: children
|
|
1287
|
-
let { headerProps: headerProps
|
|
1297
|
+
let { children: children, style: style, className: className } = props;
|
|
1298
|
+
let { headerProps: headerProps, weekDays: weekDays } = (0, $dGqE5$useContext)($dfd62f934fc76fed$var$InternalCalendarGridContext);
|
|
1288
1299
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement("thead", {
|
|
1289
1300
|
...(0, $dGqE5$filterDOMProps)(props),
|
|
1290
1301
|
...headerProps,
|
|
@@ -1299,7 +1310,7 @@ function $dfd62f934fc76fed$var$CalendarGridHeader(props, ref) {
|
|
|
1299
1310
|
* A calendar grid header displays a row of week day names at the top of a month.
|
|
1300
1311
|
*/ const $dfd62f934fc76fed$export$22e2d15eaa4d2377 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($dfd62f934fc76fed$var$CalendarGridHeader);
|
|
1301
1312
|
function $dfd62f934fc76fed$var$CalendarHeaderCell(props, ref) {
|
|
1302
|
-
let { children: children
|
|
1313
|
+
let { children: children, style: style, className: className } = props;
|
|
1303
1314
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement("th", {
|
|
1304
1315
|
...(0, $dGqE5$filterDOMProps)(props),
|
|
1305
1316
|
ref: ref,
|
|
@@ -1311,10 +1322,12 @@ function $dfd62f934fc76fed$var$CalendarHeaderCell(props, ref) {
|
|
|
1311
1322
|
* A calendar header cell displays a week day name at the top of a column within a calendar.
|
|
1312
1323
|
*/ const $dfd62f934fc76fed$export$ad2135cac3a11b3d = /*#__PURE__*/ (0, $dGqE5$forwardRef)($dfd62f934fc76fed$var$CalendarHeaderCell);
|
|
1313
1324
|
function $dfd62f934fc76fed$var$CalendarGridBody(props, ref) {
|
|
1314
|
-
let { children: children
|
|
1315
|
-
let
|
|
1316
|
-
let
|
|
1317
|
-
let
|
|
1325
|
+
let { children: children, style: style, className: className } = props;
|
|
1326
|
+
let calendarState = (0, $dGqE5$useContext)($dfd62f934fc76fed$export$9e31dcedda1dadc7);
|
|
1327
|
+
let rangeCalendarState = (0, $dGqE5$useContext)($dfd62f934fc76fed$export$5e0fc348c00f87a0);
|
|
1328
|
+
let state = calendarState !== null && calendarState !== void 0 ? calendarState : rangeCalendarState;
|
|
1329
|
+
let { startDate: startDate } = (0, $dGqE5$useContext)($dfd62f934fc76fed$var$InternalCalendarGridContext);
|
|
1330
|
+
let { locale: locale } = (0, $dGqE5$useLocale)();
|
|
1318
1331
|
let weeksInMonth = (0, $dGqE5$getWeeksInMonth)(startDate, locale);
|
|
1319
1332
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement("tbody", {
|
|
1320
1333
|
...(0, $dGqE5$filterDOMProps)(props),
|
|
@@ -1334,20 +1347,22 @@ function $dfd62f934fc76fed$var$CalendarGridBody(props, ref) {
|
|
|
1334
1347
|
/**
|
|
1335
1348
|
* A calendar grid body displays a grid of calendar cells within a month.
|
|
1336
1349
|
*/ const $dfd62f934fc76fed$export$e11f8ba65d857bff = /*#__PURE__*/ (0, $dGqE5$forwardRef)($dfd62f934fc76fed$var$CalendarGridBody);
|
|
1337
|
-
function $dfd62f934fc76fed$var$CalendarCell({ date: date
|
|
1338
|
-
let
|
|
1350
|
+
function $dfd62f934fc76fed$var$CalendarCell({ date: date, ...otherProps }, ref) {
|
|
1351
|
+
let calendarState = (0, $dGqE5$useContext)($dfd62f934fc76fed$export$9e31dcedda1dadc7);
|
|
1352
|
+
let rangeCalendarState = (0, $dGqE5$useContext)($dfd62f934fc76fed$export$5e0fc348c00f87a0);
|
|
1353
|
+
let state = calendarState !== null && calendarState !== void 0 ? calendarState : rangeCalendarState;
|
|
1339
1354
|
var _useContext;
|
|
1340
|
-
let { startDate: currentMonth
|
|
1355
|
+
let { startDate: currentMonth } = (_useContext = (0, $dGqE5$useContext)($dfd62f934fc76fed$var$InternalCalendarGridContext)) !== null && _useContext !== void 0 ? _useContext : {
|
|
1341
1356
|
startDate: state.visibleRange.start
|
|
1342
1357
|
};
|
|
1343
1358
|
let objectRef = (0, $dGqE5$useObjectRef)(ref);
|
|
1344
|
-
let { cellProps: cellProps
|
|
1359
|
+
let { cellProps: cellProps, buttonProps: buttonProps, ...states } = (0, $dGqE5$useCalendarCell)({
|
|
1345
1360
|
date: date
|
|
1346
1361
|
}, state, objectRef);
|
|
1347
|
-
let { hoverProps: hoverProps
|
|
1362
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $dGqE5$useHover)({
|
|
1348
1363
|
isDisabled: states.isDisabled
|
|
1349
1364
|
});
|
|
1350
|
-
let { focusProps: focusProps
|
|
1365
|
+
let { focusProps: focusProps, isFocusVisible: isFocusVisible } = (0, $dGqE5$useFocusRing)();
|
|
1351
1366
|
let isOutsideMonth = !(0, $dGqE5$isSameMonth)(currentMonth, date);
|
|
1352
1367
|
let isSelectionStart = false;
|
|
1353
1368
|
let isSelectionEnd = false;
|
|
@@ -1422,7 +1437,7 @@ function $dfd62f934fc76fed$var$CalendarCell({ date: date , ...otherProps }, ref)
|
|
|
1422
1437
|
const $01b77f81d0f07f68$export$75b6ee27786ba447 = /*#__PURE__*/ (0, $dGqE5$createContext)({});
|
|
1423
1438
|
function $01b77f81d0f07f68$var$Label(props, ref) {
|
|
1424
1439
|
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $01b77f81d0f07f68$export$75b6ee27786ba447);
|
|
1425
|
-
let { elementType: ElementType = "label"
|
|
1440
|
+
let { elementType: ElementType = "label", ...labelProps } = props;
|
|
1426
1441
|
// @ts-ignore
|
|
1427
1442
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement(ElementType, {
|
|
1428
1443
|
className: "react-aria-Label",
|
|
@@ -1436,12 +1451,12 @@ const $01b77f81d0f07f68$export$b04be29aa201d4f5 = /*#__PURE__*/ (0, $64fa3d84918
|
|
|
1436
1451
|
|
|
1437
1452
|
|
|
1438
1453
|
const $bc237834342dbd75$export$baf37c4be89255b8 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
1439
|
-
const $bc237834342dbd75$
|
|
1454
|
+
const $bc237834342dbd75$export$139c5b8563afc1fc = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
1440
1455
|
function $bc237834342dbd75$var$CheckboxGroup(props, ref) {
|
|
1441
1456
|
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $bc237834342dbd75$export$baf37c4be89255b8);
|
|
1442
1457
|
let state = (0, $dGqE5$useCheckboxGroupState)(props);
|
|
1443
1458
|
let [labelRef, label] = (0, $64fa3d84918910a7$export$9d4c57ee4c6ffdd8)();
|
|
1444
|
-
let { groupProps: groupProps
|
|
1459
|
+
let { groupProps: groupProps, labelProps: labelProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $dGqE5$useCheckboxGroup)({
|
|
1445
1460
|
...props,
|
|
1446
1461
|
label: label
|
|
1447
1462
|
}, state);
|
|
@@ -1460,7 +1475,7 @@ function $bc237834342dbd75$var$CheckboxGroup(props, ref) {
|
|
|
1460
1475
|
...groupProps,
|
|
1461
1476
|
...renderProps,
|
|
1462
1477
|
ref: ref,
|
|
1463
|
-
slot: props.slot,
|
|
1478
|
+
slot: props.slot || undefined,
|
|
1464
1479
|
"data-readonly": state.isReadOnly || undefined,
|
|
1465
1480
|
"data-required": props.isRequired || undefined,
|
|
1466
1481
|
"data-invalid": state.isInvalid || undefined,
|
|
@@ -1468,7 +1483,7 @@ function $bc237834342dbd75$var$CheckboxGroup(props, ref) {
|
|
|
1468
1483
|
}, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
|
|
1469
1484
|
values: [
|
|
1470
1485
|
[
|
|
1471
|
-
$bc237834342dbd75$
|
|
1486
|
+
$bc237834342dbd75$export$139c5b8563afc1fc,
|
|
1472
1487
|
state
|
|
1473
1488
|
],
|
|
1474
1489
|
[
|
|
@@ -1494,8 +1509,8 @@ function $bc237834342dbd75$var$CheckboxGroup(props, ref) {
|
|
|
1494
1509
|
const $bc237834342dbd75$export$b085522c77523c51 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
1495
1510
|
function $bc237834342dbd75$var$Checkbox(props, ref) {
|
|
1496
1511
|
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $bc237834342dbd75$export$b085522c77523c51);
|
|
1497
|
-
let groupState = (0, $dGqE5$useContext)($bc237834342dbd75$
|
|
1498
|
-
let { inputProps: inputProps
|
|
1512
|
+
let groupState = (0, $dGqE5$useContext)($bc237834342dbd75$export$139c5b8563afc1fc);
|
|
1513
|
+
let { inputProps: inputProps, isSelected: isSelected, isDisabled: isDisabled, isReadOnly: isReadOnly, isPressed: isPressedKeyboard } = groupState ? (0, $dGqE5$useCheckboxGroupItem)({
|
|
1499
1514
|
...props,
|
|
1500
1515
|
// Value is optional for standalone checkboxes, but required for CheckboxGroup items;
|
|
1501
1516
|
// it's passed explicitly here to avoid typescript error (requires ignore).
|
|
@@ -1507,12 +1522,12 @@ function $bc237834342dbd75$var$Checkbox(props, ref) {
|
|
|
1507
1522
|
...props,
|
|
1508
1523
|
children: typeof props.children === "function" ? true : props.children
|
|
1509
1524
|
}, (0, $dGqE5$useToggleState)(props), ref);
|
|
1510
|
-
let { isFocused: isFocused
|
|
1525
|
+
let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $dGqE5$useFocusRing)();
|
|
1511
1526
|
let isInteractionDisabled = isDisabled || isReadOnly;
|
|
1512
1527
|
// Handle press state for full label. Keyboard press state is returned by useCheckbox
|
|
1513
1528
|
// since it is handled on the <input> element itself.
|
|
1514
1529
|
let [isPressed, setPressed] = (0, $dGqE5$useState)(false);
|
|
1515
|
-
let { pressProps: pressProps
|
|
1530
|
+
let { pressProps: pressProps } = (0, $dGqE5$usePress)({
|
|
1516
1531
|
isDisabled: isInteractionDisabled,
|
|
1517
1532
|
onPressStart (e) {
|
|
1518
1533
|
if (e.pointerType !== "keyboard") setPressed(true);
|
|
@@ -1521,7 +1536,7 @@ function $bc237834342dbd75$var$Checkbox(props, ref) {
|
|
|
1521
1536
|
if (e.pointerType !== "keyboard") setPressed(false);
|
|
1522
1537
|
}
|
|
1523
1538
|
});
|
|
1524
|
-
let { hoverProps: hoverProps
|
|
1539
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $dGqE5$useHover)({
|
|
1525
1540
|
isDisabled: isInteractionDisabled
|
|
1526
1541
|
});
|
|
1527
1542
|
let pressed = isInteractionDisabled ? false : isPressed || isPressedKeyboard;
|
|
@@ -1546,7 +1561,7 @@ function $bc237834342dbd75$var$Checkbox(props, ref) {
|
|
|
1546
1561
|
delete DOMProps.id;
|
|
1547
1562
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement("label", {
|
|
1548
1563
|
...(0, $dGqE5$mergeProps)(DOMProps, pressProps, hoverProps, renderProps),
|
|
1549
|
-
slot: props.slot,
|
|
1564
|
+
slot: props.slot || undefined,
|
|
1550
1565
|
"data-selected": isSelected || undefined,
|
|
1551
1566
|
"data-indeterminate": props.isIndeterminate || undefined,
|
|
1552
1567
|
"data-pressed": pressed || undefined,
|
|
@@ -1589,6 +1604,7 @@ function $bc237834342dbd75$var$Checkbox(props, ref) {
|
|
|
1589
1604
|
|
|
1590
1605
|
|
|
1591
1606
|
|
|
1607
|
+
|
|
1592
1608
|
/*
|
|
1593
1609
|
* Copyright 2022 Adobe. All rights reserved.
|
|
1594
1610
|
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
@@ -1605,8 +1621,8 @@ function $bc237834342dbd75$var$Checkbox(props, ref) {
|
|
|
1605
1621
|
const $3985021b0ad6602f$export$37fb8590cf2c088c = /*#__PURE__*/ (0, $dGqE5$createContext)({});
|
|
1606
1622
|
function $3985021b0ad6602f$var$Input(props, ref) {
|
|
1607
1623
|
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $3985021b0ad6602f$export$37fb8590cf2c088c);
|
|
1608
|
-
let { hoverProps: hoverProps
|
|
1609
|
-
let { isFocused: isFocused
|
|
1624
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $dGqE5$useHover)({});
|
|
1625
|
+
let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $dGqE5$useFocusRing)({
|
|
1610
1626
|
isTextInput: true,
|
|
1611
1627
|
autoFocus: props.autoFocus
|
|
1612
1628
|
});
|
|
@@ -1667,7 +1683,7 @@ function $3985021b0ad6602f$var$Input(props, ref) {
|
|
|
1667
1683
|
|
|
1668
1684
|
function $d8f176866e6dc039$export$2cfc5be7a55829f6(options) {
|
|
1669
1685
|
let dragAndDropHooks = (0, $dGqE5$useMemo)(()=>{
|
|
1670
|
-
let { onDrop: onDrop
|
|
1686
|
+
let { onDrop: onDrop, onInsert: onInsert, onItemDrop: onItemDrop, onReorder: onReorder, onRootDrop: onRootDrop, getItems: getItems, renderDragPreview: renderDragPreview, renderDropIndicator: renderDropIndicator, dropTargetDelegate: dropTargetDelegate } = options;
|
|
1671
1687
|
let isDraggable = !!getItems;
|
|
1672
1688
|
let isDroppable = !!(onDrop || onInsert || onItemDrop || onReorder || onRootDrop);
|
|
1673
1689
|
let hooks = {};
|
|
@@ -1711,12 +1727,13 @@ function $d8f176866e6dc039$export$2cfc5be7a55829f6(options) {
|
|
|
1711
1727
|
}
|
|
1712
1728
|
const $d8f176866e6dc039$export$f55761759794cf55 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
1713
1729
|
function $d8f176866e6dc039$var$DropIndicator(props, ref) {
|
|
1714
|
-
let { render: render
|
|
1730
|
+
let { render: render } = (0, $dGqE5$useContext)($d8f176866e6dc039$export$f55761759794cf55);
|
|
1715
1731
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null, render(props, ref));
|
|
1716
1732
|
}
|
|
1717
1733
|
/**
|
|
1718
1734
|
* A DropIndicator is rendered between items in a collection to indicate where dropped data will be inserted.
|
|
1719
1735
|
*/ const $d8f176866e6dc039$export$62ed72bc21f6b8a6 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($d8f176866e6dc039$var$DropIndicator);
|
|
1736
|
+
const $d8f176866e6dc039$export$d188a835a7bc5783 = /*#__PURE__*/ (0, $dGqE5$createContext)({});
|
|
1720
1737
|
|
|
1721
1738
|
|
|
1722
1739
|
|
|
@@ -1767,10 +1784,10 @@ const $72a5793c14baf454$export$8b251419efc915eb = /*#__PURE__*/ (0, $dGqE5$forwa
|
|
|
1767
1784
|
const $431f98aba6844401$export$6615d83f6de245ce = /*#__PURE__*/ (0, $dGqE5$createContext)({});
|
|
1768
1785
|
function $431f98aba6844401$var$Separator(originalProps, originalRef) {
|
|
1769
1786
|
let [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(originalProps, originalRef, $431f98aba6844401$export$6615d83f6de245ce);
|
|
1770
|
-
let { elementType: elementType
|
|
1787
|
+
let { elementType: elementType, orientation: orientation, style: style, className: className } = props;
|
|
1771
1788
|
let Element = elementType || "hr";
|
|
1772
1789
|
if (Element === "hr" && orientation === "vertical") Element = "div";
|
|
1773
|
-
let { separatorProps: separatorProps
|
|
1790
|
+
let { separatorProps: separatorProps } = (0, $dGqE5$useSeparator)({
|
|
1774
1791
|
elementType: elementType,
|
|
1775
1792
|
orientation: orientation
|
|
1776
1793
|
});
|
|
@@ -1782,7 +1799,7 @@ function $431f98aba6844401$var$Separator(originalProps, originalRef) {
|
|
|
1782
1799
|
style: style,
|
|
1783
1800
|
className: className !== null && className !== void 0 ? className : "react-aria-Separator",
|
|
1784
1801
|
ref: ref,
|
|
1785
|
-
slot: props.slot
|
|
1802
|
+
slot: props.slot || undefined
|
|
1786
1803
|
});
|
|
1787
1804
|
}
|
|
1788
1805
|
const $431f98aba6844401$export$1ff3c3f08ae963c0 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($431f98aba6844401$var$Separator);
|
|
@@ -1790,19 +1807,20 @@ const $431f98aba6844401$export$1ff3c3f08ae963c0 = /*#__PURE__*/ (0, $dGqE5$forwa
|
|
|
1790
1807
|
|
|
1791
1808
|
|
|
1792
1809
|
const $eed445e0843c11d0$export$7ff8f37d2d81a48d = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
1793
|
-
const $eed445e0843c11d0$
|
|
1810
|
+
const $eed445e0843c11d0$export$7c5906fe4f1f2af2 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
1794
1811
|
function $eed445e0843c11d0$var$ListBox(props, ref) {
|
|
1795
1812
|
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $eed445e0843c11d0$export$7ff8f37d2d81a48d);
|
|
1796
|
-
let ctx = props;
|
|
1797
1813
|
let isHidden = (0, $dGqE5$useContext)((0, $64fa3d84918910a7$export$94b6d0abf7d33e8c));
|
|
1814
|
+
let state = (0, $dGqE5$useContext)($eed445e0843c11d0$export$7c5906fe4f1f2af2);
|
|
1815
|
+
let document = (0, $dGqE5$useContext)((0, $7135fc7d473fd974$export$8c25dea96356a8b6));
|
|
1798
1816
|
// The structure of ListBox is a bit strange because it needs to work inside other components like ComboBox and Select.
|
|
1799
1817
|
// Those components render two copies of their children so that the collection can be built even when the popover is closed.
|
|
1800
1818
|
// The first copy sends a collection document via context which we render the collection portal into.
|
|
1801
1819
|
// The second copy sends a ListState object via context which we use to render the ListBox without rebuilding the state.
|
|
1802
1820
|
// Otherwise, we have a standalone ListBox, so we need to create a collection and state ourselves.
|
|
1803
|
-
if (
|
|
1804
|
-
if (
|
|
1805
|
-
state:
|
|
1821
|
+
if (document) return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $7135fc7d473fd974$export$813b5978dd974d8), props);
|
|
1822
|
+
if (state) return isHidden ? null : /*#__PURE__*/ (0, $dGqE5$react).createElement($eed445e0843c11d0$var$ListBoxInner, {
|
|
1823
|
+
state: state,
|
|
1806
1824
|
props: props,
|
|
1807
1825
|
listBoxRef: ref
|
|
1808
1826
|
});
|
|
@@ -1811,8 +1829,8 @@ function $eed445e0843c11d0$var$ListBox(props, ref) {
|
|
|
1811
1829
|
listBoxRef: ref
|
|
1812
1830
|
});
|
|
1813
1831
|
}
|
|
1814
|
-
function $eed445e0843c11d0$var$StandaloneListBox({ props: props
|
|
1815
|
-
let { portal: portal
|
|
1832
|
+
function $eed445e0843c11d0$var$StandaloneListBox({ props: props, listBoxRef: listBoxRef }) {
|
|
1833
|
+
let { portal: portal, collection: collection } = (0, $7135fc7d473fd974$export$6cd28814d92fa9c9)(props);
|
|
1816
1834
|
props = {
|
|
1817
1835
|
...props,
|
|
1818
1836
|
collection: collection,
|
|
@@ -1826,21 +1844,23 @@ function $eed445e0843c11d0$var$StandaloneListBox({ props: props , listBoxRef: li
|
|
|
1826
1844
|
listBoxRef: listBoxRef
|
|
1827
1845
|
}));
|
|
1828
1846
|
}
|
|
1829
|
-
function $eed445e0843c11d0$var$ListBoxPortal(props) {
|
|
1830
|
-
return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null, (0, $7135fc7d473fd974$export$ad42d5efb4461b31)(props, props.document));
|
|
1831
|
-
}
|
|
1832
1847
|
/**
|
|
1833
1848
|
* A listbox displays a list of options and allows a user to select one or more of them.
|
|
1834
1849
|
*/ const $eed445e0843c11d0$export$41f133550aa26f48 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($eed445e0843c11d0$var$ListBox);
|
|
1835
|
-
function $eed445e0843c11d0$var$ListBoxInner({ state: state
|
|
1836
|
-
let { dragAndDropHooks: dragAndDropHooks
|
|
1837
|
-
let { collection: collection
|
|
1850
|
+
function $eed445e0843c11d0$var$ListBoxInner({ state: state, props: props, listBoxRef: listBoxRef }) {
|
|
1851
|
+
let { dragAndDropHooks: dragAndDropHooks, layout: layout = "stack", orientation: orientation = "vertical" } = props;
|
|
1852
|
+
let { collection: collection, selectionManager: selectionManager } = state;
|
|
1838
1853
|
let isListDraggable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDraggableCollectionState);
|
|
1839
1854
|
let isListDroppable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDroppableCollectionState);
|
|
1840
|
-
let { direction: direction
|
|
1841
|
-
let { disabledBehavior: disabledBehavior
|
|
1855
|
+
let { direction: direction } = (0, $dGqE5$useLocale)();
|
|
1856
|
+
let { disabledBehavior: disabledBehavior, disabledKeys: disabledKeys } = selectionManager;
|
|
1857
|
+
let collator = (0, $dGqE5$useCollator)({
|
|
1858
|
+
usage: "search",
|
|
1859
|
+
sensitivity: "base"
|
|
1860
|
+
});
|
|
1842
1861
|
let keyboardDelegate = (0, $dGqE5$useMemo)(()=>props.keyboardDelegate || new (0, $dGqE5$ListKeyboardDelegate)({
|
|
1843
1862
|
collection: collection,
|
|
1863
|
+
collator: collator,
|
|
1844
1864
|
ref: listBoxRef,
|
|
1845
1865
|
disabledKeys: disabledBehavior === "selection" ? new Set() : disabledKeys,
|
|
1846
1866
|
layout: layout,
|
|
@@ -1848,6 +1868,7 @@ function $eed445e0843c11d0$var$ListBoxInner({ state: state , props: props , list
|
|
|
1848
1868
|
direction: direction
|
|
1849
1869
|
}), [
|
|
1850
1870
|
collection,
|
|
1871
|
+
collator,
|
|
1851
1872
|
listBoxRef,
|
|
1852
1873
|
disabledBehavior,
|
|
1853
1874
|
disabledKeys,
|
|
@@ -1856,7 +1877,7 @@ function $eed445e0843c11d0$var$ListBoxInner({ state: state , props: props , list
|
|
|
1856
1877
|
props.keyboardDelegate,
|
|
1857
1878
|
layout
|
|
1858
1879
|
]);
|
|
1859
|
-
let { listBoxProps: listBoxProps
|
|
1880
|
+
let { listBoxProps: listBoxProps } = (0, $dGqE5$useListBox)({
|
|
1860
1881
|
...props,
|
|
1861
1882
|
shouldSelectOnPressUp: isListDraggable || props.shouldSelectOnPressUp,
|
|
1862
1883
|
keyboardDelegate: keyboardDelegate
|
|
@@ -1925,7 +1946,7 @@ function $eed445e0843c11d0$var$ListBoxInner({ state: state , props: props , list
|
|
|
1925
1946
|
type: "root"
|
|
1926
1947
|
});
|
|
1927
1948
|
}
|
|
1928
|
-
let { focusProps: focusProps
|
|
1949
|
+
let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $dGqE5$useFocusRing)();
|
|
1929
1950
|
let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
1930
1951
|
className: props.className,
|
|
1931
1952
|
style: props.style,
|
|
@@ -1952,7 +1973,7 @@ function $eed445e0843c11d0$var$ListBoxInner({ state: state , props: props , list
|
|
|
1952
1973
|
...(0, $dGqE5$mergeProps)(listBoxProps, focusProps, droppableCollection === null || droppableCollection === void 0 ? void 0 : droppableCollection.collectionProps),
|
|
1953
1974
|
...renderProps,
|
|
1954
1975
|
ref: listBoxRef,
|
|
1955
|
-
slot: props.slot,
|
|
1976
|
+
slot: props.slot || undefined,
|
|
1956
1977
|
"data-drop-target": isRootDropTarget || undefined,
|
|
1957
1978
|
"data-empty": state.collection.size === 0 || undefined,
|
|
1958
1979
|
"data-focused": isFocused || undefined,
|
|
@@ -1962,10 +1983,16 @@ function $eed445e0843c11d0$var$ListBoxInner({ state: state , props: props , list
|
|
|
1962
1983
|
}, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
|
|
1963
1984
|
values: [
|
|
1964
1985
|
[
|
|
1965
|
-
$eed445e0843c11d0$
|
|
1986
|
+
$eed445e0843c11d0$export$7ff8f37d2d81a48d,
|
|
1987
|
+
props
|
|
1988
|
+
],
|
|
1989
|
+
[
|
|
1990
|
+
$eed445e0843c11d0$export$7c5906fe4f1f2af2,
|
|
1991
|
+
state
|
|
1992
|
+
],
|
|
1993
|
+
[
|
|
1994
|
+
(0, $d8f176866e6dc039$export$d188a835a7bc5783),
|
|
1966
1995
|
{
|
|
1967
|
-
state: state,
|
|
1968
|
-
shouldFocusOnHover: props.shouldFocusOnHover,
|
|
1969
1996
|
dragAndDropHooks: dragAndDropHooks,
|
|
1970
1997
|
dragState: dragState,
|
|
1971
1998
|
dropState: dropState
|
|
@@ -1986,12 +2013,12 @@ function $eed445e0843c11d0$var$ListBoxInner({ state: state , props: props , list
|
|
|
1986
2013
|
]
|
|
1987
2014
|
}, children), emptyState, dragPreview));
|
|
1988
2015
|
}
|
|
1989
|
-
function $eed445e0843c11d0$var$ListBoxSection({ section: section
|
|
2016
|
+
function $eed445e0843c11d0$var$ListBoxSection({ section: section, className: className, style: style }) {
|
|
1990
2017
|
var _section_props, _section_props1;
|
|
1991
|
-
let
|
|
2018
|
+
let state = (0, $dGqE5$useContext)($eed445e0843c11d0$export$7c5906fe4f1f2af2);
|
|
1992
2019
|
let [headingRef, heading] = (0, $64fa3d84918910a7$export$9d4c57ee4c6ffdd8)();
|
|
1993
2020
|
var _section_arialabel;
|
|
1994
|
-
let { headingProps: headingProps
|
|
2021
|
+
let { headingProps: headingProps, groupProps: groupProps } = (0, $dGqE5$useListBoxSection)({
|
|
1995
2022
|
heading: heading,
|
|
1996
2023
|
"aria-label": (_section_arialabel = section["aria-label"]) !== null && _section_arialabel !== void 0 ? _section_arialabel : undefined
|
|
1997
2024
|
});
|
|
@@ -2023,21 +2050,23 @@ function $eed445e0843c11d0$var$ListBoxSection({ section: section , className: cl
|
|
|
2023
2050
|
}, children);
|
|
2024
2051
|
}
|
|
2025
2052
|
// This is a separate component so that headingProps.id doesn't override the item key in useCachedChildren.
|
|
2026
|
-
function $eed445e0843c11d0$var$SectionHeader({ item: item
|
|
2027
|
-
let { ref: ref
|
|
2053
|
+
function $eed445e0843c11d0$var$SectionHeader({ item: item, headingProps: headingProps, headingRef: headingRef }) {
|
|
2054
|
+
let { ref: ref, ...otherProps } = item.props;
|
|
2028
2055
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $72a5793c14baf454$export$8b251419efc915eb), {
|
|
2029
2056
|
...headingProps,
|
|
2030
2057
|
...otherProps,
|
|
2031
2058
|
ref: (0, $dGqE5$mergeRefs)(headingRef, ref)
|
|
2032
2059
|
}, item.rendered);
|
|
2033
2060
|
}
|
|
2034
|
-
function $eed445e0843c11d0$var$Option({ item: item
|
|
2061
|
+
function $eed445e0843c11d0$var$Option({ item: item }) {
|
|
2035
2062
|
let ref = (0, $dGqE5$useObjectRef)(item.props.ref);
|
|
2036
|
-
let
|
|
2037
|
-
let {
|
|
2063
|
+
let state = (0, $dGqE5$useContext)($eed445e0843c11d0$export$7c5906fe4f1f2af2);
|
|
2064
|
+
let { shouldFocusOnHover: shouldFocusOnHover } = (0, $64fa3d84918910a7$export$fabf2dc03a41866e)($eed445e0843c11d0$export$7ff8f37d2d81a48d);
|
|
2065
|
+
let { dragAndDropHooks: dragAndDropHooks, dragState: dragState, dropState: dropState } = (0, $dGqE5$useContext)((0, $d8f176866e6dc039$export$d188a835a7bc5783));
|
|
2066
|
+
let { optionProps: optionProps, labelProps: labelProps, descriptionProps: descriptionProps, ...states } = (0, $dGqE5$useOption)({
|
|
2038
2067
|
key: item.key
|
|
2039
2068
|
}, state, ref);
|
|
2040
|
-
let { hoverProps: hoverProps
|
|
2069
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $dGqE5$useHover)({
|
|
2041
2070
|
isDisabled: shouldFocusOnHover || !states.allowsSelection && !states.hasAction
|
|
2042
2071
|
});
|
|
2043
2072
|
if (shouldFocusOnHover) {
|
|
@@ -2081,12 +2110,13 @@ function $eed445e0843c11d0$var$Option({ item: item }) {
|
|
|
2081
2110
|
}, [
|
|
2082
2111
|
item.textValue
|
|
2083
2112
|
]);
|
|
2113
|
+
let ElementType = props.href ? "a" : "div";
|
|
2084
2114
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null, (dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDropIndicator) && renderDropIndicator({
|
|
2085
2115
|
type: "item",
|
|
2086
2116
|
key: item.key,
|
|
2087
2117
|
dropPosition: "before"
|
|
2088
|
-
}), /*#__PURE__*/ (0, $dGqE5$react).createElement(
|
|
2089
|
-
...(0, $dGqE5$mergeProps)(
|
|
2118
|
+
}), /*#__PURE__*/ (0, $dGqE5$react).createElement(ElementType, {
|
|
2119
|
+
...(0, $dGqE5$mergeProps)(optionProps, hoverProps, draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragProps, droppableItem === null || droppableItem === void 0 ? void 0 : droppableItem.dropProps),
|
|
2090
2120
|
...renderProps,
|
|
2091
2121
|
ref: ref,
|
|
2092
2122
|
"data-allows-dragging": !!dragState || undefined,
|
|
@@ -2119,8 +2149,8 @@ function $eed445e0843c11d0$var$Option({ item: item }) {
|
|
|
2119
2149
|
}
|
|
2120
2150
|
function $eed445e0843c11d0$var$ListBoxDropIndicatorWrapper(props, ref) {
|
|
2121
2151
|
ref = (0, $dGqE5$useObjectRef)(ref);
|
|
2122
|
-
let { dragAndDropHooks: dragAndDropHooks
|
|
2123
|
-
let { dropIndicatorProps: dropIndicatorProps
|
|
2152
|
+
let { dragAndDropHooks: dragAndDropHooks, dropState: dropState } = (0, $dGqE5$useContext)((0, $d8f176866e6dc039$export$d188a835a7bc5783));
|
|
2153
|
+
let { dropIndicatorProps: dropIndicatorProps, isHidden: isHidden, isDropTarget: isDropTarget } = dragAndDropHooks.useDropIndicator(props, dropState, ref);
|
|
2124
2154
|
if (isHidden) return null;
|
|
2125
2155
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement($eed445e0843c11d0$var$ListBoxtDropIndicatorForwardRef, {
|
|
2126
2156
|
...props,
|
|
@@ -2130,7 +2160,7 @@ function $eed445e0843c11d0$var$ListBoxDropIndicatorWrapper(props, ref) {
|
|
|
2130
2160
|
});
|
|
2131
2161
|
}
|
|
2132
2162
|
function $eed445e0843c11d0$var$ListBoxtDropIndicator(props, ref) {
|
|
2133
|
-
let { dropIndicatorProps: dropIndicatorProps
|
|
2163
|
+
let { dropIndicatorProps: dropIndicatorProps, isDropTarget: isDropTarget, ...otherProps } = props;
|
|
2134
2164
|
let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
2135
2165
|
...otherProps,
|
|
2136
2166
|
defaultClassName: "react-aria-DropIndicator",
|
|
@@ -2163,6 +2193,8 @@ const $eed445e0843c11d0$var$ListBoxtDropIndicatorForwardRef = /*#__PURE__*/ (0,
|
|
|
2163
2193
|
*/
|
|
2164
2194
|
|
|
2165
2195
|
|
|
2196
|
+
|
|
2197
|
+
|
|
2166
2198
|
/*
|
|
2167
2199
|
* Copyright 2022 Adobe. All rights reserved.
|
|
2168
2200
|
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
@@ -2176,14 +2208,25 @@ const $eed445e0843c11d0$var$ListBoxtDropIndicatorForwardRef = /*#__PURE__*/ (0,
|
|
|
2176
2208
|
*/
|
|
2177
2209
|
|
|
2178
2210
|
|
|
2211
|
+
/*
|
|
2212
|
+
* Copyright 2022 Adobe. All rights reserved.
|
|
2213
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
2214
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
2215
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
2216
|
+
*
|
|
2217
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
2218
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
2219
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
2220
|
+
* governing permissions and limitations under the License.
|
|
2221
|
+
*/
|
|
2222
|
+
|
|
2179
2223
|
const $44f671af83e7d9e0$export$2de4954e8ae13b9f = /*#__PURE__*/ (0, $dGqE5$createContext)({
|
|
2180
|
-
arrowProps: {},
|
|
2181
2224
|
placement: "bottom"
|
|
2182
2225
|
});
|
|
2183
2226
|
function $44f671af83e7d9e0$var$OverlayArrow(props, ref) {
|
|
2184
|
-
|
|
2227
|
+
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $44f671af83e7d9e0$export$2de4954e8ae13b9f);
|
|
2228
|
+
let placement = props.placement;
|
|
2185
2229
|
let style = {
|
|
2186
|
-
...arrowProps.style,
|
|
2187
2230
|
position: "absolute",
|
|
2188
2231
|
[placement]: "100%",
|
|
2189
2232
|
transform: placement === "top" || placement === "bottom" ? "translateX(-50%)" : "translateY(-50%)"
|
|
@@ -2196,7 +2239,7 @@ function $44f671af83e7d9e0$var$OverlayArrow(props, ref) {
|
|
|
2196
2239
|
}
|
|
2197
2240
|
});
|
|
2198
2241
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
|
|
2199
|
-
...
|
|
2242
|
+
...props,
|
|
2200
2243
|
...renderProps,
|
|
2201
2244
|
style: {
|
|
2202
2245
|
...renderProps.style,
|
|
@@ -2214,12 +2257,13 @@ function $44f671af83e7d9e0$var$OverlayArrow(props, ref) {
|
|
|
2214
2257
|
|
|
2215
2258
|
|
|
2216
2259
|
|
|
2260
|
+
|
|
2217
2261
|
const $07b14b47974efb58$export$9b9a0cd73afb7ca4 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
2218
2262
|
function $07b14b47974efb58$var$Popover(props, ref) {
|
|
2219
2263
|
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $07b14b47974efb58$export$9b9a0cd73afb7ca4);
|
|
2220
|
-
let
|
|
2264
|
+
let contextState = (0, $dGqE5$useContext)((0, $de32f1b87079253c$export$d2f961adcb0afbe));
|
|
2221
2265
|
let localState = (0, $dGqE5$useOverlayTriggerState)(props);
|
|
2222
|
-
let state = props.isOpen != null || props.defaultOpen != null || !
|
|
2266
|
+
let state = props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;
|
|
2223
2267
|
let isExiting = (0, $64fa3d84918910a7$export$45fda7c47f93fd48)(ref, state.isOpen);
|
|
2224
2268
|
let isHidden = (0, $dGqE5$useContext)((0, $64fa3d84918910a7$export$94b6d0abf7d33e8c));
|
|
2225
2269
|
// If we are in a hidden tree, we still need to preserve our children.
|
|
@@ -2235,7 +2279,7 @@ function $07b14b47974efb58$var$Popover(props, ref) {
|
|
|
2235
2279
|
if (state && !state.isOpen && !isExiting) return null;
|
|
2236
2280
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement($07b14b47974efb58$var$PopoverInner, {
|
|
2237
2281
|
...props,
|
|
2238
|
-
triggerRef:
|
|
2282
|
+
triggerRef: props.triggerRef,
|
|
2239
2283
|
state: state,
|
|
2240
2284
|
popoverRef: ref,
|
|
2241
2285
|
isExiting: isExiting
|
|
@@ -2244,9 +2288,9 @@ function $07b14b47974efb58$var$Popover(props, ref) {
|
|
|
2244
2288
|
/**
|
|
2245
2289
|
* A popover is an overlay element positioned relative to a trigger.
|
|
2246
2290
|
*/ const $07b14b47974efb58$export$5b6b19405a83ff9d = /*#__PURE__*/ (0, $dGqE5$forwardRef)($07b14b47974efb58$var$Popover);
|
|
2247
|
-
function $07b14b47974efb58$var$PopoverInner({ state: state
|
|
2291
|
+
function $07b14b47974efb58$var$PopoverInner({ state: state, isExiting: isExiting, ...props }) {
|
|
2248
2292
|
var _props_offset;
|
|
2249
|
-
let { popoverProps: popoverProps
|
|
2293
|
+
let { popoverProps: popoverProps, underlayProps: underlayProps, arrowProps: arrowProps, placement: placement } = (0, $dGqE5$usePopover)({
|
|
2250
2294
|
...props,
|
|
2251
2295
|
offset: (_props_offset = props.offset) !== null && _props_offset !== void 0 ? _props_offset : 8
|
|
2252
2296
|
}, state);
|
|
@@ -2277,7 +2321,7 @@ function $07b14b47974efb58$var$PopoverInner({ state: state , isExiting: isExitin
|
|
|
2277
2321
|
...(0, $dGqE5$mergeProps1)((0, $dGqE5$filterDOMProps)(props), popoverProps),
|
|
2278
2322
|
...renderProps,
|
|
2279
2323
|
ref: ref,
|
|
2280
|
-
slot: props.slot,
|
|
2324
|
+
slot: props.slot || undefined,
|
|
2281
2325
|
style: style,
|
|
2282
2326
|
"data-placement": placement,
|
|
2283
2327
|
"data-entering": isEntering || undefined,
|
|
@@ -2286,7 +2330,7 @@ function $07b14b47974efb58$var$PopoverInner({ state: state , isExiting: isExitin
|
|
|
2286
2330
|
onDismiss: state.close
|
|
2287
2331
|
}), /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $44f671af83e7d9e0$export$2de4954e8ae13b9f).Provider, {
|
|
2288
2332
|
value: {
|
|
2289
|
-
arrowProps
|
|
2333
|
+
...arrowProps,
|
|
2290
2334
|
placement: placement
|
|
2291
2335
|
}
|
|
2292
2336
|
}, renderProps.children), /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$DismissButton), {
|
|
@@ -2297,12 +2341,80 @@ function $07b14b47974efb58$var$PopoverInner({ state: state , isExiting: isExitin
|
|
|
2297
2341
|
|
|
2298
2342
|
|
|
2299
2343
|
|
|
2344
|
+
const $de32f1b87079253c$export$8b93a07348a7730c = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
2345
|
+
const $de32f1b87079253c$export$d2f961adcb0afbe = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
2346
|
+
function $de32f1b87079253c$export$2e1e1122cf0cba88(props) {
|
|
2347
|
+
let state = (0, $dGqE5$useOverlayTriggerState)(props);
|
|
2348
|
+
let buttonRef = (0, $dGqE5$useRef)(null);
|
|
2349
|
+
let { triggerProps: triggerProps, overlayProps: overlayProps } = (0, $dGqE5$useOverlayTrigger)({
|
|
2350
|
+
type: "dialog"
|
|
2351
|
+
}, state, buttonRef);
|
|
2352
|
+
return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
|
|
2353
|
+
values: [
|
|
2354
|
+
[
|
|
2355
|
+
$de32f1b87079253c$export$d2f961adcb0afbe,
|
|
2356
|
+
state
|
|
2357
|
+
],
|
|
2358
|
+
[
|
|
2359
|
+
$de32f1b87079253c$export$8b93a07348a7730c,
|
|
2360
|
+
overlayProps
|
|
2361
|
+
],
|
|
2362
|
+
[
|
|
2363
|
+
(0, $07b14b47974efb58$export$9b9a0cd73afb7ca4),
|
|
2364
|
+
{
|
|
2365
|
+
triggerRef: buttonRef
|
|
2366
|
+
}
|
|
2367
|
+
]
|
|
2368
|
+
]
|
|
2369
|
+
}, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$PressResponder), {
|
|
2370
|
+
...triggerProps,
|
|
2371
|
+
ref: buttonRef,
|
|
2372
|
+
isPressed: state.isOpen
|
|
2373
|
+
}, props.children));
|
|
2374
|
+
}
|
|
2375
|
+
function $de32f1b87079253c$var$Dialog(props, ref) {
|
|
2376
|
+
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $de32f1b87079253c$export$8b93a07348a7730c);
|
|
2377
|
+
let { dialogProps: dialogProps, titleProps: titleProps } = (0, $dGqE5$useDialog)(props, ref);
|
|
2378
|
+
let state = (0, $dGqE5$useContext)($de32f1b87079253c$export$d2f961adcb0afbe);
|
|
2379
|
+
let children = props.children;
|
|
2380
|
+
if (typeof children === "function") children = children({
|
|
2381
|
+
close: (state === null || state === void 0 ? void 0 : state.close) || (()=>{})
|
|
2382
|
+
});
|
|
2383
|
+
var _props_className;
|
|
2384
|
+
return /*#__PURE__*/ (0, $dGqE5$react).createElement("section", {
|
|
2385
|
+
...(0, $dGqE5$filterDOMProps)(props),
|
|
2386
|
+
...dialogProps,
|
|
2387
|
+
ref: ref,
|
|
2388
|
+
slot: props.slot || undefined,
|
|
2389
|
+
style: props.style,
|
|
2390
|
+
className: (_props_className = props.className) !== null && _props_className !== void 0 ? _props_className : "react-aria-Dialog"
|
|
2391
|
+
}, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
|
|
2392
|
+
values: [
|
|
2393
|
+
// TODO: clear context within dialog content?
|
|
2394
|
+
[
|
|
2395
|
+
(0, $5cb03073d3f54797$export$d688439359537581),
|
|
2396
|
+
{
|
|
2397
|
+
...titleProps,
|
|
2398
|
+
level: 2
|
|
2399
|
+
}
|
|
2400
|
+
]
|
|
2401
|
+
]
|
|
2402
|
+
}, children));
|
|
2403
|
+
}
|
|
2404
|
+
/**
|
|
2405
|
+
* A dialog is an overlay shown above other content in an application.
|
|
2406
|
+
*/ const $de32f1b87079253c$export$3ddf2d174ce01153 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($de32f1b87079253c$var$Dialog);
|
|
2407
|
+
|
|
2408
|
+
|
|
2409
|
+
|
|
2410
|
+
|
|
2300
2411
|
|
|
2301
2412
|
const $d01f2c01039c0eec$export$d414ccceff7063c3 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
2413
|
+
const $d01f2c01039c0eec$export$c02625b26074192c = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
2302
2414
|
function $d01f2c01039c0eec$var$ComboBox(props, ref) {
|
|
2303
2415
|
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $d01f2c01039c0eec$export$d414ccceff7063c3);
|
|
2304
|
-
let { collection: collection
|
|
2305
|
-
let { children: children
|
|
2416
|
+
let { collection: collection, document: document } = (0, $7135fc7d473fd974$export$7cd71aa5ddd6dc4e)();
|
|
2417
|
+
let { children: children, isDisabled: isDisabled = false, isInvalid: isInvalid = false, isRequired: isRequired = false } = props;
|
|
2306
2418
|
children = (0, $dGqE5$useMemo)(()=>typeof children === "function" ? children({
|
|
2307
2419
|
isOpen: false,
|
|
2308
2420
|
isDisabled: isDisabled,
|
|
@@ -2315,21 +2427,29 @@ function $d01f2c01039c0eec$var$ComboBox(props, ref) {
|
|
|
2315
2427
|
isRequired
|
|
2316
2428
|
]);
|
|
2317
2429
|
var _props_items;
|
|
2318
|
-
return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$8dc98ba7eadeaa56), null, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $
|
|
2319
|
-
|
|
2320
|
-
|
|
2321
|
-
|
|
2322
|
-
|
|
2430
|
+
return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$8dc98ba7eadeaa56), null, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
|
|
2431
|
+
values: [
|
|
2432
|
+
[
|
|
2433
|
+
(0, $7135fc7d473fd974$export$8c25dea96356a8b6),
|
|
2434
|
+
document
|
|
2435
|
+
],
|
|
2436
|
+
[
|
|
2437
|
+
(0, $eed445e0843c11d0$export$7ff8f37d2d81a48d),
|
|
2438
|
+
{
|
|
2439
|
+
items: (_props_items = props.items) !== null && _props_items !== void 0 ? _props_items : props.defaultItems
|
|
2440
|
+
}
|
|
2441
|
+
]
|
|
2442
|
+
]
|
|
2323
2443
|
}, children)), /*#__PURE__*/ (0, $dGqE5$react).createElement($d01f2c01039c0eec$var$ComboBoxInner, {
|
|
2324
2444
|
props: props,
|
|
2325
2445
|
collection: collection,
|
|
2326
2446
|
comboBoxRef: ref
|
|
2327
2447
|
}));
|
|
2328
2448
|
}
|
|
2329
|
-
function $d01f2c01039c0eec$var$ComboBoxInner({ props: props
|
|
2330
|
-
let { name: name
|
|
2449
|
+
function $d01f2c01039c0eec$var$ComboBoxInner({ props: props, collection: collection, comboBoxRef: ref }) {
|
|
2450
|
+
let { name: name, formValue: formValue = "key", allowsCustomValue: allowsCustomValue } = props;
|
|
2331
2451
|
if (allowsCustomValue) formValue = "text";
|
|
2332
|
-
let { contains: contains
|
|
2452
|
+
let { contains: contains } = (0, $dGqE5$useFilter)({
|
|
2333
2453
|
sensitivity: "base"
|
|
2334
2454
|
});
|
|
2335
2455
|
let state = (0, $dGqE5$useComboBoxState)({
|
|
@@ -2357,8 +2477,8 @@ function $d01f2c01039c0eec$var$ComboBoxInner({ props: props , collection: collec
|
|
|
2357
2477
|
let listBoxRef = (0, $dGqE5$useRef)(null);
|
|
2358
2478
|
let popoverRef = (0, $dGqE5$useRef)(null);
|
|
2359
2479
|
let [labelRef, label] = (0, $64fa3d84918910a7$export$9d4c57ee4c6ffdd8)();
|
|
2360
|
-
let { buttonProps: buttonProps
|
|
2361
|
-
...props,
|
|
2480
|
+
let { buttonProps: buttonProps, inputProps: inputProps, listBoxProps: listBoxProps, labelProps: labelProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $dGqE5$useComboBox)({
|
|
2481
|
+
...(0, $64fa3d84918910a7$export$ef03459518577ad4)(props),
|
|
2362
2482
|
label: label,
|
|
2363
2483
|
inputRef: inputRef,
|
|
2364
2484
|
buttonRef: buttonRef,
|
|
@@ -2395,6 +2515,10 @@ function $d01f2c01039c0eec$var$ComboBoxInner({ props: props , collection: collec
|
|
|
2395
2515
|
delete DOMProps.id;
|
|
2396
2516
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
|
|
2397
2517
|
values: [
|
|
2518
|
+
[
|
|
2519
|
+
$d01f2c01039c0eec$export$c02625b26074192c,
|
|
2520
|
+
state
|
|
2521
|
+
],
|
|
2398
2522
|
[
|
|
2399
2523
|
(0, $01b77f81d0f07f68$export$75b6ee27786ba447),
|
|
2400
2524
|
{
|
|
@@ -2417,10 +2541,13 @@ function $d01f2c01039c0eec$var$ComboBoxInner({ props: props , collection: collec
|
|
|
2417
2541
|
ref: inputRef
|
|
2418
2542
|
}
|
|
2419
2543
|
],
|
|
2544
|
+
[
|
|
2545
|
+
(0, $de32f1b87079253c$export$d2f961adcb0afbe),
|
|
2546
|
+
state
|
|
2547
|
+
],
|
|
2420
2548
|
[
|
|
2421
2549
|
(0, $07b14b47974efb58$export$9b9a0cd73afb7ca4),
|
|
2422
2550
|
{
|
|
2423
|
-
state: state,
|
|
2424
2551
|
ref: popoverRef,
|
|
2425
2552
|
triggerRef: inputRef,
|
|
2426
2553
|
placement: "bottom start",
|
|
@@ -2433,11 +2560,14 @@ function $d01f2c01039c0eec$var$ComboBoxInner({ props: props , collection: collec
|
|
|
2433
2560
|
[
|
|
2434
2561
|
(0, $eed445e0843c11d0$export$7ff8f37d2d81a48d),
|
|
2435
2562
|
{
|
|
2436
|
-
state: state,
|
|
2437
2563
|
...listBoxProps,
|
|
2438
2564
|
ref: listBoxRef
|
|
2439
2565
|
}
|
|
2440
2566
|
],
|
|
2567
|
+
[
|
|
2568
|
+
(0, $eed445e0843c11d0$export$7c5906fe4f1f2af2),
|
|
2569
|
+
state
|
|
2570
|
+
],
|
|
2441
2571
|
[
|
|
2442
2572
|
(0, $514c0188e459b4c0$export$9afb8bc826b033ea),
|
|
2443
2573
|
{
|
|
@@ -2452,7 +2582,7 @@ function $d01f2c01039c0eec$var$ComboBoxInner({ props: props , collection: collec
|
|
|
2452
2582
|
...DOMProps,
|
|
2453
2583
|
...renderProps,
|
|
2454
2584
|
ref: ref,
|
|
2455
|
-
slot: props.slot,
|
|
2585
|
+
slot: props.slot || undefined,
|
|
2456
2586
|
"data-focused": state.isFocused || undefined,
|
|
2457
2587
|
"data-open": state.isOpen || undefined,
|
|
2458
2588
|
"data-disabled": props.isDisabled || undefined,
|
|
@@ -2484,15 +2614,69 @@ function $d01f2c01039c0eec$var$ComboBoxInner({ props: props , collection: collec
|
|
|
2484
2614
|
|
|
2485
2615
|
|
|
2486
2616
|
|
|
2617
|
+
/*
|
|
2618
|
+
* Copyright 2022 Adobe. All rights reserved.
|
|
2619
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
2620
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
2621
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
2622
|
+
*
|
|
2623
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
2624
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
2625
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
2626
|
+
* governing permissions and limitations under the License.
|
|
2627
|
+
*/
|
|
2628
|
+
|
|
2629
|
+
|
|
2630
|
+
const $a049562f99e7db0e$export$f9c6924e160136d1 = /*#__PURE__*/ (0, $dGqE5$createContext)({});
|
|
2631
|
+
function $a049562f99e7db0e$var$Group(props, ref) {
|
|
2632
|
+
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $a049562f99e7db0e$export$f9c6924e160136d1);
|
|
2633
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $dGqE5$useHover)({});
|
|
2634
|
+
let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $dGqE5$useFocusRing)({
|
|
2635
|
+
within: true
|
|
2636
|
+
});
|
|
2637
|
+
let { isDisabled: isDisabled, isInvalid: isInvalid, ...otherProps } = props;
|
|
2638
|
+
isDisabled !== null && isDisabled !== void 0 ? isDisabled : isDisabled = !!props["aria-disabled"] && props["aria-disabled"] !== "false";
|
|
2639
|
+
isInvalid !== null && isInvalid !== void 0 ? isInvalid : isInvalid = !!props["aria-invalid"] && props["aria-invalid"] !== "false";
|
|
2640
|
+
let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
2641
|
+
...props,
|
|
2642
|
+
values: {
|
|
2643
|
+
isHovered: isHovered,
|
|
2644
|
+
isFocusWithin: isFocused,
|
|
2645
|
+
isFocusVisible: isFocusVisible,
|
|
2646
|
+
isDisabled: isDisabled,
|
|
2647
|
+
isInvalid: isInvalid
|
|
2648
|
+
},
|
|
2649
|
+
defaultClassName: "react-aria-Group"
|
|
2650
|
+
});
|
|
2651
|
+
var _props_role;
|
|
2652
|
+
return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
|
|
2653
|
+
...(0, $dGqE5$mergeProps)(otherProps, focusProps, hoverProps),
|
|
2654
|
+
...renderProps,
|
|
2655
|
+
ref: ref,
|
|
2656
|
+
role: (_props_role = props.role) !== null && _props_role !== void 0 ? _props_role : "group",
|
|
2657
|
+
"data-focus-within": isFocused || undefined,
|
|
2658
|
+
"data-hovered": isHovered || undefined,
|
|
2659
|
+
"data-focus-visible": isFocusVisible || undefined,
|
|
2660
|
+
"data-disabled": isDisabled || undefined,
|
|
2661
|
+
"data-invalid": isInvalid || undefined
|
|
2662
|
+
}, props.children);
|
|
2663
|
+
}
|
|
2664
|
+
/**
|
|
2665
|
+
* A group represents a set of related UI controls, and supports interactive states for styling.
|
|
2666
|
+
*/ const $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($a049562f99e7db0e$var$Group);
|
|
2667
|
+
|
|
2668
|
+
|
|
2669
|
+
|
|
2487
2670
|
|
|
2488
2671
|
|
|
2489
2672
|
|
|
2490
2673
|
const $40825cdb76e74f70$export$7b3e670c86da5fe8 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
2491
2674
|
const $40825cdb76e74f70$export$8e17ddc448e87c1e = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
2492
|
-
const $40825cdb76e74f70$export$
|
|
2675
|
+
const $40825cdb76e74f70$export$3b08bebcf796eea0 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
2676
|
+
const $40825cdb76e74f70$export$5d8dc44abd10a920 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
2493
2677
|
function $40825cdb76e74f70$var$DateField(props, ref) {
|
|
2494
2678
|
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $40825cdb76e74f70$export$7b3e670c86da5fe8);
|
|
2495
|
-
let { locale: locale
|
|
2679
|
+
let { locale: locale } = (0, $dGqE5$useLocale)();
|
|
2496
2680
|
let state = (0, $dGqE5$useDateFieldState)({
|
|
2497
2681
|
...props,
|
|
2498
2682
|
locale: locale,
|
|
@@ -2501,13 +2685,13 @@ function $40825cdb76e74f70$var$DateField(props, ref) {
|
|
|
2501
2685
|
let fieldRef = (0, $dGqE5$useRef)(null);
|
|
2502
2686
|
let [labelRef, label] = (0, $64fa3d84918910a7$export$9d4c57ee4c6ffdd8)();
|
|
2503
2687
|
let inputRef = (0, $dGqE5$useRef)(null);
|
|
2504
|
-
let { labelProps: labelProps
|
|
2505
|
-
...props,
|
|
2688
|
+
let { labelProps: labelProps, fieldProps: fieldProps, inputProps: inputProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $dGqE5$useDateField)({
|
|
2689
|
+
...(0, $64fa3d84918910a7$export$ef03459518577ad4)(props),
|
|
2506
2690
|
label: label,
|
|
2507
2691
|
inputRef: inputRef
|
|
2508
2692
|
}, state, fieldRef);
|
|
2509
2693
|
let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
2510
|
-
...props,
|
|
2694
|
+
...(0, $64fa3d84918910a7$export$ef03459518577ad4)(props),
|
|
2511
2695
|
values: {
|
|
2512
2696
|
state: state,
|
|
2513
2697
|
isInvalid: state.isInvalid,
|
|
@@ -2520,13 +2704,21 @@ function $40825cdb76e74f70$var$DateField(props, ref) {
|
|
|
2520
2704
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
|
|
2521
2705
|
values: [
|
|
2522
2706
|
[
|
|
2523
|
-
$40825cdb76e74f70$export$
|
|
2707
|
+
$40825cdb76e74f70$export$3b08bebcf796eea0,
|
|
2708
|
+
state
|
|
2709
|
+
],
|
|
2710
|
+
[
|
|
2711
|
+
(0, $a049562f99e7db0e$export$f9c6924e160136d1),
|
|
2712
|
+
{
|
|
2713
|
+
...fieldProps,
|
|
2714
|
+
ref: fieldRef
|
|
2715
|
+
}
|
|
2716
|
+
],
|
|
2717
|
+
[
|
|
2718
|
+
(0, $3985021b0ad6602f$export$37fb8590cf2c088c),
|
|
2524
2719
|
{
|
|
2525
|
-
|
|
2526
|
-
|
|
2527
|
-
ref: fieldRef,
|
|
2528
|
-
inputRef: inputRef,
|
|
2529
|
-
inputProps: inputProps
|
|
2720
|
+
...inputProps,
|
|
2721
|
+
ref: inputRef
|
|
2530
2722
|
}
|
|
2531
2723
|
],
|
|
2532
2724
|
[
|
|
@@ -2551,7 +2743,7 @@ function $40825cdb76e74f70$var$DateField(props, ref) {
|
|
|
2551
2743
|
...DOMProps,
|
|
2552
2744
|
...renderProps,
|
|
2553
2745
|
ref: ref,
|
|
2554
|
-
slot: props.slot,
|
|
2746
|
+
slot: props.slot || undefined,
|
|
2555
2747
|
"data-invalid": state.isInvalid || undefined
|
|
2556
2748
|
}));
|
|
2557
2749
|
}
|
|
@@ -2561,7 +2753,7 @@ function $40825cdb76e74f70$var$DateField(props, ref) {
|
|
|
2561
2753
|
*/ const $40825cdb76e74f70$export$d9781c7894a82487 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($40825cdb76e74f70$var$DateField);
|
|
2562
2754
|
function $40825cdb76e74f70$var$TimeField(props, ref) {
|
|
2563
2755
|
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $40825cdb76e74f70$export$8e17ddc448e87c1e);
|
|
2564
|
-
let { locale: locale
|
|
2756
|
+
let { locale: locale } = (0, $dGqE5$useLocale)();
|
|
2565
2757
|
let state = (0, $dGqE5$useTimeFieldState)({
|
|
2566
2758
|
...props,
|
|
2567
2759
|
locale: locale
|
|
@@ -2569,8 +2761,8 @@ function $40825cdb76e74f70$var$TimeField(props, ref) {
|
|
|
2569
2761
|
let fieldRef = (0, $dGqE5$useRef)(null);
|
|
2570
2762
|
let [labelRef, label] = (0, $64fa3d84918910a7$export$9d4c57ee4c6ffdd8)();
|
|
2571
2763
|
let inputRef = (0, $dGqE5$useRef)(null);
|
|
2572
|
-
let { labelProps: labelProps
|
|
2573
|
-
...props,
|
|
2764
|
+
let { labelProps: labelProps, fieldProps: fieldProps, inputProps: inputProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $dGqE5$useTimeField)({
|
|
2765
|
+
...(0, $64fa3d84918910a7$export$ef03459518577ad4)(props),
|
|
2574
2766
|
label: label,
|
|
2575
2767
|
inputRef: inputRef
|
|
2576
2768
|
}, state, fieldRef);
|
|
@@ -2588,13 +2780,21 @@ function $40825cdb76e74f70$var$TimeField(props, ref) {
|
|
|
2588
2780
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
|
|
2589
2781
|
values: [
|
|
2590
2782
|
[
|
|
2591
|
-
$40825cdb76e74f70$export$
|
|
2783
|
+
$40825cdb76e74f70$export$5d8dc44abd10a920,
|
|
2784
|
+
state
|
|
2785
|
+
],
|
|
2786
|
+
[
|
|
2787
|
+
(0, $a049562f99e7db0e$export$f9c6924e160136d1),
|
|
2788
|
+
{
|
|
2789
|
+
...fieldProps,
|
|
2790
|
+
ref: fieldRef
|
|
2791
|
+
}
|
|
2792
|
+
],
|
|
2793
|
+
[
|
|
2794
|
+
(0, $3985021b0ad6602f$export$37fb8590cf2c088c),
|
|
2592
2795
|
{
|
|
2593
|
-
|
|
2594
|
-
|
|
2595
|
-
ref: fieldRef,
|
|
2596
|
-
inputRef: inputRef,
|
|
2597
|
-
inputProps: inputProps
|
|
2796
|
+
...inputProps,
|
|
2797
|
+
ref: inputRef
|
|
2598
2798
|
}
|
|
2599
2799
|
],
|
|
2600
2800
|
[
|
|
@@ -2619,7 +2819,7 @@ function $40825cdb76e74f70$var$TimeField(props, ref) {
|
|
|
2619
2819
|
...DOMProps,
|
|
2620
2820
|
...renderProps,
|
|
2621
2821
|
ref: ref,
|
|
2622
|
-
slot: props.slot,
|
|
2822
|
+
slot: props.slot || undefined,
|
|
2623
2823
|
"data-invalid": state.isInvalid || undefined
|
|
2624
2824
|
}));
|
|
2625
2825
|
}
|
|
@@ -2627,69 +2827,109 @@ function $40825cdb76e74f70$var$TimeField(props, ref) {
|
|
|
2627
2827
|
* A time field allows users to enter and edit time values using a keyboard.
|
|
2628
2828
|
* Each part of a time value is displayed in an individually editable segment.
|
|
2629
2829
|
*/ const $40825cdb76e74f70$export$5eaee2322dd727eb = /*#__PURE__*/ (0, $dGqE5$forwardRef)($40825cdb76e74f70$var$TimeField);
|
|
2630
|
-
|
|
2631
|
-
|
|
2632
|
-
|
|
2633
|
-
|
|
2634
|
-
|
|
2635
|
-
|
|
2636
|
-
|
|
2637
|
-
|
|
2638
|
-
|
|
2830
|
+
function $40825cdb76e74f70$var$DateInput(props, ref) {
|
|
2831
|
+
// If state is provided by DateField/TimeField, just render.
|
|
2832
|
+
// Otherwise (e.g. in DatePicker), we need to call hooks and create state ourselves.
|
|
2833
|
+
let dateFieldState = (0, $dGqE5$useContext)($40825cdb76e74f70$export$3b08bebcf796eea0);
|
|
2834
|
+
let timeFieldState = (0, $dGqE5$useContext)($40825cdb76e74f70$export$5d8dc44abd10a920);
|
|
2835
|
+
return dateFieldState || timeFieldState ? /*#__PURE__*/ (0, $dGqE5$react).createElement($40825cdb76e74f70$var$DateInputInner, {
|
|
2836
|
+
...props,
|
|
2837
|
+
ref: ref
|
|
2838
|
+
}) : /*#__PURE__*/ (0, $dGqE5$react).createElement($40825cdb76e74f70$var$DateInputStandalone, {
|
|
2839
|
+
...props,
|
|
2840
|
+
ref: ref
|
|
2639
2841
|
});
|
|
2640
|
-
|
|
2641
|
-
|
|
2642
|
-
|
|
2643
|
-
|
|
2644
|
-
|
|
2645
|
-
|
|
2646
|
-
|
|
2647
|
-
|
|
2648
|
-
|
|
2842
|
+
}
|
|
2843
|
+
const $40825cdb76e74f70$var$DateInputStandalone = /*#__PURE__*/ (0, $dGqE5$forwardRef)((props, ref)=>{
|
|
2844
|
+
let [dateFieldProps, fieldRef] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)({
|
|
2845
|
+
slot: props.slot
|
|
2846
|
+
}, ref, $40825cdb76e74f70$export$7b3e670c86da5fe8);
|
|
2847
|
+
let { locale: locale } = (0, $dGqE5$useLocale)();
|
|
2848
|
+
let state = (0, $dGqE5$useDateFieldState)({
|
|
2849
|
+
...dateFieldProps,
|
|
2850
|
+
locale: locale,
|
|
2851
|
+
createCalendar: $dGqE5$createCalendar
|
|
2649
2852
|
});
|
|
2650
|
-
|
|
2651
|
-
|
|
2652
|
-
|
|
2653
|
-
|
|
2654
|
-
|
|
2655
|
-
|
|
2656
|
-
|
|
2657
|
-
|
|
2658
|
-
|
|
2659
|
-
|
|
2660
|
-
|
|
2853
|
+
let inputRef = (0, $dGqE5$useRef)(null);
|
|
2854
|
+
let { fieldProps: fieldProps, inputProps: inputProps } = (0, $dGqE5$useDateField)({
|
|
2855
|
+
...dateFieldProps,
|
|
2856
|
+
inputRef: inputRef
|
|
2857
|
+
}, state, fieldRef);
|
|
2858
|
+
return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
|
|
2859
|
+
values: [
|
|
2860
|
+
[
|
|
2861
|
+
$40825cdb76e74f70$export$3b08bebcf796eea0,
|
|
2862
|
+
state
|
|
2863
|
+
],
|
|
2864
|
+
[
|
|
2865
|
+
(0, $3985021b0ad6602f$export$37fb8590cf2c088c),
|
|
2866
|
+
{
|
|
2867
|
+
...inputProps,
|
|
2868
|
+
ref: inputRef
|
|
2869
|
+
}
|
|
2870
|
+
],
|
|
2871
|
+
[
|
|
2872
|
+
(0, $a049562f99e7db0e$export$f9c6924e160136d1),
|
|
2873
|
+
{
|
|
2874
|
+
...fieldProps,
|
|
2875
|
+
ref: fieldRef
|
|
2876
|
+
}
|
|
2877
|
+
]
|
|
2878
|
+
]
|
|
2879
|
+
}, /*#__PURE__*/ (0, $dGqE5$react).createElement($40825cdb76e74f70$var$DateInputInner, props));
|
|
2880
|
+
});
|
|
2881
|
+
const $40825cdb76e74f70$var$DateInputInner = /*#__PURE__*/ (0, $dGqE5$forwardRef)((props, ref)=>{
|
|
2882
|
+
let { className: className, children: children } = props;
|
|
2883
|
+
let dateFieldState = (0, $dGqE5$useContext)($40825cdb76e74f70$export$3b08bebcf796eea0);
|
|
2884
|
+
let timeFieldState = (0, $dGqE5$useContext)($40825cdb76e74f70$export$5d8dc44abd10a920);
|
|
2885
|
+
let state = dateFieldState !== null && dateFieldState !== void 0 ? dateFieldState : timeFieldState;
|
|
2886
|
+
return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $a049562f99e7db0e$export$eb2fcfdbd7ba97d4), {
|
|
2887
|
+
...props,
|
|
2888
|
+
ref: ref,
|
|
2889
|
+
slot: props.slot || undefined,
|
|
2890
|
+
className: className !== null && className !== void 0 ? className : "react-aria-DateInput",
|
|
2891
|
+
isInvalid: state.isInvalid
|
|
2661
2892
|
}, state.segments.map((segment, i)=>/*#__PURE__*/ (0, $dGqE5$cloneElement)(children(segment), {
|
|
2662
2893
|
key: i
|
|
2663
|
-
}))), /*#__PURE__*/ (0, $dGqE5$react).createElement(
|
|
2664
|
-
|
|
2665
|
-
ref: inputRef
|
|
2666
|
-
}));
|
|
2667
|
-
}
|
|
2894
|
+
}))), /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $3985021b0ad6602f$export$f5b8910cec6cf069), null));
|
|
2895
|
+
});
|
|
2668
2896
|
/**
|
|
2669
2897
|
* A date input groups the editable date segments within a date field.
|
|
2670
2898
|
*/ const $40825cdb76e74f70$export$7edc06cf1783b30f = /*#__PURE__*/ (0, $dGqE5$forwardRef)($40825cdb76e74f70$var$DateInput);
|
|
2671
|
-
function $40825cdb76e74f70$var$DateSegment({ segment: segment
|
|
2672
|
-
let
|
|
2899
|
+
function $40825cdb76e74f70$var$DateSegment({ segment: segment, ...otherProps }, ref) {
|
|
2900
|
+
let dateFieldState = (0, $dGqE5$useContext)($40825cdb76e74f70$export$3b08bebcf796eea0);
|
|
2901
|
+
let timeFieldState = (0, $dGqE5$useContext)($40825cdb76e74f70$export$5d8dc44abd10a920);
|
|
2902
|
+
let state = dateFieldState !== null && dateFieldState !== void 0 ? dateFieldState : timeFieldState;
|
|
2673
2903
|
let domRef = (0, $dGqE5$useObjectRef)(ref);
|
|
2674
|
-
let { segmentProps: segmentProps
|
|
2904
|
+
let { segmentProps: segmentProps } = (0, $dGqE5$useDateSegment)(segment, state, domRef);
|
|
2905
|
+
let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $dGqE5$useFocusRing)();
|
|
2906
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $dGqE5$useHover)({
|
|
2907
|
+
isDisabled: state.isDisabled || segment.type === "literal"
|
|
2908
|
+
});
|
|
2675
2909
|
let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
2676
2910
|
...otherProps,
|
|
2677
2911
|
values: {
|
|
2678
2912
|
...segment,
|
|
2679
2913
|
isReadOnly: !segment.isEditable,
|
|
2680
|
-
isInvalid: state.isInvalid
|
|
2914
|
+
isInvalid: state.isInvalid,
|
|
2915
|
+
isHovered: isHovered,
|
|
2916
|
+
isFocused: isFocused,
|
|
2917
|
+
isFocusVisible: isFocusVisible
|
|
2681
2918
|
},
|
|
2682
2919
|
defaultChildren: segment.text,
|
|
2683
2920
|
defaultClassName: "react-aria-DateSegment"
|
|
2684
2921
|
});
|
|
2685
2922
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
|
|
2686
|
-
...(0, $dGqE5$mergeProps)((0, $dGqE5$filterDOMProps)(otherProps), segmentProps),
|
|
2923
|
+
...(0, $dGqE5$mergeProps)((0, $dGqE5$filterDOMProps)(otherProps), segmentProps, focusProps, hoverProps),
|
|
2687
2924
|
...renderProps,
|
|
2688
2925
|
ref: domRef,
|
|
2689
2926
|
"data-placeholder": segment.isPlaceholder || undefined,
|
|
2690
2927
|
"data-invalid": state.isInvalid || undefined,
|
|
2691
2928
|
"data-readonly": !segment.isEditable || undefined,
|
|
2692
|
-
"data-type": segment.type
|
|
2929
|
+
"data-type": segment.type,
|
|
2930
|
+
"data-hovered": isHovered || undefined,
|
|
2931
|
+
"data-focused": isFocused || undefined,
|
|
2932
|
+
"data-focus-visible": isFocusVisible || undefined
|
|
2693
2933
|
});
|
|
2694
2934
|
}
|
|
2695
2935
|
/**
|
|
@@ -2715,269 +2955,6 @@ function $40825cdb76e74f70$var$DateSegment({ segment: segment , ...otherProps },
|
|
|
2715
2955
|
|
|
2716
2956
|
|
|
2717
2957
|
|
|
2718
|
-
/*
|
|
2719
|
-
* Copyright 2022 Adobe. All rights reserved.
|
|
2720
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
2721
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
2722
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
2723
|
-
*
|
|
2724
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
2725
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
2726
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
2727
|
-
* governing permissions and limitations under the License.
|
|
2728
|
-
*/
|
|
2729
|
-
|
|
2730
|
-
|
|
2731
|
-
|
|
2732
|
-
|
|
2733
|
-
/*
|
|
2734
|
-
* Copyright 2022 Adobe. All rights reserved.
|
|
2735
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
2736
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
2737
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
2738
|
-
*
|
|
2739
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
2740
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
2741
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
2742
|
-
* governing permissions and limitations under the License.
|
|
2743
|
-
*/
|
|
2744
|
-
|
|
2745
|
-
|
|
2746
|
-
|
|
2747
|
-
|
|
2748
|
-
const $f3f84453ead64de5$export$ab57792b9b6974a6 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
2749
|
-
const $f3f84453ead64de5$var$InternalModalContext = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
2750
|
-
function $f3f84453ead64de5$var$Modal(props, ref) {
|
|
2751
|
-
let ctx = (0, $dGqE5$useContext)($f3f84453ead64de5$var$InternalModalContext);
|
|
2752
|
-
if (ctx) return /*#__PURE__*/ (0, $dGqE5$react).createElement($f3f84453ead64de5$var$ModalContent, {
|
|
2753
|
-
...props,
|
|
2754
|
-
modalRef: ref
|
|
2755
|
-
}, props.children);
|
|
2756
|
-
let { isDismissable: isDismissable , isKeyboardDismissDisabled: isKeyboardDismissDisabled , isOpen: isOpen , defaultOpen: defaultOpen , onOpenChange: onOpenChange , children: children , ...otherProps } = props;
|
|
2757
|
-
return /*#__PURE__*/ (0, $dGqE5$react).createElement($f3f84453ead64de5$export$8948f78d83984c69, {
|
|
2758
|
-
isDismissable: isDismissable,
|
|
2759
|
-
isKeyboardDismissDisabled: isKeyboardDismissDisabled,
|
|
2760
|
-
isOpen: isOpen,
|
|
2761
|
-
defaultOpen: defaultOpen,
|
|
2762
|
-
onOpenChange: onOpenChange
|
|
2763
|
-
}, /*#__PURE__*/ (0, $dGqE5$react).createElement($f3f84453ead64de5$var$ModalContent, {
|
|
2764
|
-
...otherProps,
|
|
2765
|
-
modalRef: ref
|
|
2766
|
-
}, children));
|
|
2767
|
-
}
|
|
2768
|
-
/**
|
|
2769
|
-
* A modal is an overlay element which blocks interaction with elements outside it.
|
|
2770
|
-
*/ const $f3f84453ead64de5$export$2b77a92f1a5ad772 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($f3f84453ead64de5$var$Modal);
|
|
2771
|
-
function $f3f84453ead64de5$var$ModalOverlayWithForwardRef(props, ref) {
|
|
2772
|
-
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $f3f84453ead64de5$export$ab57792b9b6974a6);
|
|
2773
|
-
let ctx = props;
|
|
2774
|
-
let localState = (0, $dGqE5$useOverlayTriggerState)(props);
|
|
2775
|
-
let state = props.isOpen != null || props.defaultOpen != null || !(ctx === null || ctx === void 0 ? void 0 : ctx.state) ? localState : ctx.state;
|
|
2776
|
-
let objectRef = (0, $dGqE5$useObjectRef)(ref);
|
|
2777
|
-
let modalRef = (0, $dGqE5$useRef)(null);
|
|
2778
|
-
let isOverlayExiting = (0, $64fa3d84918910a7$export$45fda7c47f93fd48)(objectRef, state.isOpen);
|
|
2779
|
-
let isModalExiting = (0, $64fa3d84918910a7$export$45fda7c47f93fd48)(modalRef, state.isOpen);
|
|
2780
|
-
let isExiting = isOverlayExiting || isModalExiting;
|
|
2781
|
-
let isSSR = (0, $dGqE5$useIsSSR)();
|
|
2782
|
-
if (!state.isOpen && !isExiting || isSSR) return null;
|
|
2783
|
-
return /*#__PURE__*/ (0, $dGqE5$react).createElement($f3f84453ead64de5$var$ModalOverlayInner, {
|
|
2784
|
-
...props,
|
|
2785
|
-
state: state,
|
|
2786
|
-
isExiting: isExiting,
|
|
2787
|
-
overlayRef: objectRef,
|
|
2788
|
-
modalRef: modalRef
|
|
2789
|
-
});
|
|
2790
|
-
}
|
|
2791
|
-
const $f3f84453ead64de5$export$8948f78d83984c69 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($f3f84453ead64de5$var$ModalOverlayWithForwardRef);
|
|
2792
|
-
function $f3f84453ead64de5$var$ModalOverlayInner(props) {
|
|
2793
|
-
let modalRef = props.modalRef;
|
|
2794
|
-
let { state: state } = props;
|
|
2795
|
-
let { modalProps: modalProps , underlayProps: underlayProps } = (0, $dGqE5$useModalOverlay)(props, state, modalRef);
|
|
2796
|
-
let entering = (0, $64fa3d84918910a7$export$6d3443f2c48bfc20)(props.overlayRef);
|
|
2797
|
-
let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
2798
|
-
...props,
|
|
2799
|
-
defaultClassName: "react-aria-ModalOverlay",
|
|
2800
|
-
values: {
|
|
2801
|
-
isEntering: entering,
|
|
2802
|
-
isExiting: props.isExiting,
|
|
2803
|
-
state: state
|
|
2804
|
-
}
|
|
2805
|
-
});
|
|
2806
|
-
let viewport = (0, $dGqE5$useViewportSize)();
|
|
2807
|
-
let style = {
|
|
2808
|
-
...renderProps.style,
|
|
2809
|
-
"--visual-viewport-height": viewport.height + "px"
|
|
2810
|
-
};
|
|
2811
|
-
return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$Overlay), {
|
|
2812
|
-
isExiting: props.isExiting
|
|
2813
|
-
}, /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
|
|
2814
|
-
...(0, $dGqE5$mergeProps1)((0, $dGqE5$filterDOMProps)(props), underlayProps),
|
|
2815
|
-
...renderProps,
|
|
2816
|
-
style: style,
|
|
2817
|
-
ref: props.overlayRef,
|
|
2818
|
-
"data-entering": entering || undefined,
|
|
2819
|
-
"data-exiting": props.isExiting || undefined
|
|
2820
|
-
}, /*#__PURE__*/ (0, $dGqE5$react).createElement($f3f84453ead64de5$var$InternalModalContext.Provider, {
|
|
2821
|
-
value: {
|
|
2822
|
-
modalProps: modalProps,
|
|
2823
|
-
modalRef: modalRef,
|
|
2824
|
-
state: state,
|
|
2825
|
-
isExiting: props.isExiting,
|
|
2826
|
-
isDismissable: props.isDismissable
|
|
2827
|
-
}
|
|
2828
|
-
}, renderProps.children)));
|
|
2829
|
-
}
|
|
2830
|
-
function $f3f84453ead64de5$var$ModalContent(props) {
|
|
2831
|
-
let { modalProps: modalProps , modalRef: modalRef , isExiting: isExiting , isDismissable: isDismissable , state: state } = (0, $dGqE5$useContext)($f3f84453ead64de5$var$InternalModalContext);
|
|
2832
|
-
let mergedRefs = (0, $dGqE5$useMemo)(()=>(0, $dGqE5$mergeRefs)(props.modalRef, modalRef), [
|
|
2833
|
-
props.modalRef,
|
|
2834
|
-
modalRef
|
|
2835
|
-
]);
|
|
2836
|
-
let ref = (0, $dGqE5$useObjectRef)(mergedRefs);
|
|
2837
|
-
let entering = (0, $64fa3d84918910a7$export$6d3443f2c48bfc20)(ref);
|
|
2838
|
-
let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
2839
|
-
...props,
|
|
2840
|
-
defaultClassName: "react-aria-Modal",
|
|
2841
|
-
values: {
|
|
2842
|
-
isEntering: entering,
|
|
2843
|
-
isExiting: isExiting,
|
|
2844
|
-
state: state
|
|
2845
|
-
}
|
|
2846
|
-
});
|
|
2847
|
-
return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
|
|
2848
|
-
...(0, $dGqE5$mergeProps1)((0, $dGqE5$filterDOMProps)(props), modalProps),
|
|
2849
|
-
...renderProps,
|
|
2850
|
-
ref: ref,
|
|
2851
|
-
"data-entering": entering || undefined,
|
|
2852
|
-
"data-exiting": isExiting || undefined
|
|
2853
|
-
}, isDismissable && /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$DismissButton), {
|
|
2854
|
-
onDismiss: state.close
|
|
2855
|
-
}), renderProps.children);
|
|
2856
|
-
}
|
|
2857
|
-
|
|
2858
|
-
|
|
2859
|
-
|
|
2860
|
-
|
|
2861
|
-
|
|
2862
|
-
const $de32f1b87079253c$export$8b93a07348a7730c = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
2863
|
-
function $de32f1b87079253c$export$2e1e1122cf0cba88(props) {
|
|
2864
|
-
let state = (0, $dGqE5$useOverlayTriggerState)(props);
|
|
2865
|
-
let buttonRef = (0, $dGqE5$useRef)(null);
|
|
2866
|
-
let { triggerProps: triggerProps , overlayProps: overlayProps } = (0, $dGqE5$useOverlayTrigger)({
|
|
2867
|
-
type: "dialog"
|
|
2868
|
-
}, state, buttonRef);
|
|
2869
|
-
return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
|
|
2870
|
-
values: [
|
|
2871
|
-
[
|
|
2872
|
-
(0, $f3f84453ead64de5$export$ab57792b9b6974a6),
|
|
2873
|
-
{
|
|
2874
|
-
state: state
|
|
2875
|
-
}
|
|
2876
|
-
],
|
|
2877
|
-
[
|
|
2878
|
-
$de32f1b87079253c$export$8b93a07348a7730c,
|
|
2879
|
-
{
|
|
2880
|
-
...overlayProps,
|
|
2881
|
-
onClose: state.close
|
|
2882
|
-
}
|
|
2883
|
-
],
|
|
2884
|
-
[
|
|
2885
|
-
(0, $d2b4bc8c273e7be6$export$24d547caef80ccd1),
|
|
2886
|
-
{
|
|
2887
|
-
...triggerProps,
|
|
2888
|
-
isPressed: state.isOpen,
|
|
2889
|
-
ref: buttonRef
|
|
2890
|
-
}
|
|
2891
|
-
],
|
|
2892
|
-
[
|
|
2893
|
-
(0, $07b14b47974efb58$export$9b9a0cd73afb7ca4),
|
|
2894
|
-
{
|
|
2895
|
-
state: state,
|
|
2896
|
-
triggerRef: buttonRef
|
|
2897
|
-
}
|
|
2898
|
-
]
|
|
2899
|
-
]
|
|
2900
|
-
}, props.children);
|
|
2901
|
-
}
|
|
2902
|
-
function $de32f1b87079253c$var$Dialog(props, ref) {
|
|
2903
|
-
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $de32f1b87079253c$export$8b93a07348a7730c);
|
|
2904
|
-
let { dialogProps: dialogProps , titleProps: titleProps } = (0, $dGqE5$useDialog)(props, ref);
|
|
2905
|
-
let children = props.children;
|
|
2906
|
-
if (typeof children === "function") children = children({
|
|
2907
|
-
close: props.onClose || (()=>{})
|
|
2908
|
-
});
|
|
2909
|
-
var _props_className;
|
|
2910
|
-
return /*#__PURE__*/ (0, $dGqE5$react).createElement("section", {
|
|
2911
|
-
...(0, $dGqE5$filterDOMProps)(props),
|
|
2912
|
-
...dialogProps,
|
|
2913
|
-
ref: ref,
|
|
2914
|
-
slot: props.slot,
|
|
2915
|
-
style: props.style,
|
|
2916
|
-
className: (_props_className = props.className) !== null && _props_className !== void 0 ? _props_className : "react-aria-Dialog"
|
|
2917
|
-
}, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
|
|
2918
|
-
values: [
|
|
2919
|
-
[
|
|
2920
|
-
(0, $d2b4bc8c273e7be6$export$24d547caef80ccd1),
|
|
2921
|
-
undefined
|
|
2922
|
-
],
|
|
2923
|
-
// TODO: clear context within dialog content?
|
|
2924
|
-
[
|
|
2925
|
-
(0, $5cb03073d3f54797$export$d688439359537581),
|
|
2926
|
-
{
|
|
2927
|
-
...titleProps,
|
|
2928
|
-
level: 2
|
|
2929
|
-
}
|
|
2930
|
-
]
|
|
2931
|
-
]
|
|
2932
|
-
}, children));
|
|
2933
|
-
}
|
|
2934
|
-
/**
|
|
2935
|
-
* A dialog is an overlay shown above other content in an application.
|
|
2936
|
-
*/ const $de32f1b87079253c$export$3ddf2d174ce01153 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($de32f1b87079253c$var$Dialog);
|
|
2937
|
-
|
|
2938
|
-
|
|
2939
|
-
|
|
2940
|
-
/*
|
|
2941
|
-
* Copyright 2022 Adobe. All rights reserved.
|
|
2942
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
2943
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
2944
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
2945
|
-
*
|
|
2946
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
2947
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
2948
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
2949
|
-
* governing permissions and limitations under the License.
|
|
2950
|
-
*/
|
|
2951
|
-
|
|
2952
|
-
|
|
2953
|
-
const $a049562f99e7db0e$export$f9c6924e160136d1 = /*#__PURE__*/ (0, $dGqE5$createContext)({});
|
|
2954
|
-
function $a049562f99e7db0e$var$Group(props, ref) {
|
|
2955
|
-
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $a049562f99e7db0e$export$f9c6924e160136d1);
|
|
2956
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = (0, $dGqE5$useHover)({});
|
|
2957
|
-
let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps } = (0, $dGqE5$useFocusRing)({
|
|
2958
|
-
within: true
|
|
2959
|
-
});
|
|
2960
|
-
let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
2961
|
-
...props,
|
|
2962
|
-
values: {
|
|
2963
|
-
isHovered: isHovered,
|
|
2964
|
-
isFocusWithin: isFocused,
|
|
2965
|
-
isFocusVisible: isFocusVisible
|
|
2966
|
-
},
|
|
2967
|
-
defaultClassName: "react-aria-Group"
|
|
2968
|
-
});
|
|
2969
|
-
return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
|
|
2970
|
-
...(0, $dGqE5$mergeProps)(props, focusProps, hoverProps),
|
|
2971
|
-
...renderProps,
|
|
2972
|
-
ref: ref,
|
|
2973
|
-
"data-focus-within": isFocused || undefined,
|
|
2974
|
-
"data-hovered": isHovered || undefined,
|
|
2975
|
-
"data-focus-visible": isFocusVisible || undefined
|
|
2976
|
-
}, props.children);
|
|
2977
|
-
}
|
|
2978
|
-
/**
|
|
2979
|
-
* An group represents a set of related UI controls.
|
|
2980
|
-
*/ const $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($a049562f99e7db0e$var$Group);
|
|
2981
2958
|
|
|
2982
2959
|
|
|
2983
2960
|
|
|
@@ -2986,31 +2963,20 @@ function $a049562f99e7db0e$var$Group(props, ref) {
|
|
|
2986
2963
|
|
|
2987
2964
|
const $06d5b8ec9ee5d538$export$cf316c7f3b44c11e = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
2988
2965
|
const $06d5b8ec9ee5d538$export$8282edba42ee28a = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
2966
|
+
const $06d5b8ec9ee5d538$export$50a10c048fdcdee9 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
2967
|
+
const $06d5b8ec9ee5d538$export$80d7ae1f804790be = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
2989
2968
|
function $06d5b8ec9ee5d538$var$DatePicker(props, ref) {
|
|
2990
2969
|
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $06d5b8ec9ee5d538$export$cf316c7f3b44c11e);
|
|
2991
2970
|
let state = (0, $dGqE5$useDatePickerState)(props);
|
|
2992
2971
|
let groupRef = (0, $dGqE5$useRef)(null);
|
|
2993
2972
|
let [labelRef, label] = (0, $64fa3d84918910a7$export$9d4c57ee4c6ffdd8)();
|
|
2994
|
-
let { groupProps: groupProps
|
|
2995
|
-
...props,
|
|
2973
|
+
let { groupProps: groupProps, labelProps: labelProps, fieldProps: fieldProps, buttonProps: buttonProps, dialogProps: dialogProps, calendarProps: calendarProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $dGqE5$useDatePicker)({
|
|
2974
|
+
...(0, $64fa3d84918910a7$export$ef03459518577ad4)(props),
|
|
2996
2975
|
label: label
|
|
2997
2976
|
}, state, groupRef);
|
|
2998
|
-
let {
|
|
2999
|
-
let fieldState = (0, $dGqE5$useDateFieldState)({
|
|
3000
|
-
...fieldProps,
|
|
3001
|
-
locale: locale,
|
|
3002
|
-
createCalendar: $dGqE5$createCalendar
|
|
3003
|
-
});
|
|
3004
|
-
let fieldRef = (0, $dGqE5$useRef)(null);
|
|
3005
|
-
let inputRef = (0, $dGqE5$useRef)(null);
|
|
3006
|
-
let { focusProps: focusProps , isFocused: isFocused , isFocusVisible: isFocusVisible } = (0, $dGqE5$useFocusRing)({
|
|
2977
|
+
let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $dGqE5$useFocusRing)({
|
|
3007
2978
|
within: true
|
|
3008
2979
|
});
|
|
3009
|
-
let { fieldProps: dateFieldProps , inputProps: inputProps } = (0, $dGqE5$useDateField)({
|
|
3010
|
-
...fieldProps,
|
|
3011
|
-
label: label,
|
|
3012
|
-
inputRef: inputRef
|
|
3013
|
-
}, fieldState, fieldRef);
|
|
3014
2980
|
let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
3015
2981
|
...props,
|
|
3016
2982
|
values: {
|
|
@@ -3018,7 +2984,8 @@ function $06d5b8ec9ee5d538$var$DatePicker(props, ref) {
|
|
|
3018
2984
|
isFocusWithin: isFocused,
|
|
3019
2985
|
isFocusVisible: isFocusVisible,
|
|
3020
2986
|
isDisabled: props.isDisabled || false,
|
|
3021
|
-
isInvalid: state.isInvalid
|
|
2987
|
+
isInvalid: state.isInvalid,
|
|
2988
|
+
isOpen: state.isOpen
|
|
3022
2989
|
},
|
|
3023
2990
|
defaultClassName: "react-aria-DatePicker"
|
|
3024
2991
|
});
|
|
@@ -3026,6 +2993,10 @@ function $06d5b8ec9ee5d538$var$DatePicker(props, ref) {
|
|
|
3026
2993
|
delete DOMProps.id;
|
|
3027
2994
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
|
|
3028
2995
|
values: [
|
|
2996
|
+
[
|
|
2997
|
+
$06d5b8ec9ee5d538$export$50a10c048fdcdee9,
|
|
2998
|
+
state
|
|
2999
|
+
],
|
|
3029
3000
|
[
|
|
3030
3001
|
(0, $a049562f99e7db0e$export$f9c6924e160136d1),
|
|
3031
3002
|
{
|
|
@@ -3034,14 +3005,8 @@ function $06d5b8ec9ee5d538$var$DatePicker(props, ref) {
|
|
|
3034
3005
|
}
|
|
3035
3006
|
],
|
|
3036
3007
|
[
|
|
3037
|
-
(0, $40825cdb76e74f70$export$
|
|
3038
|
-
|
|
3039
|
-
state: fieldState,
|
|
3040
|
-
fieldProps: dateFieldProps,
|
|
3041
|
-
ref: fieldRef,
|
|
3042
|
-
inputProps: inputProps,
|
|
3043
|
-
inputRef: inputRef
|
|
3044
|
-
}
|
|
3008
|
+
(0, $40825cdb76e74f70$export$7b3e670c86da5fe8),
|
|
3009
|
+
fieldProps
|
|
3045
3010
|
],
|
|
3046
3011
|
[
|
|
3047
3012
|
(0, $d2b4bc8c273e7be6$export$24d547caef80ccd1),
|
|
@@ -3062,10 +3027,13 @@ function $06d5b8ec9ee5d538$var$DatePicker(props, ref) {
|
|
|
3062
3027
|
(0, $dfd62f934fc76fed$export$3b805cea1f178355),
|
|
3063
3028
|
calendarProps
|
|
3064
3029
|
],
|
|
3030
|
+
[
|
|
3031
|
+
(0, $de32f1b87079253c$export$d2f961adcb0afbe),
|
|
3032
|
+
state
|
|
3033
|
+
],
|
|
3065
3034
|
[
|
|
3066
3035
|
(0, $07b14b47974efb58$export$9b9a0cd73afb7ca4),
|
|
3067
3036
|
{
|
|
3068
|
-
state: state,
|
|
3069
3037
|
triggerRef: groupRef,
|
|
3070
3038
|
placement: "bottom start"
|
|
3071
3039
|
}
|
|
@@ -3089,11 +3057,12 @@ function $06d5b8ec9ee5d538$var$DatePicker(props, ref) {
|
|
|
3089
3057
|
...DOMProps,
|
|
3090
3058
|
...renderProps,
|
|
3091
3059
|
ref: ref,
|
|
3092
|
-
slot: props.slot,
|
|
3060
|
+
slot: props.slot || undefined,
|
|
3093
3061
|
"data-focus-within": isFocused || undefined,
|
|
3094
3062
|
"data-invalid": state.isInvalid || undefined,
|
|
3095
3063
|
"data-focus-visible": isFocusVisible || undefined,
|
|
3096
|
-
"data-disabled": props.isDisabled || undefined
|
|
3064
|
+
"data-disabled": props.isDisabled || undefined,
|
|
3065
|
+
"data-open": state.isOpen || undefined
|
|
3097
3066
|
}));
|
|
3098
3067
|
}
|
|
3099
3068
|
/**
|
|
@@ -3104,38 +3073,13 @@ function $06d5b8ec9ee5d538$var$DateRangePicker(props, ref) {
|
|
|
3104
3073
|
let state = (0, $dGqE5$useDateRangePickerState)(props);
|
|
3105
3074
|
let groupRef = (0, $dGqE5$useRef)(null);
|
|
3106
3075
|
let [labelRef, label] = (0, $64fa3d84918910a7$export$9d4c57ee4c6ffdd8)();
|
|
3107
|
-
let { groupProps: groupProps
|
|
3108
|
-
...props,
|
|
3076
|
+
let { groupProps: groupProps, labelProps: labelProps, startFieldProps: startFieldProps, endFieldProps: endFieldProps, buttonProps: buttonProps, dialogProps: dialogProps, calendarProps: calendarProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $dGqE5$useDateRangePicker)({
|
|
3077
|
+
...(0, $64fa3d84918910a7$export$ef03459518577ad4)(props),
|
|
3109
3078
|
label: label
|
|
3110
3079
|
}, state, groupRef);
|
|
3111
|
-
let {
|
|
3112
|
-
let startFieldState = (0, $dGqE5$useDateFieldState)({
|
|
3113
|
-
...startFieldProps,
|
|
3114
|
-
locale: locale,
|
|
3115
|
-
createCalendar: $dGqE5$createCalendar
|
|
3116
|
-
});
|
|
3117
|
-
let startFieldRef = (0, $dGqE5$useRef)(null);
|
|
3118
|
-
let startInputRef = (0, $dGqE5$useRef)(null);
|
|
3119
|
-
let { focusProps: focusProps , isFocused: isFocused , isFocusVisible: isFocusVisible } = (0, $dGqE5$useFocusRing)({
|
|
3080
|
+
let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $dGqE5$useFocusRing)({
|
|
3120
3081
|
within: true
|
|
3121
3082
|
});
|
|
3122
|
-
let { fieldProps: startDateFieldProps , inputProps: startInputProps } = (0, $dGqE5$useDateField)({
|
|
3123
|
-
...startFieldProps,
|
|
3124
|
-
label: label,
|
|
3125
|
-
inputRef: startInputRef
|
|
3126
|
-
}, startFieldState, startFieldRef);
|
|
3127
|
-
let endFieldState = (0, $dGqE5$useDateFieldState)({
|
|
3128
|
-
...endFieldProps,
|
|
3129
|
-
locale: locale,
|
|
3130
|
-
createCalendar: $dGqE5$createCalendar
|
|
3131
|
-
});
|
|
3132
|
-
let endFieldRef = (0, $dGqE5$useRef)(null);
|
|
3133
|
-
let endInputRef = (0, $dGqE5$useRef)(null);
|
|
3134
|
-
let { fieldProps: endDateFieldProps , inputProps: endInputProps } = (0, $dGqE5$useDateField)({
|
|
3135
|
-
...endFieldProps,
|
|
3136
|
-
label: label,
|
|
3137
|
-
inputRef: endInputRef
|
|
3138
|
-
}, endFieldState, endFieldRef);
|
|
3139
3083
|
let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
3140
3084
|
...props,
|
|
3141
3085
|
values: {
|
|
@@ -3143,7 +3087,8 @@ function $06d5b8ec9ee5d538$var$DateRangePicker(props, ref) {
|
|
|
3143
3087
|
isFocusWithin: isFocused,
|
|
3144
3088
|
isFocusVisible: isFocusVisible,
|
|
3145
3089
|
isDisabled: props.isDisabled || false,
|
|
3146
|
-
isInvalid: state.isInvalid
|
|
3090
|
+
isInvalid: state.isInvalid,
|
|
3091
|
+
isOpen: state.isOpen
|
|
3147
3092
|
},
|
|
3148
3093
|
defaultClassName: "react-aria-DateRangePicker"
|
|
3149
3094
|
});
|
|
@@ -3151,6 +3096,10 @@ function $06d5b8ec9ee5d538$var$DateRangePicker(props, ref) {
|
|
|
3151
3096
|
delete DOMProps.id;
|
|
3152
3097
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
|
|
3153
3098
|
values: [
|
|
3099
|
+
[
|
|
3100
|
+
$06d5b8ec9ee5d538$export$80d7ae1f804790be,
|
|
3101
|
+
state
|
|
3102
|
+
],
|
|
3154
3103
|
[
|
|
3155
3104
|
(0, $a049562f99e7db0e$export$f9c6924e160136d1),
|
|
3156
3105
|
{
|
|
@@ -3177,10 +3126,13 @@ function $06d5b8ec9ee5d538$var$DateRangePicker(props, ref) {
|
|
|
3177
3126
|
(0, $dfd62f934fc76fed$export$233dd9682e1ad64b),
|
|
3178
3127
|
calendarProps
|
|
3179
3128
|
],
|
|
3129
|
+
[
|
|
3130
|
+
(0, $de32f1b87079253c$export$d2f961adcb0afbe),
|
|
3131
|
+
state
|
|
3132
|
+
],
|
|
3180
3133
|
[
|
|
3181
3134
|
(0, $07b14b47974efb58$export$9b9a0cd73afb7ca4),
|
|
3182
3135
|
{
|
|
3183
|
-
state: state,
|
|
3184
3136
|
triggerRef: groupRef,
|
|
3185
3137
|
placement: "bottom start"
|
|
3186
3138
|
}
|
|
@@ -3190,23 +3142,11 @@ function $06d5b8ec9ee5d538$var$DateRangePicker(props, ref) {
|
|
|
3190
3142
|
dialogProps
|
|
3191
3143
|
],
|
|
3192
3144
|
[
|
|
3193
|
-
(0, $40825cdb76e74f70$export$
|
|
3145
|
+
(0, $40825cdb76e74f70$export$7b3e670c86da5fe8),
|
|
3194
3146
|
{
|
|
3195
3147
|
slots: {
|
|
3196
|
-
start:
|
|
3197
|
-
|
|
3198
|
-
fieldProps: startDateFieldProps,
|
|
3199
|
-
ref: startFieldRef,
|
|
3200
|
-
inputRef: startInputRef,
|
|
3201
|
-
inputProps: startInputProps
|
|
3202
|
-
},
|
|
3203
|
-
end: {
|
|
3204
|
-
state: endFieldState,
|
|
3205
|
-
fieldProps: endDateFieldProps,
|
|
3206
|
-
ref: endFieldRef,
|
|
3207
|
-
inputRef: endInputRef,
|
|
3208
|
-
inputProps: endInputProps
|
|
3209
|
-
}
|
|
3148
|
+
start: startFieldProps,
|
|
3149
|
+
end: endFieldProps
|
|
3210
3150
|
}
|
|
3211
3151
|
}
|
|
3212
3152
|
],
|
|
@@ -3225,11 +3165,12 @@ function $06d5b8ec9ee5d538$var$DateRangePicker(props, ref) {
|
|
|
3225
3165
|
...DOMProps,
|
|
3226
3166
|
...renderProps,
|
|
3227
3167
|
ref: ref,
|
|
3228
|
-
slot: props.slot,
|
|
3168
|
+
slot: props.slot || undefined,
|
|
3229
3169
|
"data-focus-within": isFocused || undefined,
|
|
3230
3170
|
"data-invalid": state.isInvalid || undefined,
|
|
3231
3171
|
"data-focus-visible": isFocusVisible || undefined,
|
|
3232
|
-
"data-disabled": props.isDisabled || undefined
|
|
3172
|
+
"data-disabled": props.isDisabled || undefined,
|
|
3173
|
+
"data-open": state.isOpen || undefined
|
|
3233
3174
|
}));
|
|
3234
3175
|
}
|
|
3235
3176
|
/**
|
|
@@ -3239,17 +3180,192 @@ function $06d5b8ec9ee5d538$var$DateRangePicker(props, ref) {
|
|
|
3239
3180
|
|
|
3240
3181
|
|
|
3241
3182
|
|
|
3242
|
-
/*
|
|
3243
|
-
* Copyright 2023 Adobe. All rights reserved.
|
|
3244
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
3245
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
3246
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
3247
|
-
*
|
|
3248
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
3249
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
3250
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
3251
|
-
* governing permissions and limitations under the License.
|
|
3252
|
-
*/
|
|
3183
|
+
/*
|
|
3184
|
+
* Copyright 2023 Adobe. All rights reserved.
|
|
3185
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
3186
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
3187
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
3188
|
+
*
|
|
3189
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
3190
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
3191
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
3192
|
+
* governing permissions and limitations under the License.
|
|
3193
|
+
*/
|
|
3194
|
+
|
|
3195
|
+
|
|
3196
|
+
var $df39c1238ae2b5f3$exports = {};
|
|
3197
|
+
var $e038a7e7a6d81989$exports = {};
|
|
3198
|
+
$e038a7e7a6d81989$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"حدد عنصرًا","tableResizer":"أداة تغيير الحجم"}');
|
|
3199
|
+
|
|
3200
|
+
|
|
3201
|
+
var $0ec14741b0133644$exports = {};
|
|
3202
|
+
$0ec14741b0133644$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Изберете предмет","tableResizer":"Преоразмерител"}');
|
|
3203
|
+
|
|
3204
|
+
|
|
3205
|
+
var $642f7badf2405784$exports = {};
|
|
3206
|
+
$642f7badf2405784$exports = JSON.parse('{"dropzoneLabel":"M\xedsto pro přetažen\xed","selectPlaceholder":"Vyberte položku","tableResizer":"Změna velikosti"}');
|
|
3207
|
+
|
|
3208
|
+
|
|
3209
|
+
var $30cee8d2535734ec$exports = {};
|
|
3210
|
+
$30cee8d2535734ec$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"V\xe6lg et element","tableResizer":"St\xf8rrelses\xe6ndring"}');
|
|
3211
|
+
|
|
3212
|
+
|
|
3213
|
+
var $c302d0504fca332a$exports = {};
|
|
3214
|
+
$c302d0504fca332a$exports = JSON.parse('{"dropzoneLabel":"Ablegebereich","selectPlaceholder":"Element w\xe4hlen","tableResizer":"Gr\xf6\xdfenanpassung"}');
|
|
3215
|
+
|
|
3216
|
+
|
|
3217
|
+
var $0d0703f2bd7e421c$exports = {};
|
|
3218
|
+
$0d0703f2bd7e421c$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Επιλέξτε ένα αντικείμενο","tableResizer":"Αλλαγή μεγέθους"}');
|
|
3219
|
+
|
|
3220
|
+
|
|
3221
|
+
var $cafa55beb2fc5ef3$exports = {};
|
|
3222
|
+
$cafa55beb2fc5ef3$exports = JSON.parse('{"selectPlaceholder":"Select an item","tableResizer":"Resizer","dropzoneLabel":"DropZone"}');
|
|
3223
|
+
|
|
3224
|
+
|
|
3225
|
+
var $18ac2ceede598103$exports = {};
|
|
3226
|
+
$18ac2ceede598103$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Seleccionar un art\xedculo","tableResizer":"Cambiador de tama\xf1o"}');
|
|
3227
|
+
|
|
3228
|
+
|
|
3229
|
+
var $718705a15b8a633a$exports = {};
|
|
3230
|
+
$718705a15b8a633a$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Valige \xfcksus","tableResizer":"Suuruse muutja"}');
|
|
3231
|
+
|
|
3232
|
+
|
|
3233
|
+
var $bf36dae9ecc81ce0$exports = {};
|
|
3234
|
+
$bf36dae9ecc81ce0$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Valitse kohde","tableResizer":"Koon muuttaja"}');
|
|
3235
|
+
|
|
3236
|
+
|
|
3237
|
+
var $0b4828edb010b855$exports = {};
|
|
3238
|
+
$0b4828edb010b855$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"S\xe9lectionner un \xe9l\xe9ment","tableResizer":"Redimensionneur"}');
|
|
3239
|
+
|
|
3240
|
+
|
|
3241
|
+
var $0030f210b040e540$exports = {};
|
|
3242
|
+
$0030f210b040e540$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"בחר פריט","tableResizer":"שינוי גודל"}');
|
|
3243
|
+
|
|
3244
|
+
|
|
3245
|
+
var $1f0ebacf5a0c0fa1$exports = {};
|
|
3246
|
+
$1f0ebacf5a0c0fa1$exports = JSON.parse('{"dropzoneLabel":"Zona spuštanja","selectPlaceholder":"Odaberite stavku","tableResizer":"Promjena veličine"}');
|
|
3247
|
+
|
|
3248
|
+
|
|
3249
|
+
var $3a706ba61f3d6bba$exports = {};
|
|
3250
|
+
$3a706ba61f3d6bba$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"V\xe1lasszon ki egy elemet","tableResizer":"\xc1tm\xe9retező"}');
|
|
3251
|
+
|
|
3252
|
+
|
|
3253
|
+
var $0d17809e74607796$exports = {};
|
|
3254
|
+
$0d17809e74607796$exports = JSON.parse('{"dropzoneLabel":"Zona di rilascio","selectPlaceholder":"Seleziona un elemento","tableResizer":"Ridimensionamento"}');
|
|
3255
|
+
|
|
3256
|
+
|
|
3257
|
+
var $65a71f9a56f1398f$exports = {};
|
|
3258
|
+
$65a71f9a56f1398f$exports = JSON.parse('{"dropzoneLabel":"ドロップゾーン","selectPlaceholder":"項目を選択","tableResizer":"サイズ変更ツール"}');
|
|
3259
|
+
|
|
3260
|
+
|
|
3261
|
+
var $e5efad074a74abef$exports = {};
|
|
3262
|
+
$e5efad074a74abef$exports = JSON.parse('{"dropzoneLabel":"드롭 영역","selectPlaceholder":"항목 선택","tableResizer":"크기 조정기"}');
|
|
3263
|
+
|
|
3264
|
+
|
|
3265
|
+
var $d70c2a849e55c607$exports = {};
|
|
3266
|
+
$d70c2a849e55c607$exports = JSON.parse('{"dropzoneLabel":"„DropZone“","selectPlaceholder":"Pasirinkite elementą","tableResizer":"Dydžio keitiklis"}');
|
|
3267
|
+
|
|
3268
|
+
|
|
3269
|
+
var $009bbbb440d0e907$exports = {};
|
|
3270
|
+
$009bbbb440d0e907$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Izvēlēties vienumu","tableResizer":"Izmēra mainītājs"}');
|
|
3271
|
+
|
|
3272
|
+
|
|
3273
|
+
var $9366fe642464ee83$exports = {};
|
|
3274
|
+
$9366fe642464ee83$exports = JSON.parse('{"dropzoneLabel":"Droppsone","selectPlaceholder":"Velg et element","tableResizer":"St\xf8rrelsesendrer"}');
|
|
3275
|
+
|
|
3276
|
+
|
|
3277
|
+
var $62f9bc1f98ea21de$exports = {};
|
|
3278
|
+
$62f9bc1f98ea21de$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Selecteer een item","tableResizer":"Resizer"}');
|
|
3279
|
+
|
|
3280
|
+
|
|
3281
|
+
var $4ec2e5b6623b1b76$exports = {};
|
|
3282
|
+
$4ec2e5b6623b1b76$exports = JSON.parse('{"dropzoneLabel":"Strefa upuszczania","selectPlaceholder":"Wybierz element","tableResizer":"Zmiana rozmiaru"}');
|
|
3283
|
+
|
|
3284
|
+
|
|
3285
|
+
var $e25098e26647cc04$exports = {};
|
|
3286
|
+
$e25098e26647cc04$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Selecione um item","tableResizer":"Redimensionador"}');
|
|
3287
|
+
|
|
3288
|
+
|
|
3289
|
+
var $dd39c57d242c8156$exports = {};
|
|
3290
|
+
$dd39c57d242c8156$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Selecione um item","tableResizer":"Redimensionador"}');
|
|
3291
|
+
|
|
3292
|
+
|
|
3293
|
+
var $3b4c1ba5afd57b35$exports = {};
|
|
3294
|
+
$3b4c1ba5afd57b35$exports = JSON.parse('{"dropzoneLabel":"Zonă de plasare","selectPlaceholder":"Selectați un element","tableResizer":"Instrument de redimensionare"}');
|
|
3295
|
+
|
|
3296
|
+
|
|
3297
|
+
var $a455b2cda79eb746$exports = {};
|
|
3298
|
+
$a455b2cda79eb746$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Выберите элемент","tableResizer":"Средство изменения размера"}');
|
|
3299
|
+
|
|
3300
|
+
|
|
3301
|
+
var $b983ca1383d5b960$exports = {};
|
|
3302
|
+
$b983ca1383d5b960$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Vyberte položku","tableResizer":"N\xe1stroj na zmenu veľkosti"}');
|
|
3303
|
+
|
|
3304
|
+
|
|
3305
|
+
var $32a515ef673b0655$exports = {};
|
|
3306
|
+
$32a515ef673b0655$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Izberite element","tableResizer":"Spreminjanje velikosti"}');
|
|
3307
|
+
|
|
3308
|
+
|
|
3309
|
+
var $89434176ab35446b$exports = {};
|
|
3310
|
+
$89434176ab35446b$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Izaberite stavku","tableResizer":"Promena veličine"}');
|
|
3311
|
+
|
|
3312
|
+
|
|
3313
|
+
var $727da781aca847f9$exports = {};
|
|
3314
|
+
$727da781aca847f9$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"V\xe4lj en artikel","tableResizer":"Storleks\xe4ndrare"}');
|
|
3315
|
+
|
|
3316
|
+
|
|
3317
|
+
var $fcd2d84b9a2d489c$exports = {};
|
|
3318
|
+
$fcd2d84b9a2d489c$exports = JSON.parse('{"dropzoneLabel":"Bırakma B\xf6lgesi","selectPlaceholder":"Bir \xf6ğe se\xe7in","tableResizer":"Yeniden boyutlandırıcı"}');
|
|
3319
|
+
|
|
3320
|
+
|
|
3321
|
+
var $2422ac328687ee23$exports = {};
|
|
3322
|
+
$2422ac328687ee23$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Виберіть елемент","tableResizer":"Засіб змінення розміру"}');
|
|
3323
|
+
|
|
3324
|
+
|
|
3325
|
+
var $c9a532d1c973af61$exports = {};
|
|
3326
|
+
$c9a532d1c973af61$exports = JSON.parse('{"dropzoneLabel":"放置区域","selectPlaceholder":"选择一个项目","tableResizer":"尺寸调整器"}');
|
|
3327
|
+
|
|
3328
|
+
|
|
3329
|
+
var $34de119f14549a4b$exports = {};
|
|
3330
|
+
$34de119f14549a4b$exports = JSON.parse('{"dropzoneLabel":"放置區","selectPlaceholder":"選取項目","tableResizer":"大小調整器"}');
|
|
3331
|
+
|
|
3332
|
+
|
|
3333
|
+
$df39c1238ae2b5f3$exports = {
|
|
3334
|
+
"ar-AE": $e038a7e7a6d81989$exports,
|
|
3335
|
+
"bg-BG": $0ec14741b0133644$exports,
|
|
3336
|
+
"cs-CZ": $642f7badf2405784$exports,
|
|
3337
|
+
"da-DK": $30cee8d2535734ec$exports,
|
|
3338
|
+
"de-DE": $c302d0504fca332a$exports,
|
|
3339
|
+
"el-GR": $0d0703f2bd7e421c$exports,
|
|
3340
|
+
"en-US": $cafa55beb2fc5ef3$exports,
|
|
3341
|
+
"es-ES": $18ac2ceede598103$exports,
|
|
3342
|
+
"et-EE": $718705a15b8a633a$exports,
|
|
3343
|
+
"fi-FI": $bf36dae9ecc81ce0$exports,
|
|
3344
|
+
"fr-FR": $0b4828edb010b855$exports,
|
|
3345
|
+
"he-IL": $0030f210b040e540$exports,
|
|
3346
|
+
"hr-HR": $1f0ebacf5a0c0fa1$exports,
|
|
3347
|
+
"hu-HU": $3a706ba61f3d6bba$exports,
|
|
3348
|
+
"it-IT": $0d17809e74607796$exports,
|
|
3349
|
+
"ja-JP": $65a71f9a56f1398f$exports,
|
|
3350
|
+
"ko-KR": $e5efad074a74abef$exports,
|
|
3351
|
+
"lt-LT": $d70c2a849e55c607$exports,
|
|
3352
|
+
"lv-LV": $009bbbb440d0e907$exports,
|
|
3353
|
+
"nb-NO": $9366fe642464ee83$exports,
|
|
3354
|
+
"nl-NL": $62f9bc1f98ea21de$exports,
|
|
3355
|
+
"pl-PL": $4ec2e5b6623b1b76$exports,
|
|
3356
|
+
"pt-BR": $e25098e26647cc04$exports,
|
|
3357
|
+
"pt-PT": $dd39c57d242c8156$exports,
|
|
3358
|
+
"ro-RO": $3b4c1ba5afd57b35$exports,
|
|
3359
|
+
"ru-RU": $a455b2cda79eb746$exports,
|
|
3360
|
+
"sk-SK": $b983ca1383d5b960$exports,
|
|
3361
|
+
"sl-SI": $32a515ef673b0655$exports,
|
|
3362
|
+
"sr-SP": $89434176ab35446b$exports,
|
|
3363
|
+
"sv-SE": $727da781aca847f9$exports,
|
|
3364
|
+
"tr-TR": $fcd2d84b9a2d489c$exports,
|
|
3365
|
+
"uk-UA": $2422ac328687ee23$exports,
|
|
3366
|
+
"zh-CN": $c9a532d1c973af61$exports,
|
|
3367
|
+
"zh-TW": $34de119f14549a4b$exports
|
|
3368
|
+
};
|
|
3253
3369
|
|
|
3254
3370
|
|
|
3255
3371
|
|
|
@@ -3258,15 +3374,16 @@ const $cb088e721efb9218$export$14a72053295ff9a6 = /*#__PURE__*/ (0, $dGqE5$creat
|
|
|
3258
3374
|
function $cb088e721efb9218$var$DropZone(props, ref) {
|
|
3259
3375
|
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $cb088e721efb9218$export$14a72053295ff9a6);
|
|
3260
3376
|
let buttonRef = (0, $dGqE5$useRef)(null);
|
|
3261
|
-
let { dropProps: dropProps
|
|
3377
|
+
let { dropProps: dropProps, dropButtonProps: dropButtonProps, isDropTarget: isDropTarget } = (0, $dGqE5$useDrop)({
|
|
3262
3378
|
...props,
|
|
3263
3379
|
ref: buttonRef,
|
|
3264
3380
|
hasDropButton: true
|
|
3265
3381
|
});
|
|
3266
|
-
let { hoverProps: hoverProps
|
|
3267
|
-
let { focusProps: focusProps
|
|
3382
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $dGqE5$useHover)({});
|
|
3383
|
+
let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $dGqE5$useFocusRing)();
|
|
3384
|
+
let stringFormatter = (0, $dGqE5$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($df39c1238ae2b5f3$exports))));
|
|
3268
3385
|
let textId = (0, $dGqE5$useSlotId)();
|
|
3269
|
-
let ariaLabel = props["aria-label"] || "
|
|
3386
|
+
let ariaLabel = props["aria-label"] || stringFormatter.format("dropzoneLabel");
|
|
3270
3387
|
let messageId = isDropTarget && props["aria-labelledby"] ? props["aria-labelledby"] : null;
|
|
3271
3388
|
let ariaLabelledby = [
|
|
3272
3389
|
textId,
|
|
@@ -3276,7 +3393,7 @@ function $cb088e721efb9218$var$DropZone(props, ref) {
|
|
|
3276
3393
|
"aria-label": ariaLabel,
|
|
3277
3394
|
"aria-labelledby": ariaLabelledby
|
|
3278
3395
|
});
|
|
3279
|
-
let { clipboardProps: clipboardProps
|
|
3396
|
+
let { clipboardProps: clipboardProps } = (0, $dGqE5$useClipboard)({
|
|
3280
3397
|
onPaste: (items)=>{
|
|
3281
3398
|
var _props_onDrop;
|
|
3282
3399
|
return (_props_onDrop = props.onDrop) === null || _props_onDrop === void 0 ? void 0 : _props_onDrop.call(props, {
|
|
@@ -3313,7 +3430,7 @@ function $cb088e721efb9218$var$DropZone(props, ref) {
|
|
|
3313
3430
|
}, /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
|
|
3314
3431
|
...(0, $dGqE5$mergeProps)(dropProps, hoverProps, DOMProps),
|
|
3315
3432
|
...renderProps,
|
|
3316
|
-
slot: props.slot,
|
|
3433
|
+
slot: props.slot || undefined,
|
|
3317
3434
|
ref: ref,
|
|
3318
3435
|
onClick: ()=>{
|
|
3319
3436
|
var _buttonRef_current;
|
|
@@ -3348,13 +3465,14 @@ function $cb088e721efb9218$var$DropZone(props, ref) {
|
|
|
3348
3465
|
|
|
3349
3466
|
|
|
3350
3467
|
function $1e2864c73f66a4da$var$FileTrigger(props, ref) {
|
|
3351
|
-
let {
|
|
3468
|
+
let { onSelect: onSelect, acceptedFileTypes: acceptedFileTypes, allowsMultiple: allowsMultiple, defaultCamera: defaultCamera, children: children, ...rest } = props;
|
|
3352
3469
|
let inputRef = (0, $dGqE5$useObjectRef)(ref);
|
|
3353
3470
|
let domProps = (0, $dGqE5$filterDOMProps)(rest);
|
|
3354
3471
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$PressResponder), {
|
|
3355
3472
|
onPress: ()=>{
|
|
3356
3473
|
var _inputRef_current;
|
|
3357
|
-
|
|
3474
|
+
if (inputRef.current.value) inputRef.current.value = "";
|
|
3475
|
+
(_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.click();
|
|
3358
3476
|
}
|
|
3359
3477
|
}, children), /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $3985021b0ad6602f$export$f5b8910cec6cf069), {
|
|
3360
3478
|
...domProps,
|
|
@@ -3365,11 +3483,10 @@ function $1e2864c73f66a4da$var$FileTrigger(props, ref) {
|
|
|
3365
3483
|
},
|
|
3366
3484
|
accept: acceptedFileTypes === null || acceptedFileTypes === void 0 ? void 0 : acceptedFileTypes.toString(),
|
|
3367
3485
|
onChange: (e)=>{
|
|
3368
|
-
return
|
|
3486
|
+
return onSelect === null || onSelect === void 0 ? void 0 : onSelect(e.target.files);
|
|
3369
3487
|
},
|
|
3370
3488
|
capture: defaultCamera,
|
|
3371
|
-
multiple: allowsMultiple
|
|
3372
|
-
name: name
|
|
3489
|
+
multiple: allowsMultiple
|
|
3373
3490
|
}));
|
|
3374
3491
|
}
|
|
3375
3492
|
/**
|
|
@@ -3397,26 +3514,26 @@ function $1e2864c73f66a4da$var$FileTrigger(props, ref) {
|
|
|
3397
3514
|
|
|
3398
3515
|
|
|
3399
3516
|
|
|
3517
|
+
|
|
3400
3518
|
const $72e60046c03fbe42$export$54fe942636b6416d = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
3401
|
-
const $72e60046c03fbe42$var$InternalGridListContext = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
3402
3519
|
function $72e60046c03fbe42$var$GridList(props, ref) {
|
|
3403
3520
|
// Render the portal first so that we have the collection by the time we render the DOM in SSR.
|
|
3404
3521
|
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $72e60046c03fbe42$export$54fe942636b6416d);
|
|
3405
|
-
let { collection: collection
|
|
3522
|
+
let { collection: collection, portal: portal } = (0, $7135fc7d473fd974$export$6cd28814d92fa9c9)(props);
|
|
3406
3523
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null, portal, /*#__PURE__*/ (0, $dGqE5$react).createElement($72e60046c03fbe42$var$GridListInner, {
|
|
3407
3524
|
props: props,
|
|
3408
3525
|
collection: collection,
|
|
3409
3526
|
gridListRef: ref
|
|
3410
3527
|
}));
|
|
3411
3528
|
}
|
|
3412
|
-
function $72e60046c03fbe42$var$GridListInner({ props: props
|
|
3413
|
-
let { dragAndDropHooks: dragAndDropHooks
|
|
3529
|
+
function $72e60046c03fbe42$var$GridListInner({ props: props, collection: collection, gridListRef: ref }) {
|
|
3530
|
+
let { dragAndDropHooks: dragAndDropHooks } = props;
|
|
3414
3531
|
let state = (0, $dGqE5$useListState)({
|
|
3415
3532
|
...props,
|
|
3416
3533
|
collection: collection,
|
|
3417
3534
|
children: undefined
|
|
3418
3535
|
});
|
|
3419
|
-
let { gridProps: gridProps
|
|
3536
|
+
let { gridProps: gridProps } = (0, $dGqE5$useGridList)(props, state, ref);
|
|
3420
3537
|
let children = (0, $7135fc7d473fd974$export$727c8fc270210f13)({
|
|
3421
3538
|
items: collection,
|
|
3422
3539
|
children: (item)=>{
|
|
@@ -3475,7 +3592,7 @@ function $72e60046c03fbe42$var$GridListInner({ props: props , collection: collec
|
|
|
3475
3592
|
type: "root"
|
|
3476
3593
|
});
|
|
3477
3594
|
}
|
|
3478
|
-
let { focusProps: focusProps
|
|
3595
|
+
let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $dGqE5$useFocusRing)();
|
|
3479
3596
|
let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
3480
3597
|
className: props.className,
|
|
3481
3598
|
style: props.style,
|
|
@@ -3523,7 +3640,7 @@ function $72e60046c03fbe42$var$GridListInner({ props: props , collection: collec
|
|
|
3523
3640
|
...renderProps,
|
|
3524
3641
|
...(0, $dGqE5$mergeProps)(gridProps, focusProps, droppableCollection === null || droppableCollection === void 0 ? void 0 : droppableCollection.collectionProps, emptyStatePropOverrides),
|
|
3525
3642
|
ref: ref,
|
|
3526
|
-
slot: props.slot,
|
|
3643
|
+
slot: props.slot || undefined,
|
|
3527
3644
|
"data-drop-target": isRootDropTarget || undefined,
|
|
3528
3645
|
"data-empty": state.collection.size === 0 || undefined,
|
|
3529
3646
|
"data-focused": isFocused || undefined,
|
|
@@ -3531,9 +3648,12 @@ function $72e60046c03fbe42$var$GridListInner({ props: props , collection: collec
|
|
|
3531
3648
|
}, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
|
|
3532
3649
|
values: [
|
|
3533
3650
|
[
|
|
3534
|
-
$
|
|
3651
|
+
(0, $eed445e0843c11d0$export$7c5906fe4f1f2af2),
|
|
3652
|
+
state
|
|
3653
|
+
],
|
|
3654
|
+
[
|
|
3655
|
+
(0, $d8f176866e6dc039$export$d188a835a7bc5783),
|
|
3535
3656
|
{
|
|
3536
|
-
state: state,
|
|
3537
3657
|
dragAndDropHooks: dragAndDropHooks,
|
|
3538
3658
|
dragState: dragState,
|
|
3539
3659
|
dropState: dropState
|
|
@@ -3552,18 +3672,19 @@ function $72e60046c03fbe42$var$GridListInner({ props: props , collection: collec
|
|
|
3552
3672
|
* A grid list displays a list of interactive items, with support for keyboard navigation,
|
|
3553
3673
|
* single or multiple selection, and row actions.
|
|
3554
3674
|
*/ const $72e60046c03fbe42$export$a7bfbda1311ca015 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($72e60046c03fbe42$var$GridList);
|
|
3555
|
-
function $72e60046c03fbe42$var$GridListItem({ item: item
|
|
3556
|
-
let
|
|
3675
|
+
function $72e60046c03fbe42$var$GridListItem({ item: item }) {
|
|
3676
|
+
let state = (0, $dGqE5$useContext)((0, $eed445e0843c11d0$export$7c5906fe4f1f2af2));
|
|
3677
|
+
let { dragAndDropHooks: dragAndDropHooks, dragState: dragState, dropState: dropState } = (0, $dGqE5$useContext)((0, $d8f176866e6dc039$export$d188a835a7bc5783));
|
|
3557
3678
|
let ref = (0, $dGqE5$useObjectRef)(item.props.ref);
|
|
3558
|
-
let { rowProps: rowProps
|
|
3679
|
+
let { rowProps: rowProps, gridCellProps: gridCellProps, descriptionProps: descriptionProps, ...states } = (0, $dGqE5$useGridListItem)({
|
|
3559
3680
|
node: item,
|
|
3560
3681
|
shouldSelectOnPressUp: !!dragState
|
|
3561
3682
|
}, state, ref);
|
|
3562
|
-
let { hoverProps: hoverProps
|
|
3683
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $dGqE5$useHover)({
|
|
3563
3684
|
isDisabled: !states.allowsSelection && !states.hasAction
|
|
3564
3685
|
});
|
|
3565
|
-
let { isFocusVisible: isFocusVisible
|
|
3566
|
-
let { checkboxProps: checkboxProps
|
|
3686
|
+
let { isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $dGqE5$useFocusRing)();
|
|
3687
|
+
let { checkboxProps: checkboxProps } = (0, $dGqE5$useGridListSelectionCheckbox)({
|
|
3567
3688
|
key: item.key
|
|
3568
3689
|
}, state);
|
|
3569
3690
|
let draggableItem = null;
|
|
@@ -3573,7 +3694,7 @@ function $72e60046c03fbe42$var$GridListItem({ item: item }) {
|
|
|
3573
3694
|
}, dragState);
|
|
3574
3695
|
let dropIndicator = null;
|
|
3575
3696
|
let dropIndicatorRef = (0, $dGqE5$useRef)(null);
|
|
3576
|
-
let { visuallyHiddenProps: visuallyHiddenProps
|
|
3697
|
+
let { visuallyHiddenProps: visuallyHiddenProps } = (0, $dGqE5$useVisuallyHidden)();
|
|
3577
3698
|
if (dropState && dragAndDropHooks) dropIndicator = dragAndDropHooks.useDropIndicator({
|
|
3578
3699
|
target: {
|
|
3579
3700
|
type: "item",
|
|
@@ -3684,9 +3805,9 @@ function $72e60046c03fbe42$var$GridListItem({ item: item }) {
|
|
|
3684
3805
|
}
|
|
3685
3806
|
function $72e60046c03fbe42$var$GridListDropIndicatorWrapper(props, ref) {
|
|
3686
3807
|
ref = (0, $dGqE5$useObjectRef)(ref);
|
|
3687
|
-
let { dragAndDropHooks: dragAndDropHooks
|
|
3808
|
+
let { dragAndDropHooks: dragAndDropHooks, dropState: dropState } = (0, $dGqE5$useContext)((0, $d8f176866e6dc039$export$d188a835a7bc5783));
|
|
3688
3809
|
let buttonRef = (0, $dGqE5$useRef)(null);
|
|
3689
|
-
let { dropIndicatorProps: dropIndicatorProps
|
|
3810
|
+
let { dropIndicatorProps: dropIndicatorProps, isHidden: isHidden, isDropTarget: isDropTarget } = dragAndDropHooks.useDropIndicator(props, dropState, buttonRef);
|
|
3690
3811
|
if (isHidden) return null;
|
|
3691
3812
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement($72e60046c03fbe42$var$GridListDropIndicatorForwardRef, {
|
|
3692
3813
|
...props,
|
|
@@ -3697,8 +3818,8 @@ function $72e60046c03fbe42$var$GridListDropIndicatorWrapper(props, ref) {
|
|
|
3697
3818
|
});
|
|
3698
3819
|
}
|
|
3699
3820
|
function $72e60046c03fbe42$var$GridListDropIndicator(props, ref) {
|
|
3700
|
-
let { dropIndicatorProps: dropIndicatorProps
|
|
3701
|
-
let { visuallyHiddenProps: visuallyHiddenProps
|
|
3821
|
+
let { dropIndicatorProps: dropIndicatorProps, isDropTarget: isDropTarget, buttonRef: buttonRef, ...otherProps } = props;
|
|
3822
|
+
let { visuallyHiddenProps: visuallyHiddenProps } = (0, $dGqE5$useVisuallyHidden)();
|
|
3702
3823
|
let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
3703
3824
|
...otherProps,
|
|
3704
3825
|
defaultClassName: "react-aria-DropIndicator",
|
|
@@ -3722,9 +3843,9 @@ function $72e60046c03fbe42$var$GridListDropIndicator(props, ref) {
|
|
|
3722
3843
|
}
|
|
3723
3844
|
const $72e60046c03fbe42$var$GridListDropIndicatorForwardRef = /*#__PURE__*/ (0, $dGqE5$forwardRef)($72e60046c03fbe42$var$GridListDropIndicator);
|
|
3724
3845
|
function $72e60046c03fbe42$var$RootDropIndicator() {
|
|
3725
|
-
let { dragAndDropHooks: dragAndDropHooks
|
|
3846
|
+
let { dragAndDropHooks: dragAndDropHooks, dropState: dropState } = (0, $dGqE5$useContext)((0, $d8f176866e6dc039$export$d188a835a7bc5783));
|
|
3726
3847
|
let ref = (0, $dGqE5$useRef)(null);
|
|
3727
|
-
let { dropIndicatorProps: dropIndicatorProps
|
|
3848
|
+
let { dropIndicatorProps: dropIndicatorProps } = dragAndDropHooks.useDropIndicator({
|
|
3728
3849
|
target: {
|
|
3729
3850
|
type: "root"
|
|
3730
3851
|
}
|
|
@@ -3732,7 +3853,7 @@ function $72e60046c03fbe42$var$RootDropIndicator() {
|
|
|
3732
3853
|
let isDropTarget = dropState.isDropTarget({
|
|
3733
3854
|
type: "root"
|
|
3734
3855
|
});
|
|
3735
|
-
let { visuallyHiddenProps: visuallyHiddenProps
|
|
3856
|
+
let { visuallyHiddenProps: visuallyHiddenProps } = (0, $dGqE5$useVisuallyHidden)();
|
|
3736
3857
|
if (!isDropTarget && dropIndicatorProps["aria-hidden"]) return null;
|
|
3737
3858
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
|
|
3738
3859
|
role: "row",
|
|
@@ -3805,12 +3926,13 @@ const $63df2425e2108aa8$export$16e4d70cc375e707 = /*#__PURE__*/ (0, $dGqE5$forwa
|
|
|
3805
3926
|
|
|
3806
3927
|
|
|
3807
3928
|
|
|
3929
|
+
|
|
3808
3930
|
const $3674c52c6b3c5bce$export$c7e742effb1c51e2 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
3809
|
-
const $3674c52c6b3c5bce$
|
|
3931
|
+
const $3674c52c6b3c5bce$export$24aad8519b95b41b = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
3810
3932
|
function $3674c52c6b3c5bce$export$27d2ad3c5815583e(props) {
|
|
3811
3933
|
let state = (0, $dGqE5$useMenuTriggerState)(props);
|
|
3812
3934
|
let ref = (0, $dGqE5$useRef)(null);
|
|
3813
|
-
let { menuTriggerProps: menuTriggerProps
|
|
3935
|
+
let { menuTriggerProps: menuTriggerProps, menuProps: menuProps } = (0, $dGqE5$useMenuTrigger)({
|
|
3814
3936
|
...props,
|
|
3815
3937
|
type: "menu"
|
|
3816
3938
|
}, state, ref);
|
|
@@ -3821,27 +3943,26 @@ function $3674c52c6b3c5bce$export$27d2ad3c5815583e(props) {
|
|
|
3821
3943
|
menuProps
|
|
3822
3944
|
],
|
|
3823
3945
|
[
|
|
3824
|
-
(0, $
|
|
3825
|
-
|
|
3826
|
-
...menuTriggerProps,
|
|
3827
|
-
ref: ref,
|
|
3828
|
-
isPressed: state.isOpen
|
|
3829
|
-
}
|
|
3946
|
+
(0, $de32f1b87079253c$export$d2f961adcb0afbe),
|
|
3947
|
+
state
|
|
3830
3948
|
],
|
|
3831
3949
|
[
|
|
3832
3950
|
(0, $07b14b47974efb58$export$9b9a0cd73afb7ca4),
|
|
3833
3951
|
{
|
|
3834
|
-
state: state,
|
|
3835
3952
|
triggerRef: ref,
|
|
3836
3953
|
placement: "bottom start"
|
|
3837
3954
|
}
|
|
3838
3955
|
]
|
|
3839
3956
|
]
|
|
3840
|
-
},
|
|
3957
|
+
}, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$PressResponder), {
|
|
3958
|
+
...menuTriggerProps,
|
|
3959
|
+
ref: ref,
|
|
3960
|
+
isPressed: state.isOpen
|
|
3961
|
+
}, props.children));
|
|
3841
3962
|
}
|
|
3842
3963
|
function $3674c52c6b3c5bce$var$Menu(props, ref) {
|
|
3843
3964
|
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $3674c52c6b3c5bce$export$c7e742effb1c51e2);
|
|
3844
|
-
let { portal: portal
|
|
3965
|
+
let { portal: portal, collection: collection } = (0, $7135fc7d473fd974$export$6cd28814d92fa9c9)(props);
|
|
3845
3966
|
// Delay rendering the actual menu until we have the collection so that auto focus works properly.
|
|
3846
3967
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null, collection.size > 0 && /*#__PURE__*/ (0, $dGqE5$react).createElement($3674c52c6b3c5bce$var$MenuInner, {
|
|
3847
3968
|
props: props,
|
|
@@ -3849,13 +3970,13 @@ function $3674c52c6b3c5bce$var$Menu(props, ref) {
|
|
|
3849
3970
|
menuRef: ref
|
|
3850
3971
|
}), portal);
|
|
3851
3972
|
}
|
|
3852
|
-
function $3674c52c6b3c5bce$var$MenuInner({ props: props
|
|
3973
|
+
function $3674c52c6b3c5bce$var$MenuInner({ props: props, collection: collection, menuRef: ref }) {
|
|
3853
3974
|
let state = (0, $dGqE5$useTreeState)({
|
|
3854
3975
|
...props,
|
|
3855
3976
|
collection: collection,
|
|
3856
3977
|
children: undefined
|
|
3857
3978
|
});
|
|
3858
|
-
let { menuProps: menuProps
|
|
3979
|
+
let { menuProps: menuProps } = (0, $dGqE5$useMenu)(props, state, ref);
|
|
3859
3980
|
let children = (0, $7135fc7d473fd974$export$727c8fc270210f13)({
|
|
3860
3981
|
items: state.collection,
|
|
3861
3982
|
children: (item)=>{
|
|
@@ -3880,13 +4001,13 @@ function $3674c52c6b3c5bce$var$MenuInner({ props: props , collection: collection
|
|
|
3880
4001
|
...(0, $dGqE5$filterDOMProps)(props),
|
|
3881
4002
|
...menuProps,
|
|
3882
4003
|
ref: ref,
|
|
3883
|
-
slot: props.slot,
|
|
4004
|
+
slot: props.slot || undefined,
|
|
3884
4005
|
style: props.style,
|
|
3885
4006
|
className: (_props_className = props.className) !== null && _props_className !== void 0 ? _props_className : "react-aria-Menu"
|
|
3886
4007
|
}, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
|
|
3887
4008
|
values: [
|
|
3888
4009
|
[
|
|
3889
|
-
$3674c52c6b3c5bce$
|
|
4010
|
+
$3674c52c6b3c5bce$export$24aad8519b95b41b,
|
|
3890
4011
|
state
|
|
3891
4012
|
],
|
|
3892
4013
|
[
|
|
@@ -3901,12 +4022,12 @@ function $3674c52c6b3c5bce$var$MenuInner({ props: props , collection: collection
|
|
|
3901
4022
|
/**
|
|
3902
4023
|
* A menu displays a list of actions or options that a user can choose.
|
|
3903
4024
|
*/ const $3674c52c6b3c5bce$export$d9b273488cd8ce6f = /*#__PURE__*/ (0, $dGqE5$forwardRef)($3674c52c6b3c5bce$var$Menu);
|
|
3904
|
-
function $3674c52c6b3c5bce$var$MenuSection({ section: section
|
|
4025
|
+
function $3674c52c6b3c5bce$var$MenuSection({ section: section, className: className, style: style, ...otherProps }) {
|
|
3905
4026
|
var _section_props, _section_props1;
|
|
3906
|
-
let state = (0, $dGqE5$useContext)($3674c52c6b3c5bce$
|
|
4027
|
+
let state = (0, $dGqE5$useContext)($3674c52c6b3c5bce$export$24aad8519b95b41b);
|
|
3907
4028
|
let [headingRef, heading] = (0, $64fa3d84918910a7$export$9d4c57ee4c6ffdd8)();
|
|
3908
4029
|
var _section_arialabel;
|
|
3909
|
-
let { headingProps: headingProps
|
|
4030
|
+
let { headingProps: headingProps, groupProps: groupProps } = (0, $dGqE5$useMenuSection)({
|
|
3910
4031
|
heading: heading,
|
|
3911
4032
|
"aria-label": (_section_arialabel = section["aria-label"]) !== null && _section_arialabel !== void 0 ? _section_arialabel : undefined
|
|
3912
4033
|
});
|
|
@@ -3916,7 +4037,7 @@ function $3674c52c6b3c5bce$var$MenuSection({ section: section , className: class
|
|
|
3916
4037
|
switch(item.type){
|
|
3917
4038
|
case "header":
|
|
3918
4039
|
{
|
|
3919
|
-
let { ref: ref
|
|
4040
|
+
let { ref: ref, ...otherProps } = item.props;
|
|
3920
4041
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $72a5793c14baf454$export$8b251419efc915eb), {
|
|
3921
4042
|
...headingProps,
|
|
3922
4043
|
...otherProps,
|
|
@@ -3940,14 +4061,14 @@ function $3674c52c6b3c5bce$var$MenuSection({ section: section , className: class
|
|
|
3940
4061
|
ref: section.props.ref
|
|
3941
4062
|
}, children);
|
|
3942
4063
|
}
|
|
3943
|
-
function $3674c52c6b3c5bce$var$MenuItem({ item: item
|
|
3944
|
-
let state = (0, $dGqE5$useContext)($3674c52c6b3c5bce$
|
|
4064
|
+
function $3674c52c6b3c5bce$var$MenuItem({ item: item }) {
|
|
4065
|
+
let state = (0, $dGqE5$useContext)($3674c52c6b3c5bce$export$24aad8519b95b41b);
|
|
3945
4066
|
let ref = (0, $dGqE5$useObjectRef)(item.props.ref);
|
|
3946
|
-
let { menuItemProps: menuItemProps
|
|
4067
|
+
let { menuItemProps: menuItemProps, labelProps: labelProps, descriptionProps: descriptionProps, keyboardShortcutProps: keyboardShortcutProps, ...states } = (0, $dGqE5$useMenuItem)({
|
|
3947
4068
|
key: item.key
|
|
3948
4069
|
}, state, ref);
|
|
3949
4070
|
let props = item.props;
|
|
3950
|
-
let { isFocusVisible: isFocusVisible
|
|
4071
|
+
let { isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $dGqE5$useFocusRing)();
|
|
3951
4072
|
let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
3952
4073
|
...props,
|
|
3953
4074
|
id: undefined,
|
|
@@ -3961,10 +4082,9 @@ function $3674c52c6b3c5bce$var$MenuItem({ item: item }) {
|
|
|
3961
4082
|
selectionBehavior: state.selectionManager.selectionBehavior
|
|
3962
4083
|
}
|
|
3963
4084
|
});
|
|
3964
|
-
let
|
|
3965
|
-
|
|
3966
|
-
|
|
3967
|
-
...(0, $dGqE5$mergeProps)(DOMProps, menuItemProps, focusProps),
|
|
4085
|
+
let ElementType = props.href ? "a" : "div";
|
|
4086
|
+
return /*#__PURE__*/ (0, $dGqE5$react).createElement(ElementType, {
|
|
4087
|
+
...(0, $dGqE5$mergeProps)(menuItemProps, focusProps),
|
|
3968
4088
|
...renderProps,
|
|
3969
4089
|
ref: ref,
|
|
3970
4090
|
"data-disabled": states.isDisabled || undefined,
|
|
@@ -4011,9 +4131,9 @@ function $3674c52c6b3c5bce$var$MenuItem({ item: item }) {
|
|
|
4011
4131
|
const $c0c9ced265f3594c$export$8b645da15a96b44f = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
4012
4132
|
function $c0c9ced265f3594c$var$Meter(props, ref) {
|
|
4013
4133
|
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $c0c9ced265f3594c$export$8b645da15a96b44f);
|
|
4014
|
-
let { value: value = 0
|
|
4134
|
+
let { value: value = 0, minValue: minValue = 0, maxValue: maxValue = 100 } = props;
|
|
4015
4135
|
let [labelRef, label] = (0, $64fa3d84918910a7$export$9d4c57ee4c6ffdd8)();
|
|
4016
|
-
let { meterProps: meterProps
|
|
4136
|
+
let { meterProps: meterProps, labelProps: labelProps } = (0, $dGqE5$useMeter)({
|
|
4017
4137
|
...props,
|
|
4018
4138
|
label: label
|
|
4019
4139
|
});
|
|
@@ -4031,7 +4151,7 @@ function $c0c9ced265f3594c$var$Meter(props, ref) {
|
|
|
4031
4151
|
...meterProps,
|
|
4032
4152
|
...renderProps,
|
|
4033
4153
|
ref: ref,
|
|
4034
|
-
slot: props.slot
|
|
4154
|
+
slot: props.slot || undefined
|
|
4035
4155
|
}, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $01b77f81d0f07f68$export$75b6ee27786ba447).Provider, {
|
|
4036
4156
|
value: {
|
|
4037
4157
|
...labelProps,
|
|
@@ -4045,6 +4165,141 @@ function $c0c9ced265f3594c$var$Meter(props, ref) {
|
|
|
4045
4165
|
*/ const $c0c9ced265f3594c$export$62e3ae2a4090b879 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($c0c9ced265f3594c$var$Meter);
|
|
4046
4166
|
|
|
4047
4167
|
|
|
4168
|
+
/*
|
|
4169
|
+
* Copyright 2022 Adobe. All rights reserved.
|
|
4170
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
4171
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
4172
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
4173
|
+
*
|
|
4174
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
4175
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
4176
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
4177
|
+
* governing permissions and limitations under the License.
|
|
4178
|
+
*/
|
|
4179
|
+
|
|
4180
|
+
|
|
4181
|
+
|
|
4182
|
+
|
|
4183
|
+
|
|
4184
|
+
const $f3f84453ead64de5$export$ab57792b9b6974a6 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
4185
|
+
const $f3f84453ead64de5$var$InternalModalContext = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
4186
|
+
function $f3f84453ead64de5$var$Modal(props, ref) {
|
|
4187
|
+
let ctx = (0, $dGqE5$useContext)($f3f84453ead64de5$var$InternalModalContext);
|
|
4188
|
+
if (ctx) return /*#__PURE__*/ (0, $dGqE5$react).createElement($f3f84453ead64de5$var$ModalContent, {
|
|
4189
|
+
...props,
|
|
4190
|
+
modalRef: ref
|
|
4191
|
+
}, props.children);
|
|
4192
|
+
let { isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, isOpen: isOpen, defaultOpen: defaultOpen, onOpenChange: onOpenChange, children: children, ...otherProps } = props;
|
|
4193
|
+
return /*#__PURE__*/ (0, $dGqE5$react).createElement($f3f84453ead64de5$export$8948f78d83984c69, {
|
|
4194
|
+
isDismissable: isDismissable,
|
|
4195
|
+
isKeyboardDismissDisabled: isKeyboardDismissDisabled,
|
|
4196
|
+
isOpen: isOpen,
|
|
4197
|
+
defaultOpen: defaultOpen,
|
|
4198
|
+
onOpenChange: onOpenChange
|
|
4199
|
+
}, /*#__PURE__*/ (0, $dGqE5$react).createElement($f3f84453ead64de5$var$ModalContent, {
|
|
4200
|
+
...otherProps,
|
|
4201
|
+
modalRef: ref
|
|
4202
|
+
}, children));
|
|
4203
|
+
}
|
|
4204
|
+
/**
|
|
4205
|
+
* A modal is an overlay element which blocks interaction with elements outside it.
|
|
4206
|
+
*/ const $f3f84453ead64de5$export$2b77a92f1a5ad772 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($f3f84453ead64de5$var$Modal);
|
|
4207
|
+
function $f3f84453ead64de5$var$ModalOverlayWithForwardRef(props, ref) {
|
|
4208
|
+
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $f3f84453ead64de5$export$ab57792b9b6974a6);
|
|
4209
|
+
let contextState = (0, $dGqE5$useContext)((0, $de32f1b87079253c$export$d2f961adcb0afbe));
|
|
4210
|
+
let localState = (0, $dGqE5$useOverlayTriggerState)(props);
|
|
4211
|
+
let state = props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;
|
|
4212
|
+
let objectRef = (0, $dGqE5$useObjectRef)(ref);
|
|
4213
|
+
let modalRef = (0, $dGqE5$useRef)(null);
|
|
4214
|
+
let isOverlayExiting = (0, $64fa3d84918910a7$export$45fda7c47f93fd48)(objectRef, state.isOpen);
|
|
4215
|
+
let isModalExiting = (0, $64fa3d84918910a7$export$45fda7c47f93fd48)(modalRef, state.isOpen);
|
|
4216
|
+
let isExiting = isOverlayExiting || isModalExiting;
|
|
4217
|
+
let isSSR = (0, $dGqE5$useIsSSR)();
|
|
4218
|
+
if (!state.isOpen && !isExiting || isSSR) return null;
|
|
4219
|
+
return /*#__PURE__*/ (0, $dGqE5$react).createElement($f3f84453ead64de5$var$ModalOverlayInner, {
|
|
4220
|
+
...props,
|
|
4221
|
+
state: state,
|
|
4222
|
+
isExiting: isExiting,
|
|
4223
|
+
overlayRef: objectRef,
|
|
4224
|
+
modalRef: modalRef
|
|
4225
|
+
});
|
|
4226
|
+
}
|
|
4227
|
+
const $f3f84453ead64de5$export$8948f78d83984c69 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($f3f84453ead64de5$var$ModalOverlayWithForwardRef);
|
|
4228
|
+
function $f3f84453ead64de5$var$ModalOverlayInner(props) {
|
|
4229
|
+
let modalRef = props.modalRef;
|
|
4230
|
+
let { state: state } = props;
|
|
4231
|
+
let { modalProps: modalProps, underlayProps: underlayProps } = (0, $dGqE5$useModalOverlay)(props, state, modalRef);
|
|
4232
|
+
let entering = (0, $64fa3d84918910a7$export$6d3443f2c48bfc20)(props.overlayRef);
|
|
4233
|
+
let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
4234
|
+
...props,
|
|
4235
|
+
defaultClassName: "react-aria-ModalOverlay",
|
|
4236
|
+
values: {
|
|
4237
|
+
isEntering: entering,
|
|
4238
|
+
isExiting: props.isExiting,
|
|
4239
|
+
state: state
|
|
4240
|
+
}
|
|
4241
|
+
});
|
|
4242
|
+
let viewport = (0, $dGqE5$useViewportSize)();
|
|
4243
|
+
let style = {
|
|
4244
|
+
...renderProps.style,
|
|
4245
|
+
"--visual-viewport-height": viewport.height + "px"
|
|
4246
|
+
};
|
|
4247
|
+
return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$Overlay), {
|
|
4248
|
+
isExiting: props.isExiting
|
|
4249
|
+
}, /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
|
|
4250
|
+
...(0, $dGqE5$mergeProps1)((0, $dGqE5$filterDOMProps)(props), underlayProps),
|
|
4251
|
+
...renderProps,
|
|
4252
|
+
style: style,
|
|
4253
|
+
ref: props.overlayRef,
|
|
4254
|
+
"data-entering": entering || undefined,
|
|
4255
|
+
"data-exiting": props.isExiting || undefined
|
|
4256
|
+
}, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
|
|
4257
|
+
values: [
|
|
4258
|
+
[
|
|
4259
|
+
$f3f84453ead64de5$var$InternalModalContext,
|
|
4260
|
+
{
|
|
4261
|
+
modalProps: modalProps,
|
|
4262
|
+
modalRef: modalRef,
|
|
4263
|
+
isExiting: props.isExiting,
|
|
4264
|
+
isDismissable: props.isDismissable
|
|
4265
|
+
}
|
|
4266
|
+
],
|
|
4267
|
+
[
|
|
4268
|
+
(0, $de32f1b87079253c$export$d2f961adcb0afbe),
|
|
4269
|
+
state
|
|
4270
|
+
]
|
|
4271
|
+
]
|
|
4272
|
+
}, renderProps.children)));
|
|
4273
|
+
}
|
|
4274
|
+
function $f3f84453ead64de5$var$ModalContent(props) {
|
|
4275
|
+
let { modalProps: modalProps, modalRef: modalRef, isExiting: isExiting, isDismissable: isDismissable } = (0, $dGqE5$useContext)($f3f84453ead64de5$var$InternalModalContext);
|
|
4276
|
+
let state = (0, $dGqE5$useContext)((0, $de32f1b87079253c$export$d2f961adcb0afbe));
|
|
4277
|
+
let mergedRefs = (0, $dGqE5$useMemo)(()=>(0, $dGqE5$mergeRefs)(props.modalRef, modalRef), [
|
|
4278
|
+
props.modalRef,
|
|
4279
|
+
modalRef
|
|
4280
|
+
]);
|
|
4281
|
+
let ref = (0, $dGqE5$useObjectRef)(mergedRefs);
|
|
4282
|
+
let entering = (0, $64fa3d84918910a7$export$6d3443f2c48bfc20)(ref);
|
|
4283
|
+
let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
4284
|
+
...props,
|
|
4285
|
+
defaultClassName: "react-aria-Modal",
|
|
4286
|
+
values: {
|
|
4287
|
+
isEntering: entering,
|
|
4288
|
+
isExiting: isExiting,
|
|
4289
|
+
state: state
|
|
4290
|
+
}
|
|
4291
|
+
});
|
|
4292
|
+
return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
|
|
4293
|
+
...(0, $dGqE5$mergeProps1)((0, $dGqE5$filterDOMProps)(props), modalProps),
|
|
4294
|
+
...renderProps,
|
|
4295
|
+
ref: ref,
|
|
4296
|
+
"data-entering": entering || undefined,
|
|
4297
|
+
"data-exiting": isExiting || undefined
|
|
4298
|
+
}, isDismissable && /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$DismissButton), {
|
|
4299
|
+
onDismiss: state.close
|
|
4300
|
+
}), renderProps.children);
|
|
4301
|
+
}
|
|
4302
|
+
|
|
4048
4303
|
|
|
4049
4304
|
/*
|
|
4050
4305
|
* Copyright 2022 Adobe. All rights reserved.
|
|
@@ -4067,17 +4322,18 @@ function $c0c9ced265f3594c$var$Meter(props, ref) {
|
|
|
4067
4322
|
|
|
4068
4323
|
|
|
4069
4324
|
const $b91743d66a0ed188$export$b414a48cf5dcbc11 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
4325
|
+
const $b91743d66a0ed188$export$6cc906c6cff9bec5 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
4070
4326
|
function $b91743d66a0ed188$var$NumberField(props, ref) {
|
|
4071
4327
|
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $b91743d66a0ed188$export$b414a48cf5dcbc11);
|
|
4072
|
-
let { locale: locale
|
|
4328
|
+
let { locale: locale } = (0, $dGqE5$useLocale)();
|
|
4073
4329
|
let state = (0, $dGqE5$useNumberFieldState)({
|
|
4074
4330
|
...props,
|
|
4075
4331
|
locale: locale
|
|
4076
4332
|
});
|
|
4077
4333
|
let inputRef = (0, $dGqE5$useRef)(null);
|
|
4078
4334
|
let [labelRef, label] = (0, $64fa3d84918910a7$export$9d4c57ee4c6ffdd8)();
|
|
4079
|
-
let { labelProps: labelProps
|
|
4080
|
-
...props,
|
|
4335
|
+
let { labelProps: labelProps, groupProps: groupProps, inputProps: inputProps, incrementButtonProps: incrementButtonProps, decrementButtonProps: decrementButtonProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $dGqE5$useNumberField)({
|
|
4336
|
+
...(0, $64fa3d84918910a7$export$ef03459518577ad4)(props),
|
|
4081
4337
|
label: label
|
|
4082
4338
|
}, state, inputRef);
|
|
4083
4339
|
let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
@@ -4093,6 +4349,10 @@ function $b91743d66a0ed188$var$NumberField(props, ref) {
|
|
|
4093
4349
|
delete DOMProps.id;
|
|
4094
4350
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
|
|
4095
4351
|
values: [
|
|
4352
|
+
[
|
|
4353
|
+
$b91743d66a0ed188$export$6cc906c6cff9bec5,
|
|
4354
|
+
state
|
|
4355
|
+
],
|
|
4096
4356
|
[
|
|
4097
4357
|
(0, $a049562f99e7db0e$export$f9c6924e160136d1),
|
|
4098
4358
|
groupProps
|
|
@@ -4134,7 +4394,7 @@ function $b91743d66a0ed188$var$NumberField(props, ref) {
|
|
|
4134
4394
|
...DOMProps,
|
|
4135
4395
|
...renderProps,
|
|
4136
4396
|
ref: ref,
|
|
4137
|
-
slot: props.slot,
|
|
4397
|
+
slot: props.slot || undefined,
|
|
4138
4398
|
"data-disabled": props.isDisabled || undefined,
|
|
4139
4399
|
"data-invalid": props.isInvalid || undefined
|
|
4140
4400
|
}), props.name && /*#__PURE__*/ (0, $dGqE5$react).createElement("input", {
|
|
@@ -4167,9 +4427,9 @@ function $b91743d66a0ed188$var$NumberField(props, ref) {
|
|
|
4167
4427
|
const $0393f8ab869a0f1a$export$e9f3bf65a26ce129 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
4168
4428
|
function $0393f8ab869a0f1a$var$ProgressBar(props, ref) {
|
|
4169
4429
|
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $0393f8ab869a0f1a$export$e9f3bf65a26ce129);
|
|
4170
|
-
let { value: value = 0
|
|
4430
|
+
let { value: value = 0, minValue: minValue = 0, maxValue: maxValue = 100, isIndeterminate: isIndeterminate = false } = props;
|
|
4171
4431
|
let [labelRef, label] = (0, $64fa3d84918910a7$export$9d4c57ee4c6ffdd8)();
|
|
4172
|
-
let { progressBarProps: progressBarProps
|
|
4432
|
+
let { progressBarProps: progressBarProps, labelProps: labelProps } = (0, $dGqE5$useProgressBar)({
|
|
4173
4433
|
...props,
|
|
4174
4434
|
label: label
|
|
4175
4435
|
});
|
|
@@ -4188,7 +4448,7 @@ function $0393f8ab869a0f1a$var$ProgressBar(props, ref) {
|
|
|
4188
4448
|
...progressBarProps,
|
|
4189
4449
|
...renderProps,
|
|
4190
4450
|
ref: ref,
|
|
4191
|
-
slot: props.slot
|
|
4451
|
+
slot: props.slot || undefined
|
|
4192
4452
|
}, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $01b77f81d0f07f68$export$75b6ee27786ba447).Provider, {
|
|
4193
4453
|
value: {
|
|
4194
4454
|
...labelProps,
|
|
@@ -4223,12 +4483,12 @@ function $0393f8ab869a0f1a$var$ProgressBar(props, ref) {
|
|
|
4223
4483
|
|
|
4224
4484
|
const $b6c3ddc6086f204d$export$a79eda4ff50e30b6 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
4225
4485
|
const $b6c3ddc6086f204d$export$b118023277d4a5c3 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
4226
|
-
|
|
4486
|
+
const $b6c3ddc6086f204d$export$29d84393af70866c = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
4227
4487
|
function $b6c3ddc6086f204d$var$RadioGroup(props, ref) {
|
|
4228
4488
|
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $b6c3ddc6086f204d$export$a79eda4ff50e30b6);
|
|
4229
4489
|
let state = (0, $dGqE5$useRadioGroupState)(props);
|
|
4230
4490
|
let [labelRef, label] = (0, $64fa3d84918910a7$export$9d4c57ee4c6ffdd8)();
|
|
4231
|
-
let { radioGroupProps: radioGroupProps
|
|
4491
|
+
let { radioGroupProps: radioGroupProps, labelProps: labelProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $dGqE5$useRadioGroup)({
|
|
4232
4492
|
...props,
|
|
4233
4493
|
label: label
|
|
4234
4494
|
}, state);
|
|
@@ -4248,7 +4508,7 @@ function $b6c3ddc6086f204d$var$RadioGroup(props, ref) {
|
|
|
4248
4508
|
...radioGroupProps,
|
|
4249
4509
|
...renderProps,
|
|
4250
4510
|
ref: ref,
|
|
4251
|
-
slot: props.slot,
|
|
4511
|
+
slot: props.slot || undefined,
|
|
4252
4512
|
"data-orientation": props.orientation || "vertical",
|
|
4253
4513
|
"data-invalid": state.isInvalid || undefined,
|
|
4254
4514
|
"data-disabled": state.isDisabled || undefined,
|
|
@@ -4257,7 +4517,7 @@ function $b6c3ddc6086f204d$var$RadioGroup(props, ref) {
|
|
|
4257
4517
|
}, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
|
|
4258
4518
|
values: [
|
|
4259
4519
|
[
|
|
4260
|
-
$b6c3ddc6086f204d$
|
|
4520
|
+
$b6c3ddc6086f204d$export$29d84393af70866c,
|
|
4261
4521
|
state
|
|
4262
4522
|
],
|
|
4263
4523
|
[
|
|
@@ -4282,19 +4542,19 @@ function $b6c3ddc6086f204d$var$RadioGroup(props, ref) {
|
|
|
4282
4542
|
}
|
|
4283
4543
|
function $b6c3ddc6086f204d$var$Radio(props, ref) {
|
|
4284
4544
|
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $b6c3ddc6086f204d$export$b118023277d4a5c3);
|
|
4285
|
-
let state = (0, $dGqE5$react).useContext($b6c3ddc6086f204d$
|
|
4545
|
+
let state = (0, $dGqE5$react).useContext($b6c3ddc6086f204d$export$29d84393af70866c);
|
|
4286
4546
|
let domRef = (0, $dGqE5$useObjectRef)(ref);
|
|
4287
|
-
let { inputProps: inputProps
|
|
4288
|
-
...props,
|
|
4547
|
+
let { inputProps: inputProps, isSelected: isSelected, isDisabled: isDisabled, isPressed: isPressedKeyboard } = (0, $dGqE5$useRadio)({
|
|
4548
|
+
...(0, $64fa3d84918910a7$export$ef03459518577ad4)(props),
|
|
4289
4549
|
// ReactNode type doesn't allow function children.
|
|
4290
4550
|
children: typeof props.children === "function" ? true : props.children
|
|
4291
4551
|
}, state, domRef);
|
|
4292
|
-
let { isFocused: isFocused
|
|
4552
|
+
let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $dGqE5$useFocusRing)();
|
|
4293
4553
|
let interactionDisabled = isDisabled || state.isReadOnly;
|
|
4294
4554
|
// Handle press state for full label. Keyboard press state is returned by useRadio
|
|
4295
4555
|
// since it is handled on the <input> element itself.
|
|
4296
4556
|
let [isPressed, setPressed] = (0, $dGqE5$useState)(false);
|
|
4297
|
-
let { pressProps: pressProps
|
|
4557
|
+
let { pressProps: pressProps } = (0, $dGqE5$usePress)({
|
|
4298
4558
|
isDisabled: interactionDisabled,
|
|
4299
4559
|
onPressStart (e) {
|
|
4300
4560
|
if (e.pointerType !== "keyboard") setPressed(true);
|
|
@@ -4303,7 +4563,7 @@ function $b6c3ddc6086f204d$var$Radio(props, ref) {
|
|
|
4303
4563
|
if (e.pointerType !== "keyboard") setPressed(false);
|
|
4304
4564
|
}
|
|
4305
4565
|
});
|
|
4306
|
-
let { hoverProps: hoverProps
|
|
4566
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $dGqE5$useHover)({
|
|
4307
4567
|
isDisabled: interactionDisabled
|
|
4308
4568
|
});
|
|
4309
4569
|
let pressed = interactionDisabled ? false : isPressed || isPressedKeyboard;
|
|
@@ -4375,8 +4635,8 @@ function $440f4836bcb56932$var$SearchField(props, ref) {
|
|
|
4375
4635
|
let inputRef = (0, $dGqE5$useRef)(null);
|
|
4376
4636
|
let [labelRef, label] = (0, $64fa3d84918910a7$export$9d4c57ee4c6ffdd8)();
|
|
4377
4637
|
let state = (0, $dGqE5$useSearchFieldState)(props);
|
|
4378
|
-
let { labelProps: labelProps
|
|
4379
|
-
...props,
|
|
4638
|
+
let { labelProps: labelProps, inputProps: inputProps, clearButtonProps: clearButtonProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $dGqE5$useSearchField)({
|
|
4639
|
+
...(0, $64fa3d84918910a7$export$ef03459518577ad4)(props),
|
|
4380
4640
|
label: label
|
|
4381
4641
|
}, state, inputRef);
|
|
4382
4642
|
let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
@@ -4395,7 +4655,7 @@ function $440f4836bcb56932$var$SearchField(props, ref) {
|
|
|
4395
4655
|
...DOMProps,
|
|
4396
4656
|
...renderProps,
|
|
4397
4657
|
ref: ref,
|
|
4398
|
-
slot: props.slot,
|
|
4658
|
+
slot: props.slot || undefined,
|
|
4399
4659
|
"data-empty": state.value === "" || undefined,
|
|
4400
4660
|
"data-disabled": props.isDisabled || undefined,
|
|
4401
4661
|
"data-invalid": props.isInvalid || undefined
|
|
@@ -4457,17 +4717,19 @@ function $440f4836bcb56932$var$SearchField(props, ref) {
|
|
|
4457
4717
|
|
|
4458
4718
|
|
|
4459
4719
|
|
|
4720
|
+
|
|
4721
|
+
|
|
4460
4722
|
const $82d7e5349645de74$export$7540cee5be7dc19b = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
4461
|
-
const $82d7e5349645de74$
|
|
4723
|
+
const $82d7e5349645de74$export$ef445b55be0601bd = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
4462
4724
|
function $82d7e5349645de74$var$Select(props, ref) {
|
|
4463
4725
|
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $82d7e5349645de74$export$7540cee5be7dc19b);
|
|
4464
|
-
let { collection: collection
|
|
4726
|
+
let { collection: collection, document: document } = (0, $7135fc7d473fd974$export$7cd71aa5ddd6dc4e)();
|
|
4465
4727
|
let state = (0, $dGqE5$useSelectState)({
|
|
4466
4728
|
...props,
|
|
4467
4729
|
collection: collection,
|
|
4468
4730
|
children: undefined
|
|
4469
4731
|
});
|
|
4470
|
-
let { isFocusVisible: isFocusVisible
|
|
4732
|
+
let { isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $dGqE5$useFocusRing)({
|
|
4471
4733
|
within: true
|
|
4472
4734
|
});
|
|
4473
4735
|
// Only expose a subset of state to renderProps function to avoid infinite render loop
|
|
@@ -4489,8 +4751,8 @@ function $82d7e5349645de74$var$Select(props, ref) {
|
|
|
4489
4751
|
// Get props for child elements from useSelect
|
|
4490
4752
|
let buttonRef = (0, $dGqE5$useRef)(null);
|
|
4491
4753
|
let [labelRef, label] = (0, $64fa3d84918910a7$export$9d4c57ee4c6ffdd8)();
|
|
4492
|
-
let { labelProps: labelProps
|
|
4493
|
-
...props,
|
|
4754
|
+
let { labelProps: labelProps, triggerProps: triggerProps, valueProps: valueProps, menuProps: menuProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $dGqE5$useSelect)({
|
|
4755
|
+
...(0, $64fa3d84918910a7$export$ef03459518577ad4)(props),
|
|
4494
4756
|
label: label
|
|
4495
4757
|
}, state, buttonRef);
|
|
4496
4758
|
// Make menu width match input + button
|
|
@@ -4514,29 +4776,31 @@ function $82d7e5349645de74$var$Select(props, ref) {
|
|
|
4514
4776
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$8dc98ba7eadeaa56), null, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
|
|
4515
4777
|
values: [
|
|
4516
4778
|
[
|
|
4517
|
-
$82d7e5349645de74$
|
|
4518
|
-
|
|
4519
|
-
state: state,
|
|
4520
|
-
valueProps: valueProps,
|
|
4521
|
-
placeholder: props.placeholder
|
|
4522
|
-
}
|
|
4779
|
+
$82d7e5349645de74$export$7540cee5be7dc19b,
|
|
4780
|
+
props
|
|
4523
4781
|
],
|
|
4524
4782
|
[
|
|
4525
|
-
|
|
4526
|
-
|
|
4527
|
-
|
|
4528
|
-
|
|
4783
|
+
$82d7e5349645de74$export$ef445b55be0601bd,
|
|
4784
|
+
state
|
|
4785
|
+
],
|
|
4786
|
+
[
|
|
4787
|
+
(0, $7135fc7d473fd974$export$8c25dea96356a8b6),
|
|
4788
|
+
document
|
|
4529
4789
|
]
|
|
4530
4790
|
]
|
|
4531
4791
|
}, renderProps.children)), /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
|
|
4532
4792
|
values: [
|
|
4533
4793
|
[
|
|
4534
|
-
$82d7e5349645de74$
|
|
4535
|
-
|
|
4536
|
-
|
|
4537
|
-
|
|
4538
|
-
|
|
4539
|
-
|
|
4794
|
+
$82d7e5349645de74$export$7540cee5be7dc19b,
|
|
4795
|
+
props
|
|
4796
|
+
],
|
|
4797
|
+
[
|
|
4798
|
+
$82d7e5349645de74$export$ef445b55be0601bd,
|
|
4799
|
+
state
|
|
4800
|
+
],
|
|
4801
|
+
[
|
|
4802
|
+
$82d7e5349645de74$export$f8f745c04421623f,
|
|
4803
|
+
valueProps
|
|
4540
4804
|
],
|
|
4541
4805
|
[
|
|
4542
4806
|
(0, $01b77f81d0f07f68$export$75b6ee27786ba447),
|
|
@@ -4554,10 +4818,13 @@ function $82d7e5349645de74$var$Select(props, ref) {
|
|
|
4554
4818
|
isPressed: state.isOpen
|
|
4555
4819
|
}
|
|
4556
4820
|
],
|
|
4821
|
+
[
|
|
4822
|
+
(0, $de32f1b87079253c$export$d2f961adcb0afbe),
|
|
4823
|
+
state
|
|
4824
|
+
],
|
|
4557
4825
|
[
|
|
4558
4826
|
(0, $07b14b47974efb58$export$9b9a0cd73afb7ca4),
|
|
4559
4827
|
{
|
|
4560
|
-
state: state,
|
|
4561
4828
|
triggerRef: buttonRef,
|
|
4562
4829
|
placement: "bottom start",
|
|
4563
4830
|
style: {
|
|
@@ -4567,10 +4834,11 @@ function $82d7e5349645de74$var$Select(props, ref) {
|
|
|
4567
4834
|
],
|
|
4568
4835
|
[
|
|
4569
4836
|
(0, $eed445e0843c11d0$export$7ff8f37d2d81a48d),
|
|
4570
|
-
|
|
4571
|
-
|
|
4572
|
-
|
|
4573
|
-
|
|
4837
|
+
menuProps
|
|
4838
|
+
],
|
|
4839
|
+
[
|
|
4840
|
+
(0, $eed445e0843c11d0$export$7c5906fe4f1f2af2),
|
|
4841
|
+
state
|
|
4574
4842
|
],
|
|
4575
4843
|
[
|
|
4576
4844
|
(0, $514c0188e459b4c0$export$9afb8bc826b033ea),
|
|
@@ -4587,7 +4855,7 @@ function $82d7e5349645de74$var$Select(props, ref) {
|
|
|
4587
4855
|
...renderProps,
|
|
4588
4856
|
...focusProps,
|
|
4589
4857
|
ref: ref,
|
|
4590
|
-
slot: props.slot,
|
|
4858
|
+
slot: props.slot || undefined,
|
|
4591
4859
|
"data-focused": state.isFocused || undefined,
|
|
4592
4860
|
"data-focus-visible": isFocusVisible || undefined,
|
|
4593
4861
|
"data-open": state.isOpen || undefined,
|
|
@@ -4605,9 +4873,12 @@ function $82d7e5349645de74$var$Select(props, ref) {
|
|
|
4605
4873
|
/**
|
|
4606
4874
|
* A select displays a collapsible list of options and allows a user to select one of them.
|
|
4607
4875
|
*/ const $82d7e5349645de74$export$ef9b1a59e592288f = /*#__PURE__*/ (0, $dGqE5$forwardRef)($82d7e5349645de74$var$Select);
|
|
4876
|
+
const $82d7e5349645de74$export$f8f745c04421623f = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
4608
4877
|
function $82d7e5349645de74$var$SelectValue(props, ref) {
|
|
4609
4878
|
var _state_selectedItem, _state_selectedItem1;
|
|
4610
|
-
|
|
4879
|
+
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $82d7e5349645de74$export$f8f745c04421623f);
|
|
4880
|
+
let state = (0, $dGqE5$useContext)($82d7e5349645de74$export$ef445b55be0601bd);
|
|
4881
|
+
let { placeholder: placeholder } = (0, $64fa3d84918910a7$export$fabf2dc03a41866e)($82d7e5349645de74$export$7540cee5be7dc19b);
|
|
4611
4882
|
let selectedItem = state.selectedKey != null ? state.collection.getItem(state.selectedKey) : null;
|
|
4612
4883
|
let rendered = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.rendered;
|
|
4613
4884
|
if (typeof rendered === "function") {
|
|
@@ -4624,11 +4895,11 @@ function $82d7e5349645de74$var$SelectValue(props, ref) {
|
|
|
4624
4895
|
selectionBehavior: "toggle"
|
|
4625
4896
|
});
|
|
4626
4897
|
}
|
|
4898
|
+
let stringFormatter = (0, $dGqE5$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($df39c1238ae2b5f3$exports))));
|
|
4627
4899
|
var _state_selectedItem_value, _state_selectedItem_textValue;
|
|
4628
4900
|
let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
4629
4901
|
...props,
|
|
4630
|
-
|
|
4631
|
-
defaultChildren: rendered || placeholder || "Select an item",
|
|
4902
|
+
defaultChildren: rendered || placeholder || stringFormatter.format("selectPlaceholder"),
|
|
4632
4903
|
defaultClassName: "react-aria-SelectValue",
|
|
4633
4904
|
values: {
|
|
4634
4905
|
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,
|
|
@@ -4637,11 +4908,9 @@ function $82d7e5349645de74$var$SelectValue(props, ref) {
|
|
|
4637
4908
|
}
|
|
4638
4909
|
});
|
|
4639
4910
|
let DOMProps = (0, $dGqE5$filterDOMProps)(props);
|
|
4640
|
-
delete DOMProps.id;
|
|
4641
4911
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement("span", {
|
|
4642
4912
|
ref: ref,
|
|
4643
4913
|
...DOMProps,
|
|
4644
|
-
...valueProps,
|
|
4645
4914
|
...renderProps,
|
|
4646
4915
|
"data-placeholder": !selectedItem || undefined
|
|
4647
4916
|
}, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $514c0188e459b4c0$export$9afb8bc826b033ea).Provider, {
|
|
@@ -4672,7 +4941,9 @@ function $82d7e5349645de74$var$SelectValue(props, ref) {
|
|
|
4672
4941
|
|
|
4673
4942
|
|
|
4674
4943
|
const $6f909507e6374d18$export$e99164f0030f3bff = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
4675
|
-
const $6f909507e6374d18$
|
|
4944
|
+
const $6f909507e6374d18$export$1e7083018727fa60 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
4945
|
+
const $6f909507e6374d18$export$f1fce0420cc6d8ee = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
4946
|
+
const $6f909507e6374d18$export$6189c2744041d8f8 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
4676
4947
|
function $6f909507e6374d18$var$Slider(props, ref) {
|
|
4677
4948
|
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $6f909507e6374d18$export$e99164f0030f3bff);
|
|
4678
4949
|
let trackRef = (0, $dGqE5$useRef)(null);
|
|
@@ -4682,7 +4953,7 @@ function $6f909507e6374d18$var$Slider(props, ref) {
|
|
|
4682
4953
|
numberFormatter: numberFormatter
|
|
4683
4954
|
});
|
|
4684
4955
|
let [labelRef, label] = (0, $64fa3d84918910a7$export$9d4c57ee4c6ffdd8)();
|
|
4685
|
-
let { groupProps: groupProps
|
|
4956
|
+
let { groupProps: groupProps, trackProps: trackProps, labelProps: labelProps, outputProps: outputProps } = (0, $dGqE5$useSlider)({
|
|
4686
4957
|
...props,
|
|
4687
4958
|
label: label
|
|
4688
4959
|
}, state, trackRef);
|
|
@@ -4700,14 +4971,20 @@ function $6f909507e6374d18$var$Slider(props, ref) {
|
|
|
4700
4971
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
|
|
4701
4972
|
values: [
|
|
4702
4973
|
[
|
|
4703
|
-
$6f909507e6374d18$
|
|
4974
|
+
$6f909507e6374d18$export$1e7083018727fa60,
|
|
4975
|
+
state
|
|
4976
|
+
],
|
|
4977
|
+
[
|
|
4978
|
+
$6f909507e6374d18$export$f1fce0420cc6d8ee,
|
|
4704
4979
|
{
|
|
4705
|
-
|
|
4706
|
-
|
|
4707
|
-
trackRef: trackRef,
|
|
4708
|
-
outputProps: outputProps
|
|
4980
|
+
...trackProps,
|
|
4981
|
+
ref: trackRef
|
|
4709
4982
|
}
|
|
4710
4983
|
],
|
|
4984
|
+
[
|
|
4985
|
+
$6f909507e6374d18$export$6189c2744041d8f8,
|
|
4986
|
+
outputProps
|
|
4987
|
+
],
|
|
4711
4988
|
[
|
|
4712
4989
|
(0, $01b77f81d0f07f68$export$75b6ee27786ba447),
|
|
4713
4990
|
{
|
|
@@ -4721,7 +4998,7 @@ function $6f909507e6374d18$var$Slider(props, ref) {
|
|
|
4721
4998
|
...groupProps,
|
|
4722
4999
|
...renderProps,
|
|
4723
5000
|
ref: ref,
|
|
4724
|
-
slot: props.slot,
|
|
5001
|
+
slot: props.slot || undefined,
|
|
4725
5002
|
"data-orientation": state.orientation,
|
|
4726
5003
|
"data-disabled": state.isDisabled || undefined
|
|
4727
5004
|
}));
|
|
@@ -4729,8 +5006,10 @@ function $6f909507e6374d18$var$Slider(props, ref) {
|
|
|
4729
5006
|
/**
|
|
4730
5007
|
* A slider allows a user to select one or more values within a range.
|
|
4731
5008
|
*/ const $6f909507e6374d18$export$472062a354075cee = /*#__PURE__*/ (0, $dGqE5$forwardRef)($6f909507e6374d18$var$Slider);
|
|
4732
|
-
function $6f909507e6374d18$var$SliderOutput(
|
|
4733
|
-
|
|
5009
|
+
function $6f909507e6374d18$var$SliderOutput(props, ref) {
|
|
5010
|
+
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $6f909507e6374d18$export$6189c2744041d8f8);
|
|
5011
|
+
let { children: children, style: style, className: className, ...otherProps } = props;
|
|
5012
|
+
let state = (0, $dGqE5$useContext)($6f909507e6374d18$export$1e7083018727fa60);
|
|
4734
5013
|
let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
4735
5014
|
className: className,
|
|
4736
5015
|
style: style,
|
|
@@ -4744,7 +5023,7 @@ function $6f909507e6374d18$var$SliderOutput({ children: children , style: style
|
|
|
4744
5023
|
}
|
|
4745
5024
|
});
|
|
4746
5025
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement("output", {
|
|
4747
|
-
...
|
|
5026
|
+
...otherProps,
|
|
4748
5027
|
...renderProps,
|
|
4749
5028
|
ref: ref,
|
|
4750
5029
|
"data-orientation": state.orientation || undefined,
|
|
@@ -4755,9 +5034,9 @@ function $6f909507e6374d18$var$SliderOutput({ children: children , style: style
|
|
|
4755
5034
|
* A slider output displays the current value of a slider as text.
|
|
4756
5035
|
*/ const $6f909507e6374d18$export$a590f758a961cb5b = /*#__PURE__*/ (0, $dGqE5$forwardRef)($6f909507e6374d18$var$SliderOutput);
|
|
4757
5036
|
function $6f909507e6374d18$var$SliderTrack(props, ref) {
|
|
4758
|
-
|
|
4759
|
-
let
|
|
4760
|
-
let
|
|
5037
|
+
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $6f909507e6374d18$export$f1fce0420cc6d8ee);
|
|
5038
|
+
let state = (0, $dGqE5$useContext)($6f909507e6374d18$export$1e7083018727fa60);
|
|
5039
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $dGqE5$useHover)({});
|
|
4761
5040
|
let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
4762
5041
|
...props,
|
|
4763
5042
|
defaultClassName: "react-aria-SliderTrack",
|
|
@@ -4769,9 +5048,9 @@ function $6f909507e6374d18$var$SliderTrack(props, ref) {
|
|
|
4769
5048
|
}
|
|
4770
5049
|
});
|
|
4771
5050
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
|
|
4772
|
-
...(0, $dGqE5$mergeProps)(
|
|
5051
|
+
...(0, $dGqE5$mergeProps)(props, hoverProps),
|
|
4773
5052
|
...renderProps,
|
|
4774
|
-
ref:
|
|
5053
|
+
ref: ref,
|
|
4775
5054
|
"data-hovered": isHovered || undefined,
|
|
4776
5055
|
"data-orientation": state.orientation || undefined,
|
|
4777
5056
|
"data-disabled": state.isDisabled || undefined
|
|
@@ -4781,19 +5060,20 @@ function $6f909507e6374d18$var$SliderTrack(props, ref) {
|
|
|
4781
5060
|
* A slider track is a container for one or more slider thumbs.
|
|
4782
5061
|
*/ const $6f909507e6374d18$export$105594979f116971 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($6f909507e6374d18$var$SliderTrack);
|
|
4783
5062
|
function $6f909507e6374d18$var$SliderThumb(props, ref) {
|
|
4784
|
-
let
|
|
4785
|
-
let {
|
|
5063
|
+
let state = (0, $dGqE5$useContext)($6f909507e6374d18$export$1e7083018727fa60);
|
|
5064
|
+
let { ref: trackRef } = (0, $64fa3d84918910a7$export$fabf2dc03a41866e)($6f909507e6374d18$export$f1fce0420cc6d8ee);
|
|
5065
|
+
let { index: index = 0 } = props;
|
|
4786
5066
|
let inputRef = (0, $dGqE5$useRef)(null);
|
|
4787
5067
|
let [labelRef, label] = (0, $64fa3d84918910a7$export$9d4c57ee4c6ffdd8)();
|
|
4788
|
-
let { thumbProps: thumbProps
|
|
5068
|
+
let { thumbProps: thumbProps, inputProps: inputProps, labelProps: labelProps, isDragging: isDragging, isFocused: isFocused, isDisabled: isDisabled } = (0, $dGqE5$useSliderThumb)({
|
|
4789
5069
|
...props,
|
|
4790
5070
|
index: index,
|
|
4791
5071
|
trackRef: trackRef,
|
|
4792
5072
|
inputRef: inputRef,
|
|
4793
5073
|
label: label
|
|
4794
5074
|
}, state);
|
|
4795
|
-
let { focusProps: focusProps
|
|
4796
|
-
let { hoverProps: hoverProps
|
|
5075
|
+
let { focusProps: focusProps, isFocusVisible: isFocusVisible } = (0, $dGqE5$useFocusRing)();
|
|
5076
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $dGqE5$useHover)({});
|
|
4797
5077
|
let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
4798
5078
|
...props,
|
|
4799
5079
|
defaultClassName: "react-aria-SliderThumb",
|
|
@@ -4860,17 +5140,17 @@ const $8e59e948500a8fe1$export$8699e3b644d5a28a = /*#__PURE__*/ (0, $dGqE5$creat
|
|
|
4860
5140
|
function $8e59e948500a8fe1$var$Switch(props, ref) {
|
|
4861
5141
|
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $8e59e948500a8fe1$export$8699e3b644d5a28a);
|
|
4862
5142
|
let state = (0, $dGqE5$useToggleState)(props);
|
|
4863
|
-
let { inputProps: inputProps
|
|
4864
|
-
...props,
|
|
5143
|
+
let { inputProps: inputProps, isSelected: isSelected, isDisabled: isDisabled, isReadOnly: isReadOnly, isPressed: isPressedKeyboard } = (0, $dGqE5$useSwitch)({
|
|
5144
|
+
...(0, $64fa3d84918910a7$export$ef03459518577ad4)(props),
|
|
4865
5145
|
// ReactNode type doesn't allow function children.
|
|
4866
5146
|
children: typeof props.children === "function" ? true : props.children
|
|
4867
5147
|
}, state, ref);
|
|
4868
|
-
let { isFocused: isFocused
|
|
5148
|
+
let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $dGqE5$useFocusRing)();
|
|
4869
5149
|
let isInteractionDisabled = props.isDisabled || props.isReadOnly;
|
|
4870
5150
|
// Handle press state for full label. Keyboard press state is returned by useSwitch
|
|
4871
5151
|
// since it is handled on the <input> element itself.
|
|
4872
5152
|
let [isPressed, setPressed] = (0, $dGqE5$useState)(false);
|
|
4873
|
-
let { pressProps: pressProps
|
|
5153
|
+
let { pressProps: pressProps } = (0, $dGqE5$usePress)({
|
|
4874
5154
|
isDisabled: isInteractionDisabled,
|
|
4875
5155
|
onPressStart (e) {
|
|
4876
5156
|
if (e.pointerType !== "keyboard") setPressed(true);
|
|
@@ -4879,7 +5159,7 @@ function $8e59e948500a8fe1$var$Switch(props, ref) {
|
|
|
4879
5159
|
if (e.pointerType !== "keyboard") setPressed(false);
|
|
4880
5160
|
}
|
|
4881
5161
|
});
|
|
4882
|
-
let { hoverProps: hoverProps
|
|
5162
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $dGqE5$useHover)({
|
|
4883
5163
|
isDisabled: isInteractionDisabled
|
|
4884
5164
|
});
|
|
4885
5165
|
let pressed = isInteractionDisabled ? false : isPressed || isPressedKeyboard;
|
|
@@ -4901,7 +5181,7 @@ function $8e59e948500a8fe1$var$Switch(props, ref) {
|
|
|
4901
5181
|
delete DOMProps.id;
|
|
4902
5182
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement("label", {
|
|
4903
5183
|
...(0, $dGqE5$mergeProps)(DOMProps, pressProps, hoverProps, renderProps),
|
|
4904
|
-
slot: props.slot,
|
|
5184
|
+
slot: props.slot || undefined,
|
|
4905
5185
|
"data-selected": isSelected || undefined,
|
|
4906
5186
|
"data-pressed": pressed || undefined,
|
|
4907
5187
|
"data-hovered": isHovered || undefined,
|
|
@@ -4933,6 +5213,7 @@ function $8e59e948500a8fe1$var$Switch(props, ref) {
|
|
|
4933
5213
|
|
|
4934
5214
|
|
|
4935
5215
|
|
|
5216
|
+
|
|
4936
5217
|
class $1910c06f0ca9905e$var$TableCollection extends (0, $7135fc7d473fd974$export$408d25a4e12db025) {
|
|
4937
5218
|
addNode(node) {
|
|
4938
5219
|
super.addNode(node);
|
|
@@ -4941,10 +5222,10 @@ class $1910c06f0ca9905e$var$TableCollection extends (0, $7135fc7d473fd974$export
|
|
|
4941
5222
|
if (node.type === "tablebody") this.body = node;
|
|
4942
5223
|
}
|
|
4943
5224
|
commit(firstKey, lastKey, isSSR = false) {
|
|
4944
|
-
this.updateColumns();
|
|
5225
|
+
this.updateColumns(isSSR);
|
|
4945
5226
|
super.commit(firstKey, lastKey, isSSR);
|
|
4946
5227
|
}
|
|
4947
|
-
updateColumns() {
|
|
5228
|
+
updateColumns(isSSR) {
|
|
4948
5229
|
if (!this.columnsDirty) return;
|
|
4949
5230
|
this.rowHeaderColumnKeys = new Set();
|
|
4950
5231
|
this.columns = [];
|
|
@@ -4965,7 +5246,7 @@ class $1910c06f0ca9905e$var$TableCollection extends (0, $7135fc7d473fd974$export
|
|
|
4965
5246
|
for (let node of this.getChildren(this.head.key))visit(node);
|
|
4966
5247
|
this.headerRows = (0, $dGqE5$buildHeaderRows)(columnKeyMap, this.columns);
|
|
4967
5248
|
this.columnsDirty = false;
|
|
4968
|
-
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");
|
|
5249
|
+
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");
|
|
4969
5250
|
}
|
|
4970
5251
|
get columnCount() {
|
|
4971
5252
|
return this.columns.length;
|
|
@@ -5091,18 +5372,19 @@ function $1910c06f0ca9905e$var$ResizableTableContainer(props, ref) {
|
|
|
5091
5372
|
}
|
|
5092
5373
|
const $1910c06f0ca9905e$export$7063e69b8a954175 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($1910c06f0ca9905e$var$ResizableTableContainer);
|
|
5093
5374
|
const $1910c06f0ca9905e$export$93e4b0b2cc49b648 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
5094
|
-
const $1910c06f0ca9905e$
|
|
5375
|
+
const $1910c06f0ca9905e$export$38de1cb0526c21fb = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
5376
|
+
const $1910c06f0ca9905e$export$a2680a798823803c = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
5095
5377
|
function $1910c06f0ca9905e$var$Table(props, ref) {
|
|
5096
5378
|
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $1910c06f0ca9905e$export$93e4b0b2cc49b648);
|
|
5097
5379
|
let initialCollection = (0, $dGqE5$useMemo)(()=>new $1910c06f0ca9905e$var$TableCollection(), []);
|
|
5098
|
-
let { portal: portal
|
|
5380
|
+
let { portal: portal, collection: collection } = (0, $7135fc7d473fd974$export$6cd28814d92fa9c9)(props, initialCollection);
|
|
5099
5381
|
let state = (0, $dGqE5$useTableState)({
|
|
5100
5382
|
...props,
|
|
5101
5383
|
collection: collection,
|
|
5102
5384
|
children: undefined
|
|
5103
5385
|
});
|
|
5104
|
-
let { gridProps: gridProps
|
|
5105
|
-
let { dragAndDropHooks: dragAndDropHooks
|
|
5386
|
+
let { gridProps: gridProps } = (0, $dGqE5$useTable)(props, state, ref);
|
|
5387
|
+
let { dragAndDropHooks: dragAndDropHooks } = props;
|
|
5106
5388
|
let selectionManager = state.selectionManager;
|
|
5107
5389
|
let isListDraggable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDraggableCollectionState);
|
|
5108
5390
|
let isListDroppable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDroppableCollectionState);
|
|
@@ -5148,7 +5430,7 @@ function $1910c06f0ca9905e$var$Table(props, ref) {
|
|
|
5148
5430
|
type: "root"
|
|
5149
5431
|
});
|
|
5150
5432
|
}
|
|
5151
|
-
let { focusProps: focusProps
|
|
5433
|
+
let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $dGqE5$useFocusRing)();
|
|
5152
5434
|
let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
5153
5435
|
className: props.className,
|
|
5154
5436
|
style: props.style,
|
|
@@ -5160,7 +5442,7 @@ function $1910c06f0ca9905e$var$Table(props, ref) {
|
|
|
5160
5442
|
state: state
|
|
5161
5443
|
}
|
|
5162
5444
|
});
|
|
5163
|
-
let { selectionBehavior: selectionBehavior
|
|
5445
|
+
let { selectionBehavior: selectionBehavior, selectionMode: selectionMode, disallowEmptySelection: disallowEmptySelection } = state.selectionManager;
|
|
5164
5446
|
let ctx = (0, $dGqE5$useMemo)(()=>({
|
|
5165
5447
|
selectionBehavior: selectionMode === "none" ? null : selectionBehavior,
|
|
5166
5448
|
selectionMode: selectionMode,
|
|
@@ -5174,7 +5456,7 @@ function $1910c06f0ca9905e$var$Table(props, ref) {
|
|
|
5174
5456
|
]);
|
|
5175
5457
|
let style = renderProps.style;
|
|
5176
5458
|
let tableContainerContext = (0, $dGqE5$useContext)($1910c06f0ca9905e$var$ResizableTableContainerContext);
|
|
5177
|
-
let layoutState =
|
|
5459
|
+
let layoutState = null;
|
|
5178
5460
|
if (tableContainerContext) {
|
|
5179
5461
|
layoutState = tableContainerContext.useTableColumnResizeState({
|
|
5180
5462
|
tableWidth: tableContainerContext.tableWidth
|
|
@@ -5190,13 +5472,19 @@ function $1910c06f0ca9905e$var$Table(props, ref) {
|
|
|
5190
5472
|
}, portal), /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
|
|
5191
5473
|
values: [
|
|
5192
5474
|
[
|
|
5193
|
-
$1910c06f0ca9905e$
|
|
5475
|
+
$1910c06f0ca9905e$export$38de1cb0526c21fb,
|
|
5476
|
+
state
|
|
5477
|
+
],
|
|
5478
|
+
[
|
|
5479
|
+
$1910c06f0ca9905e$export$a2680a798823803c,
|
|
5480
|
+
layoutState
|
|
5481
|
+
],
|
|
5482
|
+
[
|
|
5483
|
+
(0, $d8f176866e6dc039$export$d188a835a7bc5783),
|
|
5194
5484
|
{
|
|
5195
|
-
state: state,
|
|
5196
5485
|
dragAndDropHooks: dragAndDropHooks,
|
|
5197
5486
|
dragState: dragState,
|
|
5198
|
-
dropState: dropState
|
|
5199
|
-
layoutState: layoutState
|
|
5487
|
+
dropState: dropState
|
|
5200
5488
|
}
|
|
5201
5489
|
],
|
|
5202
5490
|
[
|
|
@@ -5212,7 +5500,7 @@ function $1910c06f0ca9905e$var$Table(props, ref) {
|
|
|
5212
5500
|
...(0, $dGqE5$mergeProps)(gridProps, focusProps, droppableCollection === null || droppableCollection === void 0 ? void 0 : droppableCollection.collectionProps),
|
|
5213
5501
|
style: style,
|
|
5214
5502
|
ref: ref,
|
|
5215
|
-
slot: props.slot,
|
|
5503
|
+
slot: props.slot || undefined,
|
|
5216
5504
|
"data-allows-dragging": isListDraggable || undefined,
|
|
5217
5505
|
"data-drop-target": isRootDropTarget || undefined,
|
|
5218
5506
|
"data-focused": isFocused || undefined,
|
|
@@ -5291,7 +5579,7 @@ function $1910c06f0ca9905e$var$Cell(props, ref) {
|
|
|
5291
5579
|
/**
|
|
5292
5580
|
* A cell within a table row.
|
|
5293
5581
|
*/ const $1910c06f0ca9905e$export$f6f0c3fe4ec306ea = /*#__PURE__*/ (0, $dGqE5$forwardRef)($1910c06f0ca9905e$var$Cell);
|
|
5294
|
-
function $1910c06f0ca9905e$var$TableHeaderRowGroup({ collection: collection
|
|
5582
|
+
function $1910c06f0ca9905e$var$TableHeaderRowGroup({ collection: collection }) {
|
|
5295
5583
|
let headerRows = (0, $7135fc7d473fd974$export$727c8fc270210f13)({
|
|
5296
5584
|
items: collection.headerRows,
|
|
5297
5585
|
children: (0, $dGqE5$useCallback)((item)=>{
|
|
@@ -5305,7 +5593,7 @@ function $1910c06f0ca9905e$var$TableHeaderRowGroup({ collection: collection })
|
|
|
5305
5593
|
}
|
|
5306
5594
|
}, [])
|
|
5307
5595
|
});
|
|
5308
|
-
let { rowGroupProps: rowGroupProps
|
|
5596
|
+
let { rowGroupProps: rowGroupProps } = (0, $dGqE5$useTableRowGroup)();
|
|
5309
5597
|
var _collection_head_props_className;
|
|
5310
5598
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement("thead", {
|
|
5311
5599
|
...(0, $dGqE5$filterDOMProps)(collection.head.props),
|
|
@@ -5315,7 +5603,7 @@ function $1910c06f0ca9905e$var$TableHeaderRowGroup({ collection: collection })
|
|
|
5315
5603
|
style: collection.head.props.style
|
|
5316
5604
|
}, headerRows);
|
|
5317
5605
|
}
|
|
5318
|
-
function $1910c06f0ca9905e$var$TableBodyRowGroup({ collection: collection
|
|
5606
|
+
function $1910c06f0ca9905e$var$TableBodyRowGroup({ collection: collection, isDroppable: isDroppable }) {
|
|
5319
5607
|
let bodyRows = (0, $7135fc7d473fd974$export$727c8fc270210f13)({
|
|
5320
5608
|
items: collection.rows,
|
|
5321
5609
|
children: (0, $dGqE5$useCallback)((item)=>{
|
|
@@ -5346,7 +5634,7 @@ function $1910c06f0ca9905e$var$TableBodyRowGroup({ collection: collection , isDr
|
|
|
5346
5634
|
role: "gridcell",
|
|
5347
5635
|
colSpan: collection.columnCount
|
|
5348
5636
|
}, props.renderEmptyState()));
|
|
5349
|
-
let { rowGroupProps: rowGroupProps
|
|
5637
|
+
let { rowGroupProps: rowGroupProps } = (0, $dGqE5$useTableRowGroup)();
|
|
5350
5638
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement("tbody", {
|
|
5351
5639
|
...(0, $dGqE5$mergeProps)((0, $dGqE5$filterDOMProps)(props), rowGroupProps),
|
|
5352
5640
|
...renderProps,
|
|
@@ -5354,13 +5642,13 @@ function $1910c06f0ca9905e$var$TableBodyRowGroup({ collection: collection , isDr
|
|
|
5354
5642
|
"data-empty": collection.size === 0 || undefined
|
|
5355
5643
|
}, isDroppable && /*#__PURE__*/ (0, $dGqE5$react).createElement($1910c06f0ca9905e$var$RootDropIndicator, null), bodyRows, emptyState);
|
|
5356
5644
|
}
|
|
5357
|
-
function $1910c06f0ca9905e$var$TableHeaderRow({ item: item
|
|
5645
|
+
function $1910c06f0ca9905e$var$TableHeaderRow({ item: item }) {
|
|
5358
5646
|
let ref = (0, $dGqE5$useRef)(null);
|
|
5359
|
-
let
|
|
5360
|
-
let { rowProps: rowProps
|
|
5647
|
+
let state = (0, $dGqE5$useContext)($1910c06f0ca9905e$export$38de1cb0526c21fb);
|
|
5648
|
+
let { rowProps: rowProps } = (0, $dGqE5$useTableHeaderRow)({
|
|
5361
5649
|
node: item
|
|
5362
5650
|
}, state, ref);
|
|
5363
|
-
let { checkboxProps: checkboxProps
|
|
5651
|
+
let { checkboxProps: checkboxProps } = (0, $dGqE5$useTableSelectAllCheckbox)(state);
|
|
5364
5652
|
let cells = (0, $7135fc7d473fd974$export$727c8fc270210f13)({
|
|
5365
5653
|
items: state.collection.getChildren(item.key),
|
|
5366
5654
|
children: (item)=>{
|
|
@@ -5391,16 +5679,16 @@ function $1910c06f0ca9905e$var$TableHeaderRow({ item: item }) {
|
|
|
5391
5679
|
}, cells));
|
|
5392
5680
|
}
|
|
5393
5681
|
const $1910c06f0ca9905e$var$ColumnResizerContext = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
5394
|
-
function $1910c06f0ca9905e$var$TableColumnHeader({ column: column
|
|
5682
|
+
function $1910c06f0ca9905e$var$TableColumnHeader({ column: column }) {
|
|
5395
5683
|
var _state_sortDescriptor, _state_sortDescriptor1;
|
|
5396
5684
|
let ref = (0, $dGqE5$useObjectRef)(column.props.ref);
|
|
5397
|
-
let
|
|
5398
|
-
let { columnHeaderProps: columnHeaderProps
|
|
5685
|
+
let state = (0, $dGqE5$useContext)($1910c06f0ca9905e$export$38de1cb0526c21fb);
|
|
5686
|
+
let { columnHeaderProps: columnHeaderProps } = (0, $dGqE5$useTableColumnHeader)({
|
|
5399
5687
|
node: column
|
|
5400
5688
|
}, state, ref);
|
|
5401
|
-
let { isFocused: isFocused
|
|
5402
|
-
let { hoverProps: hoverProps
|
|
5403
|
-
let
|
|
5689
|
+
let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $dGqE5$useFocusRing)();
|
|
5690
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $dGqE5$useHover)({});
|
|
5691
|
+
let layoutState = (0, $dGqE5$useContext)($1910c06f0ca9905e$export$a2680a798823803c);
|
|
5404
5692
|
let isResizing = false;
|
|
5405
5693
|
if (layoutState) isResizing = layoutState.resizingColumn === column.key;
|
|
5406
5694
|
else {
|
|
@@ -5459,25 +5747,25 @@ function $1910c06f0ca9905e$var$TableColumnHeader({ column: column }) {
|
|
|
5459
5747
|
}, renderProps.children));
|
|
5460
5748
|
}
|
|
5461
5749
|
function $1910c06f0ca9905e$var$ColumnResizer(props, ref) {
|
|
5462
|
-
let
|
|
5750
|
+
let layoutState = (0, $dGqE5$useContext)($1910c06f0ca9905e$export$a2680a798823803c);
|
|
5463
5751
|
if (!layoutState) throw new Error("Wrap your <Table> in a <ResizableTableContainer> to enable column resizing");
|
|
5464
|
-
let
|
|
5465
|
-
let {
|
|
5752
|
+
let stringFormatter = (0, $dGqE5$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($df39c1238ae2b5f3$exports))));
|
|
5753
|
+
let { onResizeStart: onResizeStart, onResize: onResize, onResizeEnd: onResizeEnd } = (0, $dGqE5$useContext)($1910c06f0ca9905e$var$ResizableTableContainerContext);
|
|
5754
|
+
let { column: column, triggerRef: triggerRef } = (0, $dGqE5$useContext)($1910c06f0ca9905e$var$ColumnResizerContext);
|
|
5466
5755
|
let inputRef = (0, $dGqE5$useRef)(null);
|
|
5467
|
-
let { resizerProps: resizerProps
|
|
5756
|
+
let { resizerProps: resizerProps, inputProps: inputProps, isResizing: isResizing } = (0, $dGqE5$useTableColumnResize)({
|
|
5468
5757
|
column: column,
|
|
5469
|
-
|
|
5470
|
-
"aria-label": props["aria-label"] || "Resizer",
|
|
5758
|
+
"aria-label": props["aria-label"] || stringFormatter.format("tableResizer"),
|
|
5471
5759
|
onResizeStart: onResizeStart,
|
|
5472
5760
|
onResize: onResize,
|
|
5473
5761
|
onResizeEnd: onResizeEnd,
|
|
5474
5762
|
triggerRef: triggerRef
|
|
5475
5763
|
}, layoutState, inputRef);
|
|
5476
|
-
let { focusProps: focusProps
|
|
5477
|
-
let { hoverProps: hoverProps
|
|
5764
|
+
let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $dGqE5$useFocusRing)();
|
|
5765
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $dGqE5$useHover)({});
|
|
5478
5766
|
let isEResizable = layoutState.getColumnMinWidth(column.key) >= layoutState.getColumnWidth(column.key);
|
|
5479
5767
|
let isWResizable = layoutState.getColumnMaxWidth(column.key) <= layoutState.getColumnWidth(column.key);
|
|
5480
|
-
let { direction: direction
|
|
5768
|
+
let { direction: direction } = (0, $dGqE5$useLocale)();
|
|
5481
5769
|
let resizableDirection = "both";
|
|
5482
5770
|
if (isEResizable) resizableDirection = direction === "rtl" ? "right" : "left";
|
|
5483
5771
|
else if (isWResizable) resizableDirection = direction === "rtl" ? "left" : "right";
|
|
@@ -5534,18 +5822,19 @@ function $1910c06f0ca9905e$var$ColumnResizer(props, ref) {
|
|
|
5534
5822
|
}), document.body));
|
|
5535
5823
|
}
|
|
5536
5824
|
const $1910c06f0ca9905e$export$ee689e97a7664bfd = /*#__PURE__*/ (0, $dGqE5$forwardRef)($1910c06f0ca9905e$var$ColumnResizer);
|
|
5537
|
-
function $1910c06f0ca9905e$var$TableRow({ item: item
|
|
5825
|
+
function $1910c06f0ca9905e$var$TableRow({ item: item }) {
|
|
5538
5826
|
let ref = (0, $dGqE5$useObjectRef)(item.props.ref);
|
|
5539
|
-
let
|
|
5540
|
-
let {
|
|
5827
|
+
let state = (0, $dGqE5$useContext)($1910c06f0ca9905e$export$38de1cb0526c21fb);
|
|
5828
|
+
let { dragAndDropHooks: dragAndDropHooks, dragState: dragState, dropState: dropState } = (0, $dGqE5$useContext)((0, $d8f176866e6dc039$export$d188a835a7bc5783));
|
|
5829
|
+
let { rowProps: rowProps, ...states } = (0, $dGqE5$useTableRow)({
|
|
5541
5830
|
node: item,
|
|
5542
5831
|
shouldSelectOnPressUp: !!dragState
|
|
5543
5832
|
}, state, ref);
|
|
5544
|
-
let { isFocused: isFocused
|
|
5545
|
-
let { hoverProps: hoverProps
|
|
5833
|
+
let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $dGqE5$useFocusRing)();
|
|
5834
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $dGqE5$useHover)({
|
|
5546
5835
|
isDisabled: !states.allowsSelection && !states.hasAction
|
|
5547
5836
|
});
|
|
5548
|
-
let { checkboxProps: checkboxProps
|
|
5837
|
+
let { checkboxProps: checkboxProps } = (0, $dGqE5$useTableSelectionCheckbox)({
|
|
5549
5838
|
key: item.key
|
|
5550
5839
|
}, state);
|
|
5551
5840
|
let draggableItem = undefined;
|
|
@@ -5555,7 +5844,7 @@ function $1910c06f0ca9905e$var$TableRow({ item: item }) {
|
|
|
5555
5844
|
}, dragState);
|
|
5556
5845
|
let dropIndicator = undefined;
|
|
5557
5846
|
let dropIndicatorRef = (0, $dGqE5$useRef)(null);
|
|
5558
|
-
let { visuallyHiddenProps: visuallyHiddenProps
|
|
5847
|
+
let { visuallyHiddenProps: visuallyHiddenProps } = (0, $dGqE5$useVisuallyHidden)();
|
|
5559
5848
|
if (dropState && dragAndDropHooks) dropIndicator = dragAndDropHooks.useDropIndicator({
|
|
5560
5849
|
target: {
|
|
5561
5850
|
type: "item",
|
|
@@ -5666,17 +5955,18 @@ function $1910c06f0ca9905e$var$TableRow({ item: item }) {
|
|
|
5666
5955
|
dropPosition: "after"
|
|
5667
5956
|
}));
|
|
5668
5957
|
}
|
|
5669
|
-
function $1910c06f0ca9905e$var$TableCell({ cell: cell
|
|
5958
|
+
function $1910c06f0ca9905e$var$TableCell({ cell: cell }) {
|
|
5670
5959
|
let ref = (0, $dGqE5$useObjectRef)(cell.props.ref);
|
|
5671
|
-
let
|
|
5960
|
+
let state = (0, $dGqE5$useContext)($1910c06f0ca9905e$export$38de1cb0526c21fb);
|
|
5961
|
+
let { dragState: dragState } = (0, $dGqE5$useContext)((0, $d8f176866e6dc039$export$d188a835a7bc5783));
|
|
5672
5962
|
// @ts-ignore
|
|
5673
5963
|
cell.column = state.collection.columns[cell.index];
|
|
5674
|
-
let { gridCellProps: gridCellProps
|
|
5964
|
+
let { gridCellProps: gridCellProps, isPressed: isPressed } = (0, $dGqE5$useTableCell)({
|
|
5675
5965
|
node: cell,
|
|
5676
5966
|
shouldSelectOnPressUp: !!dragState
|
|
5677
5967
|
}, state, ref);
|
|
5678
|
-
let { isFocused: isFocused
|
|
5679
|
-
let { hoverProps: hoverProps
|
|
5968
|
+
let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $dGqE5$useFocusRing)();
|
|
5969
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $dGqE5$useHover)({});
|
|
5680
5970
|
let props = cell.props;
|
|
5681
5971
|
let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
5682
5972
|
...props,
|
|
@@ -5700,9 +5990,9 @@ function $1910c06f0ca9905e$var$TableCell({ cell: cell }) {
|
|
|
5700
5990
|
}
|
|
5701
5991
|
function $1910c06f0ca9905e$var$TableDropIndicatorWrapper(props, ref) {
|
|
5702
5992
|
ref = (0, $dGqE5$useObjectRef)(ref);
|
|
5703
|
-
let { dragAndDropHooks: dragAndDropHooks
|
|
5993
|
+
let { dragAndDropHooks: dragAndDropHooks, dropState: dropState } = (0, $dGqE5$useContext)((0, $d8f176866e6dc039$export$d188a835a7bc5783));
|
|
5704
5994
|
let buttonRef = (0, $dGqE5$useRef)(null);
|
|
5705
|
-
let { dropIndicatorProps: dropIndicatorProps
|
|
5995
|
+
let { dropIndicatorProps: dropIndicatorProps, isHidden: isHidden, isDropTarget: isDropTarget } = dragAndDropHooks.useDropIndicator(props, dropState, buttonRef);
|
|
5706
5996
|
if (isHidden) return null;
|
|
5707
5997
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement($1910c06f0ca9905e$var$TableDropIndicatorForwardRef, {
|
|
5708
5998
|
...props,
|
|
@@ -5713,9 +6003,9 @@ function $1910c06f0ca9905e$var$TableDropIndicatorWrapper(props, ref) {
|
|
|
5713
6003
|
});
|
|
5714
6004
|
}
|
|
5715
6005
|
function $1910c06f0ca9905e$var$TableDropIndicator(props, ref) {
|
|
5716
|
-
let { dropIndicatorProps: dropIndicatorProps
|
|
5717
|
-
let
|
|
5718
|
-
let { visuallyHiddenProps: visuallyHiddenProps
|
|
6006
|
+
let { dropIndicatorProps: dropIndicatorProps, isDropTarget: isDropTarget, buttonRef: buttonRef, ...otherProps } = props;
|
|
6007
|
+
let state = (0, $dGqE5$useContext)($1910c06f0ca9905e$export$38de1cb0526c21fb);
|
|
6008
|
+
let { visuallyHiddenProps: visuallyHiddenProps } = (0, $dGqE5$useVisuallyHidden)();
|
|
5719
6009
|
let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
5720
6010
|
...otherProps,
|
|
5721
6011
|
defaultClassName: "react-aria-DropIndicator",
|
|
@@ -5744,9 +6034,10 @@ function $1910c06f0ca9905e$var$TableDropIndicator(props, ref) {
|
|
|
5744
6034
|
}
|
|
5745
6035
|
const $1910c06f0ca9905e$var$TableDropIndicatorForwardRef = /*#__PURE__*/ (0, $dGqE5$forwardRef)($1910c06f0ca9905e$var$TableDropIndicator);
|
|
5746
6036
|
function $1910c06f0ca9905e$var$RootDropIndicator() {
|
|
5747
|
-
let
|
|
6037
|
+
let state = (0, $dGqE5$useContext)($1910c06f0ca9905e$export$38de1cb0526c21fb);
|
|
6038
|
+
let { dragAndDropHooks: dragAndDropHooks, dropState: dropState } = (0, $dGqE5$useContext)((0, $d8f176866e6dc039$export$d188a835a7bc5783));
|
|
5748
6039
|
let ref = (0, $dGqE5$useRef)(null);
|
|
5749
|
-
let { dropIndicatorProps: dropIndicatorProps
|
|
6040
|
+
let { dropIndicatorProps: dropIndicatorProps } = dragAndDropHooks.useDropIndicator({
|
|
5750
6041
|
target: {
|
|
5751
6042
|
type: "root"
|
|
5752
6043
|
}
|
|
@@ -5754,7 +6045,7 @@ function $1910c06f0ca9905e$var$RootDropIndicator() {
|
|
|
5754
6045
|
let isDropTarget = dropState.isDropTarget({
|
|
5755
6046
|
type: "root"
|
|
5756
6047
|
});
|
|
5757
|
-
let { visuallyHiddenProps: visuallyHiddenProps
|
|
6048
|
+
let { visuallyHiddenProps: visuallyHiddenProps } = (0, $dGqE5$useVisuallyHidden)();
|
|
5758
6049
|
if (!isDropTarget && dropIndicatorProps["aria-hidden"]) return null;
|
|
5759
6050
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement("tr", {
|
|
5760
6051
|
role: "row",
|
|
@@ -5794,19 +6085,18 @@ function $1910c06f0ca9905e$var$RootDropIndicator() {
|
|
|
5794
6085
|
|
|
5795
6086
|
|
|
5796
6087
|
const $5e8ad37a45e1c704$export$cfa7aa87c26e7d1f = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
5797
|
-
const $5e8ad37a45e1c704$
|
|
5798
|
-
const $5e8ad37a45e1c704$var$DocumentContext = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
6088
|
+
const $5e8ad37a45e1c704$export$364712098d2aa57c = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
5799
6089
|
function $5e8ad37a45e1c704$var$Tabs(props, ref) {
|
|
5800
6090
|
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $5e8ad37a45e1c704$export$cfa7aa87c26e7d1f);
|
|
5801
|
-
let { collection: collection
|
|
5802
|
-
let { children: children
|
|
6091
|
+
let { collection: collection, document: document } = (0, $7135fc7d473fd974$export$7cd71aa5ddd6dc4e)();
|
|
6092
|
+
let { children: children, orientation: orientation = "horizontal" } = props;
|
|
5803
6093
|
children = (0, $dGqE5$useMemo)(()=>typeof children === "function" ? children({
|
|
5804
6094
|
orientation: orientation
|
|
5805
6095
|
}) : children, [
|
|
5806
6096
|
children,
|
|
5807
6097
|
orientation
|
|
5808
6098
|
]);
|
|
5809
|
-
return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$8dc98ba7eadeaa56), null, /*#__PURE__*/ (0, $dGqE5$react).createElement($
|
|
6099
|
+
return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$8dc98ba7eadeaa56), null, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $7135fc7d473fd974$export$8c25dea96356a8b6).Provider, {
|
|
5810
6100
|
value: document
|
|
5811
6101
|
}, children)), /*#__PURE__*/ (0, $dGqE5$react).createElement($5e8ad37a45e1c704$var$TabsInner, {
|
|
5812
6102
|
props: props,
|
|
@@ -5814,14 +6104,14 @@ function $5e8ad37a45e1c704$var$Tabs(props, ref) {
|
|
|
5814
6104
|
tabsRef: ref
|
|
5815
6105
|
}));
|
|
5816
6106
|
}
|
|
5817
|
-
function $5e8ad37a45e1c704$var$TabsInner({ props: props
|
|
5818
|
-
let { orientation: orientation = "horizontal"
|
|
6107
|
+
function $5e8ad37a45e1c704$var$TabsInner({ props: props, tabsRef: ref, collection: collection }) {
|
|
6108
|
+
let { orientation: orientation = "horizontal" } = props;
|
|
5819
6109
|
let state = (0, $dGqE5$useTabListState)({
|
|
5820
6110
|
...props,
|
|
5821
6111
|
collection: collection,
|
|
5822
6112
|
children: undefined
|
|
5823
6113
|
});
|
|
5824
|
-
let { focusProps: focusProps
|
|
6114
|
+
let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $dGqE5$useFocusRing)({
|
|
5825
6115
|
within: true
|
|
5826
6116
|
});
|
|
5827
6117
|
let values = (0, $dGqE5$useMemo)(()=>({
|
|
@@ -5843,39 +6133,39 @@ function $5e8ad37a45e1c704$var$TabsInner({ props: props , tabsRef: ref , collect
|
|
|
5843
6133
|
...focusProps,
|
|
5844
6134
|
...renderProps,
|
|
5845
6135
|
ref: ref,
|
|
5846
|
-
slot: props.slot,
|
|
6136
|
+
slot: props.slot || undefined,
|
|
5847
6137
|
"data-focused": isFocused || undefined,
|
|
5848
6138
|
"data-orientation": orientation,
|
|
5849
6139
|
"data-focus-visible": isFocusVisible || undefined,
|
|
5850
6140
|
"data-disabled": state.isDisabled || undefined
|
|
5851
|
-
}, /*#__PURE__*/ (0, $dGqE5$react).createElement($
|
|
5852
|
-
|
|
5853
|
-
|
|
5854
|
-
|
|
5855
|
-
|
|
5856
|
-
|
|
6141
|
+
}, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
|
|
6142
|
+
values: [
|
|
6143
|
+
[
|
|
6144
|
+
$5e8ad37a45e1c704$export$cfa7aa87c26e7d1f,
|
|
6145
|
+
props
|
|
6146
|
+
],
|
|
6147
|
+
[
|
|
6148
|
+
$5e8ad37a45e1c704$export$364712098d2aa57c,
|
|
6149
|
+
state
|
|
6150
|
+
]
|
|
6151
|
+
]
|
|
5857
6152
|
}, renderProps.children));
|
|
5858
6153
|
}
|
|
5859
6154
|
/**
|
|
5860
6155
|
* Tabs organize content into multiple sections and allow users to navigate between them.
|
|
5861
6156
|
*/ const $5e8ad37a45e1c704$export$b2539bed5023c21c = /*#__PURE__*/ (0, $dGqE5$forwardRef)($5e8ad37a45e1c704$var$Tabs);
|
|
5862
6157
|
function $5e8ad37a45e1c704$var$TabList(props, ref) {
|
|
5863
|
-
let document = (0, $dGqE5$useContext)($
|
|
5864
|
-
return document ? /*#__PURE__*/ (0, $dGqE5$react).createElement($5e8ad37a45e1c704$var$
|
|
5865
|
-
props: props,
|
|
5866
|
-
document: document
|
|
5867
|
-
}) : /*#__PURE__*/ (0, $dGqE5$react).createElement($5e8ad37a45e1c704$var$TabListInner, {
|
|
6158
|
+
let document = (0, $dGqE5$useContext)((0, $7135fc7d473fd974$export$8c25dea96356a8b6));
|
|
6159
|
+
return document ? /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $7135fc7d473fd974$export$813b5978dd974d8), props) : /*#__PURE__*/ (0, $dGqE5$react).createElement($5e8ad37a45e1c704$var$TabListInner, {
|
|
5868
6160
|
props: props,
|
|
5869
6161
|
forwardedRef: ref
|
|
5870
6162
|
});
|
|
5871
6163
|
}
|
|
5872
|
-
function $5e8ad37a45e1c704$var$
|
|
5873
|
-
|
|
5874
|
-
}
|
|
5875
|
-
function $5e8ad37a45e1c704$var$TabListInner({ props: props , forwardedRef: ref }) {
|
|
5876
|
-
let { state: state , orientation: orientation , keyboardActivation: keyboardActivation } = (0, $dGqE5$useContext)($5e8ad37a45e1c704$var$InternalTabsContext);
|
|
6164
|
+
function $5e8ad37a45e1c704$var$TabListInner({ props: props, forwardedRef: ref }) {
|
|
6165
|
+
let state = (0, $dGqE5$useContext)($5e8ad37a45e1c704$export$364712098d2aa57c);
|
|
6166
|
+
let { orientation: orientation = "horizontal", keyboardActivation: keyboardActivation = "automatic" } = (0, $64fa3d84918910a7$export$fabf2dc03a41866e)($5e8ad37a45e1c704$export$cfa7aa87c26e7d1f);
|
|
5877
6167
|
let objectRef = (0, $dGqE5$useObjectRef)(ref);
|
|
5878
|
-
let { tabListProps: tabListProps
|
|
6168
|
+
let { tabListProps: tabListProps } = (0, $dGqE5$useTabList)({
|
|
5879
6169
|
...props,
|
|
5880
6170
|
orientation: orientation,
|
|
5881
6171
|
keyboardActivation: keyboardActivation
|
|
@@ -5915,14 +6205,14 @@ function $5e8ad37a45e1c704$var$Tab(props, ref) {
|
|
|
5915
6205
|
/**
|
|
5916
6206
|
* A Tab provides a title for an individual item within a TabList.
|
|
5917
6207
|
*/ const $5e8ad37a45e1c704$export$3e41faf802a29e71 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($5e8ad37a45e1c704$var$Tab);
|
|
5918
|
-
function $5e8ad37a45e1c704$var$TabInner({ item: item
|
|
5919
|
-
let { key: key
|
|
6208
|
+
function $5e8ad37a45e1c704$var$TabInner({ item: item, state: state }) {
|
|
6209
|
+
let { key: key } = item;
|
|
5920
6210
|
let ref = (0, $dGqE5$useObjectRef)(item.props.ref);
|
|
5921
|
-
let { tabProps: tabProps
|
|
6211
|
+
let { tabProps: tabProps, isSelected: isSelected, isDisabled: isDisabled, isPressed: isPressed } = (0, $dGqE5$useTab)({
|
|
5922
6212
|
key: key
|
|
5923
6213
|
}, state, ref);
|
|
5924
|
-
let { focusProps: focusProps
|
|
5925
|
-
let { hoverProps: hoverProps
|
|
6214
|
+
let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $dGqE5$useFocusRing)();
|
|
6215
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $dGqE5$useHover)({
|
|
5926
6216
|
isDisabled: isDisabled
|
|
5927
6217
|
});
|
|
5928
6218
|
let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
@@ -5939,10 +6229,9 @@ function $5e8ad37a45e1c704$var$TabInner({ item: item , state: state }) {
|
|
|
5939
6229
|
state: state
|
|
5940
6230
|
}
|
|
5941
6231
|
});
|
|
5942
|
-
let
|
|
5943
|
-
|
|
5944
|
-
|
|
5945
|
-
...(0, $dGqE5$mergeProps)(DOMProps, tabProps, focusProps, hoverProps, renderProps),
|
|
6232
|
+
let ElementType = item.props.href ? "a" : "div";
|
|
6233
|
+
return /*#__PURE__*/ (0, $dGqE5$react).createElement(ElementType, {
|
|
6234
|
+
...(0, $dGqE5$mergeProps)(tabProps, focusProps, hoverProps, renderProps),
|
|
5946
6235
|
ref: ref,
|
|
5947
6236
|
"data-selected": isSelected || undefined,
|
|
5948
6237
|
"data-disabled": isDisabled || undefined,
|
|
@@ -5952,10 +6241,10 @@ function $5e8ad37a45e1c704$var$TabInner({ item: item , state: state }) {
|
|
|
5952
6241
|
});
|
|
5953
6242
|
}
|
|
5954
6243
|
function $5e8ad37a45e1c704$var$TabPanel(props, forwardedRef) {
|
|
5955
|
-
const
|
|
6244
|
+
const state = (0, $dGqE5$useContext)($5e8ad37a45e1c704$export$364712098d2aa57c);
|
|
5956
6245
|
let ref = (0, $dGqE5$useObjectRef)(forwardedRef);
|
|
5957
|
-
let { tabPanelProps: tabPanelProps
|
|
5958
|
-
let { focusProps: focusProps
|
|
6246
|
+
let { tabPanelProps: tabPanelProps } = (0, $dGqE5$useTabPanel)(props, state, ref);
|
|
6247
|
+
let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $dGqE5$useFocusRing)();
|
|
5959
6248
|
let isSelected = state.selectedKey === props.id;
|
|
5960
6249
|
let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
5961
6250
|
...props,
|
|
@@ -6005,13 +6294,14 @@ function $5e8ad37a45e1c704$var$TabPanel(props, forwardedRef) {
|
|
|
6005
6294
|
|
|
6006
6295
|
|
|
6007
6296
|
|
|
6297
|
+
|
|
6008
6298
|
const $eaf9e70818b436db$export$5b07b5dd2cbd96e3 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
6009
|
-
const $eaf9e70818b436db$
|
|
6299
|
+
const $eaf9e70818b436db$export$e755ce3685dd0ca9 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
6010
6300
|
function $eaf9e70818b436db$var$TagGroup(props, ref) {
|
|
6011
6301
|
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $eaf9e70818b436db$export$5b07b5dd2cbd96e3);
|
|
6012
6302
|
let tagListRef = (0, $dGqE5$useRef)(null);
|
|
6013
6303
|
let [labelRef, label] = (0, $64fa3d84918910a7$export$9d4c57ee4c6ffdd8)();
|
|
6014
|
-
let { collection: collection
|
|
6304
|
+
let { collection: collection, document: document } = (0, $7135fc7d473fd974$export$7cd71aa5ddd6dc4e)();
|
|
6015
6305
|
let state = (0, $dGqE5$useListState)({
|
|
6016
6306
|
...props,
|
|
6017
6307
|
children: undefined,
|
|
@@ -6023,7 +6313,7 @@ function $eaf9e70818b436db$var$TagGroup(props, ref) {
|
|
|
6023
6313
|
k,
|
|
6024
6314
|
undefined
|
|
6025
6315
|
]));
|
|
6026
|
-
let { gridProps: gridProps
|
|
6316
|
+
let { gridProps: gridProps, labelProps: labelProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $dGqE5$useTagGroup)({
|
|
6027
6317
|
...props,
|
|
6028
6318
|
...domPropOverrides,
|
|
6029
6319
|
label: label
|
|
@@ -6032,7 +6322,7 @@ function $eaf9e70818b436db$var$TagGroup(props, ref) {
|
|
|
6032
6322
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
|
|
6033
6323
|
...domProps,
|
|
6034
6324
|
ref: ref,
|
|
6035
|
-
slot: props.slot,
|
|
6325
|
+
slot: props.slot || undefined,
|
|
6036
6326
|
className: (_props_className = props.className) !== null && _props_className !== void 0 ? _props_className : "react-aria-TagGroup",
|
|
6037
6327
|
style: props.style
|
|
6038
6328
|
}, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
|
|
@@ -6046,14 +6336,20 @@ function $eaf9e70818b436db$var$TagGroup(props, ref) {
|
|
|
6046
6336
|
}
|
|
6047
6337
|
],
|
|
6048
6338
|
[
|
|
6049
|
-
$eaf9e70818b436db$
|
|
6339
|
+
$eaf9e70818b436db$export$e755ce3685dd0ca9,
|
|
6050
6340
|
{
|
|
6051
|
-
|
|
6052
|
-
|
|
6053
|
-
gridProps: gridProps,
|
|
6054
|
-
tagListRef: tagListRef
|
|
6341
|
+
...gridProps,
|
|
6342
|
+
ref: tagListRef
|
|
6055
6343
|
}
|
|
6056
6344
|
],
|
|
6345
|
+
[
|
|
6346
|
+
(0, $eed445e0843c11d0$export$7c5906fe4f1f2af2),
|
|
6347
|
+
state
|
|
6348
|
+
],
|
|
6349
|
+
[
|
|
6350
|
+
(0, $7135fc7d473fd974$export$8c25dea96356a8b6),
|
|
6351
|
+
document
|
|
6352
|
+
],
|
|
6057
6353
|
[
|
|
6058
6354
|
(0, $514c0188e459b4c0$export$9afb8bc826b033ea),
|
|
6059
6355
|
{
|
|
@@ -6071,16 +6367,17 @@ function $eaf9e70818b436db$var$TagGroup(props, ref) {
|
|
|
6071
6367
|
*/ const $eaf9e70818b436db$export$67ea30858aaf75e3 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($eaf9e70818b436db$var$TagGroup);
|
|
6072
6368
|
function $eaf9e70818b436db$var$TagList(props, forwardedRef) {
|
|
6073
6369
|
// Render the portal first so that we have the collection by the time we render the DOM in SSR.
|
|
6074
|
-
let
|
|
6075
|
-
let portal = (0, $7135fc7d473fd974$export$ad42d5efb4461b31)(props, document);
|
|
6370
|
+
let portal = (0, $7135fc7d473fd974$export$ad42d5efb4461b31)(props);
|
|
6076
6371
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$react).Fragment, null, portal, /*#__PURE__*/ (0, $dGqE5$react).createElement($eaf9e70818b436db$var$TagListInner, {
|
|
6077
6372
|
props: props,
|
|
6078
6373
|
forwardedRef: forwardedRef
|
|
6079
6374
|
}));
|
|
6080
6375
|
}
|
|
6081
|
-
function $eaf9e70818b436db$var$TagListInner({ props: props
|
|
6082
|
-
let
|
|
6083
|
-
let ref = (0, $
|
|
6376
|
+
function $eaf9e70818b436db$var$TagListInner({ props: props, forwardedRef: forwardedRef }) {
|
|
6377
|
+
let state = (0, $dGqE5$useContext)((0, $eed445e0843c11d0$export$7c5906fe4f1f2af2));
|
|
6378
|
+
let [gridProps, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, forwardedRef, $eaf9e70818b436db$export$e755ce3685dd0ca9);
|
|
6379
|
+
delete gridProps.items;
|
|
6380
|
+
delete gridProps.renderEmptyState;
|
|
6084
6381
|
let children = (0, $7135fc7d473fd974$export$727c8fc270210f13)({
|
|
6085
6382
|
items: state.collection,
|
|
6086
6383
|
children: (item)=>{
|
|
@@ -6094,7 +6391,7 @@ function $eaf9e70818b436db$var$TagListInner({ props: props , forwardedRef: forwa
|
|
|
6094
6391
|
}
|
|
6095
6392
|
}
|
|
6096
6393
|
});
|
|
6097
|
-
let { focusProps: focusProps
|
|
6394
|
+
let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $dGqE5$useFocusRing)();
|
|
6098
6395
|
let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
6099
6396
|
className: props.className,
|
|
6100
6397
|
style: props.style,
|
|
@@ -6108,7 +6405,6 @@ function $eaf9e70818b436db$var$TagListInner({ props: props , forwardedRef: forwa
|
|
|
6108
6405
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
|
|
6109
6406
|
...(0, $dGqE5$mergeProps1)(gridProps, focusProps),
|
|
6110
6407
|
...renderProps,
|
|
6111
|
-
...(0, $dGqE5$filterDOMProps)(props),
|
|
6112
6408
|
ref: ref,
|
|
6113
6409
|
"data-empty": state.collection.size === 0 || undefined,
|
|
6114
6410
|
"data-focused": isFocused || undefined,
|
|
@@ -6124,16 +6420,16 @@ function $eaf9e70818b436db$var$Tag(props, ref) {
|
|
|
6124
6420
|
/**
|
|
6125
6421
|
* A Tag is an individual item within a TagList.
|
|
6126
6422
|
*/ const $eaf9e70818b436db$export$3288d34c523a1192 = /*#__PURE__*/ (0, $dGqE5$forwardRef)($eaf9e70818b436db$var$Tag);
|
|
6127
|
-
function $eaf9e70818b436db$var$TagItem({ item: item
|
|
6128
|
-
let
|
|
6423
|
+
function $eaf9e70818b436db$var$TagItem({ item: item }) {
|
|
6424
|
+
let state = (0, $dGqE5$useContext)((0, $eed445e0843c11d0$export$7c5906fe4f1f2af2));
|
|
6129
6425
|
let ref = (0, $dGqE5$useObjectRef)(item.props.ref);
|
|
6130
|
-
let { focusProps: focusProps
|
|
6426
|
+
let { focusProps: focusProps, isFocusVisible: isFocusVisible } = (0, $dGqE5$useFocusRing)({
|
|
6131
6427
|
within: true
|
|
6132
6428
|
});
|
|
6133
|
-
let { rowProps: rowProps
|
|
6429
|
+
let { rowProps: rowProps, gridCellProps: gridCellProps, removeButtonProps: removeButtonProps, ...states } = (0, $dGqE5$useTag)({
|
|
6134
6430
|
item: item
|
|
6135
6431
|
}, state, ref);
|
|
6136
|
-
let { hoverProps: hoverProps
|
|
6432
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $dGqE5$useHover)({
|
|
6137
6433
|
isDisabled: !states.allowsSelection
|
|
6138
6434
|
});
|
|
6139
6435
|
let props = item.props;
|
|
@@ -6189,8 +6485,8 @@ function $eaf9e70818b436db$var$TagItem({ item: item }) {
|
|
|
6189
6485
|
const $216918bed6669f72$export$2dc6166a7e65358c = /*#__PURE__*/ (0, $dGqE5$createContext)({});
|
|
6190
6486
|
function $216918bed6669f72$var$TextArea(props, ref) {
|
|
6191
6487
|
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $216918bed6669f72$export$2dc6166a7e65358c);
|
|
6192
|
-
let { hoverProps: hoverProps
|
|
6193
|
-
let { isFocused: isFocused
|
|
6488
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $dGqE5$useHover)({});
|
|
6489
|
+
let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $dGqE5$useFocusRing)({
|
|
6194
6490
|
isTextInput: true,
|
|
6195
6491
|
autoFocus: props.autoFocus
|
|
6196
6492
|
});
|
|
@@ -6246,8 +6542,8 @@ function $bcdf0525bf22703d$var$TextField(props, ref) {
|
|
|
6246
6542
|
let inputRef = (0, $dGqE5$useRef)(null);
|
|
6247
6543
|
let [labelRef, label] = (0, $64fa3d84918910a7$export$9d4c57ee4c6ffdd8)();
|
|
6248
6544
|
let [inputElementType, setInputElementType] = (0, $dGqE5$useState)("input");
|
|
6249
|
-
let { labelProps: labelProps
|
|
6250
|
-
...props,
|
|
6545
|
+
let { labelProps: labelProps, inputProps: inputProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $dGqE5$useTextField)({
|
|
6546
|
+
...(0, $64fa3d84918910a7$export$ef03459518577ad4)(props),
|
|
6251
6547
|
inputElementType: inputElementType,
|
|
6252
6548
|
label: label
|
|
6253
6549
|
}, inputRef);
|
|
@@ -6269,7 +6565,7 @@ function $bcdf0525bf22703d$var$TextField(props, ref) {
|
|
|
6269
6565
|
...(0, $dGqE5$filterDOMProps)(props),
|
|
6270
6566
|
...renderProps,
|
|
6271
6567
|
ref: ref,
|
|
6272
|
-
slot: props.slot,
|
|
6568
|
+
slot: props.slot || undefined,
|
|
6273
6569
|
"data-disabled": props.isDisabled || undefined,
|
|
6274
6570
|
"data-invalid": props.isInvalid || undefined
|
|
6275
6571
|
}, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
|
|
@@ -6330,9 +6626,9 @@ const $efde0372d7a700fe$export$43506d75ebd2e218 = /*#__PURE__*/ (0, $dGqE5$creat
|
|
|
6330
6626
|
function $efde0372d7a700fe$var$ToggleButton(props, ref) {
|
|
6331
6627
|
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $efde0372d7a700fe$export$43506d75ebd2e218);
|
|
6332
6628
|
let state = (0, $dGqE5$useToggleState)(props);
|
|
6333
|
-
let { buttonProps: buttonProps
|
|
6334
|
-
let { focusProps: focusProps
|
|
6335
|
-
let { hoverProps: hoverProps
|
|
6629
|
+
let { buttonProps: buttonProps, isPressed: isPressed } = (0, $dGqE5$useToggleButton)(props, state, ref);
|
|
6630
|
+
let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $dGqE5$useFocusRing)(props);
|
|
6631
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $dGqE5$useHover)(props);
|
|
6336
6632
|
let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
6337
6633
|
...props,
|
|
6338
6634
|
values: {
|
|
@@ -6350,7 +6646,7 @@ function $efde0372d7a700fe$var$ToggleButton(props, ref) {
|
|
|
6350
6646
|
...(0, $dGqE5$mergeProps)(buttonProps, focusProps, hoverProps),
|
|
6351
6647
|
...renderProps,
|
|
6352
6648
|
ref: ref,
|
|
6353
|
-
slot: props.slot,
|
|
6649
|
+
slot: props.slot || undefined,
|
|
6354
6650
|
"data-focused": isFocused || undefined,
|
|
6355
6651
|
"data-disabled": props.isDisabled || undefined,
|
|
6356
6652
|
"data-pressed": isPressed || undefined,
|
|
@@ -6380,31 +6676,41 @@ function $efde0372d7a700fe$var$ToggleButton(props, ref) {
|
|
|
6380
6676
|
|
|
6381
6677
|
|
|
6382
6678
|
|
|
6383
|
-
|
|
6384
|
-
const $4e3b923658d69c60$
|
|
6679
|
+
const $4e3b923658d69c60$export$7a7623236eec67fa = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
6680
|
+
const $4e3b923658d69c60$export$39ae08fa83328b12 = /*#__PURE__*/ (0, $dGqE5$createContext)(null);
|
|
6385
6681
|
function $4e3b923658d69c60$export$8c610744efcf8a1d(props) {
|
|
6386
6682
|
let state = (0, $dGqE5$useTooltipTriggerState)(props);
|
|
6387
6683
|
let ref = (0, $dGqE5$useRef)(null);
|
|
6388
|
-
let { triggerProps: triggerProps
|
|
6389
|
-
return /*#__PURE__*/ (0, $dGqE5$react).createElement($
|
|
6390
|
-
|
|
6391
|
-
|
|
6392
|
-
|
|
6393
|
-
|
|
6394
|
-
|
|
6684
|
+
let { triggerProps: triggerProps, tooltipProps: tooltipProps } = (0, $dGqE5$useTooltipTrigger)(props, state, ref);
|
|
6685
|
+
return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
|
|
6686
|
+
values: [
|
|
6687
|
+
[
|
|
6688
|
+
$4e3b923658d69c60$export$7a7623236eec67fa,
|
|
6689
|
+
state
|
|
6690
|
+
],
|
|
6691
|
+
[
|
|
6692
|
+
$4e3b923658d69c60$export$39ae08fa83328b12,
|
|
6693
|
+
{
|
|
6694
|
+
...tooltipProps,
|
|
6695
|
+
triggerRef: ref
|
|
6696
|
+
}
|
|
6697
|
+
]
|
|
6698
|
+
]
|
|
6395
6699
|
}, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$FocusableProvider), {
|
|
6396
6700
|
...triggerProps,
|
|
6397
6701
|
ref: ref
|
|
6398
6702
|
}, props.children));
|
|
6399
6703
|
}
|
|
6400
6704
|
function $4e3b923658d69c60$var$Tooltip(props, ref) {
|
|
6401
|
-
|
|
6402
|
-
let
|
|
6403
|
-
let
|
|
6705
|
+
[props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $4e3b923658d69c60$export$39ae08fa83328b12);
|
|
6706
|
+
let contextState = (0, $dGqE5$useContext)($4e3b923658d69c60$export$7a7623236eec67fa);
|
|
6707
|
+
let localState = (0, $dGqE5$useTooltipTriggerState)(props);
|
|
6708
|
+
let state = props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;
|
|
6709
|
+
let isExiting = (0, $64fa3d84918910a7$export$45fda7c47f93fd48)(ref, state.isOpen);
|
|
6404
6710
|
if (!state.isOpen && !isExiting) return null;
|
|
6405
6711
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $dGqE5$OverlayContainer), null, /*#__PURE__*/ (0, $dGqE5$react).createElement($4e3b923658d69c60$var$TooltipInner, {
|
|
6406
6712
|
...props,
|
|
6407
|
-
tooltipRef:
|
|
6713
|
+
tooltipRef: ref,
|
|
6408
6714
|
isExiting: isExiting
|
|
6409
6715
|
}));
|
|
6410
6716
|
}
|
|
@@ -6412,17 +6718,16 @@ function $4e3b923658d69c60$var$Tooltip(props, ref) {
|
|
|
6412
6718
|
* A tooltip displays a description of an element on hover or focus.
|
|
6413
6719
|
*/ const $4e3b923658d69c60$export$28c660c63b792dea = /*#__PURE__*/ (0, $dGqE5$forwardRef)($4e3b923658d69c60$var$Tooltip);
|
|
6414
6720
|
function $4e3b923658d69c60$var$TooltipInner(props) {
|
|
6415
|
-
let
|
|
6416
|
-
let
|
|
6417
|
-
let { overlayProps: overlayProps , arrowProps: arrowProps , placement: placement } = (0, $dGqE5$useOverlayPosition)({
|
|
6721
|
+
let state = (0, $dGqE5$useContext)($4e3b923658d69c60$export$7a7623236eec67fa);
|
|
6722
|
+
let { overlayProps: overlayProps, arrowProps: arrowProps, placement: placement } = (0, $dGqE5$useOverlayPosition)({
|
|
6418
6723
|
placement: props.placement || "top",
|
|
6419
|
-
targetRef: triggerRef,
|
|
6420
|
-
overlayRef:
|
|
6724
|
+
targetRef: props.triggerRef,
|
|
6725
|
+
overlayRef: props.tooltipRef,
|
|
6421
6726
|
offset: props.offset,
|
|
6422
6727
|
crossOffset: props.crossOffset,
|
|
6423
6728
|
isOpen: state.isOpen
|
|
6424
6729
|
});
|
|
6425
|
-
let isEntering = (0, $64fa3d84918910a7$export$6d3443f2c48bfc20)(
|
|
6730
|
+
let isEntering = (0, $64fa3d84918910a7$export$6d3443f2c48bfc20)(props.tooltipRef, !!placement);
|
|
6426
6731
|
let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
|
|
6427
6732
|
...props,
|
|
6428
6733
|
defaultClassName: "react-aria-Tooltip",
|
|
@@ -6434,10 +6739,10 @@ function $4e3b923658d69c60$var$TooltipInner(props) {
|
|
|
6434
6739
|
}
|
|
6435
6740
|
});
|
|
6436
6741
|
props = (0, $dGqE5$mergeProps)(props, overlayProps);
|
|
6437
|
-
let { tooltipProps: tooltipProps
|
|
6742
|
+
let { tooltipProps: tooltipProps } = (0, $dGqE5$useTooltip)(props, state);
|
|
6438
6743
|
return /*#__PURE__*/ (0, $dGqE5$react).createElement("div", {
|
|
6439
|
-
...
|
|
6440
|
-
ref:
|
|
6744
|
+
...tooltipProps,
|
|
6745
|
+
ref: props.tooltipRef,
|
|
6441
6746
|
...renderProps,
|
|
6442
6747
|
style: {
|
|
6443
6748
|
...renderProps.style,
|
|
@@ -6448,7 +6753,7 @@ function $4e3b923658d69c60$var$TooltipInner(props) {
|
|
|
6448
6753
|
"data-exiting": props.isExiting || undefined
|
|
6449
6754
|
}, /*#__PURE__*/ (0, $dGqE5$react).createElement((0, $44f671af83e7d9e0$export$2de4954e8ae13b9f).Provider, {
|
|
6450
6755
|
value: {
|
|
6451
|
-
arrowProps
|
|
6756
|
+
...arrowProps,
|
|
6452
6757
|
placement: placement
|
|
6453
6758
|
}
|
|
6454
6759
|
}, renderProps.children));
|
|
@@ -6459,5 +6764,5 @@ function $4e3b923658d69c60$var$TooltipInner(props) {
|
|
|
6459
6764
|
|
|
6460
6765
|
|
|
6461
6766
|
|
|
6462
|
-
export {$778035c5624f61e7$export$2dc68d50d56fbbd as Breadcrumbs, $778035c5624f61e7$export$65596d3621b0a4a0 as BreadcrumbsContext, $778035c5624f61e7$export$dabcc1ec9dd9d1cc as Breadcrumb, $d2b4bc8c273e7be6$export$353f5b6fc5456de1 as Button, $d2b4bc8c273e7be6$export$24d547caef80ccd1 as ButtonContext, $dfd62f934fc76fed$export$e1aef45b828286de as Calendar, $dfd62f934fc76fed$export$5bd780d491cfc46c as CalendarGrid, $dfd62f934fc76fed$export$22e2d15eaa4d2377 as CalendarGridHeader, $dfd62f934fc76fed$export$e11f8ba65d857bff as CalendarGridBody, $dfd62f934fc76fed$export$ad2135cac3a11b3d as CalendarHeaderCell, $dfd62f934fc76fed$export$5d847498420df57b as CalendarCell, $dfd62f934fc76fed$export$a4f5c8b89d277a8d as RangeCalendar, $dfd62f934fc76fed$export$3b805cea1f178355 as CalendarContext, $dfd62f934fc76fed$export$233dd9682e1ad64b as RangeCalendarContext, $bc237834342dbd75$export$48513f6b9f8ce62d as Checkbox, $bc237834342dbd75$export$4aa08d5625cb8ead as CheckboxGroup, $bc237834342dbd75$export$baf37c4be89255b8 as CheckboxGroupContext, $bc237834342dbd75$export$b085522c77523c51 as CheckboxContext, $d01f2c01039c0eec$export$72b9695b8216309a as ComboBox, $d01f2c01039c0eec$export$d414ccceff7063c3 as ComboBoxContext, $40825cdb76e74f70$export$d9781c7894a82487 as DateField, $40825cdb76e74f70$export$7edc06cf1783b30f as DateInput, $40825cdb76e74f70$export$336ab7fa954c4b5f as DateSegment, $40825cdb76e74f70$export$5eaee2322dd727eb as TimeField, $40825cdb76e74f70$export$7b3e670c86da5fe8 as DateFieldContext, $40825cdb76e74f70$export$8e17ddc448e87c1e as TimeFieldContext, $06d5b8ec9ee5d538$export$5109c6dd95d8fb00 as DatePicker, $06d5b8ec9ee5d538$export$17334619f3ac2224 as DateRangePicker, $06d5b8ec9ee5d538$export$cf316c7f3b44c11e as DatePickerContext, $06d5b8ec9ee5d538$export$8282edba42ee28a as DateRangePickerContext, $de32f1b87079253c$export$2e1e1122cf0cba88 as DialogTrigger, $de32f1b87079253c$export$3ddf2d174ce01153 as Dialog, $de32f1b87079253c$export$8b93a07348a7730c as DialogContext, $cb088e721efb9218$export$3c6489d84dc98b6 as DropZone, $cb088e721efb9218$export$14a72053295ff9a6 as DropZoneContext, $1e2864c73f66a4da$export$6fb4a10d2c950550 as FileTrigger, $72e60046c03fbe42$export$a7bfbda1311ca015 as GridList, $72e60046c03fbe42$export$54fe942636b6416d as GridListContext, $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 as Group, $a049562f99e7db0e$export$f9c6924e160136d1 as GroupContext, $72a5793c14baf454$export$8b251419efc915eb as Header, $5cb03073d3f54797$export$a8a3e93435678ff9 as Heading, $5cb03073d3f54797$export$d688439359537581 as HeadingContext, $3985021b0ad6602f$export$f5b8910cec6cf069 as Input, $3985021b0ad6602f$export$37fb8590cf2c088c as InputContext, $7135fc7d473fd974$export$6d08773d2e66f8f2 as Item, $7135fc7d473fd974$export$6e2c8f0811a474ce as Section, $7135fc7d473fd974$export$fb8073518f34e6ec as Collection, $63df2425e2108aa8$export$16e4d70cc375e707 as Keyboard, $63df2425e2108aa8$export$744d98a3b8a94e1c as KeyboardContext, $01b77f81d0f07f68$export$b04be29aa201d4f5 as Label, $01b77f81d0f07f68$export$75b6ee27786ba447 as LabelContext, $4f118338184dc1d9$export$a6c7ac8248d6e38a as Link, $4f118338184dc1d9$export$e2509388b49734e7 as LinkContext, $eed445e0843c11d0$export$41f133550aa26f48 as ListBox, $eed445e0843c11d0$export$7ff8f37d2d81a48d as ListBoxContext, $3674c52c6b3c5bce$export$d9b273488cd8ce6f as Menu, $3674c52c6b3c5bce$export$27d2ad3c5815583e as MenuTrigger, $3674c52c6b3c5bce$export$c7e742effb1c51e2 as MenuContext, $c0c9ced265f3594c$export$62e3ae2a4090b879 as Meter, $c0c9ced265f3594c$export$8b645da15a96b44f as MeterContext, $f3f84453ead64de5$export$2b77a92f1a5ad772 as Modal, $f3f84453ead64de5$export$8948f78d83984c69 as ModalOverlay, $f3f84453ead64de5$export$ab57792b9b6974a6 as ModalContext, $b91743d66a0ed188$export$63c5fa0b2fdccd2e as NumberField, $b91743d66a0ed188$export$b414a48cf5dcbc11 as NumberFieldContext, $44f671af83e7d9e0$export$746d02f47f4d381 as OverlayArrow, $07b14b47974efb58$export$5b6b19405a83ff9d as Popover, $07b14b47974efb58$export$9b9a0cd73afb7ca4 as PopoverContext, $0393f8ab869a0f1a$export$c17561cb55d4db30 as ProgressBar, $0393f8ab869a0f1a$export$e9f3bf65a26ce129 as ProgressBarContext, $64fa3d84918910a7$export$2881499e37b75b9a as Provider, $64fa3d84918910a7$export$29f1550f4b0d4415 as useContextProps, $64fa3d84918910a7$export$fabf2dc03a41866e as useSlottedContext, $b6c3ddc6086f204d$export$a98f0dcb43a68a25 as RadioGroup, $b6c3ddc6086f204d$export$d7b12c4107be0d61 as Radio, $b6c3ddc6086f204d$export$a79eda4ff50e30b6 as RadioGroupContext, $b6c3ddc6086f204d$export$b118023277d4a5c3 as RadioContext, $440f4836bcb56932$export$b94867ecbd698f21 as SearchField, $440f4836bcb56932$export$d1c4e4c63cb03a11 as SearchFieldContext, $82d7e5349645de74$export$ef9b1a59e592288f as Select, $82d7e5349645de74$export$e288731fd71264f0 as SelectValue, $82d7e5349645de74$export$7540cee5be7dc19b as SelectContext, $431f98aba6844401$export$1ff3c3f08ae963c0 as Separator, $431f98aba6844401$export$6615d83f6de245ce as SeparatorContext, $6f909507e6374d18$export$472062a354075cee as Slider, $6f909507e6374d18$export$a590f758a961cb5b as SliderOutput, $6f909507e6374d18$export$105594979f116971 as SliderTrack, $6f909507e6374d18$export$2c1b491743890dec as SliderThumb, $6f909507e6374d18$export$e99164f0030f3bff as SliderContext, $8e59e948500a8fe1$export$b5d5cf8927ab7262 as Switch, $8e59e948500a8fe1$export$8699e3b644d5a28a as SwitchContext, $1910c06f0ca9905e$export$54ec01a60f47d33d as Table, $1910c06f0ca9905e$export$b59bdbef9ce70de2 as Row, $1910c06f0ca9905e$export$f6f0c3fe4ec306ea as Cell, $1910c06f0ca9905e$export$816b5d811295e6bc as Column, $1910c06f0ca9905e$export$ee689e97a7664bfd as ColumnResizer, $1910c06f0ca9905e$export$f850895b287ef28e as TableHeader, $1910c06f0ca9905e$export$76ccd210b9029917 as TableBody, $1910c06f0ca9905e$export$93e4b0b2cc49b648 as TableContext, $1910c06f0ca9905e$export$7063e69b8a954175 as ResizableTableContainer, $1910c06f0ca9905e$export$fddc468cd8cb4db9 as useTableOptions, $5e8ad37a45e1c704$export$b2539bed5023c21c as Tabs, $5e8ad37a45e1c704$export$e51a686c67fdaa2d as TabList, $5e8ad37a45e1c704$export$3d96ec278d3efce4 as TabPanel, $5e8ad37a45e1c704$export$3e41faf802a29e71 as Tab, $5e8ad37a45e1c704$export$cfa7aa87c26e7d1f as TabsContext, $eaf9e70818b436db$export$67ea30858aaf75e3 as TagGroup, $eaf9e70818b436db$export$5b07b5dd2cbd96e3 as TagGroupContext, $eaf9e70818b436db$export$f9fef0f55402315b as TagList, $eaf9e70818b436db$export$3288d34c523a1192 as Tag, $514c0188e459b4c0$export$5f1af8db9871e1d6 as Text, $514c0188e459b4c0$export$9afb8bc826b033ea as TextContext, $216918bed6669f72$export$f5c9f3c2c4054eec as TextArea, $216918bed6669f72$export$2dc6166a7e65358c as TextAreaContext, $bcdf0525bf22703d$export$2c73285ae9390cec as TextField, $bcdf0525bf22703d$export$2129e27b3ef0d483 as TextFieldContext, $efde0372d7a700fe$export$d2b052e7b4be1756 as ToggleButton, $efde0372d7a700fe$export$43506d75ebd2e218 as ToggleButtonContext, $4e3b923658d69c60$export$8c610744efcf8a1d as TooltipTrigger, $4e3b923658d69c60$export$28c660c63b792dea as Tooltip, $d8f176866e6dc039$export$2cfc5be7a55829f6 as useDragAndDrop, $d8f176866e6dc039$export$62ed72bc21f6b8a6 as DropIndicator, $d8f176866e6dc039$export$f55761759794cf55 as DropIndicatorContext, $67da31f5140672c4$re_export$DIRECTORY_DRAG_TYPE as DIRECTORY_DRAG_TYPE, $67da31f5140672c4$re_export$isDirectoryDropItem as isDirectoryDropItem, $67da31f5140672c4$re_export$isFileDropItem as isFileDropItem, $67da31f5140672c4$re_export$isTextDropItem as isTextDropItem, $67da31f5140672c4$re_export$SSRProvider as SSRProvider};
|
|
6767
|
+
export {$778035c5624f61e7$export$2dc68d50d56fbbd as Breadcrumbs, $778035c5624f61e7$export$65596d3621b0a4a0 as BreadcrumbsContext, $778035c5624f61e7$export$dabcc1ec9dd9d1cc as Breadcrumb, $d2b4bc8c273e7be6$export$353f5b6fc5456de1 as Button, $d2b4bc8c273e7be6$export$24d547caef80ccd1 as ButtonContext, $dfd62f934fc76fed$export$e1aef45b828286de as Calendar, $dfd62f934fc76fed$export$5bd780d491cfc46c as CalendarGrid, $dfd62f934fc76fed$export$22e2d15eaa4d2377 as CalendarGridHeader, $dfd62f934fc76fed$export$e11f8ba65d857bff as CalendarGridBody, $dfd62f934fc76fed$export$ad2135cac3a11b3d as CalendarHeaderCell, $dfd62f934fc76fed$export$5d847498420df57b as CalendarCell, $dfd62f934fc76fed$export$a4f5c8b89d277a8d as RangeCalendar, $dfd62f934fc76fed$export$3b805cea1f178355 as CalendarContext, $dfd62f934fc76fed$export$233dd9682e1ad64b as RangeCalendarContext, $dfd62f934fc76fed$export$9e31dcedda1dadc7 as CalendarStateContext, $dfd62f934fc76fed$export$5e0fc348c00f87a0 as RangeCalendarStateContext, $bc237834342dbd75$export$48513f6b9f8ce62d as Checkbox, $bc237834342dbd75$export$4aa08d5625cb8ead as CheckboxGroup, $bc237834342dbd75$export$baf37c4be89255b8 as CheckboxGroupContext, $bc237834342dbd75$export$b085522c77523c51 as CheckboxContext, $bc237834342dbd75$export$139c5b8563afc1fc as CheckboxGroupStateContext, $d01f2c01039c0eec$export$72b9695b8216309a as ComboBox, $d01f2c01039c0eec$export$d414ccceff7063c3 as ComboBoxContext, $d01f2c01039c0eec$export$c02625b26074192c as ComboBoxStateContext, $40825cdb76e74f70$export$d9781c7894a82487 as DateField, $40825cdb76e74f70$export$7edc06cf1783b30f as DateInput, $40825cdb76e74f70$export$336ab7fa954c4b5f as DateSegment, $40825cdb76e74f70$export$5eaee2322dd727eb as TimeField, $40825cdb76e74f70$export$7b3e670c86da5fe8 as DateFieldContext, $40825cdb76e74f70$export$8e17ddc448e87c1e as TimeFieldContext, $40825cdb76e74f70$export$3b08bebcf796eea0 as DateFieldStateContext, $40825cdb76e74f70$export$5d8dc44abd10a920 as TimeFieldStateContext, $06d5b8ec9ee5d538$export$5109c6dd95d8fb00 as DatePicker, $06d5b8ec9ee5d538$export$17334619f3ac2224 as DateRangePicker, $06d5b8ec9ee5d538$export$cf316c7f3b44c11e as DatePickerContext, $06d5b8ec9ee5d538$export$8282edba42ee28a as DateRangePickerContext, $06d5b8ec9ee5d538$export$50a10c048fdcdee9 as DatePickerStateContext, $06d5b8ec9ee5d538$export$80d7ae1f804790be as DateRangePickerStateContext, $de32f1b87079253c$export$2e1e1122cf0cba88 as DialogTrigger, $de32f1b87079253c$export$3ddf2d174ce01153 as Dialog, $de32f1b87079253c$export$8b93a07348a7730c as DialogContext, $de32f1b87079253c$export$d2f961adcb0afbe as OverlayTriggerStateContext, $cb088e721efb9218$export$3c6489d84dc98b6 as DropZone, $cb088e721efb9218$export$14a72053295ff9a6 as DropZoneContext, $1e2864c73f66a4da$export$6fb4a10d2c950550 as FileTrigger, $72e60046c03fbe42$export$a7bfbda1311ca015 as GridList, $72e60046c03fbe42$export$54fe942636b6416d as GridListContext, $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 as Group, $a049562f99e7db0e$export$f9c6924e160136d1 as GroupContext, $72a5793c14baf454$export$8b251419efc915eb as Header, $5cb03073d3f54797$export$a8a3e93435678ff9 as Heading, $5cb03073d3f54797$export$d688439359537581 as HeadingContext, $3985021b0ad6602f$export$f5b8910cec6cf069 as Input, $3985021b0ad6602f$export$37fb8590cf2c088c as InputContext, $7135fc7d473fd974$export$6d08773d2e66f8f2 as Item, $7135fc7d473fd974$export$6e2c8f0811a474ce as Section, $7135fc7d473fd974$export$fb8073518f34e6ec as Collection, $63df2425e2108aa8$export$16e4d70cc375e707 as Keyboard, $63df2425e2108aa8$export$744d98a3b8a94e1c as KeyboardContext, $01b77f81d0f07f68$export$b04be29aa201d4f5 as Label, $01b77f81d0f07f68$export$75b6ee27786ba447 as LabelContext, $4f118338184dc1d9$export$a6c7ac8248d6e38a as Link, $4f118338184dc1d9$export$e2509388b49734e7 as LinkContext, $eed445e0843c11d0$export$41f133550aa26f48 as ListBox, $eed445e0843c11d0$export$7ff8f37d2d81a48d as ListBoxContext, $eed445e0843c11d0$export$7c5906fe4f1f2af2 as ListStateContext, $3674c52c6b3c5bce$export$d9b273488cd8ce6f as Menu, $3674c52c6b3c5bce$export$27d2ad3c5815583e as MenuTrigger, $3674c52c6b3c5bce$export$c7e742effb1c51e2 as MenuContext, $3674c52c6b3c5bce$export$24aad8519b95b41b as MenuStateContext, $c0c9ced265f3594c$export$62e3ae2a4090b879 as Meter, $c0c9ced265f3594c$export$8b645da15a96b44f as MeterContext, $f3f84453ead64de5$export$2b77a92f1a5ad772 as Modal, $f3f84453ead64de5$export$8948f78d83984c69 as ModalOverlay, $f3f84453ead64de5$export$ab57792b9b6974a6 as ModalContext, $b91743d66a0ed188$export$63c5fa0b2fdccd2e as NumberField, $b91743d66a0ed188$export$b414a48cf5dcbc11 as NumberFieldContext, $b91743d66a0ed188$export$6cc906c6cff9bec5 as NumberFieldStateContext, $44f671af83e7d9e0$export$746d02f47f4d381 as OverlayArrow, $07b14b47974efb58$export$5b6b19405a83ff9d as Popover, $07b14b47974efb58$export$9b9a0cd73afb7ca4 as PopoverContext, $0393f8ab869a0f1a$export$c17561cb55d4db30 as ProgressBar, $0393f8ab869a0f1a$export$e9f3bf65a26ce129 as ProgressBarContext, $64fa3d84918910a7$export$2881499e37b75b9a as Provider, $64fa3d84918910a7$export$29f1550f4b0d4415 as useContextProps, $64fa3d84918910a7$export$fabf2dc03a41866e as useSlottedContext, $b6c3ddc6086f204d$export$a98f0dcb43a68a25 as RadioGroup, $b6c3ddc6086f204d$export$d7b12c4107be0d61 as Radio, $b6c3ddc6086f204d$export$a79eda4ff50e30b6 as RadioGroupContext, $b6c3ddc6086f204d$export$b118023277d4a5c3 as RadioContext, $b6c3ddc6086f204d$export$29d84393af70866c as RadioGroupStateContext, $440f4836bcb56932$export$b94867ecbd698f21 as SearchField, $440f4836bcb56932$export$d1c4e4c63cb03a11 as SearchFieldContext, $82d7e5349645de74$export$ef9b1a59e592288f as Select, $82d7e5349645de74$export$e288731fd71264f0 as SelectValue, $82d7e5349645de74$export$7540cee5be7dc19b as SelectContext, $82d7e5349645de74$export$f8f745c04421623f as SelectValueContext, $82d7e5349645de74$export$ef445b55be0601bd as SelectStateContext, $431f98aba6844401$export$1ff3c3f08ae963c0 as Separator, $431f98aba6844401$export$6615d83f6de245ce as SeparatorContext, $6f909507e6374d18$export$472062a354075cee as Slider, $6f909507e6374d18$export$a590f758a961cb5b as SliderOutput, $6f909507e6374d18$export$105594979f116971 as SliderTrack, $6f909507e6374d18$export$2c1b491743890dec as SliderThumb, $6f909507e6374d18$export$e99164f0030f3bff as SliderContext, $6f909507e6374d18$export$6189c2744041d8f8 as SliderOutputContext, $6f909507e6374d18$export$f1fce0420cc6d8ee as SliderTrackContext, $6f909507e6374d18$export$1e7083018727fa60 as SliderStateContext, $8e59e948500a8fe1$export$b5d5cf8927ab7262 as Switch, $8e59e948500a8fe1$export$8699e3b644d5a28a as SwitchContext, $1910c06f0ca9905e$export$54ec01a60f47d33d as Table, $1910c06f0ca9905e$export$b59bdbef9ce70de2 as Row, $1910c06f0ca9905e$export$f6f0c3fe4ec306ea as Cell, $1910c06f0ca9905e$export$816b5d811295e6bc as Column, $1910c06f0ca9905e$export$ee689e97a7664bfd as ColumnResizer, $1910c06f0ca9905e$export$f850895b287ef28e as TableHeader, $1910c06f0ca9905e$export$76ccd210b9029917 as TableBody, $1910c06f0ca9905e$export$93e4b0b2cc49b648 as TableContext, $1910c06f0ca9905e$export$7063e69b8a954175 as ResizableTableContainer, $1910c06f0ca9905e$export$fddc468cd8cb4db9 as useTableOptions, $1910c06f0ca9905e$export$38de1cb0526c21fb as TableStateContext, $1910c06f0ca9905e$export$a2680a798823803c as TableColumnResizeStateContext, $5e8ad37a45e1c704$export$b2539bed5023c21c as Tabs, $5e8ad37a45e1c704$export$e51a686c67fdaa2d as TabList, $5e8ad37a45e1c704$export$3d96ec278d3efce4 as TabPanel, $5e8ad37a45e1c704$export$3e41faf802a29e71 as Tab, $5e8ad37a45e1c704$export$cfa7aa87c26e7d1f as TabsContext, $5e8ad37a45e1c704$export$364712098d2aa57c as TabListStateContext, $eaf9e70818b436db$export$67ea30858aaf75e3 as TagGroup, $eaf9e70818b436db$export$5b07b5dd2cbd96e3 as TagGroupContext, $eaf9e70818b436db$export$f9fef0f55402315b as TagList, $eaf9e70818b436db$export$e755ce3685dd0ca9 as TagListContext, $eaf9e70818b436db$export$3288d34c523a1192 as Tag, $514c0188e459b4c0$export$5f1af8db9871e1d6 as Text, $514c0188e459b4c0$export$9afb8bc826b033ea as TextContext, $216918bed6669f72$export$f5c9f3c2c4054eec as TextArea, $216918bed6669f72$export$2dc6166a7e65358c as TextAreaContext, $bcdf0525bf22703d$export$2c73285ae9390cec as TextField, $bcdf0525bf22703d$export$2129e27b3ef0d483 as TextFieldContext, $efde0372d7a700fe$export$d2b052e7b4be1756 as ToggleButton, $efde0372d7a700fe$export$43506d75ebd2e218 as ToggleButtonContext, $4e3b923658d69c60$export$8c610744efcf8a1d as TooltipTrigger, $4e3b923658d69c60$export$28c660c63b792dea as Tooltip, $4e3b923658d69c60$export$7a7623236eec67fa as TooltipTriggerStateContext, $4e3b923658d69c60$export$39ae08fa83328b12 as TooltipContext, $d8f176866e6dc039$export$2cfc5be7a55829f6 as useDragAndDrop, $d8f176866e6dc039$export$62ed72bc21f6b8a6 as DropIndicator, $d8f176866e6dc039$export$f55761759794cf55 as DropIndicatorContext, $d8f176866e6dc039$export$d188a835a7bc5783 as DragAndDropContext, $67da31f5140672c4$re_export$DIRECTORY_DRAG_TYPE as DIRECTORY_DRAG_TYPE, $67da31f5140672c4$re_export$isDirectoryDropItem as isDirectoryDropItem, $67da31f5140672c4$re_export$isFileDropItem as isFileDropItem, $67da31f5140672c4$re_export$isTextDropItem as isTextDropItem, $67da31f5140672c4$re_export$SSRProvider as SSRProvider, $67da31f5140672c4$re_export$RouterProvider as RouterProvider, $67da31f5140672c4$re_export$I18nProvider as I18nProvider};
|
|
6463
6768
|
//# sourceMappingURL=module.js.map
|