@sikka/hawa 0.29.12-next → 0.29.13-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/appLayout/index.js +36 -32
- package/dist/appLayout/index.js.map +1 -1
- package/dist/appLayout/index.mjs +36 -32
- package/dist/appLayout/index.mjs.map +1 -1
- package/dist/appTopbar/index.js +36 -32
- package/dist/appTopbar/index.js.map +1 -1
- package/dist/appTopbar/index.mjs +36 -32
- package/dist/appTopbar/index.mjs.map +1 -1
- package/dist/blocks/index.js +36 -32
- package/dist/blocks/index.mjs +2 -2
- package/dist/{chunk-WEQJRNY5.mjs → chunk-FVBEK44Y.mjs} +36 -32
- package/dist/{chunk-BRR5Q4AR.mjs → chunk-W2RAWZAF.mjs} +1 -1
- package/dist/{chunk-LAR4X4XW.mjs → chunk-ZXUDZYZZ.mjs} +1 -1
- package/dist/dataTable/index.js +36 -32
- package/dist/dataTable/index.js.map +1 -1
- package/dist/dataTable/index.mjs +36 -32
- package/dist/dataTable/index.mjs.map +1 -1
- package/dist/dropdownMenu/index.js +36 -32
- package/dist/dropdownMenu/index.js.map +1 -1
- package/dist/dropdownMenu/index.mjs +36 -32
- package/dist/dropdownMenu/index.mjs.map +1 -1
- package/dist/elements/index.js +36 -32
- package/dist/elements/index.mjs +3 -3
- package/dist/index.js +36 -32
- package/dist/index.mjs +36 -32
- package/dist/layout/index.js +36 -32
- package/dist/layout/index.mjs +2 -2
- package/dist/splitButton/index.js +36 -32
- package/dist/splitButton/index.js.map +1 -1
- package/dist/splitButton/index.mjs +36 -32
- package/dist/splitButton/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
@@ -902,6 +902,8 @@ var DropdownMenu = ({
|
|
902
902
|
{
|
903
903
|
side,
|
904
904
|
sideOffset,
|
905
|
+
align,
|
906
|
+
alignOffset,
|
905
907
|
className: cn(
|
906
908
|
className,
|
907
909
|
widthStyles[width],
|
@@ -909,12 +911,11 @@ var DropdownMenu = ({
|
|
909
911
|
),
|
910
912
|
style: {
|
911
913
|
maxHeight: "var(--radix-dropdown-menu-content-available-height)"
|
912
|
-
}
|
913
|
-
align,
|
914
|
-
alignOffset
|
914
|
+
}
|
915
915
|
},
|
916
916
|
header && header,
|
917
917
|
items && items.map((item, index) => {
|
918
|
+
const ItemLinkComponent = item.slug ? LinkComponent : "a";
|
918
919
|
if (item.itemType === "separator") {
|
919
920
|
return /* @__PURE__ */ React5.createElement(DropdownMenuSeparator, { key: index });
|
920
921
|
} else if (item.itemType === "label") {
|
@@ -925,43 +926,46 @@ var DropdownMenu = ({
|
|
925
926
|
return item.subitems ? /* @__PURE__ */ React5.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React5.createElement(
|
926
927
|
DropdownMenuSubTrigger,
|
927
928
|
{
|
928
|
-
|
929
|
-
|
929
|
+
dir: direction,
|
930
|
+
className: cn(sizeStyles2[size])
|
930
931
|
},
|
931
932
|
item.icon && item.icon,
|
932
933
|
item.label && item.label
|
933
|
-
), /* @__PURE__ */ React5.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React5.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) =>
|
934
|
-
|
935
|
-
|
936
|
-
|
937
|
-
|
938
|
-
|
939
|
-
|
940
|
-
|
941
|
-
|
942
|
-
|
934
|
+
), /* @__PURE__ */ React5.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React5.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
|
935
|
+
const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
|
936
|
+
return /* @__PURE__ */ React5.createElement(
|
937
|
+
DropdownMenuItem,
|
938
|
+
{
|
939
|
+
key: subIndex,
|
940
|
+
LinkComponent: SubitemLinkComponent,
|
941
|
+
slug: subitem.slug,
|
942
|
+
disabled: subitem.disabled,
|
943
|
+
className: cn(
|
944
|
+
sizeStyles2[size],
|
945
|
+
!item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent"
|
946
|
+
),
|
947
|
+
onMouseDown: (event) => {
|
948
|
+
if (event.button === 1 || event.button === 0 && event.ctrlKey) {
|
949
|
+
event.preventDefault();
|
950
|
+
if (subitem.onMiddleClick) {
|
951
|
+
subitem.onMiddleClick(item.value);
|
952
|
+
}
|
953
|
+
}
|
954
|
+
},
|
955
|
+
onSelect: () => {
|
956
|
+
subitem.action && subitem.action();
|
957
|
+
if (onItemSelect) {
|
958
|
+
onItemSelect(subitem.value);
|
943
959
|
}
|
944
960
|
}
|
945
961
|
},
|
946
|
-
|
947
|
-
|
948
|
-
|
949
|
-
|
950
|
-
),
|
951
|
-
disabled: subitem.disabled,
|
952
|
-
onSelect: () => {
|
953
|
-
subitem.action && subitem.action();
|
954
|
-
if (onItemSelect) {
|
955
|
-
onItemSelect(subitem.value);
|
956
|
-
}
|
957
|
-
}
|
958
|
-
},
|
959
|
-
subitem.icon && subitem.icon,
|
960
|
-
subitem.label && subitem.label
|
961
|
-
))))) : /* @__PURE__ */ React5.createElement(
|
962
|
+
subitem.icon && subitem.icon,
|
963
|
+
subitem.label && subitem.label
|
964
|
+
);
|
965
|
+
})))) : /* @__PURE__ */ React5.createElement(
|
962
966
|
DropdownMenuItem,
|
963
967
|
{
|
964
|
-
LinkComponent:
|
968
|
+
LinkComponent: ItemLinkComponent,
|
965
969
|
slug: item.slug,
|
966
970
|
key: index,
|
967
971
|
disabled: item.disabled,
|
package/dist/index.mjs
CHANGED
@@ -667,6 +667,8 @@ var DropdownMenu = ({
|
|
667
667
|
{
|
668
668
|
side,
|
669
669
|
sideOffset,
|
670
|
+
align,
|
671
|
+
alignOffset,
|
670
672
|
className: cn(
|
671
673
|
className,
|
672
674
|
widthStyles[width],
|
@@ -674,12 +676,11 @@ var DropdownMenu = ({
|
|
674
676
|
),
|
675
677
|
style: {
|
676
678
|
maxHeight: "var(--radix-dropdown-menu-content-available-height)"
|
677
|
-
}
|
678
|
-
align,
|
679
|
-
alignOffset
|
679
|
+
}
|
680
680
|
},
|
681
681
|
header && header,
|
682
682
|
items && items.map((item, index) => {
|
683
|
+
const ItemLinkComponent = item.slug ? LinkComponent : "a";
|
683
684
|
if (item.itemType === "separator") {
|
684
685
|
return /* @__PURE__ */ React5.createElement(DropdownMenuSeparator, { key: index });
|
685
686
|
} else if (item.itemType === "label") {
|
@@ -690,43 +691,46 @@ var DropdownMenu = ({
|
|
690
691
|
return item.subitems ? /* @__PURE__ */ React5.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React5.createElement(
|
691
692
|
DropdownMenuSubTrigger,
|
692
693
|
{
|
693
|
-
|
694
|
-
|
694
|
+
dir: direction,
|
695
|
+
className: cn(sizeStyles2[size])
|
695
696
|
},
|
696
697
|
item.icon && item.icon,
|
697
698
|
item.label && item.label
|
698
|
-
), /* @__PURE__ */ React5.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React5.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) =>
|
699
|
-
|
700
|
-
|
701
|
-
|
702
|
-
|
703
|
-
|
704
|
-
|
705
|
-
|
706
|
-
|
707
|
-
|
699
|
+
), /* @__PURE__ */ React5.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React5.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
|
700
|
+
const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
|
701
|
+
return /* @__PURE__ */ React5.createElement(
|
702
|
+
DropdownMenuItem,
|
703
|
+
{
|
704
|
+
key: subIndex,
|
705
|
+
LinkComponent: SubitemLinkComponent,
|
706
|
+
slug: subitem.slug,
|
707
|
+
disabled: subitem.disabled,
|
708
|
+
className: cn(
|
709
|
+
sizeStyles2[size],
|
710
|
+
!item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent"
|
711
|
+
),
|
712
|
+
onMouseDown: (event) => {
|
713
|
+
if (event.button === 1 || event.button === 0 && event.ctrlKey) {
|
714
|
+
event.preventDefault();
|
715
|
+
if (subitem.onMiddleClick) {
|
716
|
+
subitem.onMiddleClick(item.value);
|
717
|
+
}
|
718
|
+
}
|
719
|
+
},
|
720
|
+
onSelect: () => {
|
721
|
+
subitem.action && subitem.action();
|
722
|
+
if (onItemSelect) {
|
723
|
+
onItemSelect(subitem.value);
|
708
724
|
}
|
709
725
|
}
|
710
726
|
},
|
711
|
-
|
712
|
-
|
713
|
-
|
714
|
-
|
715
|
-
),
|
716
|
-
disabled: subitem.disabled,
|
717
|
-
onSelect: () => {
|
718
|
-
subitem.action && subitem.action();
|
719
|
-
if (onItemSelect) {
|
720
|
-
onItemSelect(subitem.value);
|
721
|
-
}
|
722
|
-
}
|
723
|
-
},
|
724
|
-
subitem.icon && subitem.icon,
|
725
|
-
subitem.label && subitem.label
|
726
|
-
))))) : /* @__PURE__ */ React5.createElement(
|
727
|
+
subitem.icon && subitem.icon,
|
728
|
+
subitem.label && subitem.label
|
729
|
+
);
|
730
|
+
})))) : /* @__PURE__ */ React5.createElement(
|
727
731
|
DropdownMenuItem,
|
728
732
|
{
|
729
|
-
LinkComponent:
|
733
|
+
LinkComponent: ItemLinkComponent,
|
730
734
|
slug: item.slug,
|
731
735
|
key: index,
|
732
736
|
disabled: item.disabled,
|
package/dist/layout/index.js
CHANGED
@@ -1163,6 +1163,8 @@ var DropdownMenu = ({
|
|
1163
1163
|
{
|
1164
1164
|
side,
|
1165
1165
|
sideOffset,
|
1166
|
+
align,
|
1167
|
+
alignOffset,
|
1166
1168
|
className: cn(
|
1167
1169
|
className,
|
1168
1170
|
widthStyles[width],
|
@@ -1170,12 +1172,11 @@ var DropdownMenu = ({
|
|
1170
1172
|
),
|
1171
1173
|
style: {
|
1172
1174
|
maxHeight: "var(--radix-dropdown-menu-content-available-height)"
|
1173
|
-
}
|
1174
|
-
align,
|
1175
|
-
alignOffset
|
1175
|
+
}
|
1176
1176
|
},
|
1177
1177
|
header && header,
|
1178
1178
|
items && items.map((item, index) => {
|
1179
|
+
const ItemLinkComponent = item.slug ? LinkComponent : "a";
|
1179
1180
|
if (item.itemType === "separator") {
|
1180
1181
|
return /* @__PURE__ */ React10.createElement(DropdownMenuSeparator, { key: index });
|
1181
1182
|
} else if (item.itemType === "label") {
|
@@ -1186,43 +1187,46 @@ var DropdownMenu = ({
|
|
1186
1187
|
return item.subitems ? /* @__PURE__ */ React10.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React10.createElement(
|
1187
1188
|
DropdownMenuSubTrigger,
|
1188
1189
|
{
|
1189
|
-
|
1190
|
-
|
1190
|
+
dir: direction,
|
1191
|
+
className: cn(sizeStyles[size])
|
1191
1192
|
},
|
1192
1193
|
item.icon && item.icon,
|
1193
1194
|
item.label && item.label
|
1194
|
-
), /* @__PURE__ */ React10.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React10.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) =>
|
1195
|
-
|
1196
|
-
|
1197
|
-
|
1198
|
-
|
1199
|
-
|
1200
|
-
|
1201
|
-
|
1202
|
-
|
1203
|
-
|
1195
|
+
), /* @__PURE__ */ React10.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React10.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
|
1196
|
+
const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
|
1197
|
+
return /* @__PURE__ */ React10.createElement(
|
1198
|
+
DropdownMenuItem,
|
1199
|
+
{
|
1200
|
+
key: subIndex,
|
1201
|
+
LinkComponent: SubitemLinkComponent,
|
1202
|
+
slug: subitem.slug,
|
1203
|
+
disabled: subitem.disabled,
|
1204
|
+
className: cn(
|
1205
|
+
sizeStyles[size],
|
1206
|
+
!item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent"
|
1207
|
+
),
|
1208
|
+
onMouseDown: (event) => {
|
1209
|
+
if (event.button === 1 || event.button === 0 && event.ctrlKey) {
|
1210
|
+
event.preventDefault();
|
1211
|
+
if (subitem.onMiddleClick) {
|
1212
|
+
subitem.onMiddleClick(item.value);
|
1213
|
+
}
|
1214
|
+
}
|
1215
|
+
},
|
1216
|
+
onSelect: () => {
|
1217
|
+
subitem.action && subitem.action();
|
1218
|
+
if (onItemSelect) {
|
1219
|
+
onItemSelect(subitem.value);
|
1204
1220
|
}
|
1205
1221
|
}
|
1206
1222
|
},
|
1207
|
-
|
1208
|
-
|
1209
|
-
|
1210
|
-
|
1211
|
-
),
|
1212
|
-
disabled: subitem.disabled,
|
1213
|
-
onSelect: () => {
|
1214
|
-
subitem.action && subitem.action();
|
1215
|
-
if (onItemSelect) {
|
1216
|
-
onItemSelect(subitem.value);
|
1217
|
-
}
|
1218
|
-
}
|
1219
|
-
},
|
1220
|
-
subitem.icon && subitem.icon,
|
1221
|
-
subitem.label && subitem.label
|
1222
|
-
))))) : /* @__PURE__ */ React10.createElement(
|
1223
|
+
subitem.icon && subitem.icon,
|
1224
|
+
subitem.label && subitem.label
|
1225
|
+
);
|
1226
|
+
})))) : /* @__PURE__ */ React10.createElement(
|
1223
1227
|
DropdownMenuItem,
|
1224
1228
|
{
|
1225
|
-
LinkComponent:
|
1229
|
+
LinkComponent: ItemLinkComponent,
|
1226
1230
|
slug: item.slug,
|
1227
1231
|
key: index,
|
1228
1232
|
disabled: item.disabled,
|
package/dist/layout/index.mjs
CHANGED
@@ -6,7 +6,7 @@ import {
|
|
6
6
|
Sheet,
|
7
7
|
SheetContent,
|
8
8
|
SheetTrigger
|
9
|
-
} from "../chunk-
|
9
|
+
} from "../chunk-ZXUDZYZZ.mjs";
|
10
10
|
import {
|
11
11
|
Button,
|
12
12
|
Card,
|
@@ -18,7 +18,7 @@ import {
|
|
18
18
|
Skeleton,
|
19
19
|
Tooltip,
|
20
20
|
cn
|
21
|
-
} from "../chunk-
|
21
|
+
} from "../chunk-FVBEK44Y.mjs";
|
22
22
|
import "../chunk-4OOSUQZG.mjs";
|
23
23
|
|
24
24
|
// layout/stats/Stats.tsx
|
@@ -270,6 +270,8 @@ var DropdownMenu = ({
|
|
270
270
|
{
|
271
271
|
side,
|
272
272
|
sideOffset,
|
273
|
+
align,
|
274
|
+
alignOffset,
|
273
275
|
className: cn(
|
274
276
|
className,
|
275
277
|
widthStyles[width],
|
@@ -277,12 +279,11 @@ var DropdownMenu = ({
|
|
277
279
|
),
|
278
280
|
style: {
|
279
281
|
maxHeight: "var(--radix-dropdown-menu-content-available-height)"
|
280
|
-
}
|
281
|
-
align,
|
282
|
-
alignOffset
|
282
|
+
}
|
283
283
|
},
|
284
284
|
header && header,
|
285
285
|
items && items.map((item, index) => {
|
286
|
+
const ItemLinkComponent = item.slug ? LinkComponent : "a";
|
286
287
|
if (item.itemType === "separator") {
|
287
288
|
return /* @__PURE__ */ React.createElement(DropdownMenuSeparator, { key: index });
|
288
289
|
} else if (item.itemType === "label") {
|
@@ -293,43 +294,46 @@ var DropdownMenu = ({
|
|
293
294
|
return item.subitems ? /* @__PURE__ */ React.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React.createElement(
|
294
295
|
DropdownMenuSubTrigger,
|
295
296
|
{
|
296
|
-
|
297
|
-
|
297
|
+
dir: direction,
|
298
|
+
className: cn(sizeStyles[size])
|
298
299
|
},
|
299
300
|
item.icon && item.icon,
|
300
301
|
item.label && item.label
|
301
|
-
), /* @__PURE__ */ React.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) =>
|
302
|
-
|
303
|
-
|
304
|
-
|
305
|
-
|
306
|
-
|
307
|
-
|
308
|
-
|
309
|
-
|
310
|
-
|
302
|
+
), /* @__PURE__ */ React.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
|
303
|
+
const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
|
304
|
+
return /* @__PURE__ */ React.createElement(
|
305
|
+
DropdownMenuItem,
|
306
|
+
{
|
307
|
+
key: subIndex,
|
308
|
+
LinkComponent: SubitemLinkComponent,
|
309
|
+
slug: subitem.slug,
|
310
|
+
disabled: subitem.disabled,
|
311
|
+
className: cn(
|
312
|
+
sizeStyles[size],
|
313
|
+
!item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent"
|
314
|
+
),
|
315
|
+
onMouseDown: (event) => {
|
316
|
+
if (event.button === 1 || event.button === 0 && event.ctrlKey) {
|
317
|
+
event.preventDefault();
|
318
|
+
if (subitem.onMiddleClick) {
|
319
|
+
subitem.onMiddleClick(item.value);
|
320
|
+
}
|
321
|
+
}
|
322
|
+
},
|
323
|
+
onSelect: () => {
|
324
|
+
subitem.action && subitem.action();
|
325
|
+
if (onItemSelect) {
|
326
|
+
onItemSelect(subitem.value);
|
311
327
|
}
|
312
328
|
}
|
313
329
|
},
|
314
|
-
|
315
|
-
|
316
|
-
|
317
|
-
|
318
|
-
),
|
319
|
-
disabled: subitem.disabled,
|
320
|
-
onSelect: () => {
|
321
|
-
subitem.action && subitem.action();
|
322
|
-
if (onItemSelect) {
|
323
|
-
onItemSelect(subitem.value);
|
324
|
-
}
|
325
|
-
}
|
326
|
-
},
|
327
|
-
subitem.icon && subitem.icon,
|
328
|
-
subitem.label && subitem.label
|
329
|
-
))))) : /* @__PURE__ */ React.createElement(
|
330
|
+
subitem.icon && subitem.icon,
|
331
|
+
subitem.label && subitem.label
|
332
|
+
);
|
333
|
+
})))) : /* @__PURE__ */ React.createElement(
|
330
334
|
DropdownMenuItem,
|
331
335
|
{
|
332
|
-
LinkComponent:
|
336
|
+
LinkComponent: ItemLinkComponent,
|
333
337
|
slug: item.slug,
|
334
338
|
key: index,
|
335
339
|
disabled: item.disabled,
|