@plasmicpkgs/react-aria 0.0.121 → 0.0.123

package/dist/OptionsItemIdManager.d.ts

@@ -14,7 +14,7 @@ export declare class OptionsItemIdManager {
 }
 /** Gets a unique option item ID. If the requested ID is already taken, returns a unique ID based on the requested ID. */
 export declare const useOptionsItemId: (requestedId?: string, idManager?: OptionsItemIdManager) => {
-    registeredId: string;
+    registeredId: string | undefined;
     idError: string | undefined;
 };
 /**

package/dist/react-aria.esm.js

@@ -1,5 +1,5 @@
 import { usePlasmicCanvasContext, usePlasmicCanvasComponentInfo, usePlasmicLink } from '@plasmicapp/host';
-import React, { useEffect, useState, useLayoutEffect, useMemo, useCallback, forwardRef, useImperativeHandle, Component, useRef, useId } from 'react';
+import React, { useEffect, useState, useMemo, useCallback, forwardRef, useImperativeHandle, Component, useRef, useId } from 'react';
 import { mergeProps, useLink, useHover, useFocusRing, useButton, useFocusWithin } from 'react-aria';
 import { Button, Checkbox, Text, Label, CheckboxGroup, useContextProps, InputContext, ListBoxItem, ListBox, Section, Header, PopoverContext, Popover, ComboBox, ComboBoxStateContext, Dialog, ModalOverlay, Modal, DialogTrigger, Heading, TooltipTriggerStateContext, OverlayArrow, Radio, RadioGroup, Select, SelectStateContext, SelectValue, SliderOutput, SliderThumb, Slider, SliderTrack, Switch, TextAreaContext, TextField, Provider, Tooltip } from 'react-aria-components';
 import registerComponent from '@plasmicapp/host/registerComponent';
@@ -38,6 +38,8 @@ var __objRest$o = (source, exclude) => {
     }
   return target;
 };
+const isBrowser = typeof window !== "undefined";
+const useIsomorphicLayoutEffect = isBrowser ? React.useLayoutEffect : React.useEffect;
 function useIsOpen({
   triggerSlotName,
   isOpen,
@@ -70,7 +72,7 @@ function useAutoOpen({
     } else {
       close == null ? void 0 : close();
     }
-  }, [isSelected, inPlasmicCanvas]);
+  }, [isSelected, inPlasmicCanvas, open, close]);
 }
 function registerComponentHelper(loader, component, meta, overrides) {
   if (overrides) {
@@ -901,8 +903,8 @@ class OptionsItemIdManager {
   }
 }
 const useOptionsItemId = (requestedId, idManager) => {
-  const [registeredId, setRegisteredId] = useState("");
-  useLayoutEffect(() => {
+  const [registeredId, setRegisteredId] = useState();
+  useIsomorphicLayoutEffect(() => {
     if (!idManager) {
       return;
     }
@@ -3209,7 +3211,7 @@ function BaseRadio(props) {
   const radio = /* @__PURE__ */ React.createElement(
     Radio,
     __spreadProps$9(__spreadValues$a({}, rest), {
-      value: registeredId,
+      value: registeredId != null ? registeredId : "",
       key: registeredId,
       style: COMMON_STYLES
     }),