@react-stately/collections 3.3.4 → 3.3.7

package/dist/main.js

@@ -1,436 +1,335 @@
-var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
+var $4aZkW$react = require("react");
 
-var _react2 = require("react");
-
-var _react = $parcel$interopDefault(_react2);
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
+      return;
+    }
 
-var {
-  useMemo,
-  useRef
-} = _react2;
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
 
+  return dest;
+}
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
-
-function $de85adf0b38f4f13e9cffd2f21$var$Item(props) {
-  // eslint-disable-line @typescript-eslint/no-unused-vars
-  return null;
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
+var $c870f3b549c61b6b$exports = {};
 
-$de85adf0b38f4f13e9cffd2f21$var$Item.getCollectionNode = function* getCollectionNode(props, context) {
-  let {
-    childItems,
-    title,
-    children
-  } = props;
-  let rendered = props.title || props.children;
-  let textValue = props.textValue || (typeof rendered === 'string' ? rendered : '') || props['aria-label'] || ''; // suppressTextValueWarning is used in components like Tabs, which don't have type to select support.
-
-  if (!textValue && !(context != null && context.suppressTextValueWarning)) {
-    console.warn('<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop.');
-  }
+$parcel$export($c870f3b549c61b6b$exports, "Item", () => $c870f3b549c61b6b$export$6d08773d2e66f8f2);
 
-  yield {
-    type: 'item',
-    props: props,
-    rendered,
-    textValue,
-    'aria-label': props['aria-label'],
-    hasChildNodes: $de85adf0b38f4f13e9cffd2f21$var$hasChildItems(props),
-
-    *childNodes() {
-      if (childItems) {
-        for (let child of childItems) {
-          yield {
-            type: 'item',
-            value: child
-          };
+function $c870f3b549c61b6b$var$Item(props) {
+    return null;
+}
+$c870f3b549c61b6b$var$Item.getCollectionNode = function* getCollectionNode(props, context) {
+    let { childItems: childItems , title: title , children: children  } = props;
+    let rendered = props.title || props.children;
+    let textValue = props.textValue || (typeof rendered === 'string' ? rendered : '') || props['aria-label'] || '';
+    // suppressTextValueWarning is used in components like Tabs, which don't have type to select support.
+    if (!textValue && !(context === null || context === void 0 ? void 0 : context.suppressTextValueWarning)) console.warn('<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop.');
+    yield {
+        type: 'item',
+        props: props,
+        rendered: rendered,
+        textValue: textValue,
+        'aria-label': props['aria-label'],
+        hasChildNodes: $c870f3b549c61b6b$var$hasChildItems(props),
+        *childNodes () {
+            if (childItems) for (let child1 of childItems)yield {
+                type: 'item',
+                value: child1
+            };
+            else if (title) {
+                let items = [];
+                ($parcel$interopDefault($4aZkW$react)).Children.forEach(children, (child)=>{
+                    items.push({
+                        type: 'item',
+                        element: child
+                    });
+                });
+                yield* items;
+            }
         }
-      } else if (title) {
-        let items = [];
-
-        _react.Children.forEach(children, child => {
-          items.push({
-            type: 'item',
-            element: child
-          });
-        });
-
-        yield* items;
-      }
-    }
-
-  };
+    };
 };
+function $c870f3b549c61b6b$var$hasChildItems(props) {
+    if (props.hasChildItems != null) return props.hasChildItems;
+    if (props.childItems) return true;
+    if (props.title && ($parcel$interopDefault($4aZkW$react)).Children.count(props.children) > 0) return true;
+    return false;
+}
+// We don't want getCollectionNode to show up in the type definition
+let $c870f3b549c61b6b$export$6d08773d2e66f8f2 = $c870f3b549c61b6b$var$Item;
 
-function $de85adf0b38f4f13e9cffd2f21$var$hasChildItems(props) {
-  if (props.hasChildItems != null) {
-    return props.hasChildItems;
-  }
-
-  if (props.childItems) {
-    return true;
-  }
-
-  if (props.title && _react.Children.count(props.children) > 0) {
-    return true;
-  }
-
-  return false;
-} // We don't want getCollectionNode to show up in the type definition
 
+var $350f13aa4d8b327c$exports = {};
 
-let Item = $de85adf0b38f4f13e9cffd2f21$var$Item;
-exports.Item = Item;
+$parcel$export($350f13aa4d8b327c$exports, "Section", () => $350f13aa4d8b327c$export$6e2c8f0811a474ce);
 
-function $fce9f2c25e6e4c6ae9d7b8458177776c$var$Section(props) {
-  // eslint-disable-line @typescript-eslint/no-unused-vars
-  return null;
+function $350f13aa4d8b327c$var$Section(props) {
+    return null;
 }
-
-$fce9f2c25e6e4c6ae9d7b8458177776c$var$Section.getCollectionNode = function* getCollectionNode(props) {
-  let {
-    children,
-    title,
-    items
-  } = props;
-  yield {
-    type: 'section',
-    hasChildNodes: true,
-    rendered: title,
-    'aria-label': props['aria-label'],
-
-    *childNodes() {
-      if (typeof children === 'function') {
-        if (!items) {
-          throw new Error('props.children was a function but props.items is missing');
+$350f13aa4d8b327c$var$Section.getCollectionNode = function* getCollectionNode(props) {
+    let { children: children , title: title , items: items1  } = props;
+    yield {
+        type: 'section',
+        hasChildNodes: true,
+        rendered: title,
+        'aria-label': props['aria-label'],
+        *childNodes () {
+            if (typeof children === 'function') {
+                if (!items1) throw new Error('props.children was a function but props.items is missing');
+                for (let item of items1)yield {
+                    type: 'item',
+                    value: item,
+                    renderer: children
+                };
+            } else {
+                let items = [];
+                ($parcel$interopDefault($4aZkW$react)).Children.forEach(children, (child)=>{
+                    items.push({
+                        type: 'item',
+                        element: child
+                    });
+                });
+                yield* items;
+            }
         }
+    };
+};
+// We don't want getCollectionNode to show up in the type definition
+let $350f13aa4d8b327c$export$6e2c8f0811a474ce = $350f13aa4d8b327c$var$Section;
 
-        for (let item of items) {
-          yield {
-            type: 'item',
-            value: item,
-            renderer: children
-          };
-        }
-      } else {
-        let items = [];
-
-        _react.Children.forEach(children, child => {
-          items.push({
-            type: 'item',
-            element: child
-          });
-        });
-
-        yield* items;
-      }
-    }
-
-  };
-}; // We don't want getCollectionNode to show up in the type definition
-
-
-let Section = $fce9f2c25e6e4c6ae9d7b8458177776c$var$Section;
-exports.Section = Section;
-
-class $f9fc6bc72d334a59f09d47517f9a056a$export$CollectionBuilder {
-  constructor() {
-    this.context = void 0;
-    this.cache = new WeakMap();
-  }
-
-  build(props, context) {
-    this.context = context;
-    return $f9fc6bc72d334a59f09d47517f9a056a$var$iterable(() => this.iterateCollection(props));
-  }
-
-  *iterateCollection(props) {
-    let {
-      children,
-      items
-    } = props;
-
-    if (typeof children === 'function') {
-      if (!items) {
-        throw new Error('props.children was a function but props.items is missing');
-      }
 
-      for (let item of props.items) {
-        yield* this.getFullNode({
-          value: item
-        }, {
-          renderer: children
-        });
-      }
-    } else {
-      let items = [];
+var $cade2c06f59a1baa$exports = {};
 
-      _react.Children.forEach(children, child => {
-        items.push(child);
-      });
 
-      let index = 0;
+var $98fc0fafaca75b6a$exports = {};
 
-      for (let item of items) {
-        let nodes = this.getFullNode({
-          element: item,
-          index: index
-        }, {});
+$parcel$export($98fc0fafaca75b6a$exports, "useCollection", () => $98fc0fafaca75b6a$export$6cd28814d92fa9c9);
 
-        for (let node of nodes) {
-          index++;
-          yield node;
-        }
-      }
+class $51588fd411aace25$export$bf788dd355e3a401 {
+    build(props, context) {
+        this.context = context;
+        return $51588fd411aace25$var$iterable(()=>this.iterateCollection(props)
+        );
     }
-  }
-
-  getKey(item, partialNode, state, parentKey) {
-    if (item.key != null) {
-      return item.key;
+    *iterateCollection(props) {
+        let { children: children , items: items  } = props;
+        if (typeof children === 'function') {
+            if (!items) throw new Error('props.children was a function but props.items is missing');
+            for (let item of props.items)yield* this.getFullNode({
+                value: item
+            }, {
+                renderer: children
+            });
+        } else {
+            let items = [];
+            ($parcel$interopDefault($4aZkW$react)).Children.forEach(children, (child)=>{
+                items.push(child);
+            });
+            let index = 0;
+            for (let item of items){
+                let nodes = this.getFullNode({
+                    element: item,
+                    index: index
+                }, {
+                });
+                for (let node of nodes){
+                    index++;
+                    yield node;
+                }
+            }
+        }
     }
-
-    if (partialNode.type === 'cell' && partialNode.key != null) {
-      return "" + parentKey + partialNode.key;
+    getKey(item, partialNode, state, parentKey) {
+        if (item.key != null) return item.key;
+        if (partialNode.type === 'cell' && partialNode.key != null) return `${parentKey}${partialNode.key}`;
+        let v = partialNode.value;
+        if (v != null) {
+            var _key;
+            let key = (_key = v.key) !== null && _key !== void 0 ? _key : v.id;
+            if (key == null) throw new Error('No key found for item');
+            return key;
+        }
+        return parentKey ? `${parentKey}.${partialNode.index}` : `$.${partialNode.index}`;
     }
-
-    let v = partialNode.value;
-
-    if (v != null) {
-      var _v$key;
-
-      let key = (_v$key = v.key) != null ? _v$key : v.id;
-
-      if (key == null) {
-        throw new Error('No key found for item');
-      }
-
-      return key;
+    getChildState(state, partialNode) {
+        return {
+            renderer: partialNode.renderer || state.renderer
+        };
     }
-
-    return parentKey ? parentKey + "." + partialNode.index : "$." + partialNode.index;
-  }
-
-  getChildState(state, partialNode) {
-    return {
-      renderer: partialNode.renderer || state.renderer
-    };
-  }
-
-  *getFullNode(partialNode, state, parentKey, parentNode) {
-    // If there's a value instead of an element on the node, and a parent renderer function is available,
-    // use it to render an element for the value.
-    let element = partialNode.element;
-
-    if (!element && partialNode.value && state && state.renderer) {
-      let cached = this.cache.get(partialNode.value);
-
-      if (cached && (!cached.shouldInvalidate || !cached.shouldInvalidate(this.context))) {
-        cached.index = partialNode.index;
-        cached.parentKey = parentNode ? parentNode.key : null;
-        yield cached;
-        return;
-      }
-
-      element = state.renderer(partialNode.value);
-    } // If there's an element with a getCollectionNode function on its type, then it's a supported component.
-    // Call this function to get a partial node, and recursively build a full node from there.
-
-
-    if ( /*#__PURE__*/_react.isValidElement(element)) {
-      let type = element.type;
-
-      if (typeof type !== 'function' && typeof type.getCollectionNode !== 'function') {
-        let name = typeof element.type === 'function' ? element.type.name : element.type;
-        throw new Error("Unknown element <" + name + "> in collection.");
-      }
-
-      let childNodes = type.getCollectionNode(element.props, this.context);
-      let index = partialNode.index;
-      let result = childNodes.next();
-
-      while (!result.done && result.value) {
-        let childNode = result.value;
-        partialNode.index = index;
-        let nodeKey = childNode.key;
-
-        if (!nodeKey) {
-          nodeKey = childNode.element ? null : this.getKey(element, partialNode, state, parentKey);
+    *getFullNode(partialNode, state, parentKey, parentNode) {
+        // If there's a value instead of an element on the node, and a parent renderer function is available,
+        // use it to render an element for the value.
+        let element = partialNode.element;
+        if (!element && partialNode.value && state && state.renderer) {
+            let cached = this.cache.get(partialNode.value);
+            if (cached && (!cached.shouldInvalidate || !cached.shouldInvalidate(this.context))) {
+                cached.index = partialNode.index;
+                cached.parentKey = parentNode ? parentNode.key : null;
+                yield cached;
+                return;
+            }
+            element = state.renderer(partialNode.value);
         }
-
-        let nodes = this.getFullNode(_babelRuntimeHelpersExtends({}, childNode, {
-          key: nodeKey,
-          index,
-          wrapper: $f9fc6bc72d334a59f09d47517f9a056a$var$compose(partialNode.wrapper, childNode.wrapper)
-        }), this.getChildState(state, childNode), parentKey ? "" + parentKey + element.key : element.key, parentNode);
-        let children = [...nodes];
-
-        for (let node of children) {
-          // Cache the node based on its value
-          node.value = childNode.value || partialNode.value;
-
-          if (node.value) {
-            this.cache.set(node.value, node);
-          } // The partial node may have specified a type for the child in order to specify a constraint.
-          // Verify that the full node that was built recursively matches this type.
-
-
-          if (partialNode.type && node.type !== partialNode.type) {
-            throw new Error("Unsupported type <" + $f9fc6bc72d334a59f09d47517f9a056a$var$capitalize(node.type) + "> in <" + $f9fc6bc72d334a59f09d47517f9a056a$var$capitalize(parentNode.type) + ">. Only <" + $f9fc6bc72d334a59f09d47517f9a056a$var$capitalize(partialNode.type) + "> is supported.");
-          }
-
-          index++;
-          yield node;
-        }
-
-        result = childNodes.next(children);
-      }
-
-      return;
-    } // Ignore invalid elements
-
-
-    if (partialNode.key == null) {
-      return;
-    } // Create full node
-
-
-    let builder = this;
-    let node = {
-      type: partialNode.type,
-      props: partialNode.props,
-      key: partialNode.key,
-      parentKey: parentNode ? parentNode.key : null,
-      value: partialNode.value,
-      level: parentNode ? parentNode.level + 1 : 0,
-      index: partialNode.index,
-      rendered: partialNode.rendered,
-      textValue: partialNode.textValue,
-      'aria-label': partialNode['aria-label'],
-      wrapper: partialNode.wrapper,
-      shouldInvalidate: partialNode.shouldInvalidate,
-      hasChildNodes: partialNode.hasChildNodes,
-      childNodes: $f9fc6bc72d334a59f09d47517f9a056a$var$iterable(function* () {
-        if (!partialNode.hasChildNodes) {
-          return;
+        // If there's an element with a getCollectionNode function on its type, then it's a supported component.
+        // Call this function to get a partial node, and recursively build a full node from there.
+        if (($parcel$interopDefault($4aZkW$react)).isValidElement(element)) {
+            let type = element.type;
+            if (typeof type !== 'function' && typeof type.getCollectionNode !== 'function') {
+                let name = typeof element.type === 'function' ? element.type.name : element.type;
+                throw new Error(`Unknown element <${name}> in collection.`);
+            }
+            let childNodes = type.getCollectionNode(element.props, this.context);
+            let index = partialNode.index;
+            let result = childNodes.next();
+            while(!result.done && result.value){
+                let childNode = result.value;
+                partialNode.index = index;
+                let nodeKey = childNode.key;
+                if (!nodeKey) nodeKey = childNode.element ? null : this.getKey(element, partialNode, state, parentKey);
+                let nodes = this.getFullNode({
+                    ...childNode,
+                    key: nodeKey,
+                    index: index,
+                    wrapper: $51588fd411aace25$var$compose(partialNode.wrapper, childNode.wrapper)
+                }, this.getChildState(state, childNode), parentKey ? `${parentKey}${element.key}` : element.key, parentNode);
+                let children = [
+                    ...nodes
+                ];
+                for (let node of children){
+                    // Cache the node based on its value
+                    node.value = childNode.value || partialNode.value;
+                    if (node.value) this.cache.set(node.value, node);
+                    // The partial node may have specified a type for the child in order to specify a constraint.
+                    // Verify that the full node that was built recursively matches this type.
+                    if (partialNode.type && node.type !== partialNode.type) throw new Error(`Unsupported type <${$51588fd411aace25$var$capitalize(node.type)}> in <${$51588fd411aace25$var$capitalize(parentNode.type)}>. Only <${$51588fd411aace25$var$capitalize(partialNode.type)}> is supported.`);
+                    index++;
+                    yield node;
+                }
+                result = childNodes.next(children);
+            }
+            return;
         }
-
-        let index = 0;
-
-        for (let child of partialNode.childNodes()) {
-          // Ensure child keys are globally unique by prepending the parent node's key
-          if (child.key != null) {
-            child.key = "" + node.key + child.key;
-          }
-
-          child.index = index;
-          let nodes = builder.getFullNode(child, builder.getChildState(state, child), node.key, node);
-
-          for (let node of nodes) {
-            index++;
-            yield node;
-          }
+        // Ignore invalid elements
+        if (partialNode.key == null) return;
+        // Create full node
+        let builder = this;
+        let node = {
+            type: partialNode.type,
+            props: partialNode.props,
+            key: partialNode.key,
+            parentKey: parentNode ? parentNode.key : null,
+            value: partialNode.value,
+            level: parentNode ? parentNode.level + 1 : 0,
+            index: partialNode.index,
+            rendered: partialNode.rendered,
+            textValue: partialNode.textValue,
+            'aria-label': partialNode['aria-label'],
+            wrapper: partialNode.wrapper,
+            shouldInvalidate: partialNode.shouldInvalidate,
+            hasChildNodes: partialNode.hasChildNodes,
+            childNodes: $51588fd411aace25$var$iterable(function*() {
+                if (!partialNode.hasChildNodes) return;
+                let index = 0;
+                for (let child of partialNode.childNodes()){
+                    // Ensure child keys are globally unique by prepending the parent node's key
+                    if (child.key != null) // TODO: Remove this line entirely and enforce that users always provide unique keys.
+                    // Currently this line will have issues when a parent has a key `a` and a child with key `bc`
+                    // but another parent has key `ab` and its child has a key `c`. The combined keys would result in both
+                    // children having a key of `abc`.
+                    child.key = `${node.key}${child.key}`;
+                    child.index = index;
+                    let nodes = builder.getFullNode(child, builder.getChildState(state, child), node.key, node);
+                    for (let node1 of nodes){
+                        index++;
+                        yield node1;
+                    }
+                }
+            })
+        };
+        yield node;
+    }
+    constructor(){
+        this.cache = new WeakMap();
+    }
+}
+// Wraps an iterator function as an iterable object, and caches the results.
+function $51588fd411aace25$var$iterable(iterator) {
+    let cache = [];
+    let iterable = null;
+    return {
+        *[Symbol.iterator] () {
+            for (let item of cache)yield item;
+            if (!iterable) iterable = iterator();
+            for (let item1 of iterable){
+                cache.push(item1);
+                yield item1;
+            }
         }
-      })
     };
-    yield node;
-  }
-
-} // Wraps an iterator function as an iterable object, and caches the results.
-
-
-function $f9fc6bc72d334a59f09d47517f9a056a$var$iterable(iterator) {
-  let cache = [];
-  let iterable = null;
-  return {
-    *[Symbol.iterator]() {
-      for (let item of cache) {
-        yield item;
-      }
-
-      if (!iterable) {
-        iterable = iterator();
-      }
-
-      for (let item of iterable) {
-        cache.push(item);
-        yield item;
-      }
-    }
-
-  };
 }
-
-function $f9fc6bc72d334a59f09d47517f9a056a$var$compose(outer, inner) {
-  if (outer && inner) {
-    return element => outer(inner(element));
-  }
-
-  if (outer) {
-    return outer;
-  }
-
-  if (inner) {
-    return inner;
-  }
+function $51588fd411aace25$var$compose(outer, inner) {
+    if (outer && inner) return (element)=>outer(inner(element))
+    ;
+    if (outer) return outer;
+    if (inner) return inner;
 }
-
-function $f9fc6bc72d334a59f09d47517f9a056a$var$capitalize(str) {
-  return str[0].toUpperCase() + str.slice(1);
+function $51588fd411aace25$var$capitalize(str) {
+    return str[0].toUpperCase() + str.slice(1);
 }
 
-function useCollection(props, factory, context, invalidators) {
-  if (invalidators === void 0) {
-    invalidators = [];
-  }
 
-  let builder = useMemo(() => new $f9fc6bc72d334a59f09d47517f9a056a$export$CollectionBuilder(), []);
-  let prev = useRef(null);
-  return useMemo(() => {
-    let nodes = builder.build(props, context);
-    prev.current = factory(nodes, prev.current);
-    return prev.current; // Don't invalidate when any prop changes, just the two we care about.
+
+function $98fc0fafaca75b6a$export$6cd28814d92fa9c9(props, factory, context, invalidators = []) {
+    let builder = $4aZkW$react.useMemo(()=>new $51588fd411aace25$export$bf788dd355e3a401()
+    , []);
+    let prev = $4aZkW$react.useRef(null);
+    return $4aZkW$react.useMemo(()=>{
+        let nodes = builder.build(props, context);
+        prev.current = factory(nodes, prev.current);
+        return prev.current;
+    // Don't invalidate when any prop changes, just the two we care about.
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [builder, props.children, props.items, context, ...invalidators]);
+    }, [
+        builder,
+        props.children,
+        props.items,
+        context,
+        ...invalidators
+    ]);
 }
 
-exports.useCollection = useCollection;
-
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-const $f87be1a9afd2842b9b36ca75398a185$var$cache = new WeakMap();
 
-function getItemCount(collection) {
-  let count = $f87be1a9afd2842b9b36ca75398a185$var$cache.get(collection);
+var $e749fe52977fe2c2$exports = {};
 
-  if (count != null) {
+$parcel$export($e749fe52977fe2c2$exports, "getItemCount", () => $e749fe52977fe2c2$export$77d5aafae4e095b2);
+const $e749fe52977fe2c2$var$cache = new WeakMap();
+function $e749fe52977fe2c2$export$77d5aafae4e095b2(collection) {
+    let count = $e749fe52977fe2c2$var$cache.get(collection);
+    if (count != null) return count;
+    count = 0;
+    for (let item of collection)if (item.type === 'section') count += $e749fe52977fe2c2$export$77d5aafae4e095b2(item.childNodes);
+    else count++;
+    $e749fe52977fe2c2$var$cache.set(collection, count);
     return count;
-  }
+}
 
-  count = 0;
 
-  for (let item of collection) {
-    if (item.type === 'section') {
-      count += getItemCount(item.childNodes);
-    } else {
-      count++;
-    }
-  }
+$parcel$exportWildcard(module.exports, $c870f3b549c61b6b$exports);
+$parcel$exportWildcard(module.exports, $350f13aa4d8b327c$exports);
+$parcel$exportWildcard(module.exports, $cade2c06f59a1baa$exports);
+$parcel$exportWildcard(module.exports, $98fc0fafaca75b6a$exports);
+$parcel$exportWildcard(module.exports, $e749fe52977fe2c2$exports);
 
-  $f87be1a9afd2842b9b36ca75398a185$var$cache.set(collection, count);
-  return count;
-}
 
-exports.getItemCount = getItemCount;
 //# sourceMappingURL=main.js.map