@mtes-mct/monitor-ui 24.9.1 → 24.10.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.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,33 @@
1
+ ## [24.10.0](https://github.com/MTES-MCT/monitor-ui/compare/v24.9.1...v24.10.0) (2024-11-28)
2
+
3
+
4
+ ### Features
5
+
6
+ * **components:** add withoutIcon prop to Message component ([4e52cd9](https://github.com/MTES-MCT/monitor-ui/commit/4e52cd9a20ecc75a17888b79fd14517bdd820c3a))
7
+
8
+
9
+ ### Buid System & Dependencies
10
+
11
+ * **dev-deps:** bump ky from 0.33.3 to 1.7.2 ([fef35cd](https://github.com/MTES-MCT/monitor-ui/commit/fef35cd376463f66ab1d4fabb908551c183fcff9))
12
+ * **dev-deps:** bump the all-non-major-dependencies group ([96e9141](https://github.com/MTES-MCT/monitor-ui/commit/96e91410931f9e997093bf329f242cd00295691c))
13
+ * **dev-deps:** bump the non-major-dev-dependencies group with 21 updates ([91d4d89](https://github.com/MTES-MCT/monitor-ui/commit/91d4d89599606fb681536307d8fa9a63dadb2aa3))
14
+
15
+ ## [24.9.1](https://github.com/MTES-MCT/monitor-ui/compare/v24.9.0...v24.9.1) (2024-11-21)
16
+
17
+
18
+ ### Bug Fixes
19
+
20
+ * **hooks:** add window definition guard to NewWindowContext ([d75f6d4](https://github.com/MTES-MCT/monitor-ui/commit/d75f6d4fc015d1aff437ce13058e53bee30796ab))
21
+
22
+
23
+ ### Buid System & Dependencies
24
+
25
+ * **deps:** bump cross-spawn ([47e1a27](https://github.com/MTES-MCT/monitor-ui/commit/47e1a27297da9127476e3deae40f0a7d3320f961))
26
+ * **dev-deps:** bump @typescript-eslint/parser from 7.15.0 to 8.14.0 ([8e1f993](https://github.com/MTES-MCT/monitor-ui/commit/8e1f9931598cdf5d592ec3f1e81d1f10fda08432))
27
+ * **dev-deps:** bump cross-spawn ([3b17e54](https://github.com/MTES-MCT/monitor-ui/commit/3b17e54bb8a651b6c6c86e4c2f68f4982c97fee2))
28
+ * **dev-deps:** bump the all-non-major-dependencies group ([a7d4708](https://github.com/MTES-MCT/monitor-ui/commit/a7d47086f27c183bac6ac755bce902959ff7596a))
29
+ * **dev-deps:** bump the non-major-dev-dependencies group with 11 updates ([24adf88](https://github.com/MTES-MCT/monitor-ui/commit/24adf888706511613c2546834a97a9ed9865e2f4))
30
+
1
31
  ## [24.9.0](https://github.com/MTES-MCT/monitor-ui/compare/v24.8.0...v24.9.0) (2024-11-14)
2
32
 
3
33
 
@@ -6,6 +6,7 @@ export type MessageProps = HTMLAttributes<HTMLDivElement> & {
6
6
  children: ReactNode | string;
7
7
  iconColor?: Level | undefined;
8
8
  level?: Level | undefined;
9
+ withoutIcon?: boolean;
9
10
  };
10
- export declare function Message({ children, className, Icon, iconColor, level, ...nativeProps }: MessageProps): import("react/jsx-runtime").JSX.Element;
11
+ export declare function Message({ children, className, Icon, iconColor, level, withoutIcon, ...nativeProps }: MessageProps): import("react/jsx-runtime").JSX.Element;
11
12
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAElC,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAMnF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAEpD,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC1D,IAAI,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,GAAG,SAAS,CAAA;IAC/C,QAAQ,EAAE,SAAS,GAAG,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,KAAK,GAAG,SAAS,CAAA;IAC7B,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,CAAA;CAC1B,CAAA;AACD,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,KAAkB,EAAE,GAAG,WAAW,EAAE,EAAE,YAAY,2CAWjH"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAElC,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAMnF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAEpD,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC1D,IAAI,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,GAAG,SAAS,CAAA;IAC/C,QAAQ,EAAE,SAAS,GAAG,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,KAAK,GAAG,SAAS,CAAA;IAC7B,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AACD,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,SAAS,EACT,KAAkB,EAClB,WAAW,EACX,GAAG,WAAW,EACf,EAAE,YAAY,2CAWd"}
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Message/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAG9B,wBAAgB,qBAAqB,YACpB;IAAE,MAAM,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,OAAO,KAAK,CAAA;CAAE,YAmBtD"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Message/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAG9B,wBAAgB,qBAAqB,YACpB;IAAE,MAAM,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,OAAO,KAAK,CAAA;CAAE,YAkBtD"}
package/index.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import styled, { createGlobalStyle, ThemeProvider as ThemeProvider$1, css, keyframes } from 'styled-components';
2
2
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
3
- import t, { useMemo, PureComponent, useRef, useLayoutEffect, useEffect, forwardRef, useReducer, useState, isValidElement, cloneElement, useCallback, useImperativeHandle, createContext, useContext } from 'react';
3
+ import t, { useMemo, PureComponent, forwardRef, useEffect, useReducer, useState, useRef, isValidElement, cloneElement, useLayoutEffect, useCallback, useImperativeHandle, createContext, useContext } from 'react';
4
4
  import { Dropdown as Dropdown$1, Checkbox as Checkbox$1, CheckPicker as CheckPicker$1, DatePicker as DatePicker$1, DateRangePicker as DateRangePicker$1, MultiCascader as MultiCascader$1, TagPicker, Radio as Radio$1, RadioGroup, Input, AutoComplete, SelectPicker, Toggle as Toggle$1 } from 'rsuite';
5
5
  import { useField, useFormikContext } from 'formik';
6
- import { flexRender, useReactTable, getSortedRowModel, getCoreRowModel } from '@tanstack/react-table';
6
+ import { flexRender, useReactTable, getCoreRowModel, getSortedRowModel } from '@tanstack/react-table';
7
7
  import { captureMessage } from '@sentry/react';
8
8
 
9
9
  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -53920,19 +53920,18 @@ const DEFAUT_ICON = {
53920
53920
  border: solid 1px ${props.theme.color.goldenPoppyBorder};
53921
53921
  color: ${props.theme.color.gunMetal};
53922
53922
  `;
53923
- // TODO Check `border-color` with Adeline.
53924
53923
  case props.$level === Level.INFO:
53925
53924
  default:
53926
53925
  return `
53927
53926
  background-color: ${props.theme.color.blueGray25};
53928
- border: solid 1px ${props.theme.color.blueGrayBorder};
53927
+ border: solid 1px #AECEEA;
53929
53928
  color: ${props.theme.color.gunMetal};
53930
53929
  `;
53931
53930
  }
53932
53931
  };
53933
53932
  }
53934
53933
 
53935
- function Message({ children, className, Icon, iconColor, level = Level.INFO, ...nativeProps }) {
53934
+ function Message({ children, className, Icon, iconColor, level = Level.INFO, withoutIcon, ...nativeProps }) {
53936
53935
  const controlledClassName = classnames('Component-Message', className);
53937
53936
  const ControlledIcon = Icon ?? DEFAUT_ICON[level];
53938
53937
  const controlledIconColor = iconColor ?? DEFAULT_ICON_COLOR[level];
@@ -53941,17 +53940,18 @@ function Message({ children, className, Icon, iconColor, level = Level.INFO, ...
53941
53940
  className: controlledClassName,
53942
53941
  ...nativeProps,
53943
53942
  children: [
53944
- /*#__PURE__*/ jsx(ControlledIcon, {
53943
+ !withoutIcon && /*#__PURE__*/ jsx(ControlledIcon, {
53945
53944
  color: controlledIconColor
53946
53945
  }),
53947
53946
  /*#__PURE__*/ jsx(ChildrenContainer, {
53947
+ $withMargin: !withoutIcon,
53948
53948
  children: children
53949
53949
  })
53950
53950
  ]
53951
53951
  });
53952
53952
  }
53953
53953
  const ChildrenContainer = styled.div`
53954
- margin-left: 8px;
53954
+ margin-left: ${({ $withMargin })=>$withMargin ? 8 : 0}px;
53955
53955
  display: flex;
53956
53956
  flex-direction: column;
53957
53957
  flex: 1;
@@ -53959,7 +53959,6 @@ const ChildrenContainer = styled.div`
53959
53959
  const Box$c = styled.div`
53960
53960
  ${getStyledCssFromLevel()}
53961
53961
 
53962
- border-radius: 2px;
53963
53962
  display: flex;
53964
53963
  font-size: 13px;
53965
53964
  padding: 16px;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mtes-mct/monitor-ui",
3
3
  "description": "Common React components, hooks, utilities and CSS stylesheets for MonitorFish, MonitorEnv and RapportNav.",
4
- "version": "24.9.1",
4
+ "version": "24.10.1",
5
5
  "license": "AGPL-3.0",
6
6
  "type": "module",
7
7
  "engines": {