npm - @react-stately/collections - Versions diffs - 3.3.4 → 3.3.5 - Mend

@react-stately/collections 3.3.4 → 3.3.5

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 (6) hide show

package/dist/module.js CHANGED Viewed

@@ -1,417 +1,307 @@
-import _babelRuntimeHelpersEsmExtends from "@babel/runtime/helpers/esm/extends";
-import _react, { useMemo, useRef } from "react";
+import $hGDng$react, {useMemo as $hGDng$useMemo, useRef as $hGDng$useRef} from "react";
-function $e92117d6e5313ef8e7c10fac1de193ce$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 $d80587bf41d0fb18$exports = {};
-$e92117d6e5313ef8e7c10fac1de193ce$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.
+$parcel$export($d80587bf41d0fb18$exports, "Item", () => $d80587bf41d0fb18$export$6d08773d2e66f8f2);
-  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.');
-  }
-  yield {
-    type: 'item',
-    props: props,
-    rendered,
-    textValue,
-    'aria-label': props['aria-label'],
-    hasChildNodes: $e92117d6e5313ef8e7c10fac1de193ce$var$hasChildItems(props),
-    *childNodes() {
-      if (childItems) {
-        for (let child of childItems) {
-          yield {
-            type: 'item',
-            value: child
-          };
+function $d80587bf41d0fb18$var$Item(props) {
+    return null;
+}
+$d80587bf41d0fb18$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?.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: $d80587bf41d0fb18$var$hasChildItems(props),
+        *childNodes () {
+            if (childItems) for (let child1 of childItems)yield {
+                type: 'item',
+                value: child1
+            };
+            else if (title) {
+                let items = [];
+                $hGDng$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 $d80587bf41d0fb18$var$hasChildItems(props) {
+    if (props.hasChildItems != null) return props.hasChildItems;
+    if (props.childItems) return true;
+    if (props.title && $hGDng$react.Children.count(props.children) > 0) return true;
+    return false;
+}
+// We don't want getCollectionNode to show up in the type definition
+let $d80587bf41d0fb18$export$6d08773d2e66f8f2 = $d80587bf41d0fb18$var$Item;
-function $e92117d6e5313ef8e7c10fac1de193ce$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 $591e4228be66f7fb$exports = {};
-export let Item = $e92117d6e5313ef8e7c10fac1de193ce$var$Item;
+$parcel$export($591e4228be66f7fb$exports, "Section", () => $591e4228be66f7fb$export$6e2c8f0811a474ce);
-function $b2e76f05d3356a2e1df6ac80570fcd9$var$Section(props) {
-  // eslint-disable-line @typescript-eslint/no-unused-vars
-  return null;
+function $591e4228be66f7fb$var$Section(props) {
+    return null;
 }
-$b2e76f05d3356a2e1df6ac80570fcd9$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');
-        }
-        for (let item of items) {
-          yield {
-            type: 'item',
-            value: item,
-            renderer: children
-          };
+$591e4228be66f7fb$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 = [];
+                $hGDng$react.Children.forEach(children, (child)=>{
+                    items.push({
+                        type: 'item',
+                        element: child
+                    });
+                });
+                yield* items;
+            }
         }
-      } 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
-export let Section = $b2e76f05d3356a2e1df6ac80570fcd9$var$Section;
-class $f8429209754fda4b9142d514065f4$export$CollectionBuilder {
-  constructor() {
-    this.context = void 0;
-    this.cache = new WeakMap();
-  }
-  build(props, context) {
-    this.context = context;
-    return $f8429209754fda4b9142d514065f4$var$iterable(() => this.iterateCollection(props));
-  }
-  *iterateCollection(props) {
-    let {
-      children,
-      items
-    } = props;
+    };
+};
+// We don't want getCollectionNode to show up in the type definition
+let $591e4228be66f7fb$export$6e2c8f0811a474ce = $591e4228be66f7fb$var$Section;
-    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 $b8582cc7aa33d0e8$exports = {};
-      _react.Children.forEach(children, child => {
-        items.push(child);
-      });
-      let index = 0;
+var $b0e94ff142179e1f$exports = {};
-      for (let item of items) {
-        let nodes = this.getFullNode({
-          element: item,
-          index: index
-        }, {});
+$parcel$export($b0e94ff142179e1f$exports, "useCollection", () => $b0e94ff142179e1f$export$6cd28814d92fa9c9);
-        for (let node of nodes) {
-          index++;
-          yield node;
-        }
-      }
+class $0ef13e8a225e58db$export$bf788dd355e3a401 {
+    build(props, context) {
+        this.context = context;
+        return $0ef13e8a225e58db$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 = [];
+            $hGDng$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) {
+            let key = v.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);
-        }
-        let nodes = this.getFullNode(_babelRuntimeHelpersEsmExtends({}, childNode, {
-          key: nodeKey,
-          index,
-          wrapper: $f8429209754fda4b9142d514065f4$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 <" + $f8429209754fda4b9142d514065f4$var$capitalize(node.type) + "> in <" + $f8429209754fda4b9142d514065f4$var$capitalize(parentNode.type) + ">. Only <" + $f8429209754fda4b9142d514065f4$var$capitalize(partialNode.type) + "> is supported.");
-          }
-          index++;
-          yield node;
+    *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);
         }
-        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: $f8429209754fda4b9142d514065f4$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 ($hGDng$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: $0ef13e8a225e58db$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 <${$0ef13e8a225e58db$var$capitalize(node.type)}> in <${$0ef13e8a225e58db$var$capitalize(parentNode.type)}>. Only <${$0ef13e8a225e58db$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: $0ef13e8a225e58db$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) 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 $0ef13e8a225e58db$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 $f8429209754fda4b9142d514065f4$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 $f8429209754fda4b9142d514065f4$var$compose(outer, inner) {
-  if (outer && inner) {
-    return element => outer(inner(element));
-  }
-  if (outer) {
-    return outer;
-  }
-  if (inner) {
-    return inner;
-  }
+function $0ef13e8a225e58db$var$compose(outer, inner) {
+    if (outer && inner) return (element)=>outer(inner(element))
+    ;
+    if (outer) return outer;
+    if (inner) return inner;
 }
-function $f8429209754fda4b9142d514065f4$var$capitalize(str) {
-  return str[0].toUpperCase() + str.slice(1);
+function $0ef13e8a225e58db$var$capitalize(str) {
+    return str[0].toUpperCase() + str.slice(1);
 }
-export function useCollection(props, factory, context, invalidators) {
-  if (invalidators === void 0) {
-    invalidators = [];
-  }
-  let builder = useMemo(() => new $f8429209754fda4b9142d514065f4$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 $b0e94ff142179e1f$export$6cd28814d92fa9c9(props, factory, context, invalidators = []) {
+    let builder = $hGDng$useMemo(()=>new $0ef13e8a225e58db$export$bf788dd355e3a401()
+    , []);
+    let prev = $hGDng$useRef(null);
+    return $hGDng$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
+    ]);
 }
-/*
- * 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 $c10674539d06c96e1a2fbb6a54340$var$cache = new WeakMap();
-export function getItemCount(collection) {
-  let count = $c10674539d06c96e1a2fbb6a54340$var$cache.get(collection);
-  if (count != null) {
+var $a5bc6066b2ba167e$exports = {};
+$parcel$export($a5bc6066b2ba167e$exports, "getItemCount", () => $a5bc6066b2ba167e$export$77d5aafae4e095b2);
+const $a5bc6066b2ba167e$var$cache = new WeakMap();
+function $a5bc6066b2ba167e$export$77d5aafae4e095b2(collection) {
+    let count = $a5bc6066b2ba167e$var$cache.get(collection);
+    if (count != null) return count;
+    count = 0;
+    for (let item of collection)if (item.type === 'section') count += $a5bc6066b2ba167e$export$77d5aafae4e095b2(item.childNodes);
+    else count++;
+    $a5bc6066b2ba167e$var$cache.set(collection, count);
     return count;
-  }
+}
-  count = 0;
-  for (let item of collection) {
-    if (item.type === 'section') {
-      count += getItemCount(item.childNodes);
-    } else {
-      count++;
-    }
-  }
-  $c10674539d06c96e1a2fbb6a54340$var$cache.set(collection, count);
-  return count;
-}
+export {$d80587bf41d0fb18$export$6d08773d2e66f8f2 as Item, $591e4228be66f7fb$export$6e2c8f0811a474ce as Section, $b0e94ff142179e1f$export$6cd28814d92fa9c9 as useCollection, $a5bc6066b2ba167e$export$77d5aafae4e095b2 as getItemCount};
 //# sourceMappingURL=module.js.map