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

VerticalScrollBarView.js — react Source File

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

File javascript CompilerCore Suppression 9 imports 1 dependents 1 classes

Entity Profile

Dependency Diagram

graph LR
  fa239787_dc2e_2363_ef26_fed3d2d072d6["VerticalScrollBarView.js"]
  0ad2bad1_3261_dd6b_fee2_c32517b057fa["geometry.js"]
  fa239787_dc2e_2363_ef26_fed3d2d072d6 --> 0ad2bad1_3261_dd6b_fee2_c32517b057fa
  f387f439_06aa_199a_2107_653097b7791c["Surface.js"]
  fa239787_dc2e_2363_ef26_fed3d2d072d6 --> f387f439_06aa_199a_2107_653097b7791c
  e38c2e93_1bf7_0556_892d_c549392f1256["useCanvasInteraction.js"]
  fa239787_dc2e_2363_ef26_fed3d2d072d6 --> e38c2e93_1bf7_0556_892d_c549392f1256
  b3f5b69d_ae75_237e_571a_8cc90846bfc4["VerticalScrollOverflowView.js"]
  fa239787_dc2e_2363_ef26_fed3d2d072d6 --> b3f5b69d_ae75_237e_571a_8cc90846bfc4
  8e491fe0_eee0_8c94_0668_9af2a7caa1af["VerticalScrollOverflowView"]
  fa239787_dc2e_2363_ef26_fed3d2d072d6 --> 8e491fe0_eee0_8c94_0668_9af2a7caa1af
  0d39e9e7_62af_57b3_1be7_a1f39f62be74["rectContainsPoint"]
  fa239787_dc2e_2363_ef26_fed3d2d072d6 --> 0d39e9e7_62af_57b3_1be7_a1f39f62be74
  9bc61f7b_7927_63da_1f80_d3eff9ce4704["rectEqualToRect"]
  fa239787_dc2e_2363_ef26_fed3d2d072d6 --> 9bc61f7b_7927_63da_1f80_d3eff9ce4704
  fd97e2fe_d5a8_c966_d0ef_ee755e2b4e63["View.js"]
  fa239787_dc2e_2363_ef26_fed3d2d072d6 --> fd97e2fe_d5a8_c966_d0ef_ee755e2b4e63
  db8b8c96_2cb0_74c3_5863_d0666b28c1f2["constants.js"]
  fa239787_dc2e_2363_ef26_fed3d2d072d6 --> db8b8c96_2cb0_74c3_5863_d0666b28c1f2
  b3f5b69d_ae75_237e_571a_8cc90846bfc4["VerticalScrollOverflowView.js"]
  b3f5b69d_ae75_237e_571a_8cc90846bfc4 --> fa239787_dc2e_2363_ef26_fed3d2d072d6
  style fa239787_dc2e_2363_ef26_fed3d2d072d6 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 type {Rect} from '../geometry';
import type {Surface, ViewRefs} from '../Surface';
import type {
  Interaction,
  ClickInteraction,
  MouseDownInteraction,
  MouseMoveInteraction,
  MouseUpInteraction,
} from '../useCanvasInteraction';

import {VerticalScrollOverflowView} from './VerticalScrollOverflowView';
import {rectContainsPoint, rectEqualToRect} from '../geometry';
import {View} from '../View';
import {BORDER_SIZE, COLORS} from '../../content-views/constants';

const SCROLL_BAR_SIZE = 14;

const HIDDEN_RECT = {
  origin: {
    x: 0,
    y: 0,
  },
  size: {
    width: 0,
    height: 0,
  },
};

export class VerticalScrollBarView extends View {
  _contentHeight: number = 0;
  _isScrolling: boolean = false;
  _scrollBarRect: Rect = HIDDEN_RECT;
  _scrollThumbRect: Rect = HIDDEN_RECT;
  _verticalScrollOverflowView: VerticalScrollOverflowView;

  constructor(
    surface: Surface,
    frame: Rect,
    verticalScrollOverflowView: VerticalScrollOverflowView,
  ) {
    super(surface, frame);

    this._verticalScrollOverflowView = verticalScrollOverflowView;
  }

  desiredSize(): {+height: number, +width: number} {
    return {
      width: SCROLL_BAR_SIZE,
      height: 0, // No desired height
    };
  }
// ... (160 more lines)

Domain

Subdomains

Classes

Dependencies

Imported By

Source

Frequently Asked Questions

What does VerticalScrollBarView.js do?
VerticalScrollBarView.js is a source file in the react codebase, written in javascript. It belongs to the CompilerCore domain, Suppression subdomain.
What does VerticalScrollBarView.js depend on?
VerticalScrollBarView.js imports 9 module(s): Surface.js, VerticalScrollOverflowView, VerticalScrollOverflowView.js, View.js, constants.js, geometry.js, rectContainsPoint, rectEqualToRect, and 1 more.
What files import VerticalScrollBarView.js?
VerticalScrollBarView.js is imported by 1 file(s): VerticalScrollOverflowView.js.
Where is VerticalScrollBarView.js in the architecture?
VerticalScrollBarView.js is located at packages/react-devtools-timeline/src/view-base/vertical-scroll-overflow/VerticalScrollBarView.js (domain: CompilerCore, subdomain: Suppression, directory: packages/react-devtools-timeline/src/view-base/vertical-scroll-overflow).

Analyze Your Own Codebase

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

Try Supermodel Free