@mtes-mct/monitor-ui

Monitor UI

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.

Contributing

Please read the contributing document for setup and contributing instructions.

---

Changelog

13.0.0 (2024-03-01)

⚠ BREAKING CHANGES

• github: - baseContainer prop has been removed in MultiCascader.

• baseContainer prop has been removed in MultiSelect.
• baseContainer prop has been removed in Search.

Buid System & Dependencies

• tsconfig: exclude coverage/ directory (f5a42a8)
• tsconfig: migrate to bundler module resolution & enable incremental compilation (c677f77)
• vite: set projects in viteTsconfigPaths to silence e2e release sample errors (dfa7bfa)
• vite: use ts extension instead of mts for config (4eaaedc)

Continuous Integration

• github: fix typo in E2E Test job (26f4809)