Merge pull request #302 from alvarotrigo/dev

Merging dev branch 0.1.22

Author: alvarotrigo

README.md

@@ -5,7 +5,7 @@
 <p align="center">Official React wrapper for the <a target="_blank" href="https://github.com/alvarotrigo/fullPage.js/">fullpage.js library</a></p>
 
 <p align="center">
-  <img src="https://img.shields.io/badge/react--fullpage-v0.1.21-brightgreen.svg" alt="react-fullpage version" />
+  <img src="https://img.shields.io/badge/react--fullpage-v0.1.22-brightgreen.svg" alt="react-fullpage version" />
 </p>
 
 - [Demo online](https://alvarotrigo.com/react-fullpage/) | [CodeSandbox](https://codesandbox.io/s/m34yq5q0qx)

dist/react-fullpage-umd.js

@@ -8,7 +8,7 @@
     "serve": "gatsby serve"
   },
   "dependencies": {
-    "@fullpage/react-fullpage": "^0.1.21",
+    "@fullpage/react-fullpage": "^0.1.22",
     "gatsby": "^3.13.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"

dist/react-fullpage.js

@@ -11,7 +11,7 @@
   "author": "cmswalker",
   "license": "ISC",
   "dependencies": {
-    "@fullpage/react-fullpage": "^0.1.21",
+    "@fullpage/react-fullpage": "^0.1.22",
     "next": "^11.1.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"

examples/gatsby/package.json

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useState } from 'react';
 import ReactDOM from 'react-dom';
 import ReactFullpage from '../../../components';
 import Styles from './styles.css';

examples/next/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fullpage/react-fullpage",
-  "version": "0.1.21",
+  "version": "0.1.22",
   "description": "Official react wrapper for fullPage.js",
   "author": "cmswalker",
   "contributors": [

examples/react/dist/bundle.js

@@ -1,6 +1,6 @@
 declare module '@fullpage/react-fullpage' {
 
-    type Item = {
+    export type Item = {
         anchor: string | number,
         index: number,
         item: HTMLElement,
@@ -13,6 +13,22 @@ declare module '@fullpage/react-fullpage' {
     type InterlockedSlides = boolean | Array<number>;
     type bigSectionsDestination = "top" | "bottom" | null;
     type Parallax = boolean | "sections" | "slides";
+    type DropEffect = boolean | "sections" | "slides";
+    type WaterEffect = boolean | "sections" | "slides";
+    type WaterEffectOptions = {
+        animateContent: boolean
+        animateOnMouseMove: boolean
+    };
+    type CardsOptions = {
+        perspective: number
+        fadeContent: boolean
+        fadeBackground: boolean
+    };
+    type ParallaxOptions = {
+        percentage?: number
+        property?: "translate" | "background"
+        type?: "reveal" | "cover"
+    };
 
     export interface fullpageOptions {
         anchors?: string[]
@@ -50,11 +66,7 @@ declare module '@fullpage/react-fullpage' {
         paddingBottom?: string
         paddingTop?: string
         parallax?: Parallax // true, false, 'sections', 'slides'
-        parallaxOptions?: {
-            percentage?: number
-            property?: "translate" | "background"
-            type?: "reveal" | "cover"
-        }
+        parallaxOptions?: ParallaxOptions
         recordHistory?: boolean
         resetSliders?: boolean
         responsive?: number
@@ -68,13 +80,17 @@ declare module '@fullpage/react-fullpage' {
         scrollOverflowOptions?: any
         scrollOverflowReset?: boolean
         scrollingSpeed?: number
-        dropEffect?: true
+        dropEffect?: DropEffect;
         dropEffectOptions?: any;
+        waterEffect?: WaterEffect;
+        waterEffectOptions?: WaterEffectOptions;
+        cards: boolean;
+        cardsOptions: CardsOptions;
         sectionSelector?: string
         sectionsColor?: string[]
         showActiveTooltip?: boolean
         slideSelector?: string
-        slidesNavPosition?: string
+        slidesNavPosition?: "top" | "bottom"
         slidesNavigation?: boolean
         touchSensitivity?: number
         v2compatible?: boolean

examples/react/src/hooks.js

@@ -28,7 +28,6 @@ module.exports = [
     output: {
       path: path.join(__dirname, 'dist'),
       filename: 'react-fullpage.js',
-      library: 'ReactFullpage',
       libraryTarget: 'commonjs2',
     },
   }),