@sikka/hawa 0.35.1-next → 0.35.3-next
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/{DropdownMenu-K3ztliYc.d.mts → DropdownMenu-BYiPSEYy.d.mts} +1 -0
- package/dist/{DropdownMenu-CJblb-9q.d.ts → DropdownMenu-ChxqadLu.d.ts} +1 -0
- package/dist/alert/index.js +38 -37
- package/dist/alert/index.js.map +1 -1
- package/dist/alert/index.mjs +1 -0
- package/dist/alert/index.mjs.map +1 -1
- package/dist/appLayout/index.js +74 -63
- package/dist/appLayout/index.js.map +1 -1
- package/dist/appLayout/index.mjs +16 -5
- package/dist/appLayout/index.mjs.map +1 -1
- package/dist/appTopbar/index.js +10 -1
- package/dist/appTopbar/index.js.map +1 -1
- package/dist/appTopbar/index.mjs +10 -1
- package/dist/appTopbar/index.mjs.map +1 -1
- package/dist/backToTop/index.js +34 -33
- package/dist/backToTop/index.js.map +1 -1
- package/dist/backToTop/index.mjs +1 -0
- package/dist/backToTop/index.mjs.map +1 -1
- package/dist/blocks/auth/index.js +255 -254
- package/dist/blocks/auth/index.mjs +4 -4
- package/dist/blocks/feedback/index.js +137 -136
- package/dist/blocks/feedback/index.mjs +5 -5
- package/dist/blocks/index.d.mts +1 -1
- package/dist/blocks/index.d.ts +1 -1
- package/dist/blocks/index.js +521 -511
- package/dist/blocks/index.mjs +2 -2
- package/dist/blocks/misc/index.js +115 -114
- package/dist/blocks/misc/index.mjs +5 -5
- package/dist/blocks/pricing/index.js +121 -120
- package/dist/blocks/pricing/index.mjs +4 -4
- package/dist/button/index.js +25 -24
- package/dist/button/index.js.map +1 -1
- package/dist/button/index.mjs +1 -0
- package/dist/button/index.mjs.map +1 -1
- package/dist/calendar/index.js +25 -24
- package/dist/calendar/index.js.map +1 -1
- package/dist/calendar/index.mjs +1 -0
- package/dist/calendar/index.mjs.map +1 -1
- package/dist/{chunk-XJMDUR5A.mjs → chunk-7L2JUNG2.mjs} +1 -1
- package/dist/{chunk-GVZWOUGN.mjs → chunk-CD6AQVU3.mjs} +1 -1
- package/dist/{chunk-A376BKNX.mjs → chunk-JEZLVXSU.mjs} +1 -1
- package/dist/{chunk-YOT2GVXO.mjs → chunk-LVXG3SMD.mjs} +1 -1
- package/dist/{chunk-HHC34DXN.mjs → chunk-MVKP55SZ.mjs} +1 -1
- package/dist/{chunk-IDKXEJET.mjs → chunk-OW3WFRFQ.mjs} +43 -33
- package/dist/{chunk-XFRJ62W3.mjs → chunk-OWYGADJZ.mjs} +1 -1
- package/dist/{chunk-L56XQRQI.mjs → chunk-WABHQMUI.mjs} +1 -1
- package/dist/{chunk-DFWFQWWT.mjs → chunk-YNEQBAQC.mjs} +1 -1
- package/dist/{chunk-DABX3SU6.mjs → chunk-YP2CCKZG.mjs} +33 -32
- package/dist/codeBlock/index.js +45 -44
- package/dist/codeBlock/index.js.map +1 -1
- package/dist/codeBlock/index.mjs +1 -0
- package/dist/codeBlock/index.mjs.map +1 -1
- package/dist/dataTable/index.js +48 -38
- package/dist/dataTable/index.js.map +1 -1
- package/dist/dataTable/index.mjs +11 -1
- package/dist/dataTable/index.mjs.map +1 -1
- package/dist/datePicker/index.js +33 -32
- package/dist/datePicker/index.js.map +1 -1
- package/dist/datePicker/index.mjs +1 -0
- package/dist/datePicker/index.mjs.map +1 -1
- package/dist/docsLayout/index.js +106 -105
- package/dist/docsLayout/index.js.map +1 -1
- package/dist/docsLayout/index.mjs +1 -0
- package/dist/docsLayout/index.mjs.map +1 -1
- package/dist/dropdownMenu/index.d.mts +1 -0
- package/dist/dropdownMenu/index.d.ts +1 -0
- package/dist/dropdownMenu/index.js +10 -1
- package/dist/dropdownMenu/index.js.map +1 -1
- package/dist/dropdownMenu/index.mjs +10 -1
- package/dist/dropdownMenu/index.mjs.map +1 -1
- package/dist/elements/index.d.mts +1 -1
- package/dist/elements/index.d.ts +1 -1
- package/dist/elements/index.js +441 -431
- package/dist/elements/index.mjs +3 -3
- package/dist/fileDropzone/index.js +71 -70
- package/dist/fileDropzone/index.js.map +1 -1
- package/dist/fileDropzone/index.mjs +1 -0
- package/dist/fileDropzone/index.mjs.map +1 -1
- package/dist/index.d.mts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +881 -870
- package/dist/index.mjs +214 -203
- package/dist/layout/index.d.mts +1 -1
- package/dist/layout/index.d.ts +1 -1
- package/dist/layout/index.js +196 -185
- package/dist/layout/index.mjs +3 -2
- package/dist/sortButton/index.js +32 -31
- package/dist/sortButton/index.js.map +1 -1
- package/dist/sortButton/index.mjs +1 -0
- package/dist/sortButton/index.mjs.map +1 -1
- package/dist/splitButton/index.js +69 -59
- package/dist/splitButton/index.js.map +1 -1
- package/dist/splitButton/index.mjs +46 -36
- package/dist/splitButton/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/appLayout/index.js
CHANGED
@@ -36,7 +36,7 @@ __export(appLayout_exports, {
|
|
36
36
|
module.exports = __toCommonJS(appLayout_exports);
|
37
37
|
|
38
38
|
// layout/appLayout/AppLayout.tsx
|
39
|
-
var
|
39
|
+
var import_react6 = __toESM(require("react"));
|
40
40
|
|
41
41
|
// hooks/useOutsideClick.ts
|
42
42
|
var import_react = __toESM(require("react"));
|
@@ -69,7 +69,8 @@ var React6 = __toESM(require("react"));
|
|
69
69
|
var import_class_variance_authority = require("class-variance-authority");
|
70
70
|
|
71
71
|
// elements/helperText/HelperText.tsx
|
72
|
-
var
|
72
|
+
var import_react2 = __toESM(require("react"));
|
73
|
+
var HelperText = ({ helperText }) => /* @__PURE__ */ import_react2.default.createElement(
|
73
74
|
"p",
|
74
75
|
{
|
75
76
|
className: cn(
|
@@ -84,9 +85,9 @@ var HelperText = ({ helperText }) => /* @__PURE__ */ React.createElement(
|
|
84
85
|
var React4 = __toESM(require("react"));
|
85
86
|
|
86
87
|
// elements/tooltip/Tooltip.tsx
|
87
|
-
var
|
88
|
+
var import_react3 = __toESM(require("react"));
|
88
89
|
var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
|
89
|
-
var TooltipContent =
|
90
|
+
var TooltipContent = import_react3.default.forwardRef(({ className, sideOffset = 4, size = "default", ...props }, ref) => /* @__PURE__ */ import_react3.default.createElement(
|
90
91
|
TooltipPrimitive.Content,
|
91
92
|
{
|
92
93
|
ref,
|
@@ -103,7 +104,7 @@ var TooltipContent = import_react2.default.forwardRef(({ className, sideOffset =
|
|
103
104
|
}
|
104
105
|
));
|
105
106
|
TooltipContent.displayName = TooltipPrimitive.Content.displayName;
|
106
|
-
var TooltipArrow =
|
107
|
+
var TooltipArrow = import_react3.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react3.default.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
|
107
108
|
TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
|
108
109
|
var Tooltip = ({
|
109
110
|
side,
|
@@ -120,13 +121,13 @@ var Tooltip = ({
|
|
120
121
|
delayDuration = 300,
|
121
122
|
...props
|
122
123
|
}) => {
|
123
|
-
return /* @__PURE__ */
|
124
|
+
return /* @__PURE__ */ import_react3.default.createElement(
|
124
125
|
TooltipPrimitive.TooltipProvider,
|
125
126
|
{
|
126
127
|
delayDuration,
|
127
128
|
...providerProps
|
128
129
|
},
|
129
|
-
/* @__PURE__ */
|
130
|
+
/* @__PURE__ */ import_react3.default.createElement(
|
130
131
|
TooltipPrimitive.Root,
|
131
132
|
{
|
132
133
|
open: !disabled && open,
|
@@ -134,8 +135,8 @@ var Tooltip = ({
|
|
134
135
|
onOpenChange,
|
135
136
|
...props
|
136
137
|
},
|
137
|
-
/* @__PURE__ */
|
138
|
-
/* @__PURE__ */
|
138
|
+
/* @__PURE__ */ import_react3.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
|
139
|
+
/* @__PURE__ */ import_react3.default.createElement(
|
139
140
|
TooltipContent,
|
140
141
|
{
|
141
142
|
size,
|
@@ -197,7 +198,7 @@ var Label = React4.forwardRef(({ className, hint, hintSide, required, children,
|
|
197
198
|
Label.displayName = "Label";
|
198
199
|
|
199
200
|
// elements/loading/Loading.tsx
|
200
|
-
var
|
201
|
+
var import_react4 = __toESM(require("react"));
|
201
202
|
var Loading = ({
|
202
203
|
design = "spinner",
|
203
204
|
size = "normal",
|
@@ -228,7 +229,7 @@ var Loading = ({
|
|
228
229
|
};
|
229
230
|
switch (design.split("-")[0]) {
|
230
231
|
case "dots":
|
231
|
-
return /* @__PURE__ */
|
232
|
+
return /* @__PURE__ */ import_react4.default.createElement(
|
232
233
|
"div",
|
233
234
|
{
|
234
235
|
className: cn(
|
@@ -236,7 +237,7 @@ var Loading = ({
|
|
236
237
|
classNames == null ? void 0 : classNames.container
|
237
238
|
)
|
238
239
|
},
|
239
|
-
/* @__PURE__ */
|
240
|
+
/* @__PURE__ */ import_react4.default.createElement(
|
240
241
|
"div",
|
241
242
|
{
|
242
243
|
className: cn(
|
@@ -247,7 +248,7 @@ var Loading = ({
|
|
247
248
|
)
|
248
249
|
}
|
249
250
|
),
|
250
|
-
/* @__PURE__ */
|
251
|
+
/* @__PURE__ */ import_react4.default.createElement(
|
251
252
|
"div",
|
252
253
|
{
|
253
254
|
className: cn(
|
@@ -258,7 +259,7 @@ var Loading = ({
|
|
258
259
|
)
|
259
260
|
}
|
260
261
|
),
|
261
|
-
/* @__PURE__ */
|
262
|
+
/* @__PURE__ */ import_react4.default.createElement(
|
262
263
|
"div",
|
263
264
|
{
|
264
265
|
className: cn(
|
@@ -271,7 +272,7 @@ var Loading = ({
|
|
271
272
|
)
|
272
273
|
);
|
273
274
|
case "square":
|
274
|
-
return /* @__PURE__ */
|
275
|
+
return /* @__PURE__ */ import_react4.default.createElement(
|
275
276
|
"svg",
|
276
277
|
{
|
277
278
|
className: cn(
|
@@ -283,7 +284,7 @@ var Loading = ({
|
|
283
284
|
height: "35",
|
284
285
|
width: "35"
|
285
286
|
},
|
286
|
-
/* @__PURE__ */
|
287
|
+
/* @__PURE__ */ import_react4.default.createElement(
|
287
288
|
"rect",
|
288
289
|
{
|
289
290
|
className: "squircle-track",
|
@@ -295,7 +296,7 @@ var Loading = ({
|
|
295
296
|
height: "32.5"
|
296
297
|
}
|
297
298
|
),
|
298
|
-
/* @__PURE__ */
|
299
|
+
/* @__PURE__ */ import_react4.default.createElement(
|
299
300
|
"rect",
|
300
301
|
{
|
301
302
|
className: "square-car",
|
@@ -310,7 +311,7 @@ var Loading = ({
|
|
310
311
|
)
|
311
312
|
);
|
312
313
|
case "squircle":
|
313
|
-
return /* @__PURE__ */
|
314
|
+
return /* @__PURE__ */ import_react4.default.createElement(
|
314
315
|
"svg",
|
315
316
|
{
|
316
317
|
x: "0px",
|
@@ -325,7 +326,7 @@ var Loading = ({
|
|
325
326
|
classNames == null ? void 0 : classNames.container
|
326
327
|
)
|
327
328
|
},
|
328
|
-
/* @__PURE__ */
|
329
|
+
/* @__PURE__ */ import_react4.default.createElement(
|
329
330
|
"path",
|
330
331
|
{
|
331
332
|
className: cn("squircle-track", classNames == null ? void 0 : classNames.track),
|
@@ -335,7 +336,7 @@ var Loading = ({
|
|
335
336
|
d: "M0.37 18.5 C0.37 5.772 5.772 0.37 18.5 0.37 S36.63 5.772 36.63 18.5 S31.228 36.63 18.5 36.63 S0.37 31.228 0.37 18.5"
|
336
337
|
}
|
337
338
|
),
|
338
|
-
/* @__PURE__ */
|
339
|
+
/* @__PURE__ */ import_react4.default.createElement(
|
339
340
|
"path",
|
340
341
|
{
|
341
342
|
className: cn("squircle-car", classNames == null ? void 0 : classNames.car),
|
@@ -347,7 +348,7 @@ var Loading = ({
|
|
347
348
|
)
|
348
349
|
);
|
349
350
|
case "progress":
|
350
|
-
return /* @__PURE__ */
|
351
|
+
return /* @__PURE__ */ import_react4.default.createElement(
|
351
352
|
"div",
|
352
353
|
{
|
353
354
|
className: cn(
|
@@ -358,9 +359,9 @@ var Loading = ({
|
|
358
359
|
}
|
359
360
|
);
|
360
361
|
case "orbit":
|
361
|
-
return /* @__PURE__ */
|
362
|
+
return /* @__PURE__ */ import_react4.default.createElement("div", { className: cn("orbit-container", classNames == null ? void 0 : classNames.container) });
|
362
363
|
default:
|
363
|
-
return /* @__PURE__ */
|
364
|
+
return /* @__PURE__ */ import_react4.default.createElement(
|
364
365
|
"svg",
|
365
366
|
{
|
366
367
|
viewBox: "0 0 40 40",
|
@@ -372,7 +373,7 @@ var Loading = ({
|
|
372
373
|
classNames == null ? void 0 : classNames.container
|
373
374
|
)
|
374
375
|
},
|
375
|
-
/* @__PURE__ */
|
376
|
+
/* @__PURE__ */ import_react4.default.createElement(
|
376
377
|
"circle",
|
377
378
|
{
|
378
379
|
className: cn(
|
@@ -391,7 +392,7 @@ var Loading = ({
|
|
391
392
|
pathLength: "100"
|
392
393
|
}
|
393
394
|
),
|
394
|
-
/* @__PURE__ */
|
395
|
+
/* @__PURE__ */ import_react4.default.createElement(
|
395
396
|
"circle",
|
396
397
|
{
|
397
398
|
className: cn(
|
@@ -677,6 +678,7 @@ var DropdownMenu = ({
|
|
677
678
|
side,
|
678
679
|
className,
|
679
680
|
triggerClassname,
|
681
|
+
triggerProps,
|
680
682
|
align,
|
681
683
|
alignOffset,
|
682
684
|
onItemSelect,
|
@@ -708,7 +710,15 @@ var DropdownMenu = ({
|
|
708
710
|
modal: false,
|
709
711
|
dir: direction
|
710
712
|
},
|
711
|
-
/* @__PURE__ */ React7.createElement(
|
713
|
+
/* @__PURE__ */ React7.createElement(
|
714
|
+
DropdownMenuTrigger,
|
715
|
+
{
|
716
|
+
asChild: true,
|
717
|
+
className: triggerClassname,
|
718
|
+
...triggerProps
|
719
|
+
},
|
720
|
+
trigger
|
721
|
+
),
|
712
722
|
/* @__PURE__ */ React7.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React7.createElement(
|
713
723
|
DropdownMenuContent,
|
714
724
|
{
|
@@ -859,8 +869,8 @@ var React9 = __toESM(require("react"));
|
|
859
869
|
var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"));
|
860
870
|
|
861
871
|
// elements/chip/Chip.tsx
|
862
|
-
var
|
863
|
-
var Chip =
|
872
|
+
var import_react5 = __toESM(require("react"));
|
873
|
+
var Chip = import_react5.default.forwardRef(
|
864
874
|
({
|
865
875
|
label,
|
866
876
|
size = "normal",
|
@@ -902,7 +912,7 @@ var Chip = import_react4.default.forwardRef(
|
|
902
912
|
oceanic: "hawa-text-white dark:hawa-text-black hawa-bg-gradient-to-bl hawa-from-green-300 hawa-via-blue-500 hawa-to-purple-600"
|
903
913
|
};
|
904
914
|
if (label) {
|
905
|
-
return /* @__PURE__ */
|
915
|
+
return /* @__PURE__ */ import_react5.default.createElement(
|
906
916
|
"span",
|
907
917
|
{
|
908
918
|
...rest,
|
@@ -914,7 +924,7 @@ var Chip = import_react4.default.forwardRef(
|
|
914
924
|
color ? colorStyles[color] : "hawa-border hawa-bg-none"
|
915
925
|
)
|
916
926
|
},
|
917
|
-
dotType && /* @__PURE__ */
|
927
|
+
dotType && /* @__PURE__ */ import_react5.default.createElement(
|
918
928
|
"span",
|
919
929
|
{
|
920
930
|
className: cn(dotStyles[size], dotTypeStyles[dotType])
|
@@ -924,7 +934,7 @@ var Chip = import_react4.default.forwardRef(
|
|
924
934
|
label
|
925
935
|
);
|
926
936
|
} else {
|
927
|
-
return /* @__PURE__ */
|
937
|
+
return /* @__PURE__ */ import_react5.default.createElement(
|
928
938
|
"span",
|
929
939
|
{
|
930
940
|
...rest,
|
@@ -1179,13 +1189,13 @@ var AppLayout = ({
|
|
1179
1189
|
}
|
1180
1190
|
};
|
1181
1191
|
const isRTL = direction === "rtl";
|
1182
|
-
const [openedSidebarItem, setOpenedSidebarItem] = (0,
|
1183
|
-
const [size, setSize] = (0,
|
1192
|
+
const [openedSidebarItem, setOpenedSidebarItem] = (0, import_react6.useState)("");
|
1193
|
+
const [size, setSize] = (0, import_react6.useState)(
|
1184
1194
|
typeof window !== "undefined" && window.innerWidth || 1200
|
1185
1195
|
);
|
1186
|
-
const [openSideMenu, setOpenSideMenu] = (0,
|
1187
|
-
const [keepDrawerOpen, setKeepDrawerOpen] = (0,
|
1188
|
-
(0,
|
1196
|
+
const [openSideMenu, setOpenSideMenu] = (0, import_react6.useState)(true);
|
1197
|
+
const [keepDrawerOpen, setKeepDrawerOpen] = (0, import_react6.useState)(keepOpen);
|
1198
|
+
(0, import_react6.useEffect)(() => {
|
1189
1199
|
if (typeof window !== "undefined") {
|
1190
1200
|
const resize = () => {
|
1191
1201
|
setSize(window.innerWidth);
|
@@ -1200,7 +1210,7 @@ var AppLayout = ({
|
|
1200
1210
|
};
|
1201
1211
|
}
|
1202
1212
|
}, []);
|
1203
|
-
(0,
|
1213
|
+
(0, import_react6.useEffect)(() => {
|
1204
1214
|
setKeepDrawerOpen(keepOpen);
|
1205
1215
|
}, [setKeepOpen]);
|
1206
1216
|
const handleClickOutside = () => {
|
@@ -1215,14 +1225,14 @@ var AppLayout = ({
|
|
1215
1225
|
};
|
1216
1226
|
const ref = useOutsideClick_default(handleClickOutside);
|
1217
1227
|
const drawerSizeCondition = size > 600 ? drawerSizeStyle[keepDrawerOpen ? "opened" : "closed"][drawerSize] : 0;
|
1218
|
-
(0,
|
1228
|
+
(0, import_react6.useEffect)(() => {
|
1219
1229
|
if (size > 600) {
|
1220
1230
|
setOpenSideMenu(keepDrawerOpen);
|
1221
1231
|
} else {
|
1222
1232
|
setOpenSideMenu(false);
|
1223
1233
|
}
|
1224
1234
|
}, [size]);
|
1225
|
-
return /* @__PURE__ */
|
1235
|
+
return /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-fixed hawa-start-0" }, props.topBar && /* @__PURE__ */ import_react6.default.createElement(
|
1226
1236
|
"div",
|
1227
1237
|
{
|
1228
1238
|
dir: direction,
|
@@ -1231,7 +1241,7 @@ var AppLayout = ({
|
|
1231
1241
|
bordered && "hawa-border-b-[1px]"
|
1232
1242
|
)
|
1233
1243
|
},
|
1234
|
-
size > 600 ? /* @__PURE__ */
|
1244
|
+
size > 600 ? /* @__PURE__ */ import_react6.default.createElement(
|
1235
1245
|
"div",
|
1236
1246
|
{
|
1237
1247
|
className: cn(
|
@@ -1245,24 +1255,24 @@ var AppLayout = ({
|
|
1245
1255
|
props.pageTitle
|
1246
1256
|
) : (
|
1247
1257
|
// Mobile Drawer Menu Button
|
1248
|
-
/* @__PURE__ */
|
1258
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1249
1259
|
"div",
|
1250
1260
|
{
|
1251
1261
|
dir: direction,
|
1252
1262
|
className: "hawa-flex hawa-items-center hawa-justify-center hawa-gap-0.5"
|
1253
1263
|
},
|
1254
|
-
/* @__PURE__ */
|
1264
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1255
1265
|
"div",
|
1256
1266
|
{
|
1257
1267
|
onClick: () => setOpenSideMenu(true),
|
1258
1268
|
className: "hawa-z-40 hawa-mx-1 hawa-cursor-pointer hawa-rounded hawa-p-2 hawa-transition-all hover:hawa-bg-gray-100"
|
1259
1269
|
},
|
1260
|
-
/* @__PURE__ */
|
1270
|
+
/* @__PURE__ */ import_react6.default.createElement(MenuIcon, null)
|
1261
1271
|
),
|
1262
|
-
props.pageTitle ? /* @__PURE__ */
|
1272
|
+
props.pageTitle ? /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-text-sm" }, props.pageTitle) : /* @__PURE__ */ import_react6.default.createElement("div", null)
|
1263
1273
|
)
|
1264
1274
|
),
|
1265
|
-
/* @__PURE__ */
|
1275
|
+
/* @__PURE__ */ import_react6.default.createElement("div", { className: cn("hawa-flex hawa-gap-2 dark:hawa-text-white") }, size > 600 ? /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-text-end hawa-text-xs" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-font-bold" }, props.username), " ", /* @__PURE__ */ import_react6.default.createElement("div", null, props.email)) : null, /* @__PURE__ */ import_react6.default.createElement(
|
1266
1276
|
DropdownMenu,
|
1267
1277
|
{
|
1268
1278
|
LinkComponent: MenuLinkComponent,
|
@@ -1275,13 +1285,14 @@ var AppLayout = ({
|
|
1275
1285
|
direction,
|
1276
1286
|
items: props.profileMenuItems || [],
|
1277
1287
|
onItemSelect: (e) => console.log("selecting item ", e),
|
1278
|
-
|
1288
|
+
triggerProps: { asChild: true },
|
1289
|
+
trigger: /* @__PURE__ */ import_react6.default.createElement(
|
1279
1290
|
"div",
|
1280
1291
|
{
|
1281
1292
|
onClick: onAvatarClick,
|
1282
1293
|
className: "hawa-relative hawa-h-8 hawa-w-8 hawa-cursor-pointer hawa-overflow-clip hawa-rounded hawa-ring-1 hawa-ring-primary/30 dark:hawa-bg-gray-600"
|
1283
1294
|
},
|
1284
|
-
props.avatarImage ? /* @__PURE__ */
|
1295
|
+
props.avatarImage ? /* @__PURE__ */ import_react6.default.createElement("img", { src: props.avatarImage, alt: "User Avatar" }) : /* @__PURE__ */ import_react6.default.createElement(
|
1285
1296
|
"svg",
|
1286
1297
|
{
|
1287
1298
|
"aria-label": "Avatar Icon",
|
@@ -1289,7 +1300,7 @@ var AppLayout = ({
|
|
1289
1300
|
fill: "currentColor",
|
1290
1301
|
viewBox: "0 0 20 20"
|
1291
1302
|
},
|
1292
|
-
/* @__PURE__ */
|
1303
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1293
1304
|
"path",
|
1294
1305
|
{
|
1295
1306
|
fillRule: "evenodd",
|
@@ -1301,7 +1312,7 @@ var AppLayout = ({
|
|
1301
1312
|
)
|
1302
1313
|
}
|
1303
1314
|
))
|
1304
|
-
), /* @__PURE__ */
|
1315
|
+
), /* @__PURE__ */ import_react6.default.createElement(
|
1305
1316
|
"div",
|
1306
1317
|
{
|
1307
1318
|
className: cn(
|
@@ -1329,7 +1340,7 @@ var AppLayout = ({
|
|
1329
1340
|
},
|
1330
1341
|
ref
|
1331
1342
|
},
|
1332
|
-
/* @__PURE__ */
|
1343
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1333
1344
|
"div",
|
1334
1345
|
{
|
1335
1346
|
onClick: props.onLogoClick,
|
@@ -1344,7 +1355,7 @@ var AppLayout = ({
|
|
1344
1355
|
}
|
1345
1356
|
},
|
1346
1357
|
openSideMenu && props.header && props.header,
|
1347
|
-
!props.header && /* @__PURE__ */
|
1358
|
+
!props.header && /* @__PURE__ */ import_react6.default.createElement(
|
1348
1359
|
"img",
|
1349
1360
|
{
|
1350
1361
|
className: cn(
|
@@ -1355,7 +1366,7 @@ var AppLayout = ({
|
|
1355
1366
|
src: props.logoLink
|
1356
1367
|
}
|
1357
1368
|
),
|
1358
|
-
size > 600 ? /* @__PURE__ */
|
1369
|
+
size > 600 ? /* @__PURE__ */ import_react6.default.createElement(
|
1359
1370
|
"img",
|
1360
1371
|
{
|
1361
1372
|
className: cn(
|
@@ -1367,7 +1378,7 @@ var AppLayout = ({
|
|
1367
1378
|
}
|
1368
1379
|
) : null
|
1369
1380
|
),
|
1370
|
-
/* @__PURE__ */
|
1381
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1371
1382
|
"div",
|
1372
1383
|
{
|
1373
1384
|
className: cn(
|
@@ -1378,7 +1389,7 @@ var AppLayout = ({
|
|
1378
1389
|
width: size > 600 ? `${openSideMenu ? openDrawerWidth : drawerSizeCondition}px` : `${openSideMenu ? openDrawerWidth : 0}px`
|
1379
1390
|
}
|
1380
1391
|
},
|
1381
|
-
/* @__PURE__ */
|
1392
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1382
1393
|
SidebarGroup,
|
1383
1394
|
{
|
1384
1395
|
direction,
|
@@ -1401,7 +1412,7 @@ var AppLayout = ({
|
|
1401
1412
|
}
|
1402
1413
|
)
|
1403
1414
|
),
|
1404
|
-
/* @__PURE__ */
|
1415
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1405
1416
|
"div",
|
1406
1417
|
{
|
1407
1418
|
className: cn(
|
@@ -1412,8 +1423,8 @@ var AppLayout = ({
|
|
1412
1423
|
width: size > 600 ? `${openSideMenu ? openDrawerWidth : 56}px` : `${openSideMenu ? openDrawerWidth : 0}px`
|
1413
1424
|
}
|
1414
1425
|
},
|
1415
|
-
DrawerFooterActions && openSideMenu ? /* @__PURE__ */
|
1416
|
-
size > 600 && openSideMenu ? /* @__PURE__ */
|
1426
|
+
DrawerFooterActions && openSideMenu ? /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, DrawerFooterActions) : null,
|
1427
|
+
size > 600 && openSideMenu ? /* @__PURE__ */ import_react6.default.createElement(
|
1417
1428
|
Tooltip,
|
1418
1429
|
{
|
1419
1430
|
side: "left",
|
@@ -1421,7 +1432,7 @@ var AppLayout = ({
|
|
1421
1432
|
triggerProps: { asChild: true },
|
1422
1433
|
content: keepDrawerOpen ? ((_a = props.texts) == null ? void 0 : _a.collapseSidebar) || "Collapse Sidebar" : ((_b = props.texts) == null ? void 0 : _b.expandSidebar) || "Expand Sidebar"
|
1423
1434
|
},
|
1424
|
-
/* @__PURE__ */
|
1435
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1425
1436
|
Button,
|
1426
1437
|
{
|
1427
1438
|
variant: "outline",
|
@@ -1434,7 +1445,7 @@ var AppLayout = ({
|
|
1434
1445
|
setKeepDrawerOpen(newKeepOpenState);
|
1435
1446
|
}
|
1436
1447
|
},
|
1437
|
-
/* @__PURE__ */
|
1448
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1438
1449
|
"svg",
|
1439
1450
|
{
|
1440
1451
|
className: cn(
|
@@ -1444,7 +1455,7 @@ var AppLayout = ({
|
|
1444
1455
|
fill: "currentColor",
|
1445
1456
|
viewBox: "0 0 20 20"
|
1446
1457
|
},
|
1447
|
-
/* @__PURE__ */
|
1458
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1448
1459
|
"path",
|
1449
1460
|
{
|
1450
1461
|
fillRule: "evenodd",
|
@@ -1456,7 +1467,7 @@ var AppLayout = ({
|
|
1456
1467
|
)
|
1457
1468
|
) : null
|
1458
1469
|
)
|
1459
|
-
), /* @__PURE__ */
|
1470
|
+
), /* @__PURE__ */ import_react6.default.createElement(
|
1460
1471
|
"div",
|
1461
1472
|
{
|
1462
1473
|
className: "hawa-fixed -hawa-z-10 hawa-overflow-y-auto hawa-transition-all",
|
@@ -1475,7 +1486,7 @@ var AppLayout = ({
|
|
1475
1486
|
props.children
|
1476
1487
|
));
|
1477
1488
|
};
|
1478
|
-
var MenuIcon = () => /* @__PURE__ */
|
1489
|
+
var MenuIcon = () => /* @__PURE__ */ import_react6.default.createElement(
|
1479
1490
|
"svg",
|
1480
1491
|
{
|
1481
1492
|
"aria-label": "Menu Button",
|
@@ -1487,7 +1498,7 @@ var MenuIcon = () => /* @__PURE__ */ import_react5.default.createElement(
|
|
1487
1498
|
height: "1.6em",
|
1488
1499
|
width: "1.6em"
|
1489
1500
|
},
|
1490
|
-
/* @__PURE__ */
|
1501
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1491
1502
|
"path",
|
1492
1503
|
{
|
1493
1504
|
fillRule: "evenodd",
|