@mtes-mct/monitor-ui 2.3.2 → 2.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/README.md +30 -6
  3. package/index.js +1430 -1689
  4. package/index.js.map +1 -1
  5. package/package.json +2 -3
  6. package/src/elements/Label.d.ts +2 -0
  7. package/src/elements/Legend.d.ts +2 -1
  8. package/src/fields/DatePicker/CalendarPicker.d.ts +2 -2
  9. package/src/fields/DatePicker/index.d.ts +3 -1
  10. package/src/fields/DateRangePicker/DateInput.d.ts +6 -2
  11. package/src/fields/DateRangePicker/NumberInput.d.ts +2 -0
  12. package/src/fields/DateRangePicker/RangeCalendarPicker.d.ts +2 -1
  13. package/src/fields/DateRangePicker/TimeInput.d.ts +4 -0
  14. package/src/fields/DateRangePicker/index.d.ts +3 -1
  15. package/src/fields/DateRangePicker/types.d.ts +1 -1
  16. package/src/hooks/useForceUpdate.d.ts +3 -3
  17. package/src/icons/Target.d.ts +2 -0
  18. package/src/icons/Vms.d.ts +2 -0
  19. package/src/icons/index.d.ts +3 -1
  20. package/src/index.d.ts +2 -2
  21. package/src/utils/capitalizeFirstLetter.d.ts +0 -4
package/CHANGELOG.md CHANGED
@@ -1,3 +1,28 @@
1
+ # [2.4.0](https://github.com/MTES-MCT/monitor-ui/compare/v2.3.2...v2.4.0) (2022-12-21)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * **build:** externalize Rsuite localization ([10a581d](https://github.com/MTES-MCT/monitor-ui/commit/10a581d2947c6d2a80234b0d43d203b808d5933e))
7
+ * **fields:** focus next date part input when already filled in DatePicker & DateRangePicker ([38219de](https://github.com/MTES-MCT/monitor-ui/commit/38219de79c0cd4d6aefce125452c662428419765))
8
+ * **fields:** improve DatePicker UX & UI ([a57f977](https://github.com/MTES-MCT/monitor-ui/commit/a57f977fcf9fa999e80b6ba7e256766b35cd10c4))
9
+ * **fields:** normalize calendar header title in DatePicker & DateRangePicker ([611f811](https://github.com/MTES-MCT/monitor-ui/commit/611f8118f8f596b2c8972a06928d6bbc98d2062c))
10
+ * **fields:** normalize colors between states in DatePicker & DateRangePicker ([9cebad3](https://github.com/MTES-MCT/monitor-ui/commit/9cebad36c053202f12fee0f0c2c78809c272b7ee))
11
+ * **fields:** normalize sizes in DatePicker & DateRangePicker ([b76c78e](https://github.com/MTES-MCT/monitor-ui/commit/b76c78e515c58ed421e5ca8cb5e6b5b7ac391092))
12
+ * **fields:** remove dependency cycle in DateRangePicker ([226941a](https://github.com/MTES-MCT/monitor-ui/commit/226941a8299f2f8a7918f5546e65868705cc0528))
13
+
14
+
15
+ ### Features
16
+
17
+ * **icons:** add Target and Vms ([#154](https://github.com/MTES-MCT/monitor-ui/issues/154)) ([af70cfc](https://github.com/MTES-MCT/monitor-ui/commit/af70cfc85d56f9c7be689e305470b1a6ef4c1e86))
18
+
19
+ ## [2.3.2](https://github.com/MTES-MCT/monitor-ui/compare/v2.3.1...v2.3.2) (2022-12-19)
20
+
21
+
22
+ ### Bug Fixes
23
+
24
+ * **types:** update type definitions path ([#152](https://github.com/MTES-MCT/monitor-ui/issues/152)) ([e6d95fb](https://github.com/MTES-MCT/monitor-ui/commit/e6d95fb91630c72f96ee78ed005a1109a6ad1a76))
25
+
1
26
  ## [2.3.1](https://github.com/MTES-MCT/monitor-ui/compare/v2.3.0...v2.3.1) (2022-12-19)
2
27
 
3
28
 
package/README.md CHANGED
@@ -1,14 +1,14 @@
1
1
  # Monitor UI
2
2
 
3
- [![License][img-license]][lnk-license]
4
- [![CI Status][img-github]][lnk-github]
5
- [![NPM Version][img-npm]][lnk-npm]
3
+ [![License][img-license]][lnk-license] [![CI Status][img-github]][lnk-github] [![NPM Version][img-npm]][lnk-npm]
6
4
 
7
- > Common React components, hooks, utilities and CSS stylesheets
8
- > for [Monitorfish][lnk-github-monitorfish] and [Monitorenv][lnk-github-monitorenv].
5
+ > Common React components, hooks, utilities and CSS stylesheets for [Monitorfish][lnk-github-monitorfish] and
6
+ > [Monitorenv][lnk-github-monitorenv].
9
7
 
10
8
  ## Usage
11
9
 
10
+ ### Installation
11
+
12
12
  ```sh
13
13
  npm i -E @mtes-mct/monitor-ui
14
14
  npx install-peerdeps @mtes-mct/monitor-ui
@@ -21,6 +21,30 @@ yarn add -E @mtes-mct/monitor-ui
21
21
  npx install-peerdeps @mtes-mct/monitor-ui
22
22
  ```
23
23
 
24
+ ### Setup
25
+
26
+ ```tsx
27
+ import { GlobalStyle, THEME } from '@mtes-mct/monitor-ui'
28
+ import { CustomProvider as RsuiteCustomProvider } from 'rsuite'
29
+ import rsuiteFrFr from 'rsuite/locales/fr_FR'
30
+ import { createGlobalStyle, ThemeProvider } from 'styled-components'
31
+
32
+ const UntypedThemeProvider = ThemeProvider as any
33
+
34
+ import 'rsuite/dist/rsuite.css'
35
+ import '@mtes-mct/monitor-ui/assets/stylesheets/rsuite-override.css'
36
+
37
+ export function App() {
38
+ return (
39
+ <UntypedThemeProvider theme={THEME}>
40
+ <GlobalStyle />
41
+
42
+ <RsuiteCustomProvider locale={rsuiteFrFr}>{/* Your app components here */}</RsuiteCustomProvider>
43
+ </UntypedThemeProvider>
44
+ )
45
+ }
46
+ ```
47
+
24
48
  ## Documentation
25
49
 
26
50
  Here is [the Storybook][lnk-storybook].
@@ -31,7 +55,7 @@ Please read the [contributing document](CONTRIBUTING.md) for setup and contribut
31
55
 
32
56
  ---
33
57
 
34
- [img-github]: https://img.shields.io/github/workflow/status/MTES-MCT/monitor-ui/Check/main?style=flat-square
58
+ [img-github]: https://img.shields.io/github/workflow/status/MTES-MCT/monitor-ui/Check/main?style=flat-square
35
59
  [img-license]: https://img.shields.io/github/license/MTES-MCT/monitor-ui?style=flat-square
36
60
  [img-npm]: https://img.shields.io/npm/v/@mtes-mct/monitor-ui?style=flat-square
37
61
  [lnk-github]: https://github.com/MTES-MCT/monitor-ui/actions?query=branch%3Amain++