You're Invited:Meet the Socket Team at BlackHat and DEF CON in Las Vegas, Aug 7-8.RSVP
Socket
Socket
Sign inDemoInstall

@mtes-mct/monitor-ui

Package Overview
Dependencies
Maintainers
0
Versions
279
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

@mtes-mct/monitor-ui

Common React components, hooks, utilities and CSS stylesheets for MonitorFish, MonitorEnv and RapportNav.


Version published
Maintainers
0
Created

Changelog

Source

18.7.0 (2024-07-16)

Features

  • components: increase padding right in textinput search mode (4a3261d)

Readme

Source

Monitor UI

License NPM Version Documentation

Unit Tests Coverage E2E Tests

Common React components, hooks, utilities and CSS stylesheets for MonitorFish, MonitorEnv and RapportNav.

Usage

Installation

npm i -E @mtes-mct/monitor-ui
npx install-peerdeps @mtes-mct/monitor-ui

or

yarn add -E @mtes-mct/monitor-ui
npx install-peerdeps @mtes-mct/monitor-ui

Setup

import { GlobalStyle, THEME } from '@mtes-mct/monitor-ui'
import { CustomProvider as RsuiteCustomProvider } from 'rsuite'
import rsuiteFrFr from 'rsuite/locales/fr_FR'
import { createGlobalStyle, ThemeProvider } from 'styled-components'

const UntypedThemeProvider = ThemeProvider as any

import 'react-toastify/dist/ReactToastify.css'
import 'rsuite/dist/rsuite.css'
import '@mtes-mct/monitor-ui/assets/stylesheets/rsuite-override.css'

export function App() {
  return (
    <UntypedThemeProvider theme={THEME}>
      <GlobalStyle />

      <RsuiteCustomProvider locale={rsuiteFrFr}>{/* Your app components here */}</RsuiteCustomProvider>
    </UntypedThemeProvider>
  )
}

Documentation

Here is the Storybook documentation.

Testing in your project

  1. Globally link your module
npm link
  1. Link the module in a project
cd /path/to/my-project

Add to dependencies "@mtes-mct/monitor-ui__root": "<version>", to package.json

npm link @mtes-mct/monitor-ui__root
  1. Unlink the module:
cd /path/to/my-project
npm unlink my-module
cd /path/to/my-module
npm unlink

Contributing

Please read the contributing document for setup and contributing instructions.


FAQs

Package last updated on 16 Jul 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc