@codeleap/web 3.12.8 → 3.12.10

package/package.json

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

package/src/components/Drawer/index.tsx

@@ -68,7 +68,7 @@ const defaultProps: Partial<DrawerProps> = {
   darkenBackground: true,
   size: '75vw',
   title: null,
-  scrollLocked: true,
+  scrollLocked: false,
   closeIcon: 'x' as IconPlaceholder,
 }
 
@@ -99,7 +99,7 @@ export const Drawer = (props: DrawerProps) => {
     closeIcon,
   } = allProps as DrawerProps
 
-  // usePopState(open, toggle, scrollLocked)
+  usePopState(open, toggle, scrollLocked)
 
   const [hiddenStyle, axis, positioning] = resolveHiddenDrawerPosition(position)
 

package/src/components/List/ListLayout.tsx

@@ -7,7 +7,7 @@ import { UseInfiniteScrollReturn } from './useInfiniteScroll'
 import { ActivityIndicator } from '../ActivityIndicator'
 import { motion } from 'framer-motion'
 
-type ListLayoutProps = Omit<ListProps, 'renderItem'> & UseInfiniteScrollReturn['layoutProps'] & {
+export type ListLayoutProps = Omit<ListProps, 'renderItem'> & UseInfiniteScrollReturn['layoutProps'] & {
   variantStyles: StylesOf<ListComposition>
   children?: React.ReactNode
   showFooter?: boolean
@@ -96,7 +96,7 @@ export const ListLayout = (props: ListLayoutProps) => {
         ? <ListLoadingIndicatorComponent />
         : null}
 
-      {(!!ListFooterComponent && showFooter) ? <ListFooterComponent /> : null}
+      {(!!ListFooterComponent && showFooter) ? <ListFooterComponent {...props} /> : null}
     </View>
   )
 }

package/src/components/List/types.ts

@@ -7,6 +7,7 @@ import { ActivityIndicatorProps } from '../ActivityIndicator'
 import { ComponentCommonProps } from '../../types'
 import { UseInfiniteScrollArgs } from './useInfiniteScroll'
 import { ItemMasonryProps, ListMasonryProps } from '../../lib'
+import { ListLayoutProps } from './ListLayout'
 
 export type AugmentedRenderItemInfo<T> = ItemMasonryProps<T> & {
   item: T
@@ -30,7 +31,7 @@ Data = T extends Array<infer D> ? D : never
     styles?: StylesOf<ListComposition>
     keyExtractor?: (item: T, index: number) => string
     renderItem: (data: AugmentedRenderItemInfo<T>) => React.ReactElement
-    ListFooterComponent?: () => React.ReactElement
+    ListFooterComponent?: (props: ListLayoutProps) => React.ReactElement
     ListLoadingIndicatorComponent?: () => React.ReactElement
     ListRefreshControlComponent?: () => React.ReactElement
     ListEmptyComponent?: React.FC | ((props: EmptyPlaceholderProps) => React.ReactElement)

package/src/components/Overlay/index.tsx

@@ -35,7 +35,7 @@ export const Overlay = <T extends NativeHTMLElement>(overlayProps:OverlayProps<T
     styles,
   })
 
-  // usePopState(visible, props.onPress, scrollLocked)
+  usePopState(visible, props.onPress, scrollLocked)
 
   const Component = props.onClick || props.onPress ? Touchable : View
 

package/src/lib/usePopState.ts

@@ -3,23 +3,9 @@ import { AnyFunction, useIsomorphicEffect, useUnmount } from '@codeleap/common'
 export const usePopState = (dependence: boolean, handler: AnyFunction, scrollLocked = true) => {
   useIsomorphicEffect(() => {
     if (dependence) {
-      if (scrollLocked) {
-        document.body.style.overflow = 'hidden'
-        document.body.style.overflowX = 'hidden'
-        document.body.style.overflowY = 'hidden'
-        document.body.style.maxHeight = '100vh'
-      }
-
       window.history.pushState(null, null, window.location.pathname)
       window.addEventListener('popstate', handler)
     } else {
-      if (scrollLocked) {
-        document.body.style.overflow = 'hidden'
-        document.body.style.overflowX = 'hidden'
-        document.body.style.overflowY = 'auto'
-        document.body.style.maxHeight = 'auto'
-      }
-
       window.removeEventListener('popstate', handler)
     }
   }, [dependence])