cleanup

Author: mj12albert

docs/src/components/ReferenceAccordion/PropsReferenceAccordion.tsx renamed to docs/src/components/ReferenceTable/PropsReferenceAccordion.tsx

@@ -5,7 +5,7 @@ import { inlineMdxComponents } from 'docs/src/mdx-components';
 import { rehypeSyntaxHighlighting } from 'docs/src/syntax-highlighting';
 import * as Accordion from '../Accordion';
 import * as DescriptionList from '../DescriptionList';
-import type { PropDef as BasePropDef } from '../ReferenceTable/types';
+import type { PropDef as BasePropDef } from './types';
 import { TableCode } from '../TableCode';
 
 interface PropDef extends BasePropDef {
@@ -18,51 +18,6 @@ interface Props extends React.ComponentPropsWithoutRef<any> {
   name: string;
 }
 
-const DATA: Record<string, PropDef> = {
-  value: {
-    type: 'string',
-    description: 'A unique string that identifies the toggle when used\ninside a toggle group.',
-  },
-  defaultPressed: {
-    type: 'boolean',
-    default: 'false',
-    description:
-      'Whether the toggle button is currently pressed.\nThis is the uncontrolled counterpart of `pressed`.',
-  },
-  pressed: {
-    type: 'boolean',
-    description:
-      'Whether the toggle button is currently pressed.\nThis is the controlled counterpart of `defaultPressed`.',
-  },
-  onPressedChange: {
-    type: '((pressed: boolean, event: Event) => void)',
-    description: 'Callback fired when the pressed state is changed.',
-    example:
-      '```tsx\nconst [pressed, setPressed] = React.useState(true);\n\nreturn (\n  <Toggle pressed={pressed} onPressedChange={setPressed} />\n)\n```',
-  },
-  nativeButton: {
-    type: 'boolean',
-    default: 'true',
-    description:
-      'Whether the component renders a native `<button>` element when replacing it\nvia the `render` prop.\nSet to `false` if the rendered element is not a button (e.g. `<div>`).',
-  },
-  disabled: {
-    type: 'boolean',
-    default: 'false',
-    description: 'Whether the component should ignore user interaction.',
-  },
-  className: {
-    type: 'string | ((state: Toggle.State) => string)',
-    description:
-      'CSS class applied to the element, or a function that\nreturns a class based on the component’s state.',
-  },
-  render: {
-    type: 'ReactElement | ((props: HTMLProps, state: Toggle.State) => ReactElement)',
-    description:
-      'Allows you to replace the component’s HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render.',
-  },
-};
-
 function getShortPropType(name: string, type: string | undefined) {
   if (/^on[A-Z].*/.test(name)) {
     return 'function';
@@ -100,7 +55,7 @@ function getShortPropType(name: string, type: string | undefined) {
 }
 
 export async function PropsReferenceAccordion({
-  data = DATA,
+  data,
   name: partName,
   // type = 'props',
   ...props

docs/src/components/ReferenceTable/PropsReferenceTable.tsx

@@ -13,8 +13,7 @@ const REFERENCE = 'Reference';
 const ATTRIBUTES_TABLE = 'AttributesReferenceTable';
 const CSS_VARIABLES_TABLE = 'CssVariablesReferenceTable';
 
-// const PROPS_TABLE = 'PropsReferenceTable';
-const NEW_PROPS_TABLE = 'PropsReferenceAccordion';
+const PROPS_TABLE = 'PropsReferenceTable';
 
 /**
  * Finds `<Reference />` in the MDX and transforms it into
@@ -104,7 +103,7 @@ export function rehypeReference() {
           if (Object.keys(def.props).length) {
             subtree.push(
               createMdxElement({
-                name: NEW_PROPS_TABLE,
+                name: PROPS_TABLE,
                 props: { name: def.name, data: def.props },
               }),
             );

docs/src/components/ReferenceTable/ReferenceTablePopover.tsx

@@ -5,7 +5,7 @@ import * as CodeBlock from './components/CodeBlock';
 import * as Table from './components/Table';
 import * as QuickNav from './components/QuickNav/QuickNav';
 import { Code } from './components/Code';
-import { PropsReferenceTable } from './components/ReferenceTable/PropsReferenceTable';
+import { PropsReferenceAccordion } from './components/ReferenceTable/PropsReferenceAccordion';
 import { AttributesReferenceTable } from './components/ReferenceTable/AttributesReferenceTable';
 import { CssVariablesReferenceTable } from './components/ReferenceTable/CssVariablesReferenceTable';
 import { getChildrenText } from './utils/getChildrenText';
@@ -14,8 +14,6 @@ import { HeadingLink } from './components/HeadingLink';
 import { Subtitle } from './components/Subtitle/Subtitle';
 import { Kbd } from './components/Kbd/Kbd';
 
-import { PropsReferenceAccordion } from './components/ReferenceAccordion/PropsReferenceAccordion';
-
 interface MDXComponents {
   [key: string]: React.FC<any> | MDXComponents;
 }
@@ -112,9 +110,7 @@ export const mdxComponents: MDXComponents = {
   CssVariablesReferenceTable: (props) => (
     <CssVariablesReferenceTable className="mt-5 mb-6" {...props} />
   ),
-  PropsReferenceTable: (props) => <PropsReferenceTable className="mt-5 mb-6" {...props} />,
-
-  PropsReferenceAccordion: (props) => <PropsReferenceAccordion className="mt-5 mb-6" {...props} />,
+  PropsReferenceTable: (props) => <PropsReferenceAccordion className="mt-5 mb-6" {...props} />,
 };
 
 export const inlineMdxComponents: MDXComponents = {