fix: package types

Author: ahmnouira

src/useIonicHeaderParallax.spec.tsx

@@ -44,16 +44,13 @@ describe('IonHeaderParallax', () => {
 
   it('should render correctly', () => {
     const Component = () => {
-      useIonHeaderParallax({})
+      useIonHeaderParallax({ image: 'https://picsum.photos/1080' })
       return Element
     }
-
     const { container } = render(<Component />)
     expect(container).toBeTruthy()
   })
 
-
-
   // Running all pending timers and switching to real timers using Jest
   afterEach(() => {
     jest.runOnlyPendingTimers()

src/useIonicHeaderParallax.ts

@@ -1,7 +1,7 @@
 import * as React from 'react'
 
 export type UseIonHeaderParallaxInput = {
-  image?: string
+  image: string
   expandedColor?: string
   titleColor?: string
   maximumHeight?: number
@@ -10,8 +10,8 @@ export type UseIonHeaderParallaxInput = {
 export type UseIonHeaderParallaxResult = void
 
 export function useIonHeaderParallax({
+  image,
   titleColor = '#AAA',
-  image = 'https://picsum.photos/1080',
   expandedColor = '#313131',
   maximumHeight = 300,
 }: UseIonHeaderParallaxInput): UseIonHeaderParallaxResult {
@@ -67,7 +67,6 @@ export function useIonHeaderParallax({
 
     if (overlayTitle) {
       overlayTitle.classList.add('parallax-title')
-
       setTimeout(() => {
         if (overlayTitle.shadowRoot) {
           const toolbarTitle = overlayTitle.shadowRoot.querySelector('.toolbar-title') as HTMLElement
@@ -101,11 +100,9 @@ export function useIonHeaderParallax({
     }
 
     let originalToolbarBgColor = 'white'
-
     originalToolbarBgColor = window.getComputedStyle(toolbarBackground as Element, null).backgroundColor
 
 
-
     // header and title
     header.style.position = 'relative'
 

types/index.d.ts

@@ -1,23 +1,10 @@
 export type UseIonHeaderParallaxInput = {
-  image: string
-  expandedColor: string
-  titleColor: string
-  maximumHeight?: number
-}
-
-export type UseIonHeaderParallaxResult = {
-  ref: React.MutableRefObject<HTMLElement | null>
-  onScroll: () => void
-}
-
-export type IonHeaderParallaxProps = {
   image: string
   expandedColor?: string
-  originalToolbarBgColor: string
-  maximumHeight: number
-  headerMinHeight: number
+  titleColor?: string
+  maximumHeight?: number
 }
 
-export const IonHeaderParallax: React.FC<React.PropsWithChildren<IonHeaderParallaxProps>>
+export type UseIonHeaderParallaxResult = void
 
 export function useIonHeaderParallax(input: UseIonHeaderParallaxInput): UseIonHeaderParallaxResult