@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/blocks/index.js
CHANGED
@@ -6531,6 +6531,8 @@ var DropdownMenu = ({
|
|
6531
6531
|
{
|
6532
6532
|
side,
|
6533
6533
|
sideOffset,
|
6534
|
+
align,
|
6535
|
+
alignOffset,
|
6534
6536
|
className: cn(
|
6535
6537
|
className,
|
6536
6538
|
widthStyles[width],
|
@@ -6538,12 +6540,11 @@ var DropdownMenu = ({
|
|
6538
6540
|
),
|
6539
6541
|
style: {
|
6540
6542
|
maxHeight: "var(--radix-dropdown-menu-content-available-height)"
|
6541
|
-
}
|
6542
|
-
align,
|
6543
|
-
alignOffset
|
6543
|
+
}
|
6544
6544
|
},
|
6545
6545
|
header && header,
|
6546
6546
|
items && items.map((item, index) => {
|
6547
|
+
const ItemLinkComponent = item.slug ? LinkComponent : "a";
|
6547
6548
|
if (item.itemType === "separator") {
|
6548
6549
|
return /* @__PURE__ */ React48.createElement(DropdownMenuSeparator, { key: index });
|
6549
6550
|
} else if (item.itemType === "label") {
|
@@ -6554,43 +6555,46 @@ var DropdownMenu = ({
|
|
6554
6555
|
return item.subitems ? /* @__PURE__ */ React48.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React48.createElement(
|
6555
6556
|
DropdownMenuSubTrigger,
|
6556
6557
|
{
|
6557
|
-
|
6558
|
-
|
6558
|
+
dir: direction,
|
6559
|
+
className: cn(sizeStyles[size])
|
6559
6560
|
},
|
6560
6561
|
item.icon && item.icon,
|
6561
6562
|
item.label && item.label
|
6562
|
-
), /* @__PURE__ */ React48.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React48.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) =>
|
6563
|
-
|
6564
|
-
|
6565
|
-
|
6566
|
-
|
6567
|
-
|
6568
|
-
|
6569
|
-
|
6570
|
-
|
6571
|
-
|
6563
|
+
), /* @__PURE__ */ React48.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React48.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
|
6564
|
+
const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
|
6565
|
+
return /* @__PURE__ */ React48.createElement(
|
6566
|
+
DropdownMenuItem,
|
6567
|
+
{
|
6568
|
+
key: subIndex,
|
6569
|
+
LinkComponent: SubitemLinkComponent,
|
6570
|
+
slug: subitem.slug,
|
6571
|
+
disabled: subitem.disabled,
|
6572
|
+
className: cn(
|
6573
|
+
sizeStyles[size],
|
6574
|
+
!item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent"
|
6575
|
+
),
|
6576
|
+
onMouseDown: (event) => {
|
6577
|
+
if (event.button === 1 || event.button === 0 && event.ctrlKey) {
|
6578
|
+
event.preventDefault();
|
6579
|
+
if (subitem.onMiddleClick) {
|
6580
|
+
subitem.onMiddleClick(item.value);
|
6581
|
+
}
|
6582
|
+
}
|
6583
|
+
},
|
6584
|
+
onSelect: () => {
|
6585
|
+
subitem.action && subitem.action();
|
6586
|
+
if (onItemSelect) {
|
6587
|
+
onItemSelect(subitem.value);
|
6572
6588
|
}
|
6573
6589
|
}
|
6574
6590
|
},
|
6575
|
-
|
6576
|
-
|
6577
|
-
|
6578
|
-
|
6579
|
-
),
|
6580
|
-
disabled: subitem.disabled,
|
6581
|
-
onSelect: () => {
|
6582
|
-
subitem.action && subitem.action();
|
6583
|
-
if (onItemSelect) {
|
6584
|
-
onItemSelect(subitem.value);
|
6585
|
-
}
|
6586
|
-
}
|
6587
|
-
},
|
6588
|
-
subitem.icon && subitem.icon,
|
6589
|
-
subitem.label && subitem.label
|
6590
|
-
))))) : /* @__PURE__ */ React48.createElement(
|
6591
|
+
subitem.icon && subitem.icon,
|
6592
|
+
subitem.label && subitem.label
|
6593
|
+
);
|
6594
|
+
})))) : /* @__PURE__ */ React48.createElement(
|
6591
6595
|
DropdownMenuItem,
|
6592
6596
|
{
|
6593
|
-
LinkComponent:
|
6597
|
+
LinkComponent: ItemLinkComponent,
|
6594
6598
|
slug: item.slug,
|
6595
6599
|
key: index,
|
6596
6600
|
disabled: item.disabled,
|
package/dist/blocks/index.mjs
CHANGED
@@ -26,7 +26,7 @@ import {
|
|
26
26
|
UncheckMark,
|
27
27
|
VeryBadEmoji,
|
28
28
|
VeryGoodEmoji
|
29
|
-
} from "../chunk-
|
29
|
+
} from "../chunk-W2RAWZAF.mjs";
|
30
30
|
import {
|
31
31
|
Button,
|
32
32
|
Card,
|
@@ -42,7 +42,7 @@ import {
|
|
42
42
|
Skeleton,
|
43
43
|
Tooltip,
|
44
44
|
cn
|
45
|
-
} from "../chunk-
|
45
|
+
} from "../chunk-FVBEK44Y.mjs";
|
46
46
|
import "../chunk-4OOSUQZG.mjs";
|
47
47
|
|
48
48
|
// blocks/auth/AuthButtons.tsx
|
@@ -1168,6 +1168,8 @@ var DropdownMenu = ({
|
|
1168
1168
|
{
|
1169
1169
|
side,
|
1170
1170
|
sideOffset,
|
1171
|
+
align,
|
1172
|
+
alignOffset,
|
1171
1173
|
className: cn(
|
1172
1174
|
className,
|
1173
1175
|
widthStyles[width],
|
@@ -1175,12 +1177,11 @@ var DropdownMenu = ({
|
|
1175
1177
|
),
|
1176
1178
|
style: {
|
1177
1179
|
maxHeight: "var(--radix-dropdown-menu-content-available-height)"
|
1178
|
-
}
|
1179
|
-
align,
|
1180
|
-
alignOffset
|
1180
|
+
}
|
1181
1181
|
},
|
1182
1182
|
header && header,
|
1183
1183
|
items && items.map((item, index) => {
|
1184
|
+
const ItemLinkComponent = item.slug ? LinkComponent : "a";
|
1184
1185
|
if (item.itemType === "separator") {
|
1185
1186
|
return /* @__PURE__ */ React8.createElement(DropdownMenuSeparator, { key: index });
|
1186
1187
|
} else if (item.itemType === "label") {
|
@@ -1191,43 +1192,46 @@ var DropdownMenu = ({
|
|
1191
1192
|
return item.subitems ? /* @__PURE__ */ React8.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React8.createElement(
|
1192
1193
|
DropdownMenuSubTrigger,
|
1193
1194
|
{
|
1194
|
-
|
1195
|
-
|
1195
|
+
dir: direction,
|
1196
|
+
className: cn(sizeStyles[size])
|
1196
1197
|
},
|
1197
1198
|
item.icon && item.icon,
|
1198
1199
|
item.label && item.label
|
1199
|
-
), /* @__PURE__ */ React8.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React8.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) =>
|
1200
|
-
|
1201
|
-
|
1202
|
-
|
1203
|
-
|
1204
|
-
|
1205
|
-
|
1206
|
-
|
1207
|
-
|
1208
|
-
|
1200
|
+
), /* @__PURE__ */ React8.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React8.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
|
1201
|
+
const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
|
1202
|
+
return /* @__PURE__ */ React8.createElement(
|
1203
|
+
DropdownMenuItem,
|
1204
|
+
{
|
1205
|
+
key: subIndex,
|
1206
|
+
LinkComponent: SubitemLinkComponent,
|
1207
|
+
slug: subitem.slug,
|
1208
|
+
disabled: subitem.disabled,
|
1209
|
+
className: cn(
|
1210
|
+
sizeStyles[size],
|
1211
|
+
!item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent"
|
1212
|
+
),
|
1213
|
+
onMouseDown: (event) => {
|
1214
|
+
if (event.button === 1 || event.button === 0 && event.ctrlKey) {
|
1215
|
+
event.preventDefault();
|
1216
|
+
if (subitem.onMiddleClick) {
|
1217
|
+
subitem.onMiddleClick(item.value);
|
1218
|
+
}
|
1219
|
+
}
|
1220
|
+
},
|
1221
|
+
onSelect: () => {
|
1222
|
+
subitem.action && subitem.action();
|
1223
|
+
if (onItemSelect) {
|
1224
|
+
onItemSelect(subitem.value);
|
1209
1225
|
}
|
1210
1226
|
}
|
1211
1227
|
},
|
1212
|
-
|
1213
|
-
|
1214
|
-
|
1215
|
-
|
1216
|
-
),
|
1217
|
-
disabled: subitem.disabled,
|
1218
|
-
onSelect: () => {
|
1219
|
-
subitem.action && subitem.action();
|
1220
|
-
if (onItemSelect) {
|
1221
|
-
onItemSelect(subitem.value);
|
1222
|
-
}
|
1223
|
-
}
|
1224
|
-
},
|
1225
|
-
subitem.icon && subitem.icon,
|
1226
|
-
subitem.label && subitem.label
|
1227
|
-
))))) : /* @__PURE__ */ React8.createElement(
|
1228
|
+
subitem.icon && subitem.icon,
|
1229
|
+
subitem.label && subitem.label
|
1230
|
+
);
|
1231
|
+
})))) : /* @__PURE__ */ React8.createElement(
|
1228
1232
|
DropdownMenuItem,
|
1229
1233
|
{
|
1230
|
-
LinkComponent:
|
1234
|
+
LinkComponent: ItemLinkComponent,
|
1231
1235
|
slug: item.slug,
|
1232
1236
|
key: index,
|
1233
1237
|
disabled: item.disabled,
|
package/dist/dataTable/index.js
CHANGED
@@ -565,6 +565,8 @@ var DropdownMenu = ({
|
|
565
565
|
{
|
566
566
|
side,
|
567
567
|
sideOffset,
|
568
|
+
align,
|
569
|
+
alignOffset,
|
568
570
|
className: cn(
|
569
571
|
className,
|
570
572
|
widthStyles[width],
|
@@ -572,12 +574,11 @@ var DropdownMenu = ({
|
|
572
574
|
),
|
573
575
|
style: {
|
574
576
|
maxHeight: "var(--radix-dropdown-menu-content-available-height)"
|
575
|
-
}
|
576
|
-
align,
|
577
|
-
alignOffset
|
577
|
+
}
|
578
578
|
},
|
579
579
|
header && header,
|
580
580
|
items && items.map((item, index) => {
|
581
|
+
const ItemLinkComponent = item.slug ? LinkComponent : "a";
|
581
582
|
if (item.itemType === "separator") {
|
582
583
|
return /* @__PURE__ */ React3.createElement(DropdownMenuSeparator, { key: index });
|
583
584
|
} else if (item.itemType === "label") {
|
@@ -588,43 +589,46 @@ var DropdownMenu = ({
|
|
588
589
|
return item.subitems ? /* @__PURE__ */ React3.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React3.createElement(
|
589
590
|
DropdownMenuSubTrigger,
|
590
591
|
{
|
591
|
-
|
592
|
-
|
592
|
+
dir: direction,
|
593
|
+
className: cn(sizeStyles[size])
|
593
594
|
},
|
594
595
|
item.icon && item.icon,
|
595
596
|
item.label && item.label
|
596
|
-
), /* @__PURE__ */ React3.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React3.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) =>
|
597
|
-
|
598
|
-
|
599
|
-
|
600
|
-
|
601
|
-
|
602
|
-
|
603
|
-
|
604
|
-
|
605
|
-
|
597
|
+
), /* @__PURE__ */ React3.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React3.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
|
598
|
+
const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
|
599
|
+
return /* @__PURE__ */ React3.createElement(
|
600
|
+
DropdownMenuItem,
|
601
|
+
{
|
602
|
+
key: subIndex,
|
603
|
+
LinkComponent: SubitemLinkComponent,
|
604
|
+
slug: subitem.slug,
|
605
|
+
disabled: subitem.disabled,
|
606
|
+
className: cn(
|
607
|
+
sizeStyles[size],
|
608
|
+
!item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent"
|
609
|
+
),
|
610
|
+
onMouseDown: (event) => {
|
611
|
+
if (event.button === 1 || event.button === 0 && event.ctrlKey) {
|
612
|
+
event.preventDefault();
|
613
|
+
if (subitem.onMiddleClick) {
|
614
|
+
subitem.onMiddleClick(item.value);
|
615
|
+
}
|
616
|
+
}
|
617
|
+
},
|
618
|
+
onSelect: () => {
|
619
|
+
subitem.action && subitem.action();
|
620
|
+
if (onItemSelect) {
|
621
|
+
onItemSelect(subitem.value);
|
606
622
|
}
|
607
623
|
}
|
608
624
|
},
|
609
|
-
|
610
|
-
|
611
|
-
|
612
|
-
|
613
|
-
),
|
614
|
-
disabled: subitem.disabled,
|
615
|
-
onSelect: () => {
|
616
|
-
subitem.action && subitem.action();
|
617
|
-
if (onItemSelect) {
|
618
|
-
onItemSelect(subitem.value);
|
619
|
-
}
|
620
|
-
}
|
621
|
-
},
|
622
|
-
subitem.icon && subitem.icon,
|
623
|
-
subitem.label && subitem.label
|
624
|
-
))))) : /* @__PURE__ */ React3.createElement(
|
625
|
+
subitem.icon && subitem.icon,
|
626
|
+
subitem.label && subitem.label
|
627
|
+
);
|
628
|
+
})))) : /* @__PURE__ */ React3.createElement(
|
625
629
|
DropdownMenuItem,
|
626
630
|
{
|
627
|
-
LinkComponent:
|
631
|
+
LinkComponent: ItemLinkComponent,
|
628
632
|
slug: item.slug,
|
629
633
|
key: index,
|
630
634
|
disabled: item.disabled,
|