evelearn-theme 2.0.35 → 2.0.37
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.github/workflows/publish.yaml +7 -5
- package/README.md +3 -2
- package/dist/index.d.mts +13 -2
- package/dist/index.d.ts +13 -2
- package/dist/index.js +43 -8
- package/dist/index.mjs +42 -9
- package/package.json +6 -1
|
@@ -5,6 +5,9 @@ on:
|
|
|
5
5
|
branches:
|
|
6
6
|
- master
|
|
7
7
|
|
|
8
|
+
permissions:
|
|
9
|
+
id-token: write # Required for OIDC
|
|
10
|
+
contents: read
|
|
8
11
|
jobs:
|
|
9
12
|
bump-and-publish:
|
|
10
13
|
runs-on: ubuntu-latest
|
|
@@ -18,16 +21,15 @@ jobs:
|
|
|
18
21
|
- name: Set up Node.js
|
|
19
22
|
uses: actions/setup-node@v4
|
|
20
23
|
with:
|
|
21
|
-
node-version: '
|
|
22
|
-
registry-url: 'https://registry.npmjs.org
|
|
24
|
+
node-version: '24'
|
|
25
|
+
registry-url: 'https://registry.npmjs.org'
|
|
23
26
|
|
|
24
27
|
- name: Install dependencies
|
|
25
28
|
run: npm ci
|
|
26
29
|
|
|
27
30
|
- name: Build the package
|
|
28
|
-
run: npm run build
|
|
31
|
+
run: npm run build --if-present
|
|
29
32
|
|
|
30
33
|
- name: Publish to npm
|
|
31
34
|
run: npm run pub
|
|
32
|
-
|
|
33
|
-
NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
|
|
35
|
+
|
package/README.md
CHANGED
package/dist/index.d.mts
CHANGED
|
@@ -12,7 +12,7 @@ type Props$g = {
|
|
|
12
12
|
declare const ErrorText: ({ text, style, classNames }: Props$g) => react_jsx_runtime.JSX.Element;
|
|
13
13
|
|
|
14
14
|
declare const baseFieldStyle = "font-sans form-input h-11 w-full bg-white border-gray-200 dark:border-gray-500 dark:bg-slate-950 dark:text-gray-200 text-gray-700 dark:placeholder-gray-400 placeholder-gray-400 rounded-md px-2 py-1 focus:outline-none focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50";
|
|
15
|
-
declare const createExerciseElementStyle = "flex flex-col justify-between space-y-2 w-full p-4 bg-white dark:bg-slate-
|
|
15
|
+
declare const createExerciseElementStyle = "flex flex-col justify-between space-y-2 w-full p-4 bg-white dark:bg-slate-900 rounded-xl text-gray-800 dark:text-gray-200 border-2 border-slate-200 dark:border-slate-400 overflow-hidden transition-all";
|
|
16
16
|
declare const exerciseDeleteButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-red-600 dark:hover:text-red-500 transition-all duration-150 hover:scale-125";
|
|
17
17
|
declare const xIconButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-gray-950 dark:hover:text-gray-100 transition-all duration-150 hover:scale-125";
|
|
18
18
|
declare const exerciseEditButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-red-600 dark:hover:text-green-500 transition-all duration-150 hover:scale-125";
|
|
@@ -84,6 +84,17 @@ declare const Breakpoint: React$1.FC<{
|
|
|
84
84
|
children: React$1.ReactNode;
|
|
85
85
|
}>;
|
|
86
86
|
|
|
87
|
+
type PaginationProps = {
|
|
88
|
+
handlePageClick: ({ selected }: {
|
|
89
|
+
selected: number;
|
|
90
|
+
}) => void;
|
|
91
|
+
pageCount: number;
|
|
92
|
+
nextLabel: React.ReactNode;
|
|
93
|
+
previousLabel: React.ReactNode;
|
|
94
|
+
pageRangeDisplayed?: number;
|
|
95
|
+
};
|
|
96
|
+
declare const Pagination: ({ handlePageClick, pageCount, nextLabel, previousLabel, pageRangeDisplayed }: PaginationProps) => react_jsx_runtime.JSX.Element;
|
|
97
|
+
|
|
87
98
|
interface BaseModalProps {
|
|
88
99
|
visible: boolean;
|
|
89
100
|
children: React$1.ReactNode;
|
|
@@ -313,4 +324,4 @@ declare const CourseProgress: {
|
|
|
313
324
|
|
|
314
325
|
declare const ScrollProgress: () => react_jsx_runtime.JSX.Element;
|
|
315
326
|
|
|
316
|
-
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 };
|
|
327
|
+
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
CHANGED
|
@@ -12,7 +12,7 @@ type Props$g = {
|
|
|
12
12
|
declare const ErrorText: ({ text, style, classNames }: Props$g) => react_jsx_runtime.JSX.Element;
|
|
13
13
|
|
|
14
14
|
declare const baseFieldStyle = "font-sans form-input h-11 w-full bg-white border-gray-200 dark:border-gray-500 dark:bg-slate-950 dark:text-gray-200 text-gray-700 dark:placeholder-gray-400 placeholder-gray-400 rounded-md px-2 py-1 focus:outline-none focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50";
|
|
15
|
-
declare const createExerciseElementStyle = "flex flex-col justify-between space-y-2 w-full p-4 bg-white dark:bg-slate-
|
|
15
|
+
declare const createExerciseElementStyle = "flex flex-col justify-between space-y-2 w-full p-4 bg-white dark:bg-slate-900 rounded-xl text-gray-800 dark:text-gray-200 border-2 border-slate-200 dark:border-slate-400 overflow-hidden transition-all";
|
|
16
16
|
declare const exerciseDeleteButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-red-600 dark:hover:text-red-500 transition-all duration-150 hover:scale-125";
|
|
17
17
|
declare const xIconButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-gray-950 dark:hover:text-gray-100 transition-all duration-150 hover:scale-125";
|
|
18
18
|
declare const exerciseEditButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-red-600 dark:hover:text-green-500 transition-all duration-150 hover:scale-125";
|
|
@@ -84,6 +84,17 @@ declare const Breakpoint: React$1.FC<{
|
|
|
84
84
|
children: React$1.ReactNode;
|
|
85
85
|
}>;
|
|
86
86
|
|
|
87
|
+
type PaginationProps = {
|
|
88
|
+
handlePageClick: ({ selected }: {
|
|
89
|
+
selected: number;
|
|
90
|
+
}) => void;
|
|
91
|
+
pageCount: number;
|
|
92
|
+
nextLabel: React.ReactNode;
|
|
93
|
+
previousLabel: React.ReactNode;
|
|
94
|
+
pageRangeDisplayed?: number;
|
|
95
|
+
};
|
|
96
|
+
declare const Pagination: ({ handlePageClick, pageCount, nextLabel, previousLabel, pageRangeDisplayed }: PaginationProps) => react_jsx_runtime.JSX.Element;
|
|
97
|
+
|
|
87
98
|
interface BaseModalProps {
|
|
88
99
|
visible: boolean;
|
|
89
100
|
children: React$1.ReactNode;
|
|
@@ -313,4 +324,4 @@ declare const CourseProgress: {
|
|
|
313
324
|
|
|
314
325
|
declare const ScrollProgress: () => react_jsx_runtime.JSX.Element;
|
|
315
326
|
|
|
316
|
-
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 };
|
|
327
|
+
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
CHANGED
|
@@ -129,6 +129,7 @@ function _unsupported_iterable_to_array(o, minLen) {
|
|
|
129
129
|
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
130
130
|
}
|
|
131
131
|
var jsxRuntime = require('react/jsx-runtime');
|
|
132
|
+
var ReactPaginate = require('react-paginate');
|
|
132
133
|
var react = require('react');
|
|
133
134
|
var ReactDOM = require('react-dom');
|
|
134
135
|
var clsx = require('clsx');
|
|
@@ -141,6 +142,7 @@ function _interopDefault(e) {
|
|
|
141
142
|
default: e
|
|
142
143
|
};
|
|
143
144
|
}
|
|
145
|
+
var ReactPaginate__default = /*#__PURE__*/ _interopDefault(ReactPaginate);
|
|
144
146
|
var ReactDOM__default = /*#__PURE__*/ _interopDefault(ReactDOM);
|
|
145
147
|
var clsx__default = /*#__PURE__*/ _interopDefault(clsx);
|
|
146
148
|
var __defProp = Object.defineProperty;
|
|
@@ -163,7 +165,7 @@ var ErrorText = /* @__PURE__ */ __name(function(param) {
|
|
|
163
165
|
var ErrorText_default = ErrorText;
|
|
164
166
|
// src/Common/fieldStyle.ts
|
|
165
167
|
var baseFieldStyle = "font-sans form-input h-11 w-full bg-white border-gray-200 dark:border-gray-500 dark:bg-slate-950 dark:text-gray-200 text-gray-700 dark:placeholder-gray-400 placeholder-gray-400 rounded-md px-2 py-1 focus:outline-none focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50";
|
|
166
|
-
var createExerciseElementStyle = "flex flex-col justify-between space-y-2 w-full p-4 bg-white dark:bg-slate-
|
|
168
|
+
var createExerciseElementStyle = "flex flex-col justify-between space-y-2 w-full p-4 bg-white dark:bg-slate-900 rounded-xl text-gray-800 dark:text-gray-200 border-2 border-slate-200 dark:border-slate-400 overflow-hidden transition-all";
|
|
167
169
|
var exerciseDeleteButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-red-600 dark:hover:text-red-500 transition-all duration-150 hover:scale-125";
|
|
168
170
|
var xIconButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-gray-950 dark:hover:text-gray-100 transition-all duration-150 hover:scale-125";
|
|
169
171
|
var exerciseEditButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-red-600 dark:hover:text-green-500 transition-all duration-150 hover:scale-125";
|
|
@@ -414,6 +416,29 @@ var Breakpoint = /* @__PURE__ */ __name(function(param) {
|
|
|
414
416
|
});
|
|
415
417
|
}, "Breakpoint");
|
|
416
418
|
var Breakpoint_default = Breakpoint;
|
|
419
|
+
var Pagination = /* @__PURE__ */ __name(function(param) {
|
|
420
|
+
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;
|
|
421
|
+
return /* @__PURE__ */ jsxRuntime.jsx(ReactPaginate__default.default, {
|
|
422
|
+
breakLabel: "...",
|
|
423
|
+
containerClassName: "w-full flex space-x-2 items-center",
|
|
424
|
+
pageClassName: "bg-slate-50 dark:bg-slate-800 dark:hover:bg-slate-700 hover:bg-white rounded-md",
|
|
425
|
+
activeLinkClassName: "bg-sky-500 rounded-md",
|
|
426
|
+
pageLinkClassName: "h-9 w-9 flex justify-center items-center",
|
|
427
|
+
previousClassName: "text-gray-700 dark:text-gray-200",
|
|
428
|
+
previousLinkClassName: "p-2",
|
|
429
|
+
nextClassName: "text-gray-700 dark:text-gray-200",
|
|
430
|
+
nextLinkClassName: "p-2",
|
|
431
|
+
disabledClassName: "text-gray-200 dark:text-gray-400 rounded-xl",
|
|
432
|
+
disabledLinkClassName: "p-2",
|
|
433
|
+
onPageChange: handlePageClick,
|
|
434
|
+
pageRangeDisplayed: pageRangeDisplayed,
|
|
435
|
+
pageCount: pageCount,
|
|
436
|
+
nextLabel: nextLabel,
|
|
437
|
+
previousLabel: previousLabel,
|
|
438
|
+
renderOnZeroPageCount: void 0
|
|
439
|
+
});
|
|
440
|
+
}, "Pagination");
|
|
441
|
+
var Pagination_default = Pagination;
|
|
417
442
|
var Overlay = /* @__PURE__ */ __name(function(param) {
|
|
418
443
|
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;
|
|
419
444
|
var _react_useState = _sliced_to_array(react.useState(null), 2), modalRoot = _react_useState[0], setModalRoot = _react_useState[1];
|
|
@@ -1052,6 +1077,17 @@ var Modal = /* @__PURE__ */ __name(function(_param) {
|
|
|
1052
1077
|
"style"
|
|
1053
1078
|
]);
|
|
1054
1079
|
if (!visible) return null;
|
|
1080
|
+
var modalWrapperClass = clsx__default.default("relative mx-1 w-full", !fullscreen && "md:mx-auto md:w-3/4 lg:w-1/2", fullscreen && "fixed inset-0 mx-0 w-full h-full flex items-center justify-center md:mx-0 md:w-full lg:w-full");
|
|
1081
|
+
var modalPanelClass = clsx__default.default("my-1 sm:mt-16 bg-white dark:bg-slate-900 shadow-lg border border-gray-100 dark:border-none rounded-xl overflow-x-visible overflow-y-visible no-scrollbar", fullscreen && "rounded-none sm:mt-0 h-full w-full flex flex-col justify-center");
|
|
1082
|
+
var modalPanelStyle = fullscreen ? _object_spread({
|
|
1083
|
+
height: "100vh",
|
|
1084
|
+
width: "100vw",
|
|
1085
|
+
maxHeight: "100vh"
|
|
1086
|
+
}, style) : _object_spread({
|
|
1087
|
+
maxHeight: "calc(100vh - 6rem)"
|
|
1088
|
+
}, style);
|
|
1089
|
+
var innerPaddingClass = fullscreen ? "p-4 sm:p-10 flex-1 flex items-center justify-center" : "p-4 sm:p-10";
|
|
1090
|
+
var contentMarginTopClass = fullscreen ? "" : "mt-8 sm:mt-0";
|
|
1055
1091
|
return /* @__PURE__ */ jsxRuntime.jsx(Overlay_default, _object_spread_props(_object_spread({
|
|
1056
1092
|
visible: visible,
|
|
1057
1093
|
onClick: dismissOnBackdropClick ? onDismissed : void 0,
|
|
@@ -1064,7 +1100,7 @@ var Modal = /* @__PURE__ */ __name(function(_param) {
|
|
|
1064
1100
|
zIndex: 1e4
|
|
1065
1101
|
},
|
|
1066
1102
|
children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
1067
|
-
className:
|
|
1103
|
+
className: modalWrapperClass,
|
|
1068
1104
|
children: [
|
|
1069
1105
|
dismissLink ? /* @__PURE__ */ jsxRuntime.jsx("a", {
|
|
1070
1106
|
href: dismissLink,
|
|
@@ -1083,17 +1119,15 @@ var Modal = /* @__PURE__ */ __name(function(_param) {
|
|
|
1083
1119
|
})
|
|
1084
1120
|
}) : null,
|
|
1085
1121
|
/* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
1086
|
-
className:
|
|
1122
|
+
className: modalPanelClass,
|
|
1087
1123
|
onClick: function(e) {
|
|
1088
1124
|
return e.stopPropagation();
|
|
1089
1125
|
},
|
|
1090
|
-
style:
|
|
1091
|
-
maxHeight: "calc(100vh - 6rem)"
|
|
1092
|
-
}, style),
|
|
1126
|
+
style: modalPanelStyle,
|
|
1093
1127
|
children: /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
1094
|
-
className:
|
|
1128
|
+
className: innerPaddingClass,
|
|
1095
1129
|
children: /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
1096
|
-
className:
|
|
1130
|
+
className: contentMarginTopClass,
|
|
1097
1131
|
children: children
|
|
1098
1132
|
})
|
|
1099
1133
|
})
|
|
@@ -1762,6 +1796,7 @@ exports.NoResults = NoResults_default;
|
|
|
1762
1796
|
exports.NoticeBox = NoticeBox_default;
|
|
1763
1797
|
exports.Overlay = Overlay_default;
|
|
1764
1798
|
exports.PRIMARY_COLOR = PRIMARY_COLOR;
|
|
1799
|
+
exports.Pagination = Pagination_default;
|
|
1765
1800
|
exports.Pill = Pill_default;
|
|
1766
1801
|
exports.ProgressBar = ProgressBar_default;
|
|
1767
1802
|
exports.ProgressBarSimple = ProgressBarSimple_default;
|
package/dist/index.mjs
CHANGED
|
@@ -128,6 +128,7 @@ function _unsupported_iterable_to_array(o, minLen) {
|
|
|
128
128
|
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
129
129
|
}
|
|
130
130
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
131
|
+
import ReactPaginate from 'react-paginate';
|
|
131
132
|
import { useMemo, useState, useRef, useEffect } from 'react';
|
|
132
133
|
import ReactDOM from 'react-dom';
|
|
133
134
|
import clsx from 'clsx';
|
|
@@ -155,7 +156,7 @@ var ErrorText = /* @__PURE__ */ __name(function(param) {
|
|
|
155
156
|
var ErrorText_default = ErrorText;
|
|
156
157
|
// src/Common/fieldStyle.ts
|
|
157
158
|
var baseFieldStyle = "font-sans form-input h-11 w-full bg-white border-gray-200 dark:border-gray-500 dark:bg-slate-950 dark:text-gray-200 text-gray-700 dark:placeholder-gray-400 placeholder-gray-400 rounded-md px-2 py-1 focus:outline-none focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50";
|
|
158
|
-
var createExerciseElementStyle = "flex flex-col justify-between space-y-2 w-full p-4 bg-white dark:bg-slate-
|
|
159
|
+
var createExerciseElementStyle = "flex flex-col justify-between space-y-2 w-full p-4 bg-white dark:bg-slate-900 rounded-xl text-gray-800 dark:text-gray-200 border-2 border-slate-200 dark:border-slate-400 overflow-hidden transition-all";
|
|
159
160
|
var exerciseDeleteButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-red-600 dark:hover:text-red-500 transition-all duration-150 hover:scale-125";
|
|
160
161
|
var xIconButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-gray-950 dark:hover:text-gray-100 transition-all duration-150 hover:scale-125";
|
|
161
162
|
var exerciseEditButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-red-600 dark:hover:text-green-500 transition-all duration-150 hover:scale-125";
|
|
@@ -406,6 +407,29 @@ var Breakpoint = /* @__PURE__ */ __name(function(param) {
|
|
|
406
407
|
});
|
|
407
408
|
}, "Breakpoint");
|
|
408
409
|
var Breakpoint_default = Breakpoint;
|
|
410
|
+
var Pagination = /* @__PURE__ */ __name(function(param) {
|
|
411
|
+
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;
|
|
412
|
+
return /* @__PURE__ */ jsx(ReactPaginate, {
|
|
413
|
+
breakLabel: "...",
|
|
414
|
+
containerClassName: "w-full flex space-x-2 items-center",
|
|
415
|
+
pageClassName: "bg-slate-50 dark:bg-slate-800 dark:hover:bg-slate-700 hover:bg-white rounded-md",
|
|
416
|
+
activeLinkClassName: "bg-sky-500 rounded-md",
|
|
417
|
+
pageLinkClassName: "h-9 w-9 flex justify-center items-center",
|
|
418
|
+
previousClassName: "text-gray-700 dark:text-gray-200",
|
|
419
|
+
previousLinkClassName: "p-2",
|
|
420
|
+
nextClassName: "text-gray-700 dark:text-gray-200",
|
|
421
|
+
nextLinkClassName: "p-2",
|
|
422
|
+
disabledClassName: "text-gray-200 dark:text-gray-400 rounded-xl",
|
|
423
|
+
disabledLinkClassName: "p-2",
|
|
424
|
+
onPageChange: handlePageClick,
|
|
425
|
+
pageRangeDisplayed: pageRangeDisplayed,
|
|
426
|
+
pageCount: pageCount,
|
|
427
|
+
nextLabel: nextLabel,
|
|
428
|
+
previousLabel: previousLabel,
|
|
429
|
+
renderOnZeroPageCount: void 0
|
|
430
|
+
});
|
|
431
|
+
}, "Pagination");
|
|
432
|
+
var Pagination_default = Pagination;
|
|
409
433
|
var Overlay = /* @__PURE__ */ __name(function(param) {
|
|
410
434
|
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;
|
|
411
435
|
var _useState = _sliced_to_array(useState(null), 2), modalRoot = _useState[0], setModalRoot = _useState[1];
|
|
@@ -1044,6 +1068,17 @@ var Modal = /* @__PURE__ */ __name(function(_param) {
|
|
|
1044
1068
|
"style"
|
|
1045
1069
|
]);
|
|
1046
1070
|
if (!visible) return null;
|
|
1071
|
+
var modalWrapperClass = clsx("relative mx-1 w-full", !fullscreen && "md:mx-auto md:w-3/4 lg:w-1/2", fullscreen && "fixed inset-0 mx-0 w-full h-full flex items-center justify-center md:mx-0 md:w-full lg:w-full");
|
|
1072
|
+
var modalPanelClass = clsx("my-1 sm:mt-16 bg-white dark:bg-slate-900 shadow-lg border border-gray-100 dark:border-none rounded-xl overflow-x-visible overflow-y-visible no-scrollbar", fullscreen && "rounded-none sm:mt-0 h-full w-full flex flex-col justify-center");
|
|
1073
|
+
var modalPanelStyle = fullscreen ? _object_spread({
|
|
1074
|
+
height: "100vh",
|
|
1075
|
+
width: "100vw",
|
|
1076
|
+
maxHeight: "100vh"
|
|
1077
|
+
}, style) : _object_spread({
|
|
1078
|
+
maxHeight: "calc(100vh - 6rem)"
|
|
1079
|
+
}, style);
|
|
1080
|
+
var innerPaddingClass = fullscreen ? "p-4 sm:p-10 flex-1 flex items-center justify-center" : "p-4 sm:p-10";
|
|
1081
|
+
var contentMarginTopClass = fullscreen ? "" : "mt-8 sm:mt-0";
|
|
1047
1082
|
return /* @__PURE__ */ jsx(Overlay_default, _object_spread_props(_object_spread({
|
|
1048
1083
|
visible: visible,
|
|
1049
1084
|
onClick: dismissOnBackdropClick ? onDismissed : void 0,
|
|
@@ -1056,7 +1091,7 @@ var Modal = /* @__PURE__ */ __name(function(_param) {
|
|
|
1056
1091
|
zIndex: 1e4
|
|
1057
1092
|
},
|
|
1058
1093
|
children: /* @__PURE__ */ jsxs("div", {
|
|
1059
|
-
className:
|
|
1094
|
+
className: modalWrapperClass,
|
|
1060
1095
|
children: [
|
|
1061
1096
|
dismissLink ? /* @__PURE__ */ jsx("a", {
|
|
1062
1097
|
href: dismissLink,
|
|
@@ -1075,17 +1110,15 @@ var Modal = /* @__PURE__ */ __name(function(_param) {
|
|
|
1075
1110
|
})
|
|
1076
1111
|
}) : null,
|
|
1077
1112
|
/* @__PURE__ */ jsx("div", {
|
|
1078
|
-
className:
|
|
1113
|
+
className: modalPanelClass,
|
|
1079
1114
|
onClick: function(e) {
|
|
1080
1115
|
return e.stopPropagation();
|
|
1081
1116
|
},
|
|
1082
|
-
style:
|
|
1083
|
-
maxHeight: "calc(100vh - 6rem)"
|
|
1084
|
-
}, style),
|
|
1117
|
+
style: modalPanelStyle,
|
|
1085
1118
|
children: /* @__PURE__ */ jsx("div", {
|
|
1086
|
-
className:
|
|
1119
|
+
className: innerPaddingClass,
|
|
1087
1120
|
children: /* @__PURE__ */ jsx("div", {
|
|
1088
|
-
className:
|
|
1121
|
+
className: contentMarginTopClass,
|
|
1089
1122
|
children: children
|
|
1090
1123
|
})
|
|
1091
1124
|
})
|
|
@@ -1736,4 +1769,4 @@ var ScrollProgress = /* @__PURE__ */ __name(function() {
|
|
|
1736
1769
|
});
|
|
1737
1770
|
}, "ScrollProgress");
|
|
1738
1771
|
var ScrollProgress_default = ScrollProgress;
|
|
1739
|
-
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 };
|
|
1772
|
+
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
CHANGED
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "evelearn-theme",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.37",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
7
|
+
"repository": {
|
|
8
|
+
"type": "git",
|
|
9
|
+
"url": "https://github.com/eve-learn/evelearn-theme"
|
|
10
|
+
},
|
|
7
11
|
"scripts": {
|
|
8
12
|
"build": "tsup src/index.ts --format esm,cjs --dts",
|
|
9
13
|
"pub": "npm publish --access public"
|
|
@@ -44,6 +48,7 @@
|
|
|
44
48
|
},
|
|
45
49
|
"dependencies": {
|
|
46
50
|
"clsx": "^2.1.1",
|
|
51
|
+
"react-paginate": "^8.3.0",
|
|
47
52
|
"tailwindcss-corner-shape": "^1.4.5"
|
|
48
53
|
}
|
|
49
54
|
}
|