@kaizen/components 1.40.2 → 1.40.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/components",
-  "version": "1.40.2",
+  "version": "1.40.4",
   "description": "Kaizen component library",
   "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
   "homepage": "https://cultureamp.design",
@@ -28,24 +28,24 @@
   "dependencies": {
     "@floating-ui/react-dom": "^2.0.8",
     "@headlessui/react": "<=1.5.0",
-    "@internationalized/date": "^3.5.1",
+    "@internationalized/date": "^3.5.2",
     "@popperjs/core": "^2.11.8",
     "@reach/tabs": "^0.18.0",
-    "@react-aria/button": "^3.9.1",
-    "@react-aria/datepicker": "^3.9.1",
-    "@react-aria/focus": "^3.16.0",
-    "@react-aria/i18n": "^3.10.0",
-    "@react-aria/listbox": "^3.11.3",
-    "@react-aria/menu": "^3.12.0",
-    "@react-aria/overlays": "^3.20.0",
-    "@react-aria/select": "^3.14.1",
-    "@react-aria/utils": "^3.23.0",
-    "@react-stately/collections": "^3.10.4",
-    "@react-stately/datepicker": "^3.9.1",
-    "@react-stately/list": "^3.10.2",
-    "@react-stately/menu": "^3.6.0",
-    "@react-stately/select": "^3.6.1",
-    "@react-types/shared": "^3.22.0",
+    "@react-aria/button": "^3.9.3",
+    "@react-aria/datepicker": "^3.9.3",
+    "@react-aria/focus": "^3.16.2",
+    "@react-aria/i18n": "^3.10.2",
+    "@react-aria/listbox": "^3.11.5",
+    "@react-aria/menu": "^3.13.1",
+    "@react-aria/overlays": "^3.21.1",
+    "@react-aria/select": "^3.14.3",
+    "@react-aria/utils": "^3.23.2",
+    "@react-stately/collections": "^3.10.5",
+    "@react-stately/datepicker": "^3.9.2",
+    "@react-stately/list": "^3.10.3",
+    "@react-stately/menu": "^3.6.1",
+    "@react-stately/select": "^3.6.2",
+    "@react-types/shared": "^3.22.1",
     "classnames": "^2.5.1",
     "date-fns": "^3.3.1",
     "lodash.debounce": "^4.0.8",
@@ -60,7 +60,7 @@
     "prosemirror-state": "^1.4.3",
     "prosemirror-transform": "^1.8.0",
     "prosemirror-utils": "^1.2.1-0",
-    "prosemirror-view": "^1.32.7",
+    "prosemirror-view": "^1.33.1",
     "react-animate-height": "^3.2.3",
     "react-day-picker": "^8.10.0",
     "react-focus-lock": "^2.9.7",
@@ -80,8 +80,8 @@
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
-    "@cultureamp/frontend-apis": "^9.3.4",
-    "@cultureamp/i18n-react-intl": "^2.4.0",
+    "@cultureamp/frontend-apis": "^9.4.0",
+    "@cultureamp/i18n-react-intl": "^2.5.1",
     "@rollup/plugin-alias": "^5.1.0",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.7",
@@ -90,7 +90,7 @@
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.6",
     "@types/lodash.debounce": "^4.0.9",
-    "@types/react-dom": "^18.2.18",
+    "@types/react-dom": "^18.2.19",
     "@types/react-textfit": "^1.1.4",
     "@types/uuid": "^9.0.8",
     "agadoo": "^3.0.0",
@@ -99,22 +99,22 @@
     "concat-cli": "^4.0.0",
     "query-string": "^8.2.0",
     "react-intl": "^6.6.2",
-    "rollup": "^4.9.6",
+    "rollup": "^4.12.0",
     "rollup-plugin-dts": "^6.1.0",
     "rollup-plugin-ignore": "^1.0.10",
     "rollup-plugin-node-externals": "^7.0.1",
     "rollup-plugin-postcss": "^4.0.2",
-    "sass": "^1.70.0",
+    "sass": "^1.71.1",
     "serialize-query-params": "^2.0.2",
     "svgo": "^3.2.0",
     "ts-jest": "^29.1.2",
     "ts-patch": "^3.1.2",
-    "typescript-transform-paths": "^3.4.6",
+    "typescript-transform-paths": "^3.4.7",
     "@kaizen/design-tokens": "10.3.18",
     "@kaizen/tailwind": "1.2.4"
   },
   "peerDependencies": {
-    "@cultureamp/i18n-react-intl": "^2.4.0",
+    "@cultureamp/i18n-react-intl": "^2.5.1",
     "react": "^18.2.0",
     "react-intl": "^6.6.2"
   },

package/src/Illustration/Scene/_docs/Scene.mdx

@@ -14,6 +14,7 @@ import * as SceneStories from "./Scene.stories"
 
 
 <KAIOInstallation
+  exportNames="BrandMomentPositiveOutro"
 />
 
 ## Overview

package/src/Modal/GenericModal/GenericModal.tsx

@@ -1,4 +1,4 @@
-import React, { useId, useState } from "react"
+import React, { useEffect, useId, useState } from "react"
 import { createPortal } from "react-dom"
 import { Transition } from "@headlessui/react"
 import FocusLock from "react-focus-lock"
@@ -102,7 +102,7 @@ export const GenericModal = ({
     }
   }
 
-  const onAfterLeaveHandler = (): void => {
+  const cleanUpAfterClose = (): void => {
     document.documentElement.classList.remove(
       styles.unscrollable,
       styles.pseudoScrollbar
@@ -111,7 +111,13 @@ export const GenericModal = ({
     if (onEscapeKeyup) {
       document.removeEventListener("keyup", onEscapeKeyup)
     }
+  }
 
+  /* Ensure sure add-on styles (e.g. unscrollable) and key event is cleaned up when the modal is unmounted*/
+  useEffect(() => () => cleanUpAfterClose(), [])
+
+  const onAfterLeaveHandler = (): void => {
+    cleanUpAfterClose()
     propsOnAfterLeave?.()
   }