@plasmicpkgs/react-aria 0.0.129 → 0.0.130
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/.tsbuildinfo +1 -1
- package/dist/react-aria.esm.js +37 -28
- package/dist/react-aria.esm.js.map +1 -1
- package/dist/react-aria.js +37 -28
- package/dist/react-aria.js.map +1 -1
- package/dist/registerComboBox.d.ts +2 -2
- package/dist/registerDialogTrigger.d.ts +2 -2
- package/dist/registerModal.d.ts +2 -2
- package/dist/registerPopover.d.ts +2 -2
- package/dist/registerSelect.d.ts +2 -2
- package/dist/registerTooltip.d.ts +2 -2
- package/dist/utils.d.ts +5 -4
- package/package.json +2 -2
- package/skinny/{OptionsItemIdManager-34faf3b6.cjs.js → OptionsItemIdManager-3dae926c.cjs.js} +2 -2
- package/skinny/{OptionsItemIdManager-34faf3b6.cjs.js.map → OptionsItemIdManager-3dae926c.cjs.js.map} +1 -1
- package/skinny/{OptionsItemIdManager-165c0c68.esm.js → OptionsItemIdManager-87cb9fe8.esm.js} +2 -2
- package/skinny/{OptionsItemIdManager-165c0c68.esm.js.map → OptionsItemIdManager-87cb9fe8.esm.js.map} +1 -1
- package/skinny/{common-e24b7213.cjs.js → common-97d00c54.cjs.js} +2 -2
- package/skinny/{common-e24b7213.cjs.js.map → common-97d00c54.cjs.js.map} +1 -1
- package/skinny/{common-59834505.esm.js → common-a6882f23.esm.js} +2 -2
- package/skinny/{common-59834505.esm.js.map → common-a6882f23.esm.js.map} +1 -1
- package/skinny/registerButton.cjs.js +2 -2
- package/skinny/registerButton.esm.js +2 -2
- package/skinny/registerCheckbox.cjs.js +3 -3
- package/skinny/registerCheckbox.esm.js +3 -3
- package/skinny/registerCheckboxGroup.cjs.js +3 -3
- package/skinny/registerCheckboxGroup.esm.js +3 -3
- package/skinny/registerComboBox.cjs.js +15 -5
- package/skinny/registerComboBox.cjs.js.map +1 -1
- package/skinny/registerComboBox.d.ts +2 -2
- package/skinny/registerComboBox.esm.js +15 -5
- package/skinny/registerComboBox.esm.js.map +1 -1
- package/skinny/registerDescription.cjs.js +2 -2
- package/skinny/registerDescription.esm.js +2 -2
- package/skinny/registerDialog.cjs.js +2 -2
- package/skinny/registerDialog.esm.js +2 -2
- package/skinny/registerDialogTrigger.cjs.js +6 -18
- package/skinny/registerDialogTrigger.cjs.js.map +1 -1
- package/skinny/registerDialogTrigger.d.ts +2 -2
- package/skinny/registerDialogTrigger.esm.js +6 -18
- package/skinny/registerDialogTrigger.esm.js.map +1 -1
- package/skinny/registerFieldError.cjs.js +1 -1
- package/skinny/registerFieldError.esm.js +1 -1
- package/skinny/registerForm.cjs.js +1 -1
- package/skinny/registerForm.esm.js +1 -1
- package/skinny/registerHeading.cjs.js +2 -2
- package/skinny/registerHeading.esm.js +2 -2
- package/skinny/registerInput.cjs.js +2 -2
- package/skinny/registerInput.esm.js +2 -2
- package/skinny/registerLabel.cjs.js +2 -2
- package/skinny/registerLabel.esm.js +2 -2
- package/skinny/{registerListBox-a4d16b2c.esm.js → registerListBox-7bc52037.esm.js} +4 -4
- package/skinny/{registerListBox-a4d16b2c.esm.js.map → registerListBox-7bc52037.esm.js.map} +1 -1
- package/skinny/{registerListBox-193a68f7.cjs.js → registerListBox-fefaf99a.cjs.js} +4 -4
- package/skinny/{registerListBox-193a68f7.cjs.js.map → registerListBox-fefaf99a.cjs.js.map} +1 -1
- package/skinny/registerListBox.cjs.js +4 -4
- package/skinny/registerListBox.esm.js +4 -4
- package/skinny/registerListBoxItem.cjs.js +3 -3
- package/skinny/registerListBoxItem.esm.js +3 -3
- package/skinny/registerModal.cjs.js +5 -7
- package/skinny/registerModal.cjs.js.map +1 -1
- package/skinny/registerModal.d.ts +2 -2
- package/skinny/registerModal.esm.js +5 -7
- package/skinny/registerModal.esm.js.map +1 -1
- package/skinny/registerOverlayArrow.cjs.js +2 -2
- package/skinny/registerOverlayArrow.esm.js +2 -2
- package/skinny/registerPopover.cjs.js +2 -2
- package/skinny/registerPopover.cjs.js.map +1 -1
- package/skinny/registerPopover.d.ts +2 -2
- package/skinny/registerPopover.esm.js +2 -2
- package/skinny/registerPopover.esm.js.map +1 -1
- package/skinny/registerRadio.cjs.js +3 -3
- package/skinny/registerRadio.esm.js +3 -3
- package/skinny/registerRadioGroup.cjs.js +3 -3
- package/skinny/registerRadioGroup.esm.js +3 -3
- package/skinny/registerSection.cjs.js +4 -4
- package/skinny/registerSection.esm.js +4 -4
- package/skinny/registerSelect.cjs.js +13 -5
- package/skinny/registerSelect.cjs.js.map +1 -1
- package/skinny/registerSelect.d.ts +2 -2
- package/skinny/registerSelect.esm.js +13 -5
- package/skinny/registerSelect.esm.js.map +1 -1
- package/skinny/registerSlider.cjs.js +2 -2
- package/skinny/registerSlider.esm.js +2 -2
- package/skinny/registerSliderOutput.cjs.js +2 -2
- package/skinny/registerSliderOutput.esm.js +2 -2
- package/skinny/registerSliderThumb.cjs.js +2 -2
- package/skinny/registerSliderThumb.esm.js +2 -2
- package/skinny/registerSliderTrack.cjs.js +2 -2
- package/skinny/registerSliderTrack.esm.js +2 -2
- package/skinny/registerSwitch.cjs.js +2 -2
- package/skinny/registerSwitch.esm.js +2 -2
- package/skinny/registerText.cjs.js +2 -2
- package/skinny/registerText.esm.js +2 -2
- package/skinny/registerTextArea.cjs.js +2 -2
- package/skinny/registerTextArea.esm.js +2 -2
- package/skinny/registerTextField.cjs.js +2 -2
- package/skinny/registerTextField.esm.js +2 -2
- package/skinny/registerTooltip.cjs.js +4 -5
- package/skinny/registerTooltip.cjs.js.map +1 -1
- package/skinny/registerTooltip.d.ts +2 -2
- package/skinny/registerTooltip.esm.js +4 -5
- package/skinny/registerTooltip.esm.js.map +1 -1
- package/skinny/{utils-0ef9e9d1.cjs.js → utils-85ca5354.cjs.js} +9 -3
- package/skinny/utils-85ca5354.cjs.js.map +1 -0
- package/skinny/{utils-81ea3961.esm.js → utils-edf40001.esm.js} +9 -3
- package/skinny/utils-edf40001.esm.js.map +1 -0
- package/skinny/utils.d.ts +5 -4
- package/skinny/utils-0ef9e9d1.cjs.js.map +0 -1
- package/skinny/utils-81ea3961.esm.js.map +0 -1
package/dist/react-aria.js
CHANGED
|
@@ -51,9 +51,10 @@ const useIsomorphicLayoutEffect = isBrowser ? React__default.default.useLayoutEf
|
|
|
51
51
|
function useIsOpen({
|
|
52
52
|
triggerSlotName,
|
|
53
53
|
isOpen,
|
|
54
|
-
|
|
54
|
+
props
|
|
55
55
|
}) {
|
|
56
56
|
var _a, _b;
|
|
57
|
+
const { __plasmic_selection_prop__, plasmicNotifyAutoOpenedContent } = props;
|
|
57
58
|
const canvasContext = host.usePlasmicCanvasContext();
|
|
58
59
|
const { isSelected, selectedSlotName } = (_b = (_a = host.usePlasmicCanvasComponentInfo) == null ? void 0 : _a({ __plasmic_selection_prop__ })) != null ? _b : {};
|
|
59
60
|
if (!canvasContext) {
|
|
@@ -61,6 +62,9 @@ function useIsOpen({
|
|
|
61
62
|
}
|
|
62
63
|
const isTriggerSlotSelected = isDefined(selectedSlotName) && selectedSlotName === triggerSlotName;
|
|
63
64
|
const isAutoOpenedBySelection = isSelected && !isTriggerSlotSelected;
|
|
65
|
+
if (isAutoOpenedBySelection && !isOpen) {
|
|
66
|
+
plasmicNotifyAutoOpenedContent == null ? void 0 : plasmicNotifyAutoOpenedContent();
|
|
67
|
+
}
|
|
64
68
|
return Boolean(isAutoOpenedBySelection || isOpen);
|
|
65
69
|
}
|
|
66
70
|
function useAutoOpen({
|
|
@@ -71,16 +75,18 @@ function useAutoOpen({
|
|
|
71
75
|
var _a, _b, _c;
|
|
72
76
|
const inPlasmicCanvas = !!host.usePlasmicCanvasContext();
|
|
73
77
|
const isSelected = (_c = (_b = (_a = host.usePlasmicCanvasComponentInfo) == null ? void 0 : _a(props)) == null ? void 0 : _b.isSelected) != null ? _c : false;
|
|
78
|
+
const { plasmicNotifyAutoOpenedContent } = props;
|
|
74
79
|
React.useEffect(() => {
|
|
75
80
|
if (!inPlasmicCanvas) {
|
|
76
81
|
return;
|
|
77
82
|
}
|
|
78
83
|
if (isSelected) {
|
|
79
84
|
open == null ? void 0 : open();
|
|
85
|
+
plasmicNotifyAutoOpenedContent == null ? void 0 : plasmicNotifyAutoOpenedContent();
|
|
80
86
|
} else {
|
|
81
87
|
close == null ? void 0 : close();
|
|
82
88
|
}
|
|
83
|
-
}, [isSelected, inPlasmicCanvas]);
|
|
89
|
+
}, [isSelected, inPlasmicCanvas, plasmicNotifyAutoOpenedContent]);
|
|
84
90
|
}
|
|
85
91
|
function registerComponentHelper(loader, component, meta, overrides) {
|
|
86
92
|
if (overrides) {
|
|
@@ -2434,12 +2440,16 @@ function BaseComboBox(props) {
|
|
|
2434
2440
|
children,
|
|
2435
2441
|
setControlContextData,
|
|
2436
2442
|
plasmicUpdateVariant,
|
|
2443
|
+
__plasmic_selection_prop__,
|
|
2444
|
+
plasmicNotifyAutoOpenedContent,
|
|
2437
2445
|
className,
|
|
2438
2446
|
isOpen: _isOpen
|
|
2439
2447
|
} = _a, rest = __objRest$d(_a, [
|
|
2440
2448
|
"children",
|
|
2441
2449
|
"setControlContextData",
|
|
2442
2450
|
"plasmicUpdateVariant",
|
|
2451
|
+
"__plasmic_selection_prop__",
|
|
2452
|
+
"plasmicNotifyAutoOpenedContent",
|
|
2443
2453
|
"className",
|
|
2444
2454
|
"isOpen"
|
|
2445
2455
|
]);
|
|
@@ -2468,7 +2478,13 @@ function BaseComboBox(props) {
|
|
|
2468
2478
|
idManager
|
|
2469
2479
|
}
|
|
2470
2480
|
},
|
|
2471
|
-
/* @__PURE__ */ React__default.default.createElement(PlasmicInputContext.Provider, { value: { isUncontrolled: true } }, /* @__PURE__ */ React__default.default.createElement(
|
|
2481
|
+
/* @__PURE__ */ React__default.default.createElement(PlasmicInputContext.Provider, { value: { isUncontrolled: true } }, /* @__PURE__ */ React__default.default.createElement(
|
|
2482
|
+
ComboboxAutoOpen,
|
|
2483
|
+
{
|
|
2484
|
+
__plasmic_selection_prop__,
|
|
2485
|
+
plasmicNotifyAutoOpenedContent
|
|
2486
|
+
}
|
|
2487
|
+
), children)
|
|
2472
2488
|
)));
|
|
2473
2489
|
}
|
|
2474
2490
|
function registerComboBox(loader) {
|
|
@@ -2679,8 +2695,7 @@ const BaseModal = React.forwardRef(
|
|
|
2679
2695
|
resetClassName,
|
|
2680
2696
|
setControlContextData,
|
|
2681
2697
|
isDismissable,
|
|
2682
|
-
defaultOpen
|
|
2683
|
-
__plasmic_selection_prop__
|
|
2698
|
+
defaultOpen
|
|
2684
2699
|
} = _a, rest = __objRest$c(_a, [
|
|
2685
2700
|
"children",
|
|
2686
2701
|
"modalOverlayClass",
|
|
@@ -2689,14 +2704,13 @@ const BaseModal = React.forwardRef(
|
|
|
2689
2704
|
"resetClassName",
|
|
2690
2705
|
"setControlContextData",
|
|
2691
2706
|
"isDismissable",
|
|
2692
|
-
"defaultOpen"
|
|
2693
|
-
"__plasmic_selection_prop__"
|
|
2707
|
+
"defaultOpen"
|
|
2694
2708
|
]);
|
|
2695
2709
|
const canvasCtx = host.usePlasmicCanvasContext();
|
|
2696
2710
|
const isEditMode = canvasCtx && canvasCtx.interactive === false;
|
|
2697
2711
|
const contextProps = React__default.default.useContext(PlasmicDialogTriggerContext);
|
|
2698
2712
|
const isStandalone = !contextProps;
|
|
2699
|
-
const isOpen2 = useIsOpen({ isOpen,
|
|
2713
|
+
const isOpen2 = useIsOpen({ isOpen, props });
|
|
2700
2714
|
const mergedProps = reactAria.mergeProps(rest, {
|
|
2701
2715
|
// Since open/defaultOpen props are hidden when the modal is inside dialogTrigger, we also unset them here.
|
|
2702
2716
|
isOpen: isStandalone ? isOpen2 : void 0,
|
|
@@ -2890,26 +2904,14 @@ function TriggerWrapper$1({ children, className }) {
|
|
|
2890
2904
|
return /* @__PURE__ */ React__default.default.createElement("div", __spreadValues$d({}, mergedProps), children);
|
|
2891
2905
|
}
|
|
2892
2906
|
function BaseDialogTrigger(props) {
|
|
2893
|
-
const _a = props, {
|
|
2894
|
-
|
|
2895
|
-
dialog,
|
|
2896
|
-
isOpen,
|
|
2897
|
-
className,
|
|
2898
|
-
__plasmic_selection_prop__
|
|
2899
|
-
} = _a, rest = __objRest$b(_a, [
|
|
2900
|
-
"trigger",
|
|
2901
|
-
"dialog",
|
|
2902
|
-
"isOpen",
|
|
2903
|
-
"className",
|
|
2904
|
-
"__plasmic_selection_prop__"
|
|
2905
|
-
]);
|
|
2906
|
-
const isOpen2 = useIsOpen({
|
|
2907
|
+
const _a = props, { trigger, dialog, isOpen, className } = _a, rest = __objRest$b(_a, ["trigger", "dialog", "isOpen", "className"]);
|
|
2908
|
+
const canvasAwareIsOpen = useIsOpen({
|
|
2907
2909
|
triggerSlotName: "trigger",
|
|
2908
2910
|
isOpen,
|
|
2909
|
-
|
|
2911
|
+
props
|
|
2910
2912
|
});
|
|
2911
2913
|
const mergedProps = __spreadProps$b(__spreadValues$d({}, rest), {
|
|
2912
|
-
isOpen:
|
|
2914
|
+
isOpen: canvasAwareIsOpen
|
|
2913
2915
|
});
|
|
2914
2916
|
return (
|
|
2915
2917
|
// PlasmicDialogTriggerContext is used by BaseModal
|
|
@@ -3536,6 +3538,8 @@ function BaseSelect(props) {
|
|
|
3536
3538
|
name,
|
|
3537
3539
|
setControlContextData,
|
|
3538
3540
|
plasmicUpdateVariant,
|
|
3541
|
+
plasmicNotifyAutoOpenedContent,
|
|
3542
|
+
__plasmic_selection_prop__,
|
|
3539
3543
|
defaultSelectedKey,
|
|
3540
3544
|
"aria-label": ariaLabel
|
|
3541
3545
|
} = props;
|
|
@@ -3577,7 +3581,13 @@ function BaseSelect(props) {
|
|
|
3577
3581
|
disabledKeys,
|
|
3578
3582
|
"aria-label": ariaLabel
|
|
3579
3583
|
}, extractPlasmicDataProps(props)),
|
|
3580
|
-
/* @__PURE__ */ React__default.default.createElement(
|
|
3584
|
+
/* @__PURE__ */ React__default.default.createElement(
|
|
3585
|
+
SelectAutoOpen,
|
|
3586
|
+
{
|
|
3587
|
+
__plasmic_selection_prop__,
|
|
3588
|
+
plasmicNotifyAutoOpenedContent
|
|
3589
|
+
}
|
|
3590
|
+
),
|
|
3581
3591
|
/* @__PURE__ */ React__default.default.createElement(PlasmicPopoverTriggerContext.Provider, { value: true }, /* @__PURE__ */ React__default.default.createElement(
|
|
3582
3592
|
PlasmicListBoxContext.Provider,
|
|
3583
3593
|
{
|
|
@@ -5020,13 +5030,12 @@ function ControlledBaseTooltip(props) {
|
|
|
5020
5030
|
shouldFlip,
|
|
5021
5031
|
className,
|
|
5022
5032
|
onOpenChange = () => {
|
|
5023
|
-
}
|
|
5024
|
-
__plasmic_selection_prop__
|
|
5033
|
+
}
|
|
5025
5034
|
} = props;
|
|
5026
5035
|
const isCanvasAwareOpen = useIsOpen({
|
|
5027
5036
|
triggerSlotName: "children",
|
|
5028
5037
|
isOpen,
|
|
5029
|
-
|
|
5038
|
+
props
|
|
5030
5039
|
});
|
|
5031
5040
|
const ref = React.useRef(null);
|
|
5032
5041
|
const tooltipId = React.useId();
|