@popsure/dirty-swan 0.26.13 → 0.27.0-alpha.1

package/dist/lib/components/modal/hooks/useOnClose.d.ts

@@ -2,6 +2,6 @@ import React from 'react';
 declare const useOnClose: (onClose: () => void, isOpen: boolean, dismissable: boolean) => {
     isClosing: boolean;
     handleContainerClick: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    handleOnClose: () => null | undefined;
+    handleOnClose: () => void;
 };
 export default useOnClose;

package/dist/{mapStyle-a64f125f.js → mapStyle-1288a869.js}

@@ -1,5 +1,3 @@
-'use strict';
-
 var style = new google.maps.StyledMapType([
     {
         elementType: 'geometry',
@@ -185,5 +183,5 @@ var style = new google.maps.StyledMapType([
     },
 ], { name: 'Styled Map' });
 
-exports.style = style;
-//# sourceMappingURL=mapStyle-a64f125f.js.map
+export { style };
+//# sourceMappingURL=mapStyle-1288a869.js.map

package/dist/mapStyle-1288a869.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapStyle-1288a869.js","sources":["../src/lib/components/autocompleteAddress/mapStyle.ts"],"sourcesContent":[null],"names":[],"mappings":"IAAa,KAAK,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,aAAa,CAChD;IACE;QACE,WAAW,EAAE,UAAU;QACvB,OAAO,EAAE;YACP;gBACE,KAAK,EAAE,SAAS;aACjB;SACF;KACF;IACD;QACE,WAAW,EAAE,QAAQ;QACrB,OAAO,EAAE;YACP;gBACE,UAAU,EAAE,KAAK;aAClB;SACF;KACF;IACD;QACE,WAAW,EAAE,aAAa;QAC1B,OAAO,EAAE;YACP;gBACE,UAAU,EAAE,KAAK;aAClB;SACF;KACF;IACD;QACE,WAAW,EAAE,kBAAkB;QAC/B,OAAO,EAAE;YACP;gBACE,KAAK,EAAE,SAAS;aACjB;SACF;KACF;IACD;QACE,WAAW,EAAE,oBAAoB;QACjC,OAAO,EAAE;YACP;gBACE,KAAK,EAAE,SAAS;aACjB;SACF;KACF;IACD;QACE,WAAW,EAAE,4BAA4B;QACzC,OAAO,EAAE;YACP;gBACE,UAAU,EAAE,KAAK;aAClB;SACF;KACF;IACD;QACE,WAAW,EAAE,4BAA4B;QACzC,WAAW,EAAE,kBAAkB;QAC/B,OAAO,EAAE;YACP;gBACE,KAAK,EAAE,SAAS;aACjB;SACF;KACF;IACD;QACE,WAAW,EAAE,6BAA6B;QAC1C,OAAO,EAAE;YACP;gBACE,UAAU,EAAE,KAAK;aAClB;SACF;KACF;IACD;QACE,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,UAAU;QACvB,OAAO,EAAE;YACP;gBACE,KAAK,EAAE,SAAS;aACjB;SACF;KACF;IACD;QACE,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,kBAAkB;QAC/B,OAAO,EAAE;YACP;gBACE,KAAK,EAAE,SAAS;aACjB;SACF;KACF;IACD;QACE,WAAW,EAAE,UAAU;QACvB,WAAW,EAAE,UAAU;QACvB,OAAO,EAAE;YACP;gBACE,KAAK,EAAE,SAAS;aACjB;SACF;KACF;IACD;QACE,WAAW,EAAE,UAAU;QACvB,WAAW,EAAE,kBAAkB;QAC/B,OAAO,EAAE;YACP;gBACE,KAAK,EAAE,SAAS;aACjB;SACF;KACF;IACD;QACE,WAAW,EAAE,MAAM;QACnB,WAAW,EAAE,UAAU;QACvB,OAAO,EAAE;YACP;gBACE,KAAK,EAAE,SAAS;aACjB;SACF;KACF;IACD;QACE,WAAW,EAAE,eAAe;QAC5B,WAAW,EAAE,kBAAkB;QAC/B,OAAO,EAAE;YACP;gBACE,KAAK,EAAE,SAAS;aACjB;SACF;KACF;IACD;QACE,WAAW,EAAE,cAAc;QAC3B,WAAW,EAAE,UAAU;QACvB,OAAO,EAAE;YACP;gBACE,KAAK,EAAE,SAAS;aACjB;SACF;KACF;IACD;QACE,WAAW,EAAE,cAAc;QAC3B,WAAW,EAAE,kBAAkB;QAC/B,OAAO,EAAE;YACP;gBACE,KAAK,EAAE,SAAS;aACjB;SACF;KACF;IACD;QACE,WAAW,EAAE,YAAY;QACzB,WAAW,EAAE,kBAAkB;QAC/B,OAAO,EAAE;YACP;gBACE,KAAK,EAAE,SAAS;aACjB;SACF;KACF;IACD;QACE,WAAW,EAAE,cAAc;QAC3B,WAAW,EAAE,UAAU;QACvB,OAAO,EAAE;YACP;gBACE,KAAK,EAAE,SAAS;aACjB;SACF;KACF;IACD;QACE,WAAW,EAAE,iBAAiB;QAC9B,WAAW,EAAE,UAAU;QACvB,OAAO,EAAE;YACP;gBACE,KAAK,EAAE,SAAS;aACjB;SACF;KACF;IACD;QACE,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,UAAU;QACvB,OAAO,EAAE;YACP;gBACE,KAAK,EAAE,SAAS;aACjB;SACF;KACF;IACD;QACE,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,kBAAkB;QAC/B,OAAO,EAAE;YACP;gBACE,KAAK,EAAE,SAAS;aACjB;SACF;KACF;CACF,EACD,EAAE,IAAI,EAAE,YAAY,EAAE;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@popsure/dirty-swan",
-  "version": "0.26.13",
+  "version": "0.27.0-alpha.1",
   "author": "Vincent Audoire <vincent@getpopsure.com>",
   "license": "MIT",
   "private": false,
@@ -20,7 +20,7 @@
     "Readme.md"
   ],
   "dependencies": {
-    "@popsure/public-models": "^0.0.14",
+    "@popsure/public-models": "^1.0.0",
     "classnames": "^2.3.1",
     "dayjs": "^1.10.7",
     "lodash.debounce": "^4.0.8",

package/src/lib/components/autocompleteAddress/index.tsx

@@ -3,7 +3,11 @@ import classNames from 'classnames';
 import debounce from 'lodash.debounce';
 import isEqual from 'lodash.isequal';
 import Input from '../input';
-import { Address, countryNameFromAlphaCode } from '@popsure/public-models';
+import {
+  Address,
+  Alpha2CountryCode,
+  countryNameFromAlphaCode,
+} from '@popsure/public-models';
 
 import { geocoderAddressComponentToPartialAddress } from './util';
 
@@ -145,39 +149,46 @@ const AutoCompleteAddress = ({
     }
   };
 
-  const setPlaceFromAddress = useCallback((address: Partial<Address> | undefined) => {
-    if (!map.current) {
-      return;
-    }
+  const setPlaceFromAddress = useCallback(
+    (address: Partial<Address> | undefined) => {
+      if (!map.current) {
+        return;
+      }
 
-    if (address) {
-      const service = new google.maps.places.PlacesService(map.current);
-      const query = `${address.street ?? ''} ${address.houseNumber ?? ''}, ${
-        address.city ?? ''
-      }, ${address.country ? countryNameFromAlphaCode(address.country) : ''}`;
-      setIsLoading(true);
-      service.findPlaceFromQuery(
-        {
-          fields: ['place_id'],
-          query,
-        },
-        (results) => {
-          const firstResult = results && results[0];
-          if (firstResult && firstResult.place_id) {
-            service.getDetails(
-              { placeId: firstResult.place_id },
-              (newPlace) => {
-                onPlaceChanged(newPlace ?? undefined, false);
-              }
-            );
+      if (address) {
+        const service = new google.maps.places.PlacesService(map.current);
+        const query = `${address.street ?? ''} ${address.houseNumber ?? ''}, ${
+          address.city ?? ''
+        }, ${
+          address.country
+            ? countryNameFromAlphaCode(address.country as Alpha2CountryCode)
+            : ''
+        }`;
+        setIsLoading(true);
+        service.findPlaceFromQuery(
+          {
+            fields: ['place_id'],
+            query,
+          },
+          (results) => {
+            const firstResult = results && results[0];
+            if (firstResult && firstResult.place_id) {
+              service.getDetails(
+                { placeId: firstResult.place_id },
+                (newPlace) => {
+                  onPlaceChanged(newPlace ?? undefined, false);
+                }
+              );
+            }
+            setIsLoading(false);
           }
-          setIsLoading(false);
-        }
-      );
-    }
-  }, []);
+        );
+      }
+    },
+    []
+  );
 
-  const debouncedSetPlace = debounce(setPlaceFromAddress, 1000)
+  const debouncedSetPlace = debounce(setPlaceFromAddress, 1000);
 
   const handleEnterAddressManually = () => {
     setManualAddressEntry(true);

package/src/lib/components/autocompleteAddress/util/index.ts

@@ -1,4 +1,8 @@
-import { Address, countryNameFromAlphaCode } from '@popsure/public-models';
+import {
+  Address,
+  Alpha2CountryCode,
+  countryNameFromAlphaCode,
+} from '@popsure/public-models';
 
 export const geocoderAddressComponentToPartialAddress = (
   input: google.maps.GeocoderAddressComponent[]
@@ -52,4 +56,4 @@ export const geocoderAddressComponentToPartialAddress = (
 export const inlineAddress = (address: Address) =>
   `${address.street} ${address.houseNumber}, ${
     address.city
-  }, ${countryNameFromAlphaCode(address.country)}`;
+  }, ${countryNameFromAlphaCode(address.country as Alpha2CountryCode)}`;

package/src/lib/components/modal/hooks/useOnClose.ts

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 
 const useOnClose = (
   onClose: () => void,
@@ -7,13 +7,32 @@ const useOnClose = (
 ) => {
   const [isClosing, setIsClosing] = useState(false);
 
+  const handleOnClose = useCallback(() => {
+    setIsClosing(true);
+    setTimeout(() => {
+      onClose();
+      setIsClosing(false);
+    }, 300);
+  }, [setIsClosing, onClose]);
+
+  const handleEscKey = useCallback(
+    (e: KeyboardEvent) => {
+      if (e.code !== 'Escape') return;
+      if (!dismissable) return null;
+      if (!isOpen) return null;
+
+      handleOnClose();
+    },
+    [isOpen, dismissable, handleOnClose]
+  );
+
   useEffect(() => {
     window.addEventListener('keydown', handleEscKey);
 
     return () => {
       window.removeEventListener('keydown', handleEscKey);
     };
-  }, []); // eslint-disable-line react-hooks/exhaustive-deps
+  }, [handleEscKey]);
 
   useEffect(() => {
     document.body.style.overflow = isOpen ? 'hidden' : 'auto';
@@ -23,22 +42,6 @@ const useOnClose = (
     };
   }, [isOpen]);
 
-  const handleOnClose = () => {
-    if (!dismissable) return null;
-
-    setIsClosing(true);
-    setTimeout(() => {
-      onClose();
-      setIsClosing(false);
-    }, 300);
-  };
-
-  const handleEscKey = (e: KeyboardEvent) => {
-    if (e.code !== 'Escape') return;
-
-    handleOnClose();
-  };
-
   const handleContainerClick = (
     e: React.MouseEvent<HTMLDivElement, MouseEvent>
   ) => {

package/src/lib/components/modal/index.stories.mdx

@@ -30,22 +30,19 @@ Modals are dialog overlays that prevent the user from interacting with the rest
 
 export const RegularModalStory = () => {
   const [display, setDisplay] = useState(false);
+  const toggleOpen = () => setDisplay(!display);
   return (
     <>
       <button
         className="p-btn--primary wmn2"
-        onClick={() => {
-          setDisplay(!display);
-        }}
+        onClick={toggleOpen}
       >
         Regular modal
       </button>
       <RegularModal
         title="Regular modal title"
         isOpen={display}
-        onClose={() => {
-          setDisplay(false);
-        }}
+        onClose={toggleOpen}
       >
         <div style={{ padding: '0 24px 24px 24px' }}>
           <p className="p-p">

package/src/lib/components/modal/regularModal/style.module.scss

@@ -1,18 +1,22 @@
 @keyframes fade-in {
   0% {
     background-color: rgba($color: #000000, $alpha: 0);
+    visibility: hidden;
   }
   100% {
     background-color: rgba($color: #000000, $alpha: 0.3);
+    visibility: visible;
   }
 }
 
 @keyframes fade-out {
   from {
     background-color: rgba($color: #000000, $alpha: 0.3);
+    visibility: visible;
   }
   to {
     background-color: rgba($color: #000000, $alpha: 0);
+    visibility: hidden;
   }
 }
 
@@ -20,10 +24,12 @@
   0% {
     transform: translateY(24px) translateX(-50%);
     opacity: 0;
+    visibility: hidden;
   }
   100% {
     transform: translateY(0) translateX(-50%);
     opacity: 1;
+    visibility: visible;
   }
 }
 
@@ -31,10 +37,12 @@
   0% {
     transform: translateY(0) translateX(-50%);
     opacity: 1;
+    visibility: visible;
   }
   100% {
     transform: translateY(24px) translateX(-50%);
     opacity: 0;
+    visibility: hidden;
   }
 }
 

package/dist/mapStyle-a64f125f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mapStyle-a64f125f.js","sources":["../src/lib/components/autocompleteAddress/mapStyle.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}