@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.

Testing in your project

Using npm link

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.

---

Changelog

23.1.0 (2024-09-25)

Features

• fields: add unit prop to NumberInput (5773587)

Bug Fixes

• fields: re-add missing hasError passed prop within NumberInput (2a3e6fb)

Buid System & Dependencies

• dev-deps: bump date-fns from 3.6.0 to 4.0.0 (0490c87)
• dev-deps: bump rollup in /e2e/release/sample (d129438)
• dev-deps: bump the all-non-major-dependencies group (949f672)
• dev-deps: bump the all-non-major-dependencies group across 1 directory with 4 updates (5de56bd)
• dev-deps: bump vite from 5.4.3 to 5.4.6 in /e2e/release/sample (7dd2268)