react Architecture Docs
Home / File/ ExpandCollapseToggle.js — react Source File

ExpandCollapseToggle.js — react Source File

Architecture documentation for ExpandCollapseToggle.js, a javascript file in the react codebase. 6 imports, 2 dependents.

File javascript BabelCompiler Validation 6 imports 2 dependents 1 functions

Entity Profile

Dependency Diagram

graph LR
  5a801236_0190_8913_962e_81b4d9f36895["ExpandCollapseToggle.js"]
  f9049b08_60f8_abce_a6a6_153f88447124["Button.js"]
  5a801236_0190_8913_962e_81b4d9f36895 --> f9049b08_60f8_abce_a6a6_153f88447124
  f71ee326_17f0_7db4_4178_2763fb1c2ad1["Button"]
  5a801236_0190_8913_962e_81b4d9f36895 --> f71ee326_17f0_7db4_4178_2763fb1c2ad1
  9f39024f_b905_9b0f_2fc7_e24785732638["ButtonIcon.js"]
  5a801236_0190_8913_962e_81b4d9f36895 --> 9f39024f_b905_9b0f_2fc7_e24785732638
  4690d9c0_cb81_9593_7817_f9e61a49f9e7["ButtonIcon"]
  5a801236_0190_8913_962e_81b4d9f36895 --> 4690d9c0_cb81_9593_7817_f9e61a49f9e7
  d0577bf7_990d_5968_5f6c_bd59caba4dcc["ExpandCollapseToggle.css"]
  5a801236_0190_8913_962e_81b4d9f36895 --> d0577bf7_990d_5968_5f6c_bd59caba4dcc
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  5a801236_0190_8913_962e_81b4d9f36895 --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  5a9f89d7_52b7_04f5_ab3d_8ec03c9054e3["InspectedElementHooksTree.js"]
  5a9f89d7_52b7_04f5_ab3d_8ec03c9054e3 --> 5a801236_0190_8913_962e_81b4d9f36895
  276bc34e_3008_101e_3cd7_cc895fcd3848["KeyValue.js"]
  276bc34e_3008_101e_3cd7_cc895fcd3848 --> 5a801236_0190_8913_962e_81b4d9f36895
  style 5a801236_0190_8913_962e_81b4d9f36895 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @flow
 */

import * as React from 'react';
import Button from '../Button';
import ButtonIcon from '../ButtonIcon';

import styles from './ExpandCollapseToggle.css';

type ExpandCollapseToggleProps = {
  disabled: boolean,
  isOpen: boolean,
  setIsOpen: Function,
};

export default function ExpandCollapseToggle({
  disabled,
  isOpen,
  setIsOpen,
}: ExpandCollapseToggleProps): React.Node {
  return (
    <Button
      className={styles.ExpandCollapseToggle}
      disabled={disabled}
      onClick={() => setIsOpen(prevIsOpen => !prevIsOpen)}
      title={`${isOpen ? 'Collapse' : 'Expand'} prop value`}>
      <ButtonIcon type={isOpen ? 'expanded' : 'collapsed'} />
    </Button>
  );
}

Domain

Subdomains

Functions

Dependencies

Imported By

Source

Frequently Asked Questions

What does ExpandCollapseToggle.js do?
ExpandCollapseToggle.js is a source file in the react codebase, written in javascript. It belongs to the BabelCompiler domain, Validation subdomain.
What functions are defined in ExpandCollapseToggle.js?
ExpandCollapseToggle.js defines 1 function(s): ExpandCollapseToggle.
What does ExpandCollapseToggle.js depend on?
ExpandCollapseToggle.js imports 6 module(s): Button, Button.js, ButtonIcon, ButtonIcon.js, ExpandCollapseToggle.css, react.
What files import ExpandCollapseToggle.js?
ExpandCollapseToggle.js is imported by 2 file(s): InspectedElementHooksTree.js, KeyValue.js.
Where is ExpandCollapseToggle.js in the architecture?
ExpandCollapseToggle.js is located at packages/react-devtools-shared/src/devtools/views/Components/ExpandCollapseToggle.js (domain: BabelCompiler, subdomain: Validation, directory: packages/react-devtools-shared/src/devtools/views/Components).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free