@sikka/hawa 0.35.3-next → 0.35.5-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 +49 -49
- package/dist/appLayout/index.js.map +1 -1
- package/dist/appLayout/index.mjs +11 -11
- package/dist/appLayout/index.mjs.map +1 -1
- package/dist/appTopbar/index.js +18 -18
- package/dist/appTopbar/index.js.map +1 -1
- package/dist/appTopbar/index.mjs +4 -4
- package/dist/appTopbar/index.mjs.map +1 -1
- package/dist/blocks/index.js +62 -62
- package/dist/blocks/index.mjs +3 -3
- package/dist/blocks/pricing/index.js +75 -74
- package/dist/blocks/pricing/index.mjs +2 -1
- package/dist/{chunk-JU6Q4Q3T.mjs → chunk-545D35G6.mjs} +6 -4
- package/dist/{chunk-OW3WFRFQ.mjs → chunk-G7JHUC5N.mjs} +4 -3
- package/dist/{chunk-OWYGADJZ.mjs → chunk-HSRW7X3Z.mjs} +1 -1
- package/dist/{chunk-YNEQBAQC.mjs → chunk-TERP5K6R.mjs} +1 -1
- package/dist/dataTable/index.js +17 -17
- package/dist/dataTable/index.js.map +1 -1
- package/dist/dataTable/index.mjs +4 -4
- package/dist/dataTable/index.mjs.map +1 -1
- package/dist/dropdownMenu/index.js +4 -3
- package/dist/dropdownMenu/index.js.map +1 -1
- package/dist/dropdownMenu/index.mjs +4 -3
- package/dist/dropdownMenu/index.mjs.map +1 -1
- package/dist/elements/index.js +371 -370
- package/dist/elements/index.mjs +4 -4
- package/dist/hooks/index.mjs +1 -1
- package/dist/index.css +4 -0
- package/dist/index.js +817 -816
- package/dist/index.mjs +12 -11
- package/dist/layout/index.js +145 -145
- package/dist/layout/index.mjs +5 -7
- package/dist/splitButton/index.js +29 -29
- package/dist/splitButton/index.js.map +1 -1
- package/dist/splitButton/index.mjs +4 -4
- package/dist/splitButton/index.mjs.map +1 -1
- package/dist/stats/index.js +1 -1
- package/dist/stats/index.js.map +1 -1
- package/dist/stats/index.mjs +1 -1
- package/dist/stats/index.mjs.map +1 -1
- package/dist/tabs/index.js.map +1 -1
- package/dist/tabs/index.mjs.map +1 -1
- package/package.json +2 -1
package/dist/index.mjs
CHANGED
@@ -452,6 +452,7 @@ function Skeleton({
|
|
452
452
|
|
453
453
|
// elements/dropdownMenu/DropdownMenu.tsx
|
454
454
|
import * as React5 from "react";
|
455
|
+
import { Portal } from "@headlessui/react";
|
455
456
|
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
|
456
457
|
var DropdownMenuRoot = DropdownMenuPrimitive.Root;
|
457
458
|
var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
|
@@ -506,7 +507,7 @@ var DropdownMenuSubContent = React5.forwardRef(({ className, ...props }, ref) =>
|
|
506
507
|
}
|
507
508
|
));
|
508
509
|
DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
|
509
|
-
var DropdownMenuContent = React5.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React5.createElement(
|
510
|
+
var DropdownMenuContent = React5.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React5.createElement(Portal, null, /* @__PURE__ */ React5.createElement(
|
510
511
|
DropdownMenuPrimitive.Content,
|
511
512
|
{
|
512
513
|
ref,
|
@@ -684,7 +685,7 @@ var DropdownMenu = ({
|
|
684
685
|
},
|
685
686
|
trigger
|
686
687
|
),
|
687
|
-
/* @__PURE__ */ React5.createElement(
|
688
|
+
/* @__PURE__ */ React5.createElement(Portal, null, /* @__PURE__ */ React5.createElement(
|
688
689
|
DropdownMenuContent,
|
689
690
|
{
|
690
691
|
side,
|
@@ -745,7 +746,7 @@ var DropdownMenu = ({
|
|
745
746
|
},
|
746
747
|
item.icon && item.icon,
|
747
748
|
item.label && item.label
|
748
|
-
), /* @__PURE__ */ React5.createElement(
|
749
|
+
), /* @__PURE__ */ React5.createElement(Portal, null, /* @__PURE__ */ React5.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
|
749
750
|
const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
|
750
751
|
return /* @__PURE__ */ React5.createElement(
|
751
752
|
DropdownMenuItem,
|
@@ -4467,16 +4468,18 @@ import React40 from "react";
|
|
4467
4468
|
var useOutsideClick = (callback) => {
|
4468
4469
|
const ref = React40.useRef(null);
|
4469
4470
|
React40.useEffect(() => {
|
4470
|
-
const
|
4471
|
+
const handleClickOutside = (event) => {
|
4471
4472
|
if (ref.current && !ref.current.contains(event.target)) {
|
4472
4473
|
callback();
|
4473
4474
|
}
|
4474
4475
|
};
|
4475
|
-
document.addEventListener("
|
4476
|
+
document.addEventListener("mousedown", handleClickOutside, true);
|
4477
|
+
document.addEventListener("touchstart", handleClickOutside, true);
|
4476
4478
|
return () => {
|
4477
|
-
document.removeEventListener("
|
4479
|
+
document.removeEventListener("mousedown", handleClickOutside, true);
|
4480
|
+
document.removeEventListener("touchstart", handleClickOutside, true);
|
4478
4481
|
};
|
4479
|
-
}, [ref]);
|
4482
|
+
}, [ref, callback]);
|
4480
4483
|
return ref;
|
4481
4484
|
};
|
4482
4485
|
var useOutsideClick_default = useOutsideClick;
|
@@ -8591,7 +8594,7 @@ var Stats = ({
|
|
8591
8594
|
negative: "hawa-text-red-600 dark:hawa-text-red-500",
|
8592
8595
|
muted: "hawa-text-muted-foreground"
|
8593
8596
|
};
|
8594
|
-
return /* @__PURE__ */ React73.createElement(Card, { ...props, clickable }, /* @__PURE__ */ React73.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-between hawa-p-4" }, /* @__PURE__ */ React73.createElement(CardTitle, { className: "hawa-text-sm hawa-font-medium" }, label), icon && /* @__PURE__ */ React73.createElement("span", null, icon)), /* @__PURE__ */ React73.createElement(CardContent, { className: "hawa-transition-all" }, isLoading ? /* @__PURE__ */ React73.createElement(Skeleton, { className: "hawa-h-8 hawa-w-3/4" }) : /* @__PURE__ */ React73.createElement("div", { className: "hawa-text-2xl hawa-font-bold" }, number), helperText && /* @__PURE__ */ React73.createElement(
|
8597
|
+
return /* @__PURE__ */ React73.createElement(Card, { ...props, clickable }, /* @__PURE__ */ React73.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-between hawa-p-4 hawa-px-6" }, /* @__PURE__ */ React73.createElement(CardTitle, { className: "hawa-text-sm hawa-font-medium" }, label), icon && /* @__PURE__ */ React73.createElement("span", null, icon)), /* @__PURE__ */ React73.createElement(CardContent, { className: "hawa-transition-all" }, isLoading ? /* @__PURE__ */ React73.createElement(Skeleton, { className: "hawa-h-8 hawa-w-3/4" }) : /* @__PURE__ */ React73.createElement("div", { className: "hawa-text-2xl hawa-font-bold" }, number), helperText && /* @__PURE__ */ React73.createElement(
|
8595
8598
|
"div",
|
8596
8599
|
{
|
8597
8600
|
className: cn(
|
@@ -9062,14 +9065,12 @@ var AppLayout = ({
|
|
9062
9065
|
LinkComponent: MenuLinkComponent,
|
9063
9066
|
triggerClassname: "hawa-mx-2",
|
9064
9067
|
align: "end",
|
9065
|
-
alignOffset: 8,
|
9066
9068
|
side: "bottom",
|
9067
|
-
sideOffset:
|
9069
|
+
sideOffset: 10,
|
9068
9070
|
width: profileMenuWidth,
|
9069
9071
|
direction,
|
9070
9072
|
items: props.profileMenuItems || [],
|
9071
9073
|
onItemSelect: (e) => console.log("selecting item ", e),
|
9072
|
-
triggerProps: { asChild: true },
|
9073
9074
|
trigger: /* @__PURE__ */ React77.createElement(
|
9074
9075
|
"div",
|
9075
9076
|
{
|