codelabs-react - npm Package Compare versions

Comparing version 1.4.2 to 1.5.0

dist/index.js

@@ -40,3 +40,5 @@ "use strict";
       _ref$overrides = _ref.overrides,
-      overrides = _ref$overrides === void 0 ? {} : _ref$overrides;
+      overrides = _ref$overrides === void 0 ? {} : _ref$overrides,
+      _ref$onPageChange = _ref.onPageChange,
+      onPageChange = _ref$onPageChange === void 0 ? function () {} : _ref$onPageChange;
   if (!content) throw new Error("Missing property: content");
@@ -207,2 +209,3 @@
     setPage: setPage,
+    onPageChange: onPageChange,
     overrides: {
@@ -268,2 +271,3 @@ HeaderComponent: HeaderComponent,
       setPage = _ref3.setPage,
+      onPageChange = _ref3.onPageChange,
       _ref3$overrides = _ref3.overrides,
@@ -281,3 +285,4 @@ HeaderComponent = _ref3$overrides.HeaderComponent,
     setPage: setPage,
-    currentPage: currentPage
+    currentPage: currentPage,
+    onPageChange: onPageChange
   }), /*#__PURE__*/_react["default"].createElement(ContentComponent, {
@@ -295,2 +300,5 @@ currentPage: currentPage
       setPage(currentPage - 1);
+      onPageChange({
+        nextPage: currentPage - 1
+      });
     }
@@ -301,4 +309,7 @@ }, "Previous"), /*#__PURE__*/_react["default"].createElement(ButtonComponent, {
       setPage(currentPage + 1);
+      onPageChange({
+        nextPage: currentPage + 1
+      });
     }
   }, "Next"))))));
 }

package.json

 {
   "name": "codelabs-react",
-  "version": "1.4.2",
+  "version": "1.5.0",
   "description": "",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

README.md

@@ -24,2 +24,4 @@ # codelabs-react
   content={content}
+  // optional, if your app needs to know about a page change
+  onPageChange={({ page }) => {}}
   // optional, used for styling
@@ -26,0 +28,0 @@ overrides={{

src/index.js

@@ -28,3 +28,3 @@ import React, { useState } from "react";
 // TODO: this function is a mess, need to break it apart
-export function Codelabs({ content, overrides = {} }) {
+export function Codelabs({ content, overrides = {}, onPageChange = () => {} }) {
   if (!content) throw new Error("Missing property: content");
@@ -170,2 +170,3 @@
       setPage={setPage}
+      onPageChange={onPageChange}
       overrides={{
@@ -232,2 +233,3 @@ HeaderComponent,
   setPage,
+  onPageChange,
   overrides: {
@@ -250,2 +252,3 @@ HeaderComponent,
           currentPage={currentPage}
+          onPageChange={onPageChange}
         />
@@ -269,2 +272,3 @@ <ContentComponent currentPage={currentPage}>
                   setPage(currentPage - 1);
+                  onPageChange({ nextPage: currentPage - 1 });
                 }}
@@ -278,2 +282,3 @@ >
                   setPage(currentPage + 1);
+                  onPageChange({ nextPage: currentPage + 1 });
                 }}
@@ -280,0 +285,0 @@ >

No alert changes

Improved metrics

Total package byte prevSize

209989

increased by0.34%

Lines of code

5821

increased by0.28%

Number of lines in readme file

70

increased by2.94%

No dependency changes