Fix cyclic definitions for props table

packages/@react-spectrum/listbox/docs/ListBox.mdx

@@ -0,0 +1,58 @@
+<!-- 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. -->
+
+import {Layout} from '@react-spectrum/docs';
+export default Layout;
+
+import docs from 'docs:@react-spectrum/listbox';
+import {HeaderInfo, PropTable} from '@react-spectrum/docs';
+import packageData from '../package.json';
+
+```jsx import
+import {ListBox, Section, Item} from '@react-spectrum/listbox';
+```
+
+# ListBox
+
+<p>{docs.exports.ListBox.description}</p>
+
+<HeaderInfo
+  packageData={packageData}
+  componentNames={['ListBox']} />
+
+## Example
+
+```tsx example
+<ListBox width={200} aria-label="label">
+  <Section title="Justify">
+    <Item>Left</Item>
+    <Item>Middle</Item>
+    <Item>Right</Item>
+  </Section>
+  <Section title="Align">
+    <Item>Top</Item>
+    <Item>Center</Item>
+    <Item>Bottom</Item>
+  </Section>
+</ListBox>
+```
+
+## Content
+
+### Accessibility
+
+### Internationalization
+
+## Events
+
+## Props
+
+<PropTable component={docs.exports.ListBox} links={docs.links} />
+
+## Visual Options

packages/@react-spectrum/listbox/src/ListBox.tsx

@@ -36,5 +36,10 @@ function ListBox<T>(props: SpectrumListBoxProps<T>, ref: DOMRef<HTMLDivElement>)
 
 // forwardRef doesn't support generic parameters, so cast the result to the correct type
 // https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
+
+
+/**
+ * Listbox shows lists
+ */
 const _ListBox = React.forwardRef(ListBox) as <T>(props: SpectrumListBoxProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;
 export {_ListBox as ListBox};

packages/@react-types/shared/src/collections.d.ts

@@ -106,7 +106,7 @@ export interface KeyboardDelegate {
 
   /** Returns the key visually one page above the given one, or `null` for none. */
   getKeyPageAbove?(key: Key): Key,
-  
+
   /** Returns the first key, or `null` for none. */
   getFirstKey?(): Key,
 

packages/dev/docs/src/types.js

@@ -85,7 +85,7 @@ export function Type({type}) {
     case 'alias':
       return <code className={typographyStyles['spectrum-Code4']}><Type type={type.value} /></code>;
     default:
-      console.log('UNKNOWN TYPE', type);
+      console.log('no render component for TYPE', type);
       return null;
   }
 }
@@ -124,7 +124,12 @@ function JoinList({elements, joiner}) {
   return elements
     .reduce((acc, v, i) => [
       ...acc,
-      <span className="token punctuation" key={`join${v.name || v.raw}${i}`} style={{whiteSpace: 'pre-wrap'}}>{joiner}</span>,
+      <span
+        className="token punctuation"
+        key={`join${v.name || v.raw}${i}`}
+        style={{whiteSpace: 'pre-wrap'}}>
+        {joiner}
+      </span>,
       <Type type={v} key={`type${v.name || v.raw}${i}`} />
     ], []).slice(1);
 }

packages/dev/parcel-packager-docs/DocsPackager.js

@@ -11,6 +11,7 @@
  */
 
 const {Packager} = require('@parcel/plugin');
+const v8 = require('v8');
 
 module.exports = new Packager({
   async package({bundle, bundleGraph, options}) {
@@ -171,21 +172,31 @@ module.exports = new Packager({
 });
 
 async function parse(asset) {
-  let code = await asset.getCode();
-  return [asset.id, JSON.parse(code)];
+  let buffer = await asset.getBuffer();
+  return [asset.id, v8.deserialize(buffer)];
 }
 
+let cache = new Map();
+// cache things in pre-visit order so the references exist
 function walk(obj, fn, k = null) {
   let recurse = (obj) => {
+    if (cache.has(obj)) {
+      return cache.get(obj);
+    }
     if (Array.isArray(obj)) {
-      return obj.map((item, i) => walk(item, fn, k));
+      let resultArray = [];
+      cache.set(obj, resultArray);
+      obj.forEach((item, i) => resultArray[i] = walk(item, fn, k));
+      return resultArray;
     } else if (obj && typeof obj === 'object') {
       let res = {};
+      cache.set(obj, res);
       for (let key in obj) {
         res[key] = walk(obj[key], fn, key);
       }
       return res;
     } else {
+      cache.set(obj, obj);
       return obj;
     }
   };