@plasmicpkgs/react-aria 0.0.169 → 0.0.171

package/dist/react-aria.esm.js

@@ -4,7 +4,6 @@ import { mergeProps, useLink, useHover, useFocusRing, useButton, useFocusWithin,
 import { Button, Checkbox, Text, Label, CheckboxGroup, useContextProps, InputContext, ListBoxItem, ListBox, ListBoxSection, Header, PopoverContext, Popover, ComboBox, ComboBoxStateContext, Dialog, ModalOverlay, Modal, DialogTrigger, Heading, TooltipTriggerStateContext, OverlayArrow, Radio, RadioGroup, Select, SelectStateContext, SelectValue, SliderOutput, Slider, SliderTrackContext, SliderThumb, SliderTrack, Switch, TextAreaContext, TextField, Provider, Tooltip } from 'react-aria-components';
 import registerComponent from '@plasmicapp/host/registerComponent';
 import { mergeProps as mergeProps$1 } from '@react-aria/utils';
-import flattenChildren from 'react-keyed-flatten-children';
 import { useTooltipTriggerState } from 'react-stately';
 
 var __defProp$t = Object.defineProperty;
@@ -133,6 +132,31 @@ function filterHoverProps(props) {
   ]);
   return otherProps;
 }
+function flattenChildren(children, depth = 0, keys = []) {
+  return React.Children.toArray(children).reduce(
+    (acc, node, nodeIndex) => {
+      if (React.isValidElement(node) && node.type === React.Fragment) {
+        acc.push(
+          ...flattenChildren(
+            node.props.children,
+            depth + 1,
+            keys.concat(node.key || nodeIndex)
+          )
+        );
+      } else if (React.isValidElement(node)) {
+        acc.push(
+          React.cloneElement(node, {
+            key: keys.concat(String(node.key)).join(".")
+          })
+        );
+      } else if (typeof node === "string" || typeof node === "number") {
+        acc.push(node);
+      }
+      return acc;
+    },
+    []
+  );
+}
 
 var __defProp$s = Object.defineProperty;
 var __getOwnPropSymbols$s = Object.getOwnPropertySymbols;
@@ -683,9 +707,10 @@ const ARIA_COMPONENTS_VARIANTS = {
   }
 };
 function VariantUpdater({
-  changes,
+  changes: rawChanges,
   updateVariant
 }) {
+  const changes = React.useMemo(() => rawChanges, [JSON.stringify(rawChanges)]);
   React.useEffect(() => {
     if (updateVariant) {
       updateVariant(changes);