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

ComponentsSettings.js — react Source File

Architecture documentation for ComponentsSettings.js, a javascript file in the react codebase. 13 imports, 1 dependents.

File javascript BabelCompiler 13 imports 1 dependents

Entity Profile

Dependency Diagram

graph LR
  20b264a9_e519_d0f6_5613_b33869edcdbd["ComponentsSettings.js"]
  315baf50_1028_51ca_a9c1_679c6a17ed98["hooks.js"]
  20b264a9_e519_d0f6_5613_b33869edcdbd --> 315baf50_1028_51ca_a9c1_679c6a17ed98
  913bb343_55ea_f1b8_08f5_b75cb0a92b76["context.js"]
  20b264a9_e519_d0f6_5613_b33869edcdbd --> 913bb343_55ea_f1b8_08f5_b75cb0a92b76
  f9049b08_60f8_abce_a6a6_153f88447124["Button.js"]
  20b264a9_e519_d0f6_5613_b33869edcdbd --> f9049b08_60f8_abce_a6a6_153f88447124
  f71ee326_17f0_7db4_4178_2763fb1c2ad1["Button"]
  20b264a9_e519_d0f6_5613_b33869edcdbd --> f71ee326_17f0_7db4_4178_2763fb1c2ad1
  9f39024f_b905_9b0f_2fc7_e24785732638["ButtonIcon.js"]
  20b264a9_e519_d0f6_5613_b33869edcdbd --> 9f39024f_b905_9b0f_2fc7_e24785732638
  4690d9c0_cb81_9593_7817_f9e61a49f9e7["ButtonIcon"]
  20b264a9_e519_d0f6_5613_b33869edcdbd --> 4690d9c0_cb81_9593_7817_f9e61a49f9e7
  61c0d244_ab84_2e1a_7b19_996aebeb6c63["Toggle.js"]
  20b264a9_e519_d0f6_5613_b33869edcdbd --> 61c0d244_ab84_2e1a_7b19_996aebeb6c63
  ad68b45d_879b_b053_fa18_da49ca05b77a["Toggle"]
  20b264a9_e519_d0f6_5613_b33869edcdbd --> ad68b45d_879b_b053_fa18_da49ca05b77a
  5996f1e4_af81_a51b_84bc_175bfba4f818["SettingsContext.js"]
  20b264a9_e519_d0f6_5613_b33869edcdbd --> 5996f1e4_af81_a51b_84bc_175bfba4f818
  3c0f989f_424c_e338_72c3_e8bc259ca04f["SettingsShared.css"]
  20b264a9_e519_d0f6_5613_b33869edcdbd --> 3c0f989f_424c_e338_72c3_e8bc259ca04f
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  20b264a9_e519_d0f6_5613_b33869edcdbd --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  aec7978f_0a19_ba93_de9e_ac8cf5ddc74b["types"]
  20b264a9_e519_d0f6_5613_b33869edcdbd --> aec7978f_0a19_ba93_de9e_ac8cf5ddc74b
  ae1017d8_c18a_3ecd_18f4_bf7a64bbd91a["react-devtools-feature-flags"]
  20b264a9_e519_d0f6_5613_b33869edcdbd --> ae1017d8_c18a_3ecd_18f4_bf7a64bbd91a
  33c9bb39_5afe_7433_b39c_5c97384e3323["SettingsModal.js"]
  33c9bb39_5afe_7433_b39c_5c97384e3323 --> 20b264a9_e519_d0f6_5613_b33869edcdbd
  style 20b264a9_e519_d0f6_5613_b33869edcdbd 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 {
  useCallback,
  useContext,
  useEffect,
  useMemo,
  useRef,
  useState,
  use,
} from 'react';
import {useSubscription} from '../hooks';
import {StoreContext} from '../context';
import Button from '../Button';
import ButtonIcon from '../ButtonIcon';
import Toggle from '../Toggle';
import {SettingsContext} from '../Settings/SettingsContext';
import {
  ComponentFilterDisplayName,
  ComponentFilterElementType,
  ComponentFilterHOC,
  ComponentFilterLocation,
  ComponentFilterEnvironmentName,
  ComponentFilterActivitySlice,
  ElementTypeClass,
  ElementTypeContext,
  ElementTypeFunction,
  ElementTypeForwardRef,
  ElementTypeHostComponent,
  ElementTypeMemo,
  ElementTypeOtherOrUnknown,
  ElementTypeProfiler,
  ElementTypeSuspense,
  ElementTypeActivity,
  ElementTypeViewTransition,
} from 'react-devtools-shared/src/frontend/types';

import styles from './SettingsShared.css';

import type {
  BooleanComponentFilter,
  ComponentFilter,
  ComponentFilterType,
  ElementType,
  ElementTypeComponentFilter,
  RegExpComponentFilter,
  EnvironmentNameComponentFilter,
} from 'react-devtools-shared/src/frontend/types';
import {isInternalFacebookBuild} from 'react-devtools-feature-flags';

export default function ComponentsSettings({
  environmentNames,
// ... (493 more lines)

Domain

Dependencies

Imported By

Source

Frequently Asked Questions

What does ComponentsSettings.js do?
ComponentsSettings.js is a source file in the react codebase, written in javascript. It belongs to the BabelCompiler domain.
What does ComponentsSettings.js depend on?
ComponentsSettings.js imports 13 module(s): Button, Button.js, ButtonIcon, ButtonIcon.js, SettingsContext.js, SettingsShared.css, Toggle, Toggle.js, and 5 more.
What files import ComponentsSettings.js?
ComponentsSettings.js is imported by 1 file(s): SettingsModal.js.
Where is ComponentsSettings.js in the architecture?
ComponentsSettings.js is located at packages/react-devtools-shared/src/devtools/views/Settings/ComponentsSettings.js (domain: BabelCompiler, directory: packages/react-devtools-shared/src/devtools/views/Settings).

Analyze Your Own Codebase

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

Try Supermodel Free