@mtes-mct/monitor-ui 10.17.0 → 10.18.0

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## [10.17.1](https://github.com/MTES-MCT/monitor-ui/compare/v10.17.0...v10.17.1) (2024-01-04)
+
+
+### Bug Fixes
+
+* **components:** truncate long titles in MapMenuDialog ([ce25040](https://github.com/MTES-MCT/monitor-ui/commit/ce250400ddd8c955783e1aed5c0253ed14eb3972))
+
+## [10.17.0](https://github.com/MTES-MCT/monitor-ui/compare/v10.16.1...v10.17.0) (2024-01-03)
+
+
+### Features
+
+* **cypress:** add waitForLastRequest ([2739040](https://github.com/MTES-MCT/monitor-ui/commit/2739040cf1f6f74a6a38d9902dc485be5003b21d))
+* **hooks:** add useDeepCompareEffect ([d74f87a](https://github.com/MTES-MCT/monitor-ui/commit/d74f87ac390b636b50ab44d027aff13618a711bd))
+
+
+### Bug Fixes
+
+* **hooks:** fix import ([bd0449f](https://github.com/MTES-MCT/monitor-ui/commit/bd0449ff7bca816cb1570e2c46aec7bb05a64664))
+
 ## [10.16.1](https://github.com/MTES-MCT/monitor-ui/compare/v10.16.0...v10.16.1) (2023-12-20)
 
 

package/components/MapMenuDialog/index.d.ts

@@ -4,7 +4,9 @@ export declare const MapMenuDialog: {
     Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
     Footer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
     Header: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-    Title: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+    Title: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+        title: string;
+    }, "title">;
     VisibilityButton: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;
 };
 //# sourceMappingURL=index.d.ts.map

package/components/MapMenuDialog/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MapMenuDialog/index.tsx"],"names":[],"mappings":"AAqDA,eAAO,MAAM,aAAa;;;;;;;;CAQzB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MapMenuDialog/index.tsx"],"names":[],"mappings":"AA2DA,eAAO,MAAM,aAAa;;;;;;;;;;CAQzB,CAAA"}

package/cypress/global.d.ts

@@ -96,13 +96,15 @@ declare namespace Cypress {
      *       body: {
      *         property: 'VALUE',
      *       }
-     *    }, 5)
+     *    }, 5, response => {
+     *      console.log('After response', response)
+     *    })
      *    .its('response.statusCode')
      *    .should('eq', 201)
      *    })
      * ```
      */
-    waitForLastRequest(alias: string, partialRequest, maxRequests: number, level?)
+    waitForLastRequest(alias: string, partialRequest, maxRequests: number, level?, callback?: (response) => void)
   }
 
   type DateTuple = [number, number, number]

package/cypress/index.js

@@ -1168,7 +1168,7 @@ function getTableRowByText(prevSubjectElements, text) {
     return (prevSubjectElement ? cy.wrap(prevSubjectElement) : cy.get('body')).first().contains(`.Table-SimpleTable tr`, text);
 }
 
-function waitForLastRequest(alias, partialRequest, maxRequests, level = 0) {
+function waitForLastRequest(alias, partialRequest, maxRequests, level = 0, callback = ()=>{}) {
     if (level === maxRequests) {
         throw new Error(`${maxRequests} requests exceeded`);
     }
@@ -1177,7 +1177,7 @@ function waitForLastRequest(alias, partialRequest, maxRequests, level = 0) {
         // @ts-ignore
         const isMatch = Cypress._.isMatch(interception.request, partialRequest);
         if (isMatch) {
-            return interception;
+            return callback(interception.response);
         }
         // eslint-disable-next-line no-console
         cy.log('Intercepted request', JSON.stringify(interception.request));

package/index.js

@@ -37962,26 +37962,32 @@ const SecondaryIconButton = styled(PrimaryIconButton)`
 `;
 
 const Container = styled.div`
-  width: 320px;
-  max-height: 520px;
-  margin-right: 6px;
   background-color: ${(p)=>p.theme.color.white};
   box-shadow: 0px 3px 6px ${(p)=>p.theme.color.slateGray};
   display: flex;
   flex-direction: column;
+  margin-right: 6px;
+  max-height: 520px;
+  width: 320px;
 `;
 const Header = styled.div`
-  height: 40px;
+  align-items: center;
   background-color: ${(p)=>p.theme.color.charcoal};
   display: flex;
+  height: 40px;
   justify-content: space-between;
   padding: 9px 4px 9px 10px;
-  align-items: center;
 `;
-const Title = styled.span`
+const Title = styled.span.attrs((props)=>({
+        title: String(props.children)
+    }))`
+  color: ${(p)=>p.theme.color.white};
   font-size: 16px;
   line-height: 22px;
-  color: ${(p)=>p.theme.color.white};
+  margin-right: 6px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
 `;
 const Body = styled.div`
   height: calc(100% - 40px);