@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.
Files changed (110) hide show
  1. package/dist/.tsbuildinfo +1 -1
  2. package/dist/react-aria.esm.js +37 -28
  3. package/dist/react-aria.esm.js.map +1 -1
  4. package/dist/react-aria.js +37 -28
  5. package/dist/react-aria.js.map +1 -1
  6. package/dist/registerComboBox.d.ts +2 -2
  7. package/dist/registerDialogTrigger.d.ts +2 -2
  8. package/dist/registerModal.d.ts +2 -2
  9. package/dist/registerPopover.d.ts +2 -2
  10. package/dist/registerSelect.d.ts +2 -2
  11. package/dist/registerTooltip.d.ts +2 -2
  12. package/dist/utils.d.ts +5 -4
  13. package/package.json +2 -2
  14. package/skinny/{OptionsItemIdManager-34faf3b6.cjs.js → OptionsItemIdManager-3dae926c.cjs.js} +2 -2
  15. package/skinny/{OptionsItemIdManager-34faf3b6.cjs.js.map → OptionsItemIdManager-3dae926c.cjs.js.map} +1 -1
  16. package/skinny/{OptionsItemIdManager-165c0c68.esm.js → OptionsItemIdManager-87cb9fe8.esm.js} +2 -2
  17. package/skinny/{OptionsItemIdManager-165c0c68.esm.js.map → OptionsItemIdManager-87cb9fe8.esm.js.map} +1 -1
  18. package/skinny/{common-e24b7213.cjs.js → common-97d00c54.cjs.js} +2 -2
  19. package/skinny/{common-e24b7213.cjs.js.map → common-97d00c54.cjs.js.map} +1 -1
  20. package/skinny/{common-59834505.esm.js → common-a6882f23.esm.js} +2 -2
  21. package/skinny/{common-59834505.esm.js.map → common-a6882f23.esm.js.map} +1 -1
  22. package/skinny/registerButton.cjs.js +2 -2
  23. package/skinny/registerButton.esm.js +2 -2
  24. package/skinny/registerCheckbox.cjs.js +3 -3
  25. package/skinny/registerCheckbox.esm.js +3 -3
  26. package/skinny/registerCheckboxGroup.cjs.js +3 -3
  27. package/skinny/registerCheckboxGroup.esm.js +3 -3
  28. package/skinny/registerComboBox.cjs.js +15 -5
  29. package/skinny/registerComboBox.cjs.js.map +1 -1
  30. package/skinny/registerComboBox.d.ts +2 -2
  31. package/skinny/registerComboBox.esm.js +15 -5
  32. package/skinny/registerComboBox.esm.js.map +1 -1
  33. package/skinny/registerDescription.cjs.js +2 -2
  34. package/skinny/registerDescription.esm.js +2 -2
  35. package/skinny/registerDialog.cjs.js +2 -2
  36. package/skinny/registerDialog.esm.js +2 -2
  37. package/skinny/registerDialogTrigger.cjs.js +6 -18
  38. package/skinny/registerDialogTrigger.cjs.js.map +1 -1
  39. package/skinny/registerDialogTrigger.d.ts +2 -2
  40. package/skinny/registerDialogTrigger.esm.js +6 -18
  41. package/skinny/registerDialogTrigger.esm.js.map +1 -1
  42. package/skinny/registerFieldError.cjs.js +1 -1
  43. package/skinny/registerFieldError.esm.js +1 -1
  44. package/skinny/registerForm.cjs.js +1 -1
  45. package/skinny/registerForm.esm.js +1 -1
  46. package/skinny/registerHeading.cjs.js +2 -2
  47. package/skinny/registerHeading.esm.js +2 -2
  48. package/skinny/registerInput.cjs.js +2 -2
  49. package/skinny/registerInput.esm.js +2 -2
  50. package/skinny/registerLabel.cjs.js +2 -2
  51. package/skinny/registerLabel.esm.js +2 -2
  52. package/skinny/{registerListBox-a4d16b2c.esm.js → registerListBox-7bc52037.esm.js} +4 -4
  53. package/skinny/{registerListBox-a4d16b2c.esm.js.map → registerListBox-7bc52037.esm.js.map} +1 -1
  54. package/skinny/{registerListBox-193a68f7.cjs.js → registerListBox-fefaf99a.cjs.js} +4 -4
  55. package/skinny/{registerListBox-193a68f7.cjs.js.map → registerListBox-fefaf99a.cjs.js.map} +1 -1
  56. package/skinny/registerListBox.cjs.js +4 -4
  57. package/skinny/registerListBox.esm.js +4 -4
  58. package/skinny/registerListBoxItem.cjs.js +3 -3
  59. package/skinny/registerListBoxItem.esm.js +3 -3
  60. package/skinny/registerModal.cjs.js +5 -7
  61. package/skinny/registerModal.cjs.js.map +1 -1
  62. package/skinny/registerModal.d.ts +2 -2
  63. package/skinny/registerModal.esm.js +5 -7
  64. package/skinny/registerModal.esm.js.map +1 -1
  65. package/skinny/registerOverlayArrow.cjs.js +2 -2
  66. package/skinny/registerOverlayArrow.esm.js +2 -2
  67. package/skinny/registerPopover.cjs.js +2 -2
  68. package/skinny/registerPopover.cjs.js.map +1 -1
  69. package/skinny/registerPopover.d.ts +2 -2
  70. package/skinny/registerPopover.esm.js +2 -2
  71. package/skinny/registerPopover.esm.js.map +1 -1
  72. package/skinny/registerRadio.cjs.js +3 -3
  73. package/skinny/registerRadio.esm.js +3 -3
  74. package/skinny/registerRadioGroup.cjs.js +3 -3
  75. package/skinny/registerRadioGroup.esm.js +3 -3
  76. package/skinny/registerSection.cjs.js +4 -4
  77. package/skinny/registerSection.esm.js +4 -4
  78. package/skinny/registerSelect.cjs.js +13 -5
  79. package/skinny/registerSelect.cjs.js.map +1 -1
  80. package/skinny/registerSelect.d.ts +2 -2
  81. package/skinny/registerSelect.esm.js +13 -5
  82. package/skinny/registerSelect.esm.js.map +1 -1
  83. package/skinny/registerSlider.cjs.js +2 -2
  84. package/skinny/registerSlider.esm.js +2 -2
  85. package/skinny/registerSliderOutput.cjs.js +2 -2
  86. package/skinny/registerSliderOutput.esm.js +2 -2
  87. package/skinny/registerSliderThumb.cjs.js +2 -2
  88. package/skinny/registerSliderThumb.esm.js +2 -2
  89. package/skinny/registerSliderTrack.cjs.js +2 -2
  90. package/skinny/registerSliderTrack.esm.js +2 -2
  91. package/skinny/registerSwitch.cjs.js +2 -2
  92. package/skinny/registerSwitch.esm.js +2 -2
  93. package/skinny/registerText.cjs.js +2 -2
  94. package/skinny/registerText.esm.js +2 -2
  95. package/skinny/registerTextArea.cjs.js +2 -2
  96. package/skinny/registerTextArea.esm.js +2 -2
  97. package/skinny/registerTextField.cjs.js +2 -2
  98. package/skinny/registerTextField.esm.js +2 -2
  99. package/skinny/registerTooltip.cjs.js +4 -5
  100. package/skinny/registerTooltip.cjs.js.map +1 -1
  101. package/skinny/registerTooltip.d.ts +2 -2
  102. package/skinny/registerTooltip.esm.js +4 -5
  103. package/skinny/registerTooltip.esm.js.map +1 -1
  104. package/skinny/{utils-0ef9e9d1.cjs.js → utils-85ca5354.cjs.js} +9 -3
  105. package/skinny/utils-85ca5354.cjs.js.map +1 -0
  106. package/skinny/{utils-81ea3961.esm.js → utils-edf40001.esm.js} +9 -3
  107. package/skinny/utils-edf40001.esm.js.map +1 -0
  108. package/skinny/utils.d.ts +5 -4
  109. package/skinny/utils-0ef9e9d1.cjs.js.map +0 -1
  110. package/skinny/utils-81ea3961.esm.js.map +0 -1
@@ -51,9 +51,10 @@ const useIsomorphicLayoutEffect = isBrowser ? React__default.default.useLayoutEf
51
51
  function useIsOpen({
52
52
  triggerSlotName,
53
53
  isOpen,
54
- __plasmic_selection_prop__
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(ComboboxAutoOpen, __spreadValues$f({}, props)), children)
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, __plasmic_selection_prop__ });
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
- trigger,
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
- __plasmic_selection_prop__
2911
+ props
2910
2912
  });
2911
2913
  const mergedProps = __spreadProps$b(__spreadValues$d({}, rest), {
2912
- isOpen: isOpen2
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(SelectAutoOpen, __spreadValues$8({}, props)),
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
- __plasmic_selection_prop__
5038
+ props
5030
5039
  });
5031
5040
  const ref = React.useRef(null);
5032
5041
  const tooltipId = React.useId();