@codeleap/web 3.22.1 → 3.22.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/web",
-  "version": "3.22.1",
+  "version": "3.22.2",
   "main": "src/index.ts",
   "repository": {
     "url": "https://github.com/codeleap-uk/internal-libs-monorepo.git",

package/src/components/Modal/index.tsx

@@ -386,6 +386,10 @@ export const Modal = (props) => {
         setIndex(visible, modalId.current)
       }, visible ? 0 : 500)
     }
+
+    return () => {
+      if (scrollLock) modalScrollLock(false, modalId.current)
+    }
   }, [visible])
 
   const content = <ModalContent {...props} visible={visible} toggle={toggle} id={modalId.current} />

package/src/components/Select/index.tsx

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react'
 import React, { useRef, forwardRef, useImperativeHandle } from 'react'
-import { FormTypes, useValidate, useState, TypeGuards, onUpdate, IconPlaceholder } from '@codeleap/common'
+import { FormTypes, useValidate, useState, TypeGuards, onUpdate, IconPlaceholder, useEffect } from '@codeleap/common'
 import _Select, { components, MenuListProps, MenuProps, MultiValueProps, NoticeProps } from 'react-select'
 import Async from 'react-select/async'
 import { useSelectStyles } from './styles'
@@ -241,6 +241,12 @@ export const Select = forwardRef<HTMLInputElement, SelectProps>(
 
     const [selectedOption, setSelectedOption] = hasSelectedOptionState ? [_selectedOption, _setSelectedOption] : useState(initialValue ?? value)
 
+    useEffect(() => {
+      if (loadInitialValue && !selectedOption && !!initialValue) {
+        setSelectedOption(initialValue)
+      }
+    }, [!!initialValue])
+
     const [_isFocused, setIsFocused] = useState(false)
     const [loadedOptions, setLoadedOptions] = useState(false)
     const [keyDownActive, setKeyDownActive] = useState(false)