@mtes-mct/monitor-ui 13.7.1 → 13.7.3

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,18 @@
1
+ ## [13.7.2](https://github.com/MTES-MCT/monitor-ui/compare/v13.7.1...v13.7.2) (2024-03-18)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * **components:** update Dialog padding ([2cacb4e](https://github.com/MTES-MCT/monitor-ui/commit/2cacb4ed492415971ac61a05f8903b9ad1edc3f2))
7
+
8
+ ## [13.7.1](https://github.com/MTES-MCT/monitor-ui/compare/v13.7.0...v13.7.1) (2024-03-15)
9
+
10
+
11
+ ### Bug Fixes
12
+
13
+ * **tables:** stop click event propagation in RowCheckbox ([7e218ec](https://github.com/MTES-MCT/monitor-ui/commit/7e218eccc1d84c51e5c342c5eb4bfef20744e9f0))
14
+ * **utils:** remove conditional types from getFilteredCollection() ([472e11f](https://github.com/MTES-MCT/monitor-ui/commit/472e11fe02b65ae4295a8b0a2322ff14af370365))
15
+
1
16
  ## [13.7.0](https://github.com/MTES-MCT/monitor-ui/compare/v13.6.0...v13.7.0) (2024-03-15)
2
17
 
3
18
 
@@ -1 +1 @@
1
- {"version":3,"file":"Action.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Action.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yGA0BlB,CAAA"}
1
+ {"version":3,"file":"Action.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Action.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yGAclB,CAAA"}
@@ -1,2 +1,4 @@
1
- export declare const Body: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
1
+ export declare const Body: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
2
+ $color?: string;
3
+ }, never>;
2
4
  //# sourceMappingURL=Body.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Body.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,yGAiBhB,CAAA"}
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"}
@@ -11,7 +11,9 @@ export declare const Box: import("styled-components").StyledComponent<"div", imp
11
11
  }, never>;
12
12
  export declare const Dialog: typeof RawDialog & {
13
13
  Action: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
14
- Body: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
14
+ Body: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
15
+ $color?: string;
16
+ }, never>;
15
17
  Title: import("styled-components").StyledComponent<"h4", import("styled-components").DefaultTheme, {}, never>;
16
18
  };
17
19
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACzD,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CACjC,CAAA;AACD,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAkB,EAAE,GAAG,WAAW,EAAE,EAAE,WAAW,2CAUjG;yBAVe,SAAS;;;AAYzB,eAAO,MAAM,GAAG;iBACD,OAAO;SAYrB,CAAA;AAiCD,eAAO,MAAM,MAAM;;;;CAIjB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACzD,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CACjC,CAAA;AACD,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAkB,EAAE,GAAG,WAAW,EAAE,EAAE,WAAW,2CAUjG;yBAVe,SAAS;;;AAYzB,eAAO,MAAM,GAAG;iBACD,OAAO;SAYrB,CAAA;AAiCD,eAAO,MAAM,MAAM;;;;;;CAIjB,CAAA"}
package/cypress/index.js CHANGED
@@ -567,13 +567,15 @@ function pickMultiSelectOptions(fieldElement, values, label, force, delay) {
567
567
  throwError(`Could not find '.rs-picker-popup' in in field with label "${label}". Did the picker open?`);
568
568
  }
569
569
  values.forEach((value)=>{
570
- cy.wrap(fieldElement).find('.rs-picker-toggle').click({
571
- force
572
- }).wait(250).type(value, {
573
- delay,
574
- force
575
- }).wait(250);
576
- cy.wrap(rsuitePickerPopupElement).find('[role="option"]').contains(value).scrollIntoView().click({
570
+ // Search for the value if there is a search input
571
+ const maybeSearchInput = fieldElement.querySelector('.rs-picker-search-input > input');
572
+ if (maybeSearchInput) {
573
+ cy.wrap(fieldElement).find('.rs-picker-search-input > input').type(value, {
574
+ delay,
575
+ force
576
+ }).wait(250);
577
+ }
578
+ cy.wrap(rsuitePickerPopupElement).find('[role="option"]').contains(value).first().scrollIntoView().click({
577
579
  force
578
580
  });
579
581
  });
package/index.js CHANGED
@@ -17599,24 +17599,12 @@ const Action = styled.div`
17599
17599
  display: flex;
17600
17600
  flex-direction: column-reverse;
17601
17601
  padding: 8px 8px 8px 8px;
17602
+ gap: 8px;
17602
17603
  @media (min-width: 740px) {
17603
17604
  align-items: center;
17604
17605
  flex-direction: row;
17605
17606
  justify-content: center;
17606
- padding: 32px 8px 32px 8px;
17607
- }
17608
-
17609
- > button {
17610
- margin-bottom: 2px;
17611
- }
17612
- @media (min-width: 740px) {
17613
- > button {
17614
- margin-bottom: 0;
17615
-
17616
- &:first-child {
17617
- margin-right: 8px;
17618
- }
17619
- }
17607
+ padding: 32px 48px 48px 48px;
17620
17608
  }
17621
17609
  `;
17622
17610
 
@@ -17629,12 +17617,12 @@ const Body$1 = styled.div`
17629
17617
  padding: 8px 8px 8px 8px;
17630
17618
  text-align: center;
17631
17619
  @media (min-width: 740px) {
17632
- padding: 48px 8px 8px 8px;
17620
+ padding: 48px 48px 0px 48px;
17633
17621
  text-align: center;
17634
17622
  }
17635
17623
 
17636
17624
  > p {
17637
- color: ${(p)=>p.theme.color.slateGray};
17625
+ color: ${(p)=>p.$color ? p.$color : p.theme.color.slateGray};
17638
17626
  padding-top: 2px;
17639
17627
  }
17640
17628
  `;
@@ -64587,12 +64575,13 @@ const StyledFieldset$1 = styled(Fieldset)`
64587
64575
  &:focus-visible {
64588
64576
  outline: 0;
64589
64577
  }
64590
- ${(p)=>p.$isRequired && `
64591
- :after {
64578
+ }
64579
+
64580
+ ${(p)=>p.$isRequired && `
64581
+ legend:after {
64592
64582
  content:" *";
64593
64583
  color: ${p.theme.color.maximumRed};
64594
64584
  }`}
64595
- }
64596
64585
  `;
64597
64586
 
64598
64587
  const useClickOutsideEffect = (zoneRefOrzoneRefs, action, baseContainer)=>{
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": "13.7.1",
4
+ "version": "13.7.3",
5
5
  "license": "AGPL-3.0",
6
6
  "type": "module",
7
7
  "engines": {