@julseb-lib/react 1.0.24 → 1.0.25
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/dist/index.cjs +144 -112
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +84 -2
- package/dist/index.d.ts +84 -2
- package/dist/index.js +48 -20
- package/dist/index.js.map +1 -1
- package/package.json +8 -8
package/dist/index.cjs
CHANGED
|
@@ -128,28 +128,28 @@ __export(index_exports, {
|
|
|
128
128
|
Tooltip: () => Tooltip,
|
|
129
129
|
URL_REGEX: () => URL_REGEX,
|
|
130
130
|
Wrapper: () => Wrapper,
|
|
131
|
-
addDay: () =>
|
|
132
|
-
addMonth: () =>
|
|
133
|
-
addYear: () =>
|
|
134
|
-
calculateAverage: () =>
|
|
135
|
-
calculateTotalSum: () =>
|
|
136
|
-
capitalize: () =>
|
|
131
|
+
addDay: () => import_utils144.addDay,
|
|
132
|
+
addMonth: () => import_utils144.addMonth,
|
|
133
|
+
addYear: () => import_utils144.addYear,
|
|
134
|
+
calculateAverage: () => import_utils144.calculateAverage,
|
|
135
|
+
calculateTotalSum: () => import_utils144.calculateTotalSum,
|
|
136
|
+
capitalize: () => import_utils144.capitalize,
|
|
137
137
|
clsx: () => clsx,
|
|
138
|
-
convertDate: () =>
|
|
139
|
-
convertDateShort: () =>
|
|
140
|
-
convertPrice: () =>
|
|
141
|
-
convertToEmail: () =>
|
|
142
|
-
convertYoutube: () =>
|
|
138
|
+
convertDate: () => import_utils144.convertDate,
|
|
139
|
+
convertDateShort: () => import_utils144.convertDateShort,
|
|
140
|
+
convertPrice: () => import_utils144.convertPrice,
|
|
141
|
+
convertToEmail: () => import_utils144.convertToEmail,
|
|
142
|
+
convertYoutube: () => import_utils144.convertYoutube,
|
|
143
143
|
countries: () => countries,
|
|
144
|
-
deleteDuplicates: () =>
|
|
144
|
+
deleteDuplicates: () => import_utils144.deleteDuplicates,
|
|
145
145
|
designTokens: () => designTokens,
|
|
146
|
-
detectLanguage: () =>
|
|
147
|
-
disableScroll: () =>
|
|
148
|
-
emailRegex: () =>
|
|
149
|
-
enableScroll: () =>
|
|
150
|
-
filterObject: () =>
|
|
151
|
-
formatDate: () =>
|
|
152
|
-
formatHour: () =>
|
|
146
|
+
detectLanguage: () => detectLanguage,
|
|
147
|
+
disableScroll: () => disableScroll,
|
|
148
|
+
emailRegex: () => import_utils144.emailRegex,
|
|
149
|
+
enableScroll: () => enableScroll,
|
|
150
|
+
filterObject: () => import_utils144.filterObject,
|
|
151
|
+
formatDate: () => import_utils144.formatDate,
|
|
152
|
+
formatHour: () => import_utils144.formatHour,
|
|
153
153
|
genAlignContent: () => genAlignContent,
|
|
154
154
|
genAlignItems: () => genAlignItems,
|
|
155
155
|
genBgAllColors: () => genBgAllColors,
|
|
@@ -184,43 +184,43 @@ __export(index_exports, {
|
|
|
184
184
|
genTextColorHover: () => genTextColorHover,
|
|
185
185
|
genTextColorShort: () => genTextColorShort,
|
|
186
186
|
genVAlign: () => genVAlign,
|
|
187
|
-
generateNumbers: () =>
|
|
188
|
-
getFirstName: () =>
|
|
189
|
-
getInitials: () =>
|
|
190
|
-
getLastName: () =>
|
|
191
|
-
getNextDay: () =>
|
|
192
|
-
getPercentage: () =>
|
|
193
|
-
getRandom: () =>
|
|
194
|
-
getRandomAvatar: () =>
|
|
195
|
-
getRandomDate: () =>
|
|
196
|
-
getRandomNumber: () =>
|
|
197
|
-
getRandomString: () =>
|
|
198
|
-
getRandomTime: () =>
|
|
199
|
-
getTimeNow: () =>
|
|
200
|
-
getToday: () =>
|
|
201
|
-
getTomorrow: () =>
|
|
202
|
-
getYesterday: () =>
|
|
203
|
-
hexToRgb: () =>
|
|
187
|
+
generateNumbers: () => import_utils144.generateNumbers,
|
|
188
|
+
getFirstName: () => import_utils144.getFirstName,
|
|
189
|
+
getInitials: () => import_utils144.getInitials,
|
|
190
|
+
getLastName: () => import_utils144.getLastName,
|
|
191
|
+
getNextDay: () => import_utils144.getNextDay,
|
|
192
|
+
getPercentage: () => import_utils144.getPercentage,
|
|
193
|
+
getRandom: () => import_utils144.getRandom,
|
|
194
|
+
getRandomAvatar: () => import_utils144.getRandomAvatar,
|
|
195
|
+
getRandomDate: () => import_utils144.getRandomDate,
|
|
196
|
+
getRandomNumber: () => import_utils144.getRandomNumber,
|
|
197
|
+
getRandomString: () => import_utils144.getRandomString,
|
|
198
|
+
getRandomTime: () => import_utils144.getRandomTime,
|
|
199
|
+
getTimeNow: () => import_utils144.getTimeNow,
|
|
200
|
+
getToday: () => import_utils144.getToday,
|
|
201
|
+
getTomorrow: () => import_utils144.getTomorrow,
|
|
202
|
+
getYesterday: () => import_utils144.getYesterday,
|
|
203
|
+
hexToRgb: () => import_utils144.hexToRgb,
|
|
204
204
|
libMarkdownEditorOptions: () => libMarkdownEditorOptions,
|
|
205
205
|
libOptionsMarkdown: () => libOptionsMarkdown,
|
|
206
206
|
linkifyText: () => linkifyText,
|
|
207
|
-
passwordRegex: () =>
|
|
208
|
-
rgbToHex: () =>
|
|
209
|
-
scrollToTop: () =>
|
|
210
|
-
slugify: () =>
|
|
211
|
-
sortByFrequency: () =>
|
|
212
|
-
stringifyPx: () =>
|
|
213
|
-
toCamelCase: () =>
|
|
214
|
-
toConstantCase: () =>
|
|
215
|
-
toDotCase: () =>
|
|
216
|
-
toKebabCase: () =>
|
|
217
|
-
toPascalCase: () =>
|
|
218
|
-
toPathCase: () =>
|
|
219
|
-
toSentenceCase: () =>
|
|
220
|
-
toSnakeCase: () =>
|
|
221
|
-
toTitleCase: () =>
|
|
207
|
+
passwordRegex: () => import_utils144.passwordRegex,
|
|
208
|
+
rgbToHex: () => import_utils144.rgbToHex,
|
|
209
|
+
scrollToTop: () => scrollToTop,
|
|
210
|
+
slugify: () => import_utils144.slugify,
|
|
211
|
+
sortByFrequency: () => import_utils144.sortByFrequency,
|
|
212
|
+
stringifyPx: () => import_utils144.stringifyPx,
|
|
213
|
+
toCamelCase: () => import_utils144.toCamelCase,
|
|
214
|
+
toConstantCase: () => import_utils144.toConstantCase,
|
|
215
|
+
toDotCase: () => import_utils144.toDotCase,
|
|
216
|
+
toKebabCase: () => import_utils144.toKebabCase,
|
|
217
|
+
toPascalCase: () => import_utils144.toPascalCase,
|
|
218
|
+
toPathCase: () => import_utils144.toPathCase,
|
|
219
|
+
toSentenceCase: () => import_utils144.toSentenceCase,
|
|
220
|
+
toSnakeCase: () => import_utils144.toSnakeCase,
|
|
221
|
+
toTitleCase: () => import_utils144.toTitleCase,
|
|
222
222
|
toast: () => toast,
|
|
223
|
-
unslugify: () =>
|
|
223
|
+
unslugify: () => import_utils144.unslugify,
|
|
224
224
|
useClickOutside: () => useClickOutside,
|
|
225
225
|
useCopyToClipboard: () => useCopyToClipboard,
|
|
226
226
|
useDebounce: () => useDebounce,
|
|
@@ -237,7 +237,7 @@ __export(index_exports, {
|
|
|
237
237
|
usePagination: () => usePagination,
|
|
238
238
|
useTouchScreen: () => useTouchScreen,
|
|
239
239
|
useTranslation: () => useTranslation,
|
|
240
|
-
uuid: () =>
|
|
240
|
+
uuid: () => import_utils144.uuid
|
|
241
241
|
});
|
|
242
242
|
module.exports = __toCommonJS(index_exports);
|
|
243
243
|
|
|
@@ -2181,8 +2181,46 @@ var genRingColorChildren = {
|
|
|
2181
2181
|
white: "[&>*]:focus:ring-1 [&>*]:focus:ring-gray-500"
|
|
2182
2182
|
};
|
|
2183
2183
|
|
|
2184
|
+
// src/lib/utils/detect-language.ts
|
|
2185
|
+
function detectLanguage() {
|
|
2186
|
+
if (window && typeof window !== "undefined") {
|
|
2187
|
+
if (localStorage.getItem("language") !== null) {
|
|
2188
|
+
return localStorage.getItem("language");
|
|
2189
|
+
} else if (localStorage.getItem("lang") !== null) {
|
|
2190
|
+
return localStorage.getItem("lang");
|
|
2191
|
+
} else {
|
|
2192
|
+
if (navigator && typeof navigator !== "undefined") {
|
|
2193
|
+
return navigator.language;
|
|
2194
|
+
}
|
|
2195
|
+
}
|
|
2196
|
+
}
|
|
2197
|
+
}
|
|
2198
|
+
|
|
2199
|
+
// src/lib/utils/disable-scroll.ts
|
|
2200
|
+
function disableScroll() {
|
|
2201
|
+
const body = document.body;
|
|
2202
|
+
body.style.height = "100vh";
|
|
2203
|
+
body.style.overflow = "hidden";
|
|
2204
|
+
return;
|
|
2205
|
+
}
|
|
2206
|
+
|
|
2207
|
+
// src/lib/utils/enable-scroll.ts
|
|
2208
|
+
function enableScroll() {
|
|
2209
|
+
const body = document.body;
|
|
2210
|
+
body.style.height = "";
|
|
2211
|
+
body.style.overflow = "";
|
|
2212
|
+
return;
|
|
2213
|
+
}
|
|
2214
|
+
|
|
2215
|
+
// src/lib/utils/scroll-to-top.ts
|
|
2216
|
+
function scrollToTop() {
|
|
2217
|
+
if (typeof window !== "undefined") {
|
|
2218
|
+
return window.scrollTo(0, 0);
|
|
2219
|
+
}
|
|
2220
|
+
}
|
|
2221
|
+
|
|
2184
2222
|
// src/lib/index.ts
|
|
2185
|
-
var
|
|
2223
|
+
var import_utils144 = require("@julseb-lib/utils");
|
|
2186
2224
|
|
|
2187
2225
|
// src/lib/hooks/useClickOutside.tsx
|
|
2188
2226
|
var import_react4 = require("react");
|
|
@@ -2429,7 +2467,6 @@ var usePaginatedData = (data, page, defaultLimit = 20) => {
|
|
|
2429
2467
|
};
|
|
2430
2468
|
|
|
2431
2469
|
// src/lib/hooks/usePagination.tsx
|
|
2432
|
-
var import_utils19 = require("@julseb-lib/utils");
|
|
2433
2470
|
var usePagination = ({
|
|
2434
2471
|
currentPage,
|
|
2435
2472
|
setCurrentPage,
|
|
@@ -2437,11 +2474,11 @@ var usePagination = ({
|
|
|
2437
2474
|
}) => {
|
|
2438
2475
|
const handlePrev = () => {
|
|
2439
2476
|
setCurrentPage(currentPage - 1);
|
|
2440
|
-
|
|
2477
|
+
scrollToTop();
|
|
2441
2478
|
};
|
|
2442
2479
|
const handleNext = () => {
|
|
2443
2480
|
setCurrentPage(currentPage + 1);
|
|
2444
|
-
|
|
2481
|
+
scrollToTop();
|
|
2445
2482
|
};
|
|
2446
2483
|
const handlePage = (n) => {
|
|
2447
2484
|
if (n < 1) {
|
|
@@ -2453,7 +2490,7 @@ var usePagination = ({
|
|
|
2453
2490
|
return;
|
|
2454
2491
|
}
|
|
2455
2492
|
setCurrentPage(n);
|
|
2456
|
-
|
|
2493
|
+
scrollToTop();
|
|
2457
2494
|
};
|
|
2458
2495
|
return { handlePrev, handleNext, handlePage };
|
|
2459
2496
|
};
|
|
@@ -2473,7 +2510,6 @@ var useTouchScreen = () => {
|
|
|
2473
2510
|
|
|
2474
2511
|
// src/lib/hooks/useTranslation.tsx
|
|
2475
2512
|
var import_react15 = require("react");
|
|
2476
|
-
var import_utils20 = require("@julseb-lib/utils");
|
|
2477
2513
|
var useTranslation = (translations) => {
|
|
2478
2514
|
const [language, setLanguage] = (0, import_react15.useState)("en");
|
|
2479
2515
|
const languages = Object.keys(translations);
|
|
@@ -3011,7 +3047,7 @@ var genFlexWrap = {
|
|
|
3011
3047
|
|
|
3012
3048
|
// src/lib/components/Key/Key.tsx
|
|
3013
3049
|
var import_react23 = require("react");
|
|
3014
|
-
var
|
|
3050
|
+
var import_utils26 = require("@julseb-lib/utils");
|
|
3015
3051
|
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
3016
3052
|
var Key = ({
|
|
3017
3053
|
className,
|
|
@@ -3047,7 +3083,7 @@ var Key = ({
|
|
|
3047
3083
|
children: childrenArray.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react23.Fragment, { children: [
|
|
3048
3084
|
child,
|
|
3049
3085
|
withSeparator && i !== childrenArray.length - 1 && " + "
|
|
3050
|
-
] }, (0,
|
|
3086
|
+
] }, (0, import_utils26.uuid)()))
|
|
3051
3087
|
}
|
|
3052
3088
|
);
|
|
3053
3089
|
};
|
|
@@ -3073,11 +3109,11 @@ var import_react26 = require("react");
|
|
|
3073
3109
|
|
|
3074
3110
|
// src/lib/lib-utils/get-highlighted-text.tsx
|
|
3075
3111
|
var import_react24 = require("react");
|
|
3076
|
-
var
|
|
3112
|
+
var import_utils28 = require("@julseb-lib/utils");
|
|
3077
3113
|
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
3078
3114
|
var getHighlightedText = (text, value, highlightStyle, className) => {
|
|
3079
3115
|
const parts = text?.toString().split(new RegExp(`(${value})`, "gi"));
|
|
3080
|
-
return parts.map((part) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react24.Fragment, { children: (0,
|
|
3116
|
+
return parts.map((part) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react24.Fragment, { children: (0, import_utils28.slugify)(part) === (0, import_utils28.slugify)(value) ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
3081
3117
|
Text,
|
|
3082
3118
|
{
|
|
3083
3119
|
tag: "strong",
|
|
@@ -3085,7 +3121,7 @@ var getHighlightedText = (text, value, highlightStyle, className) => {
|
|
|
3085
3121
|
style: highlightStyle,
|
|
3086
3122
|
children: part
|
|
3087
3123
|
}
|
|
3088
|
-
) : part }, (0,
|
|
3124
|
+
) : part }, (0, import_utils28.uuid)()));
|
|
3089
3125
|
};
|
|
3090
3126
|
|
|
3091
3127
|
// src/lib/lib-utils/transfom-search-keys.ts
|
|
@@ -3178,7 +3214,7 @@ var Highlight = ({
|
|
|
3178
3214
|
|
|
3179
3215
|
// src/lib/components/Linkify/Linkify.tsx
|
|
3180
3216
|
var import_react27 = require("react");
|
|
3181
|
-
var
|
|
3217
|
+
var import_utils31 = require("@julseb-lib/utils");
|
|
3182
3218
|
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
3183
3219
|
var URL_REGEX2 = /^(http:\/\/www\.|https:\/\/www\.|http:\/\/|https:\/\/)?[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?$/gm;
|
|
3184
3220
|
var Linkify = ({
|
|
@@ -3205,7 +3241,7 @@ var Linkify = ({
|
|
|
3205
3241
|
}
|
|
3206
3242
|
),
|
|
3207
3243
|
" "
|
|
3208
|
-
] }, (0,
|
|
3244
|
+
] }, (0, import_utils31.uuid)()) : word + " "
|
|
3209
3245
|
) });
|
|
3210
3246
|
};
|
|
3211
3247
|
|
|
@@ -66359,7 +66395,7 @@ var Select = ({
|
|
|
66359
66395
|
var import_react64 = require("react");
|
|
66360
66396
|
var import_fuse = __toESM(require("fuse.js"), 1);
|
|
66361
66397
|
var import_bi14 = require("react-icons/bi");
|
|
66362
|
-
var
|
|
66398
|
+
var import_utils79 = require("@julseb-lib/utils");
|
|
66363
66399
|
var import_jsx_runtime318 = require("react/jsx-runtime");
|
|
66364
66400
|
var Autocomplete = ({
|
|
66365
66401
|
className,
|
|
@@ -66490,7 +66526,7 @@ var Autocomplete = ({
|
|
|
66490
66526
|
}
|
|
66491
66527
|
)
|
|
66492
66528
|
},
|
|
66493
|
-
(0,
|
|
66529
|
+
(0, import_utils79.uuid)()
|
|
66494
66530
|
)) }) : /* @__PURE__ */ (0, import_jsx_runtime318.jsx)(
|
|
66495
66531
|
Text,
|
|
66496
66532
|
{
|
|
@@ -66510,7 +66546,7 @@ var Autocomplete = ({
|
|
|
66510
66546
|
// src/lib/components/Rating/Rating.tsx
|
|
66511
66547
|
var import_react65 = require("react");
|
|
66512
66548
|
var import_bi15 = require("react-icons/bi");
|
|
66513
|
-
var
|
|
66549
|
+
var import_utils81 = require("@julseb-lib/utils");
|
|
66514
66550
|
var import_jsx_runtime319 = require("react/jsx-runtime");
|
|
66515
66551
|
var Rating = ({
|
|
66516
66552
|
className,
|
|
@@ -66547,7 +66583,7 @@ var Rating = ({
|
|
|
66547
66583
|
id,
|
|
66548
66584
|
className: clsx("flex", genGap[gap], "rating", className),
|
|
66549
66585
|
...rest,
|
|
66550
|
-
children: (0,
|
|
66586
|
+
children: (0, import_utils81.generateNumbers)(0, 4).map((n) => {
|
|
66551
66587
|
const Element = readOnly ? "span" : "button";
|
|
66552
66588
|
return /* @__PURE__ */ (0, import_jsx_runtime319.jsx)(
|
|
66553
66589
|
Element,
|
|
@@ -66762,7 +66798,7 @@ var Form = ({
|
|
|
66762
66798
|
|
|
66763
66799
|
// src/lib/components/ListGroup/ListGroup.tsx
|
|
66764
66800
|
var import_react71 = require("react");
|
|
66765
|
-
var
|
|
66801
|
+
var import_utils88 = require("@julseb-lib/utils");
|
|
66766
66802
|
|
|
66767
66803
|
// src/lib/components/ListGroup/ListGroupTitle.tsx
|
|
66768
66804
|
var import_react69 = require("react");
|
|
@@ -66901,7 +66937,7 @@ var ListGroup = ({
|
|
|
66901
66937
|
ListGroupItem,
|
|
66902
66938
|
{
|
|
66903
66939
|
...item,
|
|
66904
|
-
key: (0,
|
|
66940
|
+
key: (0, import_utils88.uuid)(),
|
|
66905
66941
|
title: item.title,
|
|
66906
66942
|
number: showNumbers ? i + 1 : void 0,
|
|
66907
66943
|
body: item.body,
|
|
@@ -66916,7 +66952,7 @@ var ListGroup = ({
|
|
|
66916
66952
|
|
|
66917
66953
|
// src/lib/components/Breadcrumbs/Breadcrumbs.tsx
|
|
66918
66954
|
var import_react73 = require("react");
|
|
66919
|
-
var
|
|
66955
|
+
var import_utils90 = require("@julseb-lib/utils");
|
|
66920
66956
|
var import_jsx_runtime326 = require("react/jsx-runtime");
|
|
66921
66957
|
var Breadcrumbs = ({
|
|
66922
66958
|
className,
|
|
@@ -66952,14 +66988,14 @@ var Breadcrumbs = ({
|
|
|
66952
66988
|
children: separator
|
|
66953
66989
|
}
|
|
66954
66990
|
) : separator)
|
|
66955
|
-
] }, (0,
|
|
66991
|
+
] }, (0, import_utils90.uuid)()))
|
|
66956
66992
|
}
|
|
66957
66993
|
);
|
|
66958
66994
|
};
|
|
66959
66995
|
|
|
66960
66996
|
// src/lib/components/Accordion/Accordion.tsx
|
|
66961
66997
|
var import_react77 = require("react");
|
|
66962
|
-
var
|
|
66998
|
+
var import_utils95 = require("@julseb-lib/utils");
|
|
66963
66999
|
|
|
66964
67000
|
// src/lib/components/Accordion/AccordionItem.tsx
|
|
66965
67001
|
var import_react76 = require("react");
|
|
@@ -67119,7 +67155,7 @@ var Accordion = ({
|
|
|
67119
67155
|
defaultOpen: item.defaultOpen,
|
|
67120
67156
|
children: item.content
|
|
67121
67157
|
},
|
|
67122
|
-
(0,
|
|
67158
|
+
(0, import_utils95.uuid)()
|
|
67123
67159
|
)) ?? children
|
|
67124
67160
|
}
|
|
67125
67161
|
);
|
|
@@ -67127,7 +67163,7 @@ var Accordion = ({
|
|
|
67127
67163
|
|
|
67128
67164
|
// src/lib/components/Dropdown/Dropdown.tsx
|
|
67129
67165
|
var import_react79 = require("react");
|
|
67130
|
-
var
|
|
67166
|
+
var import_utils98 = require("@julseb-lib/utils");
|
|
67131
67167
|
|
|
67132
67168
|
// src/lib/components/Dropdown/DropdownItem.tsx
|
|
67133
67169
|
var import_react78 = require("react");
|
|
@@ -67194,7 +67230,7 @@ var Dropdown = ({
|
|
|
67194
67230
|
DropdownItem,
|
|
67195
67231
|
{
|
|
67196
67232
|
...item,
|
|
67197
|
-
key: (0,
|
|
67233
|
+
key: (0, import_utils98.uuid)(),
|
|
67198
67234
|
element: item.element ?? "button",
|
|
67199
67235
|
content: void 0
|
|
67200
67236
|
},
|
|
@@ -67448,7 +67484,6 @@ var Alert = ({
|
|
|
67448
67484
|
// src/lib/components/Modal/Modal.tsx
|
|
67449
67485
|
var import_react83 = require("react");
|
|
67450
67486
|
var import_bi18 = require("react-icons/bi");
|
|
67451
|
-
var import_utils104 = require("@julseb-lib/utils");
|
|
67452
67487
|
var import_jsx_runtime337 = require("react/jsx-runtime");
|
|
67453
67488
|
var Modal = ({
|
|
67454
67489
|
className,
|
|
@@ -67468,7 +67503,7 @@ var Modal = ({
|
|
|
67468
67503
|
const handleClose = () => {
|
|
67469
67504
|
if (isOpen) {
|
|
67470
67505
|
setIsOpen(false);
|
|
67471
|
-
|
|
67506
|
+
enableScroll();
|
|
67472
67507
|
}
|
|
67473
67508
|
};
|
|
67474
67509
|
useClickOutside(el, handleClose);
|
|
@@ -67906,7 +67941,7 @@ var Paginator = ({
|
|
|
67906
67941
|
|
|
67907
67942
|
// src/lib/components/ProgressBar/ProgressBar.tsx
|
|
67908
67943
|
var import_react90 = require("react");
|
|
67909
|
-
var
|
|
67944
|
+
var import_utils109 = require("@julseb-lib/utils");
|
|
67910
67945
|
var import_jsx_runtime343 = require("react/jsx-runtime");
|
|
67911
67946
|
var ProgressBar = ({
|
|
67912
67947
|
className,
|
|
@@ -67919,7 +67954,7 @@ var ProgressBar = ({
|
|
|
67919
67954
|
id,
|
|
67920
67955
|
...rest
|
|
67921
67956
|
}) => {
|
|
67922
|
-
const percent = (0,
|
|
67957
|
+
const percent = (0, import_utils109.getPercentage)(value, Number(max));
|
|
67923
67958
|
return /* @__PURE__ */ (0, import_jsx_runtime343.jsx)(
|
|
67924
67959
|
"meter",
|
|
67925
67960
|
{
|
|
@@ -68073,7 +68108,7 @@ var genStrokeColor = {
|
|
|
68073
68108
|
|
|
68074
68109
|
// src/lib/components/Tabs/Tabs.tsx
|
|
68075
68110
|
var import_react96 = require("react");
|
|
68076
|
-
var
|
|
68111
|
+
var import_utils116 = require("@julseb-lib/utils");
|
|
68077
68112
|
|
|
68078
68113
|
// src/lib/components/Tabs/TabsContainer.tsx
|
|
68079
68114
|
var import_react92 = require("react");
|
|
@@ -68225,7 +68260,7 @@ var Tabs = ({
|
|
|
68225
68260
|
TabsButton,
|
|
68226
68261
|
{
|
|
68227
68262
|
...item,
|
|
68228
|
-
key: item.id ?? (0,
|
|
68263
|
+
key: item.id ?? (0, import_utils116.uuid)(),
|
|
68229
68264
|
isActive: tab === i,
|
|
68230
68265
|
onClick: () => setTab(i),
|
|
68231
68266
|
variant,
|
|
@@ -68237,7 +68272,7 @@ var Tabs = ({
|
|
|
68237
68272
|
TabsContent,
|
|
68238
68273
|
{
|
|
68239
68274
|
...item,
|
|
68240
|
-
key: (0,
|
|
68275
|
+
key: (0, import_utils116.uuid)(),
|
|
68241
68276
|
isActive: tab === i
|
|
68242
68277
|
},
|
|
68243
68278
|
item.content
|
|
@@ -68249,7 +68284,7 @@ var Tabs = ({
|
|
|
68249
68284
|
|
|
68250
68285
|
// src/lib/components/Slideshow/Slideshow.tsx
|
|
68251
68286
|
var import_react100 = require("react");
|
|
68252
|
-
var
|
|
68287
|
+
var import_utils121 = require("@julseb-lib/utils");
|
|
68253
68288
|
|
|
68254
68289
|
// src/lib/components/Slideshow/SlideshowButton.tsx
|
|
68255
68290
|
var import_react98 = require("react");
|
|
@@ -68299,7 +68334,7 @@ var SlideshowButton = ({
|
|
|
68299
68334
|
|
|
68300
68335
|
// src/lib/components/Slideshow/SlideshowPagination.tsx
|
|
68301
68336
|
var import_react99 = require("react");
|
|
68302
|
-
var
|
|
68337
|
+
var import_utils119 = require("@julseb-lib/utils");
|
|
68303
68338
|
var import_jsx_runtime351 = require("react/jsx-runtime");
|
|
68304
68339
|
var SlideshowPagination = ({
|
|
68305
68340
|
className,
|
|
@@ -68350,7 +68385,7 @@ var SlideshowPagination = ({
|
|
|
68350
68385
|
)
|
|
68351
68386
|
},
|
|
68352
68387
|
i
|
|
68353
|
-
)) : (0,
|
|
68388
|
+
)) : (0, import_utils119.generateNumbers)(0, contentLength - 1).map((n) => /* @__PURE__ */ (0, import_jsx_runtime351.jsx)(
|
|
68354
68389
|
"button",
|
|
68355
68390
|
{
|
|
68356
68391
|
className: clsx(
|
|
@@ -68580,7 +68615,7 @@ var Slideshow = ({
|
|
|
68580
68615
|
borderRadius,
|
|
68581
68616
|
draggable: false
|
|
68582
68617
|
},
|
|
68583
|
-
(0,
|
|
68618
|
+
(0, import_utils121.uuid)()
|
|
68584
68619
|
)) : childrenArray.map((child) => /* @__PURE__ */ (0, import_jsx_runtime352.jsx)(
|
|
68585
68620
|
"div",
|
|
68586
68621
|
{
|
|
@@ -68591,7 +68626,7 @@ var Slideshow = ({
|
|
|
68591
68626
|
),
|
|
68592
68627
|
children: child
|
|
68593
68628
|
},
|
|
68594
|
-
(0,
|
|
68629
|
+
(0, import_utils121.uuid)()
|
|
68595
68630
|
))
|
|
68596
68631
|
}
|
|
68597
68632
|
)
|
|
@@ -68701,7 +68736,6 @@ var Cover = ({
|
|
|
68701
68736
|
|
|
68702
68737
|
// src/lib/components/PageLoading/PageLoading.tsx
|
|
68703
68738
|
var import_react102 = require("react");
|
|
68704
|
-
var import_utils126 = require("@julseb-lib/utils");
|
|
68705
68739
|
var import_jsx_runtime354 = require("react/jsx-runtime");
|
|
68706
68740
|
var PageLoading = ({
|
|
68707
68741
|
className,
|
|
@@ -68715,7 +68749,7 @@ var PageLoading = ({
|
|
|
68715
68749
|
}) => {
|
|
68716
68750
|
const Element = element;
|
|
68717
68751
|
(0, import_react102.useEffect)(() => {
|
|
68718
|
-
if (stopScrolling)
|
|
68752
|
+
if (stopScrolling) disableScroll();
|
|
68719
68753
|
}, [stopScrolling]);
|
|
68720
68754
|
return /* @__PURE__ */ (0, import_jsx_runtime354.jsx)(
|
|
68721
68755
|
Element,
|
|
@@ -69088,7 +69122,7 @@ var MarkdownEditorTitles = ({
|
|
|
69088
69122
|
|
|
69089
69123
|
// src/lib/components/MarkdownEditor/MarkdownButtons.tsx
|
|
69090
69124
|
var import_react106 = require("react");
|
|
69091
|
-
var
|
|
69125
|
+
var import_utils127 = require("@julseb-lib/utils");
|
|
69092
69126
|
var import_jsx_runtime359 = require("react/jsx-runtime");
|
|
69093
69127
|
var MarkdownButtons = ({
|
|
69094
69128
|
options,
|
|
@@ -69106,8 +69140,8 @@ var MarkdownButtons = ({
|
|
|
69106
69140
|
className: clsx("size-6", "md-button"),
|
|
69107
69141
|
icon,
|
|
69108
69142
|
onClick: () => addCode(button.code),
|
|
69109
|
-
tooltip: button.displayName ?? (0,
|
|
69110
|
-
"aria-label": button.displayName ?? (0,
|
|
69143
|
+
tooltip: button.displayName ?? (0, import_utils127.toSentenceCase)(button.name),
|
|
69144
|
+
"aria-label": button.displayName ?? (0, import_utils127.toSentenceCase)(button.name),
|
|
69111
69145
|
variant: "transparent",
|
|
69112
69146
|
showTooltip: { offset: "2xs" }
|
|
69113
69147
|
},
|
|
@@ -69118,7 +69152,7 @@ var MarkdownButtons = ({
|
|
|
69118
69152
|
|
|
69119
69153
|
// src/lib/components/MarkdownEditor/MarkdownViewButtons.tsx
|
|
69120
69154
|
var import_react107 = require("react");
|
|
69121
|
-
var
|
|
69155
|
+
var import_utils129 = require("@julseb-lib/utils");
|
|
69122
69156
|
var import_jsx_runtime360 = require("react/jsx-runtime");
|
|
69123
69157
|
var MarkdownViewButtons = ({
|
|
69124
69158
|
options,
|
|
@@ -69142,8 +69176,8 @@ var MarkdownViewButtons = ({
|
|
|
69142
69176
|
variant: view === button.name ? "plain" : "transparent",
|
|
69143
69177
|
icon,
|
|
69144
69178
|
onClick: () => setView(button.name),
|
|
69145
|
-
"aria-label": button.displayName ?? (0,
|
|
69146
|
-
tooltip: button.displayName ?? (0,
|
|
69179
|
+
"aria-label": button.displayName ?? (0, import_utils129.toSentenceCase)(button.name),
|
|
69180
|
+
tooltip: button.displayName ?? (0, import_utils129.toSentenceCase)(button.name),
|
|
69147
69181
|
showTooltip: { offset: "2xs" }
|
|
69148
69182
|
},
|
|
69149
69183
|
button.name
|
|
@@ -69369,7 +69403,6 @@ var Fade = ({
|
|
|
69369
69403
|
// src/lib/components/BackToTop/BackToTop.tsx
|
|
69370
69404
|
var import_react111 = require("react");
|
|
69371
69405
|
var import_bi24 = require("react-icons/bi");
|
|
69372
|
-
var import_utils137 = require("@julseb-lib/utils");
|
|
69373
69406
|
var import_jsx_runtime364 = require("react/jsx-runtime");
|
|
69374
69407
|
var BackToTop = ({
|
|
69375
69408
|
className,
|
|
@@ -69395,7 +69428,7 @@ var BackToTop = ({
|
|
|
69395
69428
|
const smoothScroll = () => {
|
|
69396
69429
|
document.body.classList.add("smooth");
|
|
69397
69430
|
document.documentElement.classList.add("smooth");
|
|
69398
|
-
setTimeout(() =>
|
|
69431
|
+
setTimeout(() => scrollToTop(), 100);
|
|
69399
69432
|
setTimeout(() => {
|
|
69400
69433
|
document.body.classList.remove("smooth");
|
|
69401
69434
|
document.documentElement.classList.remove("smooth");
|
|
@@ -69432,7 +69465,7 @@ var BackToTop = ({
|
|
|
69432
69465
|
// src/lib/components/Drawer/Drawer.tsx
|
|
69433
69466
|
var import_react112 = require("react");
|
|
69434
69467
|
var import_bi25 = require("react-icons/bi");
|
|
69435
|
-
var
|
|
69468
|
+
var import_utils135 = require("@julseb-lib/utils");
|
|
69436
69469
|
var import_jsx_runtime365 = require("react/jsx-runtime");
|
|
69437
69470
|
var Drawer = ({
|
|
69438
69471
|
className,
|
|
@@ -69460,8 +69493,8 @@ var Drawer = ({
|
|
|
69460
69493
|
if (!disableEsc && isOpen) setIsOpen(false);
|
|
69461
69494
|
});
|
|
69462
69495
|
(0, import_react112.useEffect)(() => {
|
|
69463
|
-
if (!enableScrollingOpen && isOpen)
|
|
69464
|
-
else
|
|
69496
|
+
if (!enableScrollingOpen && isOpen) disableScroll();
|
|
69497
|
+
else enableScroll();
|
|
69465
69498
|
}, [enableScrollingOpen, isOpen]);
|
|
69466
69499
|
return /* @__PURE__ */ (0, import_jsx_runtime365.jsxs)(
|
|
69467
69500
|
Element,
|
|
@@ -69503,7 +69536,7 @@ var Drawer = ({
|
|
|
69503
69536
|
position === "left" ? "left-[calc(var(--drawer-max-width)*-1)] [&.open]:left-0" : "right-[calc(var(--drawer-max-width)*-1)] [&.open]:right-0",
|
|
69504
69537
|
"drawer-content"
|
|
69505
69538
|
),
|
|
69506
|
-
style: { ["--drawer-max-width"]: (0,
|
|
69539
|
+
style: { ["--drawer-max-width"]: (0, import_utils135.stringifyPx)(maxWidth2) },
|
|
69507
69540
|
ref: el,
|
|
69508
69541
|
children: [
|
|
69509
69542
|
children,
|
|
@@ -69527,11 +69560,10 @@ var Drawer = ({
|
|
|
69527
69560
|
|
|
69528
69561
|
// src/lib/components/Header/Header.tsx
|
|
69529
69562
|
var import_react114 = require("react");
|
|
69530
|
-
var import_utils143 = require("@julseb-lib/utils");
|
|
69531
69563
|
|
|
69532
69564
|
// src/lib/components/Header/HeaderSearch.tsx
|
|
69533
69565
|
var import_react113 = require("react");
|
|
69534
|
-
var
|
|
69566
|
+
var import_utils137 = require("@julseb-lib/utils");
|
|
69535
69567
|
var import_jsx_runtime366 = require("react/jsx-runtime");
|
|
69536
69568
|
var HeaderSearch = ({ search, handleClose }) => {
|
|
69537
69569
|
if (!search) return null;
|
|
@@ -69557,7 +69589,7 @@ var HeaderSearch = ({ search, handleClose }) => {
|
|
|
69557
69589
|
handleClose();
|
|
69558
69590
|
},
|
|
69559
69591
|
className: clsx("w-full max-w-(--form-max-width)", "search-form"),
|
|
69560
|
-
style: { ["--form-max-width"]: (0,
|
|
69592
|
+
style: { ["--form-max-width"]: (0, import_utils137.stringifyPx)(maxWidth2) },
|
|
69561
69593
|
children: /* @__PURE__ */ (0, import_jsx_runtime366.jsx)("search", { children: /* @__PURE__ */ (0, import_jsx_runtime366.jsx)(
|
|
69562
69594
|
Input,
|
|
69563
69595
|
{
|
|
@@ -69610,11 +69642,11 @@ var Header = ({
|
|
|
69610
69642
|
const [isOpen, setIsOpen] = (0, import_react114.useState)(false);
|
|
69611
69643
|
const [isHidden, setIsHidden] = (0, import_react114.useState)(false);
|
|
69612
69644
|
const handleOpen = () => {
|
|
69613
|
-
if (!enableScrollingOpen)
|
|
69645
|
+
if (!enableScrollingOpen) disableScroll();
|
|
69614
69646
|
setIsOpen(true);
|
|
69615
69647
|
};
|
|
69616
69648
|
const handleClose = () => {
|
|
69617
|
-
if (!enableScrollingOpen)
|
|
69649
|
+
if (!enableScrollingOpen) enableScroll();
|
|
69618
69650
|
setTimeout(() => setIsOpen(false), 10);
|
|
69619
69651
|
};
|
|
69620
69652
|
(0, import_react114.useEffect)(() => {
|
|
@@ -69729,7 +69761,7 @@ var Header = ({
|
|
|
69729
69761
|
|
|
69730
69762
|
// src/lib/components/Footer/Footer.tsx
|
|
69731
69763
|
var import_react115 = require("react");
|
|
69732
|
-
var
|
|
69764
|
+
var import_utils140 = require("@julseb-lib/utils");
|
|
69733
69765
|
var import_jsx_runtime368 = require("react/jsx-runtime");
|
|
69734
69766
|
var Footer = ({
|
|
69735
69767
|
className,
|
|
@@ -69775,10 +69807,10 @@ var Footer = ({
|
|
|
69775
69807
|
children: linksSeparator === "dot" ? "\u2022" : "-"
|
|
69776
69808
|
}
|
|
69777
69809
|
)
|
|
69778
|
-
] }, (0,
|
|
69810
|
+
] }, (0, import_utils140.uuid)())) ?? childrenArray.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime368.jsxs)(import_react115.Fragment, { children: [
|
|
69779
69811
|
child,
|
|
69780
69812
|
i !== childrenArray.length - 1 && !hideLinksSeparator && (linksSeparator === "dot" ? "\u2022" : "-")
|
|
69781
|
-
] }, (0,
|
|
69813
|
+
] }, (0, import_utils140.uuid)())) })
|
|
69782
69814
|
]
|
|
69783
69815
|
}
|
|
69784
69816
|
);
|