@mtes-mct/monitor-ui 22.1.0 → 23.0.0

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,15 @@
1
+ ## [22.1.0](https://github.com/MTES-MCT/monitor-ui/compare/v22.0.1...v22.1.0) (2024-09-12)
2
+
3
+
4
+ ### Features
5
+
6
+ * **icons:** add bullseye icon ([1f76116](https://github.com/MTES-MCT/monitor-ui/commit/1f76116bf996528e4d548479996cf47e78d2453d))
7
+
8
+
9
+ ### Buid System & Dependencies
10
+
11
+ * **dev-deps:** bump the all-non-major-dependencies group across 1 directory with 5 updates ([52dabbf](https://github.com/MTES-MCT/monitor-ui/commit/52dabbfed940b787a9fb1490f0696595291d5f6e))
12
+
1
13
  ## [22.0.1](https://github.com/MTES-MCT/monitor-ui/compare/v22.0.0...v22.0.1) (2024-09-09)
2
14
 
3
15
 
@@ -1 +1 @@
1
- {"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Body.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI;aAAyB,MAAM;SAiB/C,CAAA"}
1
+ {"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Body.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI;aACN,MAAM;SAkBhB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Fieldset.d.ts","sourceRoot":"","sources":["../../src/elements/Fieldset.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,sBAAsB,EAAW,MAAM,OAAO,CAAA;AAK5D,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,cAAc,GAAG,UAAU,GAAG,OAAO,CAAC,GAAG;IACrH,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACpC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAChC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC5B,CAAA;AACD,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,SAAiB,EACjB,QAAgB,EAChB,cAAsB,EACtB,OAAe,EACf,UAAkB,EAClB,MAAM,EACN,GAAG,WAAW,EACf,EAAE,aAAa,2CAgBf"}
1
+ {"version":3,"file":"Fieldset.d.ts","sourceRoot":"","sources":["../../src/elements/Fieldset.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,sBAAsB,EAAW,MAAM,OAAO,CAAA;AAK5D,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,cAAc,GAAG,UAAU,GAAG,OAAO,CAAC,GAAG;IACrH,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACpC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAChC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC5B,CAAA;AACD,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,SAAiB,EACjB,QAAgB,EAChB,cAAsB,EACtB,OAAe,EACf,UAAkB,EAClB,MAAM,EACN,GAAG,WAAW,EACf,EAAE,aAAa,2CAqBf"}
@@ -10,5 +10,5 @@ export declare const Label: import("styled-components").StyledComponent<"label",
10
10
  $idDisabled?: boolean | undefined;
11
11
  $isHidden?: boolean | undefined;
12
12
  $isRequired?: boolean | undefined;
13
- }, keyof LabelHTMLAttributes<HTMLLabelElement> | "$isHidden" | "$isRequired" | "$hasError" | "$idDisabled">;
13
+ }, keyof LabelHTMLAttributes<HTMLLabelElement> | "$isHidden" | "$hasError" | "$isRequired" | "$idDisabled">;
14
14
  //# sourceMappingURL=Label.d.ts.map
@@ -1,14 +1,14 @@
1
1
  import type { HTMLAttributes } from 'react';
2
2
  export type LegendProps = HTMLAttributes<HTMLLegendElement> & {
3
+ $disabled?: boolean | undefined;
4
+ $hasError?: boolean | undefined;
5
+ $isHidden?: boolean | undefined;
3
6
  $isRequired?: boolean | undefined;
4
- disabled?: boolean | undefined;
5
- hasError?: boolean | undefined;
6
- isHidden?: boolean | undefined;
7
7
  };
8
8
  export declare const Legend: import("styled-components").StyledComponent<"legend", import("styled-components").DefaultTheme, HTMLAttributes<HTMLLegendElement> & {
9
+ $disabled?: boolean | undefined;
10
+ $hasError?: boolean | undefined;
11
+ $isHidden?: boolean | undefined;
9
12
  $isRequired?: boolean | undefined;
10
- disabled?: boolean | undefined;
11
- hasError?: boolean | undefined;
12
- isHidden?: boolean | undefined;
13
- }, "disabled" | keyof HTMLAttributes<HTMLLegendElement> | "isHidden" | "$isRequired" | "hasError">;
13
+ }, keyof HTMLAttributes<HTMLLegendElement> | "$isHidden" | "$disabled" | "$hasError" | "$isRequired">;
14
14
  //# sourceMappingURL=Legend.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Legend.d.ts","sourceRoot":"","sources":["../../src/elements/Legend.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IAC5D,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC/B,CAAA;AACD,eAAO,MAAM,MAAM;kBALH,OAAO,GAAG,SAAS;eACtB,OAAO,GAAG,SAAS;eACnB,OAAO,GAAG,SAAS;eACnB,OAAO,GAAG,SAAS;kGAoB/B,CAAA"}
1
+ {"version":3,"file":"Legend.d.ts","sourceRoot":"","sources":["../../src/elements/Legend.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IAC5D,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC/B,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC/B,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC/B,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAClC,CAAA;AACD,eAAO,MAAM,MAAM;gBALL,OAAO,GAAG,SAAS;gBACnB,OAAO,GAAG,SAAS;gBACnB,OAAO,GAAG,SAAS;kBACjB,OAAO,GAAG,SAAS;qGAoBlC,CAAA"}
package/index.js CHANGED
@@ -54394,8 +54394,8 @@ const Legend = styled.legend.attrs((props)=>({
54394
54394
  className: classnames('Element-Legend', props.className)
54395
54395
  }))`
54396
54396
  color: ${(p)=>// eslint-disable-next-line no-nested-ternary
54397
- p.disabled ? p.theme.color.lightGray : p.hasError ? p.theme.color.maximumRed : p.theme.color.slateGray};
54398
- display: ${(p)=>p.isHidden ? 'none' : 'block'};
54397
+ p.$disabled ? p.theme.color.lightGray : p.$hasError ? p.theme.color.maximumRed : p.theme.color.slateGray};
54398
+ display: ${(p)=>p.$isHidden ? 'none' : 'block'};
54399
54399
  font-size: 13px;
54400
54400
  line-height: 1.3846;
54401
54401
  margin-bottom: 4px;
@@ -54416,10 +54416,10 @@ function Fieldset({ children, className, hasBorder = false, hasError = false, is
54416
54416
  ...nativeProps,
54417
54417
  children: [
54418
54418
  legend && /*#__PURE__*/ jsx(Legend, {
54419
+ $disabled: nativeProps.disabled,
54420
+ $hasError: hasError,
54421
+ $isHidden: isLegendHidden,
54419
54422
  $isRequired: isRequired,
54420
- disabled: nativeProps.disabled,
54421
- hasError: hasError,
54422
- isHidden: isLegendHidden,
54423
54423
  children: legend
54424
54424
  }),
54425
54425
  /*#__PURE__*/ jsx(InnerBox, {
@@ -66674,9 +66674,9 @@ function RangedTimePicker({ filter, minutesRange, onChange }) {
66674
66674
  onClick: stopMouseEventPropagation,
66675
66675
  role: "listbox",
66676
66676
  children: filteredRangedTimeOptions.map(({ label, value }, index)=>/*#__PURE__*/ jsx(Option, {
66677
+ $isSelected: index === selectedOptionIndex,
66677
66678
  "aria-selected": false,
66678
66679
  className: "js-ranged-time-picker-option",
66679
- isSelected: index === selectedOptionIndex,
66680
66680
  onClick: ()=>onChange(value),
66681
66681
  role: "option",
66682
66682
  tabIndex: -1,
@@ -66715,14 +66715,14 @@ const Box$5 = styled.div`
66715
66715
  }
66716
66716
  `;
66717
66717
  const Option = styled.div`
66718
- background-color: ${(p)=>p.isSelected ? p.theme.color.blueGray : 'transparent'};
66719
- color: ${(p)=>p.isSelected ? p.theme.color.white : p.theme.color.gunMetal};
66718
+ background-color: ${(p)=>p.$isSelected ? p.theme.color.blueGray : 'transparent'};
66719
+ color: ${(p)=>p.$isSelected ? p.theme.color.white : p.theme.color.gunMetal};
66720
66720
  cursor: pointer;
66721
66721
  line-height: 1;
66722
66722
  padding: 8.5px 0 10.5px 8px;
66723
66723
 
66724
66724
  &:hover {
66725
- background-color: ${(p)=>p.isSelected ? p.theme.color.blueGray : p.theme.color.blueYonder25};
66725
+ background-color: ${(p)=>p.$isSelected ? p.theme.color.blueGray : p.theme.color.blueYonder25};
66726
66726
  }
66727
66727
 
66728
66728
  > span {
@@ -67602,7 +67602,7 @@ readOnly = false, style, withTime = false, ...nativeProps }) {
67602
67602
  })
67603
67603
  }),
67604
67604
  withTime && /*#__PURE__*/ jsx(Field, {
67605
- isTimeField: true,
67605
+ $isTimeField: true,
67606
67606
  children: /*#__PURE__*/ jsx(TimeInput, {
67607
67607
  ref: startTimeInputRef,
67608
67608
  baseContainer: baseContainer ?? undefined,
@@ -67624,7 +67624,7 @@ readOnly = false, style, withTime = false, ...nativeProps }) {
67624
67624
  })
67625
67625
  }),
67626
67626
  /*#__PURE__*/ jsx(Field, {
67627
- isEndDateField: true,
67627
+ $isEndDateField: true,
67628
67628
  children: /*#__PURE__*/ jsx(DateInput, {
67629
67629
  ref: endDateInputRef,
67630
67630
  baseContainer: baseContainer ?? undefined,
@@ -67647,7 +67647,7 @@ readOnly = false, style, withTime = false, ...nativeProps }) {
67647
67647
  })
67648
67648
  }),
67649
67649
  withTime && /*#__PURE__*/ jsx(Field, {
67650
- isTimeField: true,
67650
+ $isTimeField: true,
67651
67651
  children: /*#__PURE__*/ jsx(TimeInput, {
67652
67652
  ref: endTimeInputRef,
67653
67653
  baseContainer: baseContainer ?? undefined,
@@ -67706,10 +67706,10 @@ const Box$2 = styled.div`
67706
67706
  const Field = styled.span`
67707
67707
  font-size: inherit;
67708
67708
  margin-left: ${(p)=>{
67709
- if (p.isEndDateField) {
67709
+ if (p.$isEndDateField) {
67710
67710
  return '10px';
67711
67711
  }
67712
- return p.isTimeField ? '2px' : 0;
67712
+ return p.$isTimeField ? '2px' : 0;
67713
67713
  }} !important;
67714
67714
  `;
67715
67715
 
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": "22.1.0",
4
+ "version": "23.0.0",
5
5
  "license": "AGPL-3.0",
6
6
  "type": "module",
7
7
  "engines": {