@plasmicpkgs/react-aria 0.0.169 → 0.0.171

package/dist/react-aria.js

@@ -6,14 +6,12 @@ var reactAria = require('react-aria');
 var reactAriaComponents = require('react-aria-components');
 var registerComponent = require('@plasmicapp/host/registerComponent');
 var utils = require('@react-aria/utils');
-var flattenChildren = require('react-keyed-flatten-children');
 var reactStately = require('react-stately');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 var registerComponent__default = /*#__PURE__*/_interopDefault(registerComponent);
-var flattenChildren__default = /*#__PURE__*/_interopDefault(flattenChildren);
 
 var __defProp$t = Object.defineProperty;
 var __defProps$o = Object.defineProperties;
@@ -141,6 +139,31 @@ function filterHoverProps(props) {
   ]);
   return otherProps;
 }
+function flattenChildren(children, depth = 0, keys = []) {
+  return React__default.default.Children.toArray(children).reduce(
+    (acc, node, nodeIndex) => {
+      if (React__default.default.isValidElement(node) && node.type === React__default.default.Fragment) {
+        acc.push(
+          ...flattenChildren(
+            node.props.children,
+            depth + 1,
+            keys.concat(node.key || nodeIndex)
+          )
+        );
+      } else if (React__default.default.isValidElement(node)) {
+        acc.push(
+          React__default.default.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;
@@ -691,9 +714,10 @@ const ARIA_COMPONENTS_VARIANTS = {
   }
 };
 function VariantUpdater({
-  changes,
+  changes: rawChanges,
   updateVariant
 }) {
+  const changes = React__default.default.useMemo(() => rawChanges, [JSON.stringify(rawChanges)]);
   React__default.default.useEffect(() => {
     if (updateVariant) {
       updateVariant(changes);
@@ -4079,7 +4103,7 @@ function BaseSliderTrack(props) {
     return { minIndex: 0, maxIndex: thumbsLength - 1 };
   }, [thumbsLength]);
   const thumbs = React.useMemo(() => {
-    const thumbNodes = flattenChildren__default.default(children);
+    const thumbNodes = flattenChildren(children);
     if (!thumbNodes || thumbNodes.length === 0) {
       return [];
     }