evelearn-theme 2.0.36 → 2.0.37

package/README.md

@@ -1,4 +1,5 @@
 increment package.json version
-npm run build
-npm publish --access public
+push to master
+<!-- npm run build -->
+<!-- npm publish --access public -->
 

package/dist/index.d.mts

@@ -84,6 +84,17 @@ declare const Breakpoint: React$1.FC<{
     children: React$1.ReactNode;
 }>;
 
+type PaginationProps = {
+    handlePageClick: ({ selected }: {
+        selected: number;
+    }) => void;
+    pageCount: number;
+    nextLabel: React.ReactNode;
+    previousLabel: React.ReactNode;
+    pageRangeDisplayed?: number;
+};
+declare const Pagination: ({ handlePageClick, pageCount, nextLabel, previousLabel, pageRangeDisplayed }: PaginationProps) => react_jsx_runtime.JSX.Element;
+
 interface BaseModalProps {
     visible: boolean;
     children: React$1.ReactNode;
@@ -313,4 +324,4 @@ declare const CourseProgress: {
 
 declare const ScrollProgress: () => react_jsx_runtime.JSX.Element;
 
-export { Backdrop, BAWrapper as BottomAlert, Breakpoint, Button, Checkbox, CircleProgress, Container, CourseProgress, ErrorText, Fade, FunButton, FunRoundButton, IconInfo, Modal, NoResults, NoticeBox, Overlay, PRIMARY_COLOR, Pill, ProgressBar, ProgressBarSimple, RadioOption, RatingStars, ScrollProgress, Slider, Spinner, StepsComponent, Tippy, ToggleSwitch, UserContentSwitcher, baseFieldStyle, createExerciseElementStyle, exerciseDeleteButton, exerciseEditButton, headerButtonClass, headerTippyClass, tippyClassname, xIconButton };
+export { Backdrop, BAWrapper as BottomAlert, Breakpoint, Button, Checkbox, CircleProgress, Container, CourseProgress, ErrorText, Fade, FunButton, FunRoundButton, IconInfo, Modal, NoResults, NoticeBox, Overlay, PRIMARY_COLOR, Pagination, Pill, ProgressBar, ProgressBarSimple, RadioOption, RatingStars, ScrollProgress, Slider, Spinner, StepsComponent, Tippy, ToggleSwitch, UserContentSwitcher, baseFieldStyle, createExerciseElementStyle, exerciseDeleteButton, exerciseEditButton, headerButtonClass, headerTippyClass, tippyClassname, xIconButton };

package/dist/index.d.ts

@@ -84,6 +84,17 @@ declare const Breakpoint: React$1.FC<{
     children: React$1.ReactNode;
 }>;
 
+type PaginationProps = {
+    handlePageClick: ({ selected }: {
+        selected: number;
+    }) => void;
+    pageCount: number;
+    nextLabel: React.ReactNode;
+    previousLabel: React.ReactNode;
+    pageRangeDisplayed?: number;
+};
+declare const Pagination: ({ handlePageClick, pageCount, nextLabel, previousLabel, pageRangeDisplayed }: PaginationProps) => react_jsx_runtime.JSX.Element;
+
 interface BaseModalProps {
     visible: boolean;
     children: React$1.ReactNode;
@@ -313,4 +324,4 @@ declare const CourseProgress: {
 
 declare const ScrollProgress: () => react_jsx_runtime.JSX.Element;
 
-export { Backdrop, BAWrapper as BottomAlert, Breakpoint, Button, Checkbox, CircleProgress, Container, CourseProgress, ErrorText, Fade, FunButton, FunRoundButton, IconInfo, Modal, NoResults, NoticeBox, Overlay, PRIMARY_COLOR, Pill, ProgressBar, ProgressBarSimple, RadioOption, RatingStars, ScrollProgress, Slider, Spinner, StepsComponent, Tippy, ToggleSwitch, UserContentSwitcher, baseFieldStyle, createExerciseElementStyle, exerciseDeleteButton, exerciseEditButton, headerButtonClass, headerTippyClass, tippyClassname, xIconButton };
+export { Backdrop, BAWrapper as BottomAlert, Breakpoint, Button, Checkbox, CircleProgress, Container, CourseProgress, ErrorText, Fade, FunButton, FunRoundButton, IconInfo, Modal, NoResults, NoticeBox, Overlay, PRIMARY_COLOR, Pagination, Pill, ProgressBar, ProgressBarSimple, RadioOption, RatingStars, ScrollProgress, Slider, Spinner, StepsComponent, Tippy, ToggleSwitch, UserContentSwitcher, baseFieldStyle, createExerciseElementStyle, exerciseDeleteButton, exerciseEditButton, headerButtonClass, headerTippyClass, tippyClassname, xIconButton };

package/dist/index.js

@@ -129,6 +129,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 var jsxRuntime = require('react/jsx-runtime');
+var ReactPaginate = require('react-paginate');
 var react = require('react');
 var ReactDOM = require('react-dom');
 var clsx = require('clsx');
@@ -141,6 +142,7 @@ function _interopDefault(e) {
         default: e
     };
 }
+var ReactPaginate__default = /*#__PURE__*/ _interopDefault(ReactPaginate);
 var ReactDOM__default = /*#__PURE__*/ _interopDefault(ReactDOM);
 var clsx__default = /*#__PURE__*/ _interopDefault(clsx);
 var __defProp = Object.defineProperty;
@@ -414,6 +416,29 @@ var Breakpoint = /* @__PURE__ */ __name(function(param) {
     });
 }, "Breakpoint");
 var Breakpoint_default = Breakpoint;
+var Pagination = /* @__PURE__ */ __name(function(param) {
+    var handlePageClick = param.handlePageClick, pageCount = param.pageCount, nextLabel = param.nextLabel, previousLabel = param.previousLabel, _param_pageRangeDisplayed = param.pageRangeDisplayed, pageRangeDisplayed = _param_pageRangeDisplayed === void 0 ? 5 : _param_pageRangeDisplayed;
+    return /* @__PURE__ */ jsxRuntime.jsx(ReactPaginate__default.default, {
+        breakLabel: "...",
+        containerClassName: "w-full flex space-x-2 items-center",
+        pageClassName: "bg-slate-50 dark:bg-slate-800 dark:hover:bg-slate-700 hover:bg-white rounded-md",
+        activeLinkClassName: "bg-sky-500 rounded-md",
+        pageLinkClassName: "h-9 w-9 flex justify-center items-center",
+        previousClassName: "text-gray-700 dark:text-gray-200",
+        previousLinkClassName: "p-2",
+        nextClassName: "text-gray-700 dark:text-gray-200",
+        nextLinkClassName: "p-2",
+        disabledClassName: "text-gray-200 dark:text-gray-400 rounded-xl",
+        disabledLinkClassName: "p-2",
+        onPageChange: handlePageClick,
+        pageRangeDisplayed: pageRangeDisplayed,
+        pageCount: pageCount,
+        nextLabel: nextLabel,
+        previousLabel: previousLabel,
+        renderOnZeroPageCount: void 0
+    });
+}, "Pagination");
+var Pagination_default = Pagination;
 var Overlay = /* @__PURE__ */ __name(function(param) {
     var visible = param.visible, onDismissed = param.onDismissed, onClick = param.onClick, zIndex = param.zIndex, isDark = param.isDark, children = param.children, opacity = param.opacity, _param_withContainer = param.withContainer, withContainer = _param_withContainer === void 0 ? true : _param_withContainer;
     var _react_useState = _sliced_to_array(react.useState(null), 2), modalRoot = _react_useState[0], setModalRoot = _react_useState[1];
@@ -1771,6 +1796,7 @@ exports.NoResults = NoResults_default;
 exports.NoticeBox = NoticeBox_default;
 exports.Overlay = Overlay_default;
 exports.PRIMARY_COLOR = PRIMARY_COLOR;
+exports.Pagination = Pagination_default;
 exports.Pill = Pill_default;
 exports.ProgressBar = ProgressBar_default;
 exports.ProgressBarSimple = ProgressBarSimple_default;

package/dist/index.mjs

@@ -128,6 +128,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import ReactPaginate from 'react-paginate';
 import { useMemo, useState, useRef, useEffect } from 'react';
 import ReactDOM from 'react-dom';
 import clsx from 'clsx';
@@ -406,6 +407,29 @@ var Breakpoint = /* @__PURE__ */ __name(function(param) {
     });
 }, "Breakpoint");
 var Breakpoint_default = Breakpoint;
+var Pagination = /* @__PURE__ */ __name(function(param) {
+    var handlePageClick = param.handlePageClick, pageCount = param.pageCount, nextLabel = param.nextLabel, previousLabel = param.previousLabel, _param_pageRangeDisplayed = param.pageRangeDisplayed, pageRangeDisplayed = _param_pageRangeDisplayed === void 0 ? 5 : _param_pageRangeDisplayed;
+    return /* @__PURE__ */ jsx(ReactPaginate, {
+        breakLabel: "...",
+        containerClassName: "w-full flex space-x-2 items-center",
+        pageClassName: "bg-slate-50 dark:bg-slate-800 dark:hover:bg-slate-700 hover:bg-white rounded-md",
+        activeLinkClassName: "bg-sky-500 rounded-md",
+        pageLinkClassName: "h-9 w-9 flex justify-center items-center",
+        previousClassName: "text-gray-700 dark:text-gray-200",
+        previousLinkClassName: "p-2",
+        nextClassName: "text-gray-700 dark:text-gray-200",
+        nextLinkClassName: "p-2",
+        disabledClassName: "text-gray-200 dark:text-gray-400 rounded-xl",
+        disabledLinkClassName: "p-2",
+        onPageChange: handlePageClick,
+        pageRangeDisplayed: pageRangeDisplayed,
+        pageCount: pageCount,
+        nextLabel: nextLabel,
+        previousLabel: previousLabel,
+        renderOnZeroPageCount: void 0
+    });
+}, "Pagination");
+var Pagination_default = Pagination;
 var Overlay = /* @__PURE__ */ __name(function(param) {
     var visible = param.visible, onDismissed = param.onDismissed, onClick = param.onClick, zIndex = param.zIndex, isDark = param.isDark, children = param.children, opacity = param.opacity, _param_withContainer = param.withContainer, withContainer = _param_withContainer === void 0 ? true : _param_withContainer;
     var _useState = _sliced_to_array(useState(null), 2), modalRoot = _useState[0], setModalRoot = _useState[1];
@@ -1745,4 +1769,4 @@ var ScrollProgress = /* @__PURE__ */ __name(function() {
     });
 }, "ScrollProgress");
 var ScrollProgress_default = ScrollProgress;
-export { Backdrop_default as Backdrop, BottomAlert_default as BottomAlert, Breakpoint_default as Breakpoint, Button_default as Button, Checkbox_default as Checkbox, CircleProgress_default as CircleProgress, Container_default as Container, CourseProgress_default as CourseProgress, ErrorText_default as ErrorText, Fade_default as Fade, FunButton_default as FunButton, FunRoundButton_default as FunRoundButton, IconInfo_default as IconInfo, Modal_default as Modal, NoResults_default as NoResults, NoticeBox_default as NoticeBox, Overlay_default as Overlay, PRIMARY_COLOR, Pill_default as Pill, ProgressBar_default as ProgressBar, ProgressBarSimple_default as ProgressBarSimple, RadioOption_default as RadioOption, RatingStars_default as RatingStars, ScrollProgress_default as ScrollProgress, Slider_default as Slider, Spinner_default as Spinner, StepsComponent_default as StepsComponent, Tippy_default as Tippy, ToggleSwitch_default as ToggleSwitch, UserContentSwitcher_default as UserContentSwitcher, baseFieldStyle, createExerciseElementStyle, exerciseDeleteButton, exerciseEditButton, headerButtonClass, headerTippyClass, tippyClassname, xIconButton };
+export { Backdrop_default as Backdrop, BottomAlert_default as BottomAlert, Breakpoint_default as Breakpoint, Button_default as Button, Checkbox_default as Checkbox, CircleProgress_default as CircleProgress, Container_default as Container, CourseProgress_default as CourseProgress, ErrorText_default as ErrorText, Fade_default as Fade, FunButton_default as FunButton, FunRoundButton_default as FunRoundButton, IconInfo_default as IconInfo, Modal_default as Modal, NoResults_default as NoResults, NoticeBox_default as NoticeBox, Overlay_default as Overlay, PRIMARY_COLOR, Pagination_default as Pagination, Pill_default as Pill, ProgressBar_default as ProgressBar, ProgressBarSimple_default as ProgressBarSimple, RadioOption_default as RadioOption, RatingStars_default as RatingStars, ScrollProgress_default as ScrollProgress, Slider_default as Slider, Spinner_default as Spinner, StepsComponent_default as StepsComponent, Tippy_default as Tippy, ToggleSwitch_default as ToggleSwitch, UserContentSwitcher_default as UserContentSwitcher, baseFieldStyle, createExerciseElementStyle, exerciseDeleteButton, exerciseEditButton, headerButtonClass, headerTippyClass, tippyClassname, xIconButton };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "evelearn-theme",
-  "version": "2.0.36",
+  "version": "2.0.37",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -48,6 +48,7 @@
   },
   "dependencies": {
     "clsx": "^2.1.1",
+    "react-paginate": "^8.3.0",
     "tailwindcss-corner-shape": "^1.4.5"
   }
 }