design-zystem 1.0.254 → 1.0.255
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.d.mts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +5 -4
- package/dist/index.mjs +5 -4
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -823,8 +823,9 @@ interface PopoverProps {
|
|
|
823
823
|
children?: ReactNode;
|
|
824
824
|
anchorRef?: RefObject<HTMLElement>;
|
|
825
825
|
offsetY?: number;
|
|
826
|
+
align?: 'left' | 'right';
|
|
826
827
|
}
|
|
827
|
-
declare const Popover: ({ items, children, anchorRef, offsetY, }: PopoverProps) => react_jsx_runtime.JSX.Element;
|
|
828
|
+
declare const Popover: ({ items, children, anchorRef, offsetY, align, }: PopoverProps) => react_jsx_runtime.JSX.Element;
|
|
828
829
|
|
|
829
830
|
interface MetricCardProps {
|
|
830
831
|
icon: string;
|
package/dist/index.d.ts
CHANGED
|
@@ -823,8 +823,9 @@ interface PopoverProps {
|
|
|
823
823
|
children?: ReactNode;
|
|
824
824
|
anchorRef?: RefObject<HTMLElement>;
|
|
825
825
|
offsetY?: number;
|
|
826
|
+
align?: 'left' | 'right';
|
|
826
827
|
}
|
|
827
|
-
declare const Popover: ({ items, children, anchorRef, offsetY, }: PopoverProps) => react_jsx_runtime.JSX.Element;
|
|
828
|
+
declare const Popover: ({ items, children, anchorRef, offsetY, align, }: PopoverProps) => react_jsx_runtime.JSX.Element;
|
|
828
829
|
|
|
829
830
|
interface MetricCardProps {
|
|
830
831
|
icon: string;
|
package/dist/index.js
CHANGED
|
@@ -4593,7 +4593,8 @@ var Popover = ({
|
|
|
4593
4593
|
items = [],
|
|
4594
4594
|
children,
|
|
4595
4595
|
anchorRef,
|
|
4596
|
-
offsetY = 8
|
|
4596
|
+
offsetY = 8,
|
|
4597
|
+
align = "right"
|
|
4597
4598
|
}) => {
|
|
4598
4599
|
const [open, setOpen] = (0, import_react24.useState)(false);
|
|
4599
4600
|
const ref = (0, import_react24.useRef)(null);
|
|
@@ -4628,10 +4629,10 @@ var Popover = ({
|
|
|
4628
4629
|
viewportPadding,
|
|
4629
4630
|
Math.min(top, window.innerHeight - menuHeight - viewportPadding)
|
|
4630
4631
|
),
|
|
4631
|
-
left: rect.right
|
|
4632
|
+
left: align === "left" ? rect.left : rect.right
|
|
4632
4633
|
});
|
|
4633
4634
|
}
|
|
4634
|
-
}, [items.length, anchorRef, offsetY]);
|
|
4635
|
+
}, [items.length, anchorRef, offsetY, align]);
|
|
4635
4636
|
(0, import_react24.useEffect)(() => {
|
|
4636
4637
|
const handleClickOutside = (event) => {
|
|
4637
4638
|
var _a, _b;
|
|
@@ -4663,7 +4664,7 @@ var Popover = ({
|
|
|
4663
4664
|
top: menuPosition.top,
|
|
4664
4665
|
bottom: "auto",
|
|
4665
4666
|
left: menuPosition.left,
|
|
4666
|
-
transform: "translateX(-100%)"
|
|
4667
|
+
transform: align === "left" ? "none" : "translateX(-100%)"
|
|
4667
4668
|
};
|
|
4668
4669
|
return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(PopoverWrapper, { ref, children: [
|
|
4669
4670
|
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(PopoverTrigger, { onClick: () => setOpen((o) => !o), children }),
|
package/dist/index.mjs
CHANGED
|
@@ -4514,7 +4514,8 @@ var Popover = ({
|
|
|
4514
4514
|
items = [],
|
|
4515
4515
|
children,
|
|
4516
4516
|
anchorRef,
|
|
4517
|
-
offsetY = 8
|
|
4517
|
+
offsetY = 8,
|
|
4518
|
+
align = "right"
|
|
4518
4519
|
}) => {
|
|
4519
4520
|
const [open, setOpen] = useState15(false);
|
|
4520
4521
|
const ref = useRef12(null);
|
|
@@ -4549,10 +4550,10 @@ var Popover = ({
|
|
|
4549
4550
|
viewportPadding,
|
|
4550
4551
|
Math.min(top, window.innerHeight - menuHeight - viewportPadding)
|
|
4551
4552
|
),
|
|
4552
|
-
left: rect.right
|
|
4553
|
+
left: align === "left" ? rect.left : rect.right
|
|
4553
4554
|
});
|
|
4554
4555
|
}
|
|
4555
|
-
}, [items.length, anchorRef, offsetY]);
|
|
4556
|
+
}, [items.length, anchorRef, offsetY, align]);
|
|
4556
4557
|
useEffect13(() => {
|
|
4557
4558
|
const handleClickOutside = (event) => {
|
|
4558
4559
|
var _a, _b;
|
|
@@ -4584,7 +4585,7 @@ var Popover = ({
|
|
|
4584
4585
|
top: menuPosition.top,
|
|
4585
4586
|
bottom: "auto",
|
|
4586
4587
|
left: menuPosition.left,
|
|
4587
|
-
transform: "translateX(-100%)"
|
|
4588
|
+
transform: align === "left" ? "none" : "translateX(-100%)"
|
|
4588
4589
|
};
|
|
4589
4590
|
return /* @__PURE__ */ jsxs25(PopoverWrapper, { ref, children: [
|
|
4590
4591
|
/* @__PURE__ */ jsx49(PopoverTrigger, { onClick: () => setOpen((o) => !o), children }),
|