@julseb-lib/react 0.0.92 → 0.0.94
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.js
CHANGED
|
@@ -1267,7 +1267,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1267
1267
|
transform: rotate(-45deg);
|
|
1268
1268
|
}
|
|
1269
1269
|
}
|
|
1270
|
-
`;_([z4]);const K0=({"data-testid":l,as:c,ref:e,className:a,isOpen:h,color:d="primary",width:i=32,height:f=24,noHover:r,borderWidth:m=2,"aria-label":p=`${h?"Close":"Open"} burger
|
|
1270
|
+
`;_([z4]);const K0=({"data-testid":l,as:c,ref:e,className:a,isOpen:h,color:d="primary",width:i=32,height:f=24,noHover:r,borderWidth:m=2,"aria-label":p=`${h?"Close":"Open"} burger`,role:z="button",...M})=>t.jsxs(z4,{"data-testid":l,ref:e,as:c||(r?"span":"button"),className:T(a,{Open:h}),"aria-label":p,role:z,$noHover:r,$borderWidth:m,$color:d,$height:f,$width:i,...M,children:[t.jsx("span",{}),t.jsx("span",{}),t.jsx("span",{})]}),v4=o.button`
|
|
1271
1271
|
min-width: 48px;
|
|
1272
1272
|
font-family: ${g2.BODY};
|
|
1273
1273
|
font-weight: ${c2.BLACK};
|
package/dist/index.es.js
CHANGED
|
@@ -8327,7 +8327,8 @@ const b4 = ({
|
|
|
8327
8327
|
noHover: f,
|
|
8328
8328
|
borderWidth: m = 2,
|
|
8329
8329
|
"aria-label": o = `${h ? "Close" : "Open"} burger`,
|
|
8330
|
-
|
|
8330
|
+
role: z = "button",
|
|
8331
|
+
...n
|
|
8331
8332
|
}) => /* @__PURE__ */ t.jsxs(
|
|
8332
8333
|
k4,
|
|
8333
8334
|
{
|
|
@@ -8336,12 +8337,13 @@ const b4 = ({
|
|
|
8336
8337
|
as: c || (f ? "span" : "button"),
|
|
8337
8338
|
className: D(a, { Open: h }),
|
|
8338
8339
|
"aria-label": o,
|
|
8340
|
+
role: z,
|
|
8339
8341
|
$noHover: f,
|
|
8340
8342
|
$borderWidth: m,
|
|
8341
8343
|
$color: d,
|
|
8342
8344
|
$height: r,
|
|
8343
8345
|
$width: i,
|
|
8344
|
-
...
|
|
8346
|
+
...n,
|
|
8345
8347
|
children: [
|
|
8346
8348
|
/* @__PURE__ */ t.jsx("span", {}),
|
|
8347
8349
|
/* @__PURE__ */ t.jsx("span", {}),
|
package/dist/index.umd.js
CHANGED
|
@@ -1267,7 +1267,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1267
1267
|
transform: rotate(-45deg);
|
|
1268
1268
|
}
|
|
1269
1269
|
}
|
|
1270
|
-
`;_([X1]);const G0=({"data-testid":l,as:c,ref:e,className:a,isOpen:h,color:d="primary",width:i=32,height:r=24,noHover:f,borderWidth:m=2,"aria-label":z=`${h?"Close":"Open"} burger
|
|
1270
|
+
`;_([X1]);const G0=({"data-testid":l,as:c,ref:e,className:a,isOpen:h,color:d="primary",width:i=32,height:r=24,noHover:f,borderWidth:m=2,"aria-label":z=`${h?"Close":"Open"} burger`,role:p="button",...M})=>t.jsxs(X1,{"data-testid":l,ref:e,as:c||(f?"span":"button"),className:G(a,{Open:h}),"aria-label":z,role:p,$noHover:f,$borderWidth:m,$color:d,$height:r,$width:i,...M,children:[t.jsx("span",{}),t.jsx("span",{}),t.jsx("span",{})]}),Q1=s.button`
|
|
1271
1271
|
min-width: 48px;
|
|
1272
1272
|
font-family: ${k2.BODY};
|
|
1273
1273
|
font-weight: ${e2.BLACK};
|
|
@@ -25,36 +25,38 @@ import type { ILibBurger } from "./types"
|
|
|
25
25
|
* <Burger isOpen={menuOpen} onClick={toggleMenu} />
|
|
26
26
|
*/
|
|
27
27
|
export const Burger: FC<ILibBurger> = ({
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
28
|
+
"data-testid": testid,
|
|
29
|
+
as,
|
|
30
|
+
ref,
|
|
31
|
+
className,
|
|
32
|
+
isOpen,
|
|
33
|
+
color = "primary",
|
|
34
|
+
width = 32,
|
|
35
|
+
height = 24,
|
|
36
|
+
noHover,
|
|
37
|
+
borderWidth = 2,
|
|
38
|
+
"aria-label": ariaLabel = `${isOpen ? "Close" : "Open"} burger`,
|
|
39
|
+
role = "button",
|
|
40
|
+
...rest
|
|
40
41
|
}) => {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
42
|
+
return (
|
|
43
|
+
<StyledBurger
|
|
44
|
+
data-testid={testid}
|
|
45
|
+
ref={ref}
|
|
46
|
+
as={as ? as : noHover ? "span" : "button"}
|
|
47
|
+
className={classNames(className, { Open: isOpen })}
|
|
48
|
+
aria-label={ariaLabel}
|
|
49
|
+
role={role}
|
|
50
|
+
$noHover={noHover}
|
|
51
|
+
$borderWidth={borderWidth}
|
|
52
|
+
$color={color}
|
|
53
|
+
$height={height}
|
|
54
|
+
$width={width}
|
|
55
|
+
{...rest}
|
|
56
|
+
>
|
|
57
|
+
<span />
|
|
58
|
+
<span />
|
|
59
|
+
<span />
|
|
60
|
+
</StyledBurger>
|
|
61
|
+
)
|
|
60
62
|
}
|
|
@@ -10,9 +10,9 @@ import type { ILibPageLayout } from "./types"
|
|
|
10
10
|
* @param {Object} props - PageLayout props.
|
|
11
11
|
* @param {string} [props.data-testid] - Test id for testing purposes.
|
|
12
12
|
* @param {boolean} [props.isLoading] - Whether the page is in a loading state.
|
|
13
|
-
* @param {string} [props.titleLoading] - Title to display in the
|
|
13
|
+
* @param {string} [props.titleLoading] - Title to display in the Meta while loading.
|
|
14
14
|
* @param {ILibPageLoading} [props.pageLoading] - Props for the PageLoading component.
|
|
15
|
-
* @param {
|
|
15
|
+
* @param {ILibMeta} [props.meta] - Props for the Meta component.
|
|
16
16
|
* @param {ILibHeader & { nav?: JSX.Element }} [props.header] - Props for the Header component, with optional navigation.
|
|
17
17
|
* @param {ILibFooter} [props.footer] - Props for the Footer component.
|
|
18
18
|
* @param {ILibWrapper} [props.wrapper] - Props for the Wrapper component (only if noWrapper is not set to true).
|
|
@@ -27,7 +27,7 @@ import type { ILibPageLayout } from "./types"
|
|
|
27
27
|
* @example
|
|
28
28
|
* <PageLayout
|
|
29
29
|
* isLoading={loading}
|
|
30
|
-
*
|
|
30
|
+
* meta={{ title: "My Page" }}
|
|
31
31
|
* header={{ title: "Header" }}
|
|
32
32
|
* footer={{ copyright: "© 2025" }}
|
|
33
33
|
* >
|
|
@@ -40,7 +40,7 @@ export const PageLayout: FC<ILibPageLayout> = ({
|
|
|
40
40
|
isLoading,
|
|
41
41
|
pageLoading,
|
|
42
42
|
titleLoading,
|
|
43
|
-
meta
|
|
43
|
+
meta,
|
|
44
44
|
header,
|
|
45
45
|
footer,
|
|
46
46
|
noWrapper,
|
|
@@ -51,11 +51,11 @@ export const PageLayout: FC<ILibPageLayout> = ({
|
|
|
51
51
|
}) => {
|
|
52
52
|
return (
|
|
53
53
|
<>
|
|
54
|
-
{
|
|
54
|
+
{meta && (
|
|
55
55
|
<Meta
|
|
56
|
-
{...
|
|
56
|
+
{...meta}
|
|
57
57
|
title={
|
|
58
|
-
isLoading && titleLoading ? titleLoading :
|
|
58
|
+
isLoading && titleLoading ? titleLoading : meta.title
|
|
59
59
|
}
|
|
60
60
|
/>
|
|
61
61
|
)}
|
|
@@ -67,7 +67,7 @@ export * from "../components/BackToTop/types"
|
|
|
67
67
|
export * from "../components/Header/types"
|
|
68
68
|
export * from "../components/IconMenu/types"
|
|
69
69
|
export * from "../components/Footer/types"
|
|
70
|
-
export * from "../components/
|
|
70
|
+
export * from "../components/Meta/types"
|
|
71
71
|
export * from "../components/InputPin/types"
|
|
72
72
|
export * from "../components/InputContainer/types"
|
|
73
73
|
export * from "../components/Drawer/types"
|
|
@@ -77,5 +77,4 @@ export * from "../components/Fieldset/types"
|
|
|
77
77
|
export * from "../components/Datepicker/types"
|
|
78
78
|
export * from "../components/Timepicker/types"
|
|
79
79
|
export * from "../components/Link/types"
|
|
80
|
-
export * from "../components/Meta/types"
|
|
81
80
|
/* Prepend here - DO NOT REMOVE */
|