@thecb/components 7.0.2-beta.8 → 7.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "7.0.2-beta.8",
+  "version": "7.0.2",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",

package/src/components/molecules/collapsible-section/CollapsibleSection.js

@@ -126,7 +126,7 @@ const CollapsibleSection = ({
               initial={initiallyOpen ? "open" : "closed"}
               exit="closed"
               variants={wrapper}
-              extraStyles={`transform-origin: 100% 0; overflow-y: hidden`}
+              extraStyles={`transform-origin: 100% 0; overflow-y: hidden;`}
               id={`${id}-content`}
               role={"region"}
               aria-labelledby={`${id}-button`}

package/src/components/molecules/copyable/Copyable.js

@@ -48,7 +48,7 @@ const Copyable = ({
   hasPopover = true,
   popoverMinWidth = "max-content",
   popoverID = 0,
-  popoverExtraStyles,
+  popoverExtraStyles
 }) => {
   const [popoverContent, setPopoverContent] = useState(initialPopoverContent);
   const [startTimer, setStartTimer] = useState(false);
@@ -57,7 +57,6 @@ const Copyable = ({
 
   const cleanup = () => {
     if (timeoutId) {
-      // console.log(`Clearing timeout ${timeoutId}`);
       clearTimeout(timeoutId);
     }
   };
@@ -70,10 +69,8 @@ const Copyable = ({
       }
       // Start a timeout to restore popover content to the initial value.
       // Record the ID of the timeout so it can be cleaned up later.
-      // console.log("Starting timeout");
       setTimeoutId(
         setTimeout(() => {
-          // console.log(`Timeout ${timeoutId} finished`);
           setPopoverContent(initialPopoverContent);
         }, copiedPopoverContentDuration)
       );
@@ -83,7 +80,7 @@ const Copyable = ({
       setStartTimer(false);
     }
 
-    // Return cleanup function so timeout will be cleared when component unmoumnts.
+    // Return cleanup function so timeout will be cleared when component unmounts.
     return cleanup;
   }, [startTimer]);
 
@@ -96,7 +93,7 @@ const Copyable = ({
           onCopy?.();
           setAttemptCopy(false);
         })
-        .catch((error) => {
+        .catch(error => {
           console.error(error);
           setPopoverContent(copyErrorPopoverContent);
           setAttemptCopy(false);
@@ -118,13 +115,13 @@ const Copyable = ({
         top: "auto",
         right: "auto",
         bottom: "auto",
-        left: `calc(-${popoverArrowWidth} - 8px)`,
+        left: `calc(-${popoverArrowWidth} - 8px)`
       }}
       arrowPosition={{
         arrowTop: "auto",
         arrowRight: "-8px",
         arrowBottom: `calc(50% - ${popoverArrowWidth})`,
-        arrowLeft: "auto",
+        arrowLeft: "auto"
       }}
       transform="translate(-100%, -75%)"
       arrowDirection="right"