/
githubmirror
/
docusaurus
Обзор
Документация
Войти
/
githubmirror
/
docusaurus
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
packages/docusaurus-plugin-debug/src/theme/DebugJsonView/index.tsx
50 строк
2 KB
Sébastien Lorber
chore(plugin-debug): upgrade react-json-view-lite to v2, prepare for React 19 (#10819)
06 янв 2025, 18:01
Не верифицирован
06 янв 2025, 18:01
3525952
Код
Авторство
О чём код?
/** * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ import React, {type ReactNode} from 'react'; import { JsonView, defaultStyles, type Props as JsonViewProps, } from 'react-json-view-lite'; import type {Props} from '@theme/DebugJsonView'; import styles from './styles.module.css'; const paraisoStyles: JsonViewProps['style'] = { clickableLabel: defaultStyles.clickableLabel, noQuotesForStringValues: false, container: styles.containerParaiso!, basicChildStyle: styles.basicElementParaiso!, label: styles.labelParaiso!, nullValue: styles.nullValueParaiso!, undefinedValue: styles.undefinedValueParaiso!, stringValue: styles.stringValueParaiso!, booleanValue: styles.booleanValueParaiso!, numberValue: styles.numberValueParaiso!, otherValue: styles.otherValueParaiso!, punctuation: styles.punctuationParaiso!, collapseIcon: styles.collapseIconParaiso!, expandIcon: styles.expandIconParaiso!, collapsedContent: styles.collapseContentParaiso!, childFieldsContainer: styles.childFieldsContainerParaiso!, }; export default function DebugJsonView({src, collapseDepth}: Props): ReactNode { return ( <JsonView data={src as object} shouldExpandNode={(idx, value) => { if (Array.isArray(value)) { return value.length < 5; } return collapseDepth !== undefined && idx < collapseDepth; }} style={paraisoStyles} /> ); }