ButtonIcon.js — react Source File

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

File javascript BabelCompiler Validation 2 imports 34 dependents 1 functions

Entity Profile

BabelCompiler→ Validation→ ButtonIcon.js — react Source File

Dependency Diagram

graph LR
  9f39024f_b905_9b0f_2fc7_e24785732638["ButtonIcon.js"]
  9413efd7_d567_1b75_0388_1fa068eb1160["ButtonIcon.css"]
  9f39024f_b905_9b0f_2fc7_e24785732638 --> 9413efd7_d567_1b75_0388_1fa068eb1160
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  9f39024f_b905_9b0f_2fc7_e24785732638 --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  3bbe1444_b210_8ba4_4493_8fd51690fd1d["ActivitySlice.js"]
  3bbe1444_b210_8ba4_4493_8fd51690fd1d --> 9f39024f_b905_9b0f_2fc7_e24785732638
  9930e8cf_03b4_86c0_be04_47b410246b71["Element.js"]
  9930e8cf_03b4_86c0_be04_47b410246b71 --> 9f39024f_b905_9b0f_2fc7_e24785732638
  5a801236_0190_8913_962e_81b4d9f36895["ExpandCollapseToggle.js"]
  5a801236_0190_8913_962e_81b4d9f36895 --> 9f39024f_b905_9b0f_2fc7_e24785732638
  c4e436c2_f97f_ce14_4047_a3741d53d2b6["InspectHostNodesToggle.js"]
  c4e436c2_f97f_ce14_4047_a3741d53d2b6 --> 9f39024f_b905_9b0f_2fc7_e24785732638
  4c0d725a_27bd_a723_3599_a3e75bea5bd3["InspectedElement.js"]
  4c0d725a_27bd_a723_3599_a3e75bea5bd3 --> 9f39024f_b905_9b0f_2fc7_e24785732638
  0b54b2a8_1c5a_d85b_7742_10a526b0dedd["InspectedElementContextTree.js"]
  0b54b2a8_1c5a_d85b_7742_10a526b0dedd --> 9f39024f_b905_9b0f_2fc7_e24785732638
  e489f60d_6c21_9c69_16d7_a97323c0790f["InspectedElementErrorsAndWarningsTree.js"]
  e489f60d_6c21_9c69_16d7_a97323c0790f --> 9f39024f_b905_9b0f_2fc7_e24785732638
  5a9f89d7_52b7_04f5_ab3d_8ec03c9054e3["InspectedElementHooksTree.js"]
  5a9f89d7_52b7_04f5_ab3d_8ec03c9054e3 --> 9f39024f_b905_9b0f_2fc7_e24785732638
  816abfef_4d5d_bc7e_fc00_1acadf628d28["InspectedElementPropsTree.js"]
  816abfef_4d5d_bc7e_fc00_1acadf628d28 --> 9f39024f_b905_9b0f_2fc7_e24785732638
  50c39210_7831_dde4_3a12_fc8ea644bc38["InspectedElementSourcePanel.js"]
  50c39210_7831_dde4_3a12_fc8ea644bc38 --> 9f39024f_b905_9b0f_2fc7_e24785732638
  e495e7a2_ca5d_8be7_7ae7_0c5ccb871bc2["InspectedElementStateTree.js"]
  e495e7a2_ca5d_8be7_7ae7_0c5ccb871bc2 --> 9f39024f_b905_9b0f_2fc7_e24785732638
  72d570aa_3875_3688_0200_4617e04d04ed["InspectedElementSuspendedBy.js"]
  72d570aa_3875_3688_0200_4617e04d04ed --> 9f39024f_b905_9b0f_2fc7_e24785732638
  style 9f39024f_b905_9b0f_2fc7_e24785732638 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 styles from './ButtonIcon.css';

export type IconType =
  | 'add'
  | 'cancel'
  | 'clear'
  | 'close'
  | 'collapsed'
  | 'copy'
  | 'delete'
  | 'down'
  | 'editor'
  | 'expanded'
  | 'export'
  | 'filter'
  | 'import'
  | 'log-data'
  | 'more'
  | 'next'
  | 'parse-hook-names'
  | 'previous'
  | 'record'
  | 'reload'
  | 'save'
  | 'search'
  | 'settings'
  | 'panel-left-close'
  | 'panel-left-open'
  | 'panel-right-close'
  | 'panel-right-open'
  | 'panel-bottom-open'
  | 'panel-bottom-close'
  | 'filter-on'
  | 'filter-off'
  | 'play'
  | 'pause'
  | 'skip-previous'
  | 'skip-next'
  | 'error'
  | 'suspend'
  | 'undo'
  | 'up'
  | 'view-dom'
  | 'view-source';

type Props = {
  className?: string,
  type: IconType,
};

// ... (341 more lines)

Domain

BabelCompiler

Subdomains

Validation

Functions

ButtonIcon()

Dependencies

ButtonIcon.css
react

Imported By

Source

View on GitHub

Frequently Asked Questions

What does ButtonIcon.js do?

ButtonIcon.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 ButtonIcon.js?

ButtonIcon.js defines 1 function(s): ButtonIcon.

What does ButtonIcon.js depend on?

ButtonIcon.js imports 2 module(s): ButtonIcon.css, react.

What files import ButtonIcon.js?

ButtonIcon.js is imported by 34 file(s): ActivitySlice.js, ClearProfilingDataButton.js, ComponentsSettings.js, Element.js, ErrorView.js, ExpandCollapseToggle.js, HookChangeSummary.js, InspectHostNodesToggle.js, and 26 more.

Where is ButtonIcon.js in the architecture?

ButtonIcon.js is located at packages/react-devtools-shared/src/devtools/views/ButtonIcon.js (domain: BabelCompiler, subdomain: Validation, directory: packages/react-devtools-shared/src/devtools/views).

Analyze Your Own Codebase

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

Try Supermodel Free