@julseb-lib/react 1.0.13 → 1.0.15
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 +5 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +31 -30
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2831,7 +2831,7 @@ var Key = ({
|
|
|
2831
2831
|
accentColor = "primary",
|
|
2832
2832
|
...rest
|
|
2833
2833
|
}) => {
|
|
2834
|
-
const { theme } = useLibTheme();
|
|
2834
|
+
const { theme = "light" } = useLibTheme();
|
|
2835
2835
|
const Element = element;
|
|
2836
2836
|
const childrenArray = Children.toArray(
|
|
2837
2837
|
children?.toString().replaceAll(",", "").split("")
|
|
@@ -66099,6 +66099,7 @@ var Select = ({
|
|
|
66099
66099
|
onClick: () => setIsOpen(!isOpen),
|
|
66100
66100
|
onFocus: () => setIsOpen(true),
|
|
66101
66101
|
disabled,
|
|
66102
|
+
type: "button",
|
|
66102
66103
|
...rest,
|
|
66103
66104
|
children: [
|
|
66104
66105
|
/* @__PURE__ */ jsx316(
|
|
@@ -66824,7 +66825,7 @@ var AccordionTitle = ({
|
|
|
66824
66825
|
};
|
|
66825
66826
|
|
|
66826
66827
|
// src/lib/components/Accordion/AccordionContent.tsx
|
|
66827
|
-
import
|
|
66828
|
+
import "react";
|
|
66828
66829
|
import { jsx as jsx327 } from "react/jsx-runtime";
|
|
66829
66830
|
var AccordionContent = ({
|
|
66830
66831
|
element,
|
|
@@ -66835,7 +66836,7 @@ var AccordionContent = ({
|
|
|
66835
66836
|
children,
|
|
66836
66837
|
...rest
|
|
66837
66838
|
}) => {
|
|
66838
|
-
const Element = element ?? (typeof children === "string" ? Text :
|
|
66839
|
+
const Element = element ?? (typeof children === "string" ? Text : "div");
|
|
66839
66840
|
return /* @__PURE__ */ jsx327(
|
|
66840
66841
|
Element,
|
|
66841
66842
|
{
|
|
@@ -67040,7 +67041,7 @@ var Toast = ({
|
|
|
67040
67041
|
...rest
|
|
67041
67042
|
}) => {
|
|
67042
67043
|
const Element = element;
|
|
67043
|
-
const { theme } = useLibTheme();
|
|
67044
|
+
const { theme = "light" } = useLibTheme();
|
|
67044
67045
|
return /* @__PURE__ */ jsxs278(
|
|
67045
67046
|
Element,
|
|
67046
67047
|
{
|
|
@@ -67233,7 +67234,7 @@ var Alert = ({
|
|
|
67233
67234
|
...rest
|
|
67234
67235
|
}) => {
|
|
67235
67236
|
const Element = element;
|
|
67236
|
-
const { theme } = useLibTheme();
|
|
67237
|
+
const { theme = "light" } = useLibTheme();
|
|
67237
67238
|
return /* @__PURE__ */ jsx335(
|
|
67238
67239
|
Element,
|
|
67239
67240
|
{
|
|
@@ -67325,12 +67326,12 @@ var Modal = ({
|
|
|
67325
67326
|
};
|
|
67326
67327
|
|
|
67327
67328
|
// src/lib/components/DragList/DragList.tsx
|
|
67328
|
-
import { useRef as useRef13, useState as useState20, Fragment as
|
|
67329
|
+
import { useRef as useRef13, useState as useState20, Fragment as Fragment10 } from "react";
|
|
67329
67330
|
|
|
67330
67331
|
// src/lib/components/DragList/DragListItem.tsx
|
|
67331
67332
|
import "react";
|
|
67332
67333
|
import { BiDotsVerticalRounded } from "react-icons/bi";
|
|
67333
|
-
import { Fragment as
|
|
67334
|
+
import { Fragment as Fragment9, jsx as jsx337, jsxs as jsxs280 } from "react/jsx-runtime";
|
|
67334
67335
|
var DragListItem = ({
|
|
67335
67336
|
className,
|
|
67336
67337
|
element = "div",
|
|
@@ -67379,7 +67380,7 @@ var DragListItem = ({
|
|
|
67379
67380
|
"flex flex-col gap-1 grow",
|
|
67380
67381
|
"drag-list-item-content"
|
|
67381
67382
|
),
|
|
67382
|
-
children: item ? /* @__PURE__ */ jsxs280(
|
|
67383
|
+
children: item ? /* @__PURE__ */ jsxs280(Fragment9, { children: [
|
|
67383
67384
|
typeof item.title === "string" ? /* @__PURE__ */ jsx337(Text, { tag: "h6", className: "drag-list-item-title", children: item.title }) : item.title,
|
|
67384
67385
|
item.body && (typeof item.body === "string" ? /* @__PURE__ */ jsx337(Text, { className: "drag-list-item-body", children: item.body }) : item.body)
|
|
67385
67386
|
] }) : children
|
|
@@ -67438,7 +67439,7 @@ var DragList = ({
|
|
|
67438
67439
|
className
|
|
67439
67440
|
),
|
|
67440
67441
|
...rest,
|
|
67441
|
-
children: items ? items.map((item, i) => /* @__PURE__ */ jsxs281(
|
|
67442
|
+
children: items ? items.map((item, i) => /* @__PURE__ */ jsxs281(Fragment10, { children: [
|
|
67442
67443
|
/* @__PURE__ */ createElement3(
|
|
67443
67444
|
DragListItem,
|
|
67444
67445
|
{
|
|
@@ -67499,7 +67500,7 @@ var PaginationButton = ({
|
|
|
67499
67500
|
};
|
|
67500
67501
|
|
|
67501
67502
|
// src/lib/components/Pagination/Pagination.tsx
|
|
67502
|
-
import { Fragment as
|
|
67503
|
+
import { Fragment as Fragment11, jsx as jsx340, jsxs as jsxs282 } from "react/jsx-runtime";
|
|
67503
67504
|
var Pagination = ({
|
|
67504
67505
|
className,
|
|
67505
67506
|
element = "div",
|
|
@@ -67537,7 +67538,7 @@ var Pagination = ({
|
|
|
67537
67538
|
className
|
|
67538
67539
|
),
|
|
67539
67540
|
...rest,
|
|
67540
|
-
children: totalPages ? /* @__PURE__ */ jsxs282(
|
|
67541
|
+
children: totalPages ? /* @__PURE__ */ jsxs282(Fragment11, { children: [
|
|
67541
67542
|
/* @__PURE__ */ jsx340(
|
|
67542
67543
|
PaginationButton,
|
|
67543
67544
|
{
|
|
@@ -67548,7 +67549,7 @@ var Pagination = ({
|
|
|
67548
67549
|
children: icons?.prev ?? /* @__PURE__ */ jsx340(BiLeftArrowAlt, { size: 24 })
|
|
67549
67550
|
}
|
|
67550
67551
|
),
|
|
67551
|
-
paginationGroup[0] !== 1 && /* @__PURE__ */ jsxs282(
|
|
67552
|
+
paginationGroup[0] !== 1 && /* @__PURE__ */ jsxs282(Fragment11, { children: [
|
|
67552
67553
|
/* @__PURE__ */ jsx340(
|
|
67553
67554
|
PaginationButton,
|
|
67554
67555
|
{
|
|
@@ -67577,7 +67578,7 @@ var Pagination = ({
|
|
|
67577
67578
|
},
|
|
67578
67579
|
n
|
|
67579
67580
|
)),
|
|
67580
|
-
paginationGroup[paginationGroup.length - 1] !== totalPages && /* @__PURE__ */ jsxs282(
|
|
67581
|
+
paginationGroup[paginationGroup.length - 1] !== totalPages && /* @__PURE__ */ jsxs282(Fragment11, { children: [
|
|
67581
67582
|
/* @__PURE__ */ jsx340(
|
|
67582
67583
|
PaginationButton,
|
|
67583
67584
|
{
|
|
@@ -68207,7 +68208,7 @@ var outlineColor = {
|
|
|
68207
68208
|
};
|
|
68208
68209
|
|
|
68209
68210
|
// src/lib/components/Slideshow/Slideshow.tsx
|
|
68210
|
-
import { Fragment as
|
|
68211
|
+
import { Fragment as Fragment12, jsx as jsx351, jsxs as jsxs286 } from "react/jsx-runtime";
|
|
68211
68212
|
var Slideshow = ({
|
|
68212
68213
|
className,
|
|
68213
68214
|
element = "div",
|
|
@@ -68408,7 +68409,7 @@ var Slideshow = ({
|
|
|
68408
68409
|
)
|
|
68409
68410
|
}
|
|
68410
68411
|
),
|
|
68411
|
-
!hideControls && totalSlides > 1 && /* @__PURE__ */ jsxs286(
|
|
68412
|
+
!hideControls && totalSlides > 1 && /* @__PURE__ */ jsxs286(Fragment12, { children: [
|
|
68412
68413
|
/* @__PURE__ */ jsx351(
|
|
68413
68414
|
SlideshowButton,
|
|
68414
68415
|
{
|
|
@@ -69404,7 +69405,7 @@ var HeaderSearch = ({ search, handleClose }) => {
|
|
|
69404
69405
|
};
|
|
69405
69406
|
|
|
69406
69407
|
// src/lib/components/Header/Header.tsx
|
|
69407
|
-
import { Fragment as
|
|
69408
|
+
import { Fragment as Fragment13, jsx as jsx366, jsxs as jsxs292 } from "react/jsx-runtime";
|
|
69408
69409
|
var Header = ({
|
|
69409
69410
|
className,
|
|
69410
69411
|
element = "header",
|
|
@@ -69466,7 +69467,7 @@ var Header = ({
|
|
|
69466
69467
|
};
|
|
69467
69468
|
const searchProps = { search, handleClose };
|
|
69468
69469
|
const navProps = {
|
|
69469
|
-
children: /* @__PURE__ */ jsxs292(
|
|
69470
|
+
children: /* @__PURE__ */ jsxs292(Fragment13, { children: [
|
|
69470
69471
|
links ? links.map((link) => link) : nav ? nav : children,
|
|
69471
69472
|
isMobile && /* @__PURE__ */ jsx366(HeaderSearch, { ...searchProps })
|
|
69472
69473
|
] }),
|
|
@@ -69552,7 +69553,7 @@ var Header = ({
|
|
|
69552
69553
|
};
|
|
69553
69554
|
|
|
69554
69555
|
// src/lib/components/Footer/Footer.tsx
|
|
69555
|
-
import { Children as Children4, Fragment as
|
|
69556
|
+
import { Children as Children4, Fragment as Fragment14 } from "react";
|
|
69556
69557
|
import { uuid as uuid13 } from "@julseb-lib/utils";
|
|
69557
69558
|
import { jsx as jsx367, jsxs as jsxs293 } from "react/jsx-runtime";
|
|
69558
69559
|
var Footer = ({
|
|
@@ -69588,7 +69589,7 @@ var Footer = ({
|
|
|
69588
69589
|
...rest,
|
|
69589
69590
|
children: [
|
|
69590
69591
|
typeof logo === "string" ? /* @__PURE__ */ jsx367(Text, { children: logo }) : logo,
|
|
69591
|
-
/* @__PURE__ */ jsx367("div", { className: "flex items-container gap-2", children: items?.map((item, i) => /* @__PURE__ */ jsxs293(
|
|
69592
|
+
/* @__PURE__ */ jsx367("div", { className: "flex items-container gap-2", children: items?.map((item, i) => /* @__PURE__ */ jsxs293(Fragment14, { children: [
|
|
69592
69593
|
item,
|
|
69593
69594
|
i !== items.length - 1 && !hideLinksSeparator && /* @__PURE__ */ jsx367(
|
|
69594
69595
|
"span",
|
|
@@ -69599,7 +69600,7 @@ var Footer = ({
|
|
|
69599
69600
|
children: linksSeparator === "dot" ? "\u2022" : "-"
|
|
69600
69601
|
}
|
|
69601
69602
|
)
|
|
69602
|
-
] }, uuid13())) ?? childrenArray.map((child, i) => /* @__PURE__ */ jsxs293(
|
|
69603
|
+
] }, uuid13())) ?? childrenArray.map((child, i) => /* @__PURE__ */ jsxs293(Fragment14, { children: [
|
|
69603
69604
|
child,
|
|
69604
69605
|
i !== childrenArray.length - 1 && !hideLinksSeparator && (linksSeparator === "dot" ? "\u2022" : "-")
|
|
69605
69606
|
] }, uuid13())) })
|
|
@@ -69610,7 +69611,7 @@ var Footer = ({
|
|
|
69610
69611
|
|
|
69611
69612
|
// src/lib/components/Meta/Meta.tsx
|
|
69612
69613
|
import "react";
|
|
69613
|
-
import { Fragment as
|
|
69614
|
+
import { Fragment as Fragment15, jsx as jsx368, jsxs as jsxs294 } from "react/jsx-runtime";
|
|
69614
69615
|
var Meta = ({
|
|
69615
69616
|
children,
|
|
69616
69617
|
title,
|
|
@@ -69634,7 +69635,7 @@ var Meta = ({
|
|
|
69634
69635
|
appleTouchIcon,
|
|
69635
69636
|
themeColor
|
|
69636
69637
|
}) => {
|
|
69637
|
-
return /* @__PURE__ */ jsxs294(
|
|
69638
|
+
return /* @__PURE__ */ jsxs294(Fragment15, { children: [
|
|
69638
69639
|
/* @__PURE__ */ jsx368("meta", { charSet: "utf-8" }),
|
|
69639
69640
|
/* @__PURE__ */ jsx368(
|
|
69640
69641
|
"meta",
|
|
@@ -69643,29 +69644,29 @@ var Meta = ({
|
|
|
69643
69644
|
content: "width=device-width, initial-scale=1"
|
|
69644
69645
|
}
|
|
69645
69646
|
),
|
|
69646
|
-
title && /* @__PURE__ */ jsxs294(
|
|
69647
|
+
title && /* @__PURE__ */ jsxs294(Fragment15, { children: [
|
|
69647
69648
|
/* @__PURE__ */ jsx368("title", { children: title }),
|
|
69648
69649
|
/* @__PURE__ */ jsx368("meta", { property: "og:title", content: title }),
|
|
69649
69650
|
/* @__PURE__ */ jsx368("meta", { name: "twitter:title", content: title })
|
|
69650
69651
|
] }),
|
|
69651
|
-
description && /* @__PURE__ */ jsxs294(
|
|
69652
|
+
description && /* @__PURE__ */ jsxs294(Fragment15, { children: [
|
|
69652
69653
|
/* @__PURE__ */ jsx368("meta", { name: "description", content: description }),
|
|
69653
69654
|
/* @__PURE__ */ jsx368("meta", { property: "og:description", content: description }),
|
|
69654
69655
|
/* @__PURE__ */ jsx368("meta", { name: "twitter:description", content: description })
|
|
69655
69656
|
] }),
|
|
69656
|
-
siteName && /* @__PURE__ */ jsxs294(
|
|
69657
|
+
siteName && /* @__PURE__ */ jsxs294(Fragment15, { children: [
|
|
69657
69658
|
/* @__PURE__ */ jsx368("meta", { name: "application-name", content: siteName }),
|
|
69658
69659
|
/* @__PURE__ */ jsx368("meta", { property: "og:site_name", content: siteName })
|
|
69659
69660
|
] }),
|
|
69660
|
-
author && /* @__PURE__ */ jsxs294(
|
|
69661
|
+
author && /* @__PURE__ */ jsxs294(Fragment15, { children: [
|
|
69661
69662
|
/* @__PURE__ */ jsx368("meta", { name: "author", content: author }),
|
|
69662
69663
|
/* @__PURE__ */ jsx368("meta", { name: "twitter:creator", content: author })
|
|
69663
69664
|
] }),
|
|
69664
|
-
url && /* @__PURE__ */ jsxs294(
|
|
69665
|
+
url && /* @__PURE__ */ jsxs294(Fragment15, { children: [
|
|
69665
69666
|
/* @__PURE__ */ jsx368("meta", { property: "og:url", content: url }),
|
|
69666
69667
|
/* @__PURE__ */ jsx368("meta", { name: "twitter:site", content: url })
|
|
69667
69668
|
] }),
|
|
69668
|
-
cover && /* @__PURE__ */ jsxs294(
|
|
69669
|
+
cover && /* @__PURE__ */ jsxs294(Fragment15, { children: [
|
|
69669
69670
|
/* @__PURE__ */ jsx368("meta", { property: "og:image", content: cover }),
|
|
69670
69671
|
/* @__PURE__ */ jsx368("meta", { name: "twitter:image", content: cover })
|
|
69671
69672
|
] }),
|
|
@@ -69689,7 +69690,7 @@ var Meta = ({
|
|
|
69689
69690
|
|
|
69690
69691
|
// src/lib/components/PageLayout/PageLayout.tsx
|
|
69691
69692
|
import { isValidElement } from "react";
|
|
69692
|
-
import { Fragment as
|
|
69693
|
+
import { Fragment as Fragment16, jsx as jsx369, jsxs as jsxs295 } from "react/jsx-runtime";
|
|
69693
69694
|
var PageLayout = ({
|
|
69694
69695
|
children,
|
|
69695
69696
|
meta,
|
|
@@ -69700,7 +69701,7 @@ var PageLayout = ({
|
|
|
69700
69701
|
noWrapper,
|
|
69701
69702
|
noMain
|
|
69702
69703
|
}) => {
|
|
69703
|
-
return /* @__PURE__ */ jsxs295(
|
|
69704
|
+
return /* @__PURE__ */ jsxs295(Fragment16, { children: [
|
|
69704
69705
|
meta && /* @__PURE__ */ jsx369(Meta, { ...meta }),
|
|
69705
69706
|
isValidElement(header) ? header : /* @__PURE__ */ jsx369(Header, { ...header }),
|
|
69706
69707
|
!noWrapper ? /* @__PURE__ */ jsx369(Wrapper, { ...wrapperProps, children: !noMain ? /* @__PURE__ */ jsx369(Main, { ...mainProps, children }) : children }) : children,
|