@codeleap/web 3.22.1 → 3.23.0

package/package.json

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

package/src/components/Dropzone/index.tsx

@@ -177,7 +177,7 @@ const DropzoneComponent = (props: DropzoneProps, ref: React.ForwardedRef<Dropzon
     open,
   }))
 
-  const hasFiles = acceptedFiles.length > 0 || rejectedFiles.length > 0
+  const hasFiles = acceptedFiles?.length > 0 || rejectedFiles?.length > 0
 
   const fileProps = {
     fileLeftIcon,
@@ -199,7 +199,7 @@ const DropzoneComponent = (props: DropzoneProps, ref: React.ForwardedRef<Dropzon
 
         {hasFiles && (
           <View css={variantStyles.filesWrapper}>
-            {acceptedFiles.map((file, index) => (
+            {acceptedFiles?.map?.((file, index) => (
               <FilePreview
                 {...fileProps}
                 index={index}
@@ -209,7 +209,7 @@ const DropzoneComponent = (props: DropzoneProps, ref: React.ForwardedRef<Dropzon
                 FilePreviewComponent={FilePreviewComponent}
               />))}
 
-            {rejectedFiles.map(({ file, errors }, index) => (
+            {rejectedFiles?.map?.(({ file, errors }, index) => (
               <FilePreview
                 {...fileProps}
                 index={index}

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)