@edux-design/popovers 1.0.2 → 1.0.4

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.
Files changed (6) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/index.js +5 -2
  3. package/dist/index.mjs +5 -2
  4. package/package.json +1 -1
  5. package/src/elements/Popover.jsx +6 -2
  6. package/src/elements/Popover.test.jsx +1 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @edux-design/popovers
2
2
 
3
+ ## 1.0.4
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated popovers to portal to nearest parent
8
+
9
+ ## 1.0.3
10
+
11
+ ### Patch Changes
12
+
13
+ - Minor changes to z-indexes
14
+
3
15
  ## 1.0.2
4
16
 
5
17
  ### Patch Changes
package/dist/index.js CHANGED
@@ -43,6 +43,7 @@ module.exports = __toCommonJS(index_exports);
43
43
  var import_react = __toESM(require("react"));
44
44
  var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
45
45
  var import_utils = require("@edux-design/utils");
46
+ var POPOVER_Z_INDEX = 2147483646;
46
47
  var PopoverProvider = PopoverPrimitive.Provider;
47
48
  var Popover = PopoverPrimitive.Root;
48
49
  var PopoverTrigger = PopoverPrimitive.Trigger;
@@ -53,6 +54,8 @@ var PopoverContent = (0, import_react.forwardRef)(
53
54
  children,
54
55
  className,
55
56
  style,
57
+ container,
58
+ portalProps = {},
56
59
  side = "bottom",
57
60
  sideOffset = 8,
58
61
  align = "center",
@@ -70,7 +73,7 @@ var PopoverContent = (0, import_react.forwardRef)(
70
73
  bottom: "translate-y-[4px]",
71
74
  left: "translate-x-[-4px]"
72
75
  }[side];
73
- return /* @__PURE__ */ import_react.default.createElement(PopoverPortal, null, /* @__PURE__ */ import_react.default.createElement(
76
+ return /* @__PURE__ */ import_react.default.createElement(PopoverPortal, { container, ...portalProps }, /* @__PURE__ */ import_react.default.createElement(
74
77
  PopoverPrimitive.Content,
75
78
  {
76
79
  ref,
@@ -81,7 +84,7 @@ var PopoverContent = (0, import_react.forwardRef)(
81
84
  avoidCollisions,
82
85
  forceMount,
83
86
  className: (0, import_utils.cx)(positioning, className, "relative"),
84
- style: { zIndex: 2147483647, ...style },
87
+ style: { zIndex: POPOVER_Z_INDEX, ...style },
85
88
  ...contentProps,
86
89
  ...restProps
87
90
  },
package/dist/index.mjs CHANGED
@@ -2,6 +2,7 @@
2
2
  import React, { forwardRef } from "react";
3
3
  import * as PopoverPrimitive from "@radix-ui/react-popover";
4
4
  import { cx } from "@edux-design/utils";
5
+ var POPOVER_Z_INDEX = 2147483646;
5
6
  var PopoverProvider = PopoverPrimitive.Provider;
6
7
  var Popover = PopoverPrimitive.Root;
7
8
  var PopoverTrigger = PopoverPrimitive.Trigger;
@@ -12,6 +13,8 @@ var PopoverContent = forwardRef(
12
13
  children,
13
14
  className,
14
15
  style,
16
+ container,
17
+ portalProps = {},
15
18
  side = "bottom",
16
19
  sideOffset = 8,
17
20
  align = "center",
@@ -29,7 +32,7 @@ var PopoverContent = forwardRef(
29
32
  bottom: "translate-y-[4px]",
30
33
  left: "translate-x-[-4px]"
31
34
  }[side];
32
- return /* @__PURE__ */ React.createElement(PopoverPortal, null, /* @__PURE__ */ React.createElement(
35
+ return /* @__PURE__ */ React.createElement(PopoverPortal, { container, ...portalProps }, /* @__PURE__ */ React.createElement(
33
36
  PopoverPrimitive.Content,
34
37
  {
35
38
  ref,
@@ -40,7 +43,7 @@ var PopoverContent = forwardRef(
40
43
  avoidCollisions,
41
44
  forceMount,
42
45
  className: cx(positioning, className, "relative"),
43
- style: { zIndex: 2147483647, ...style },
46
+ style: { zIndex: POPOVER_Z_INDEX, ...style },
44
47
  ...contentProps,
45
48
  ...restProps
46
49
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@edux-design/popovers",
3
- "version": "1.0.2",
3
+ "version": "1.0.4",
4
4
  "private": false,
5
5
  "sideEffects": [
6
6
  "**/*.css"
package/src/elements/Popover.jsx CHANGED
@@ -2,6 +2,8 @@ import React, { forwardRef } from "react";
2
2
  import * as PopoverPrimitive from "@radix-ui/react-popover";
3
3
  import { cx } from "@edux-design/utils";
4
4
 
5
+ const POPOVER_Z_INDEX = 2147483646;
6
+
5
7
  /**
6
8
  * PopoverProvider
7
9
  *
@@ -103,6 +105,8 @@ export const PopoverContent = forwardRef(
103
105
  children,
104
106
  className,
105
107
  style,
108
+ container,
109
+ portalProps = {},
106
110
  side = "bottom",
107
111
  sideOffset = 8,
108
112
  align = "center",
@@ -127,7 +131,7 @@ export const PopoverContent = forwardRef(
127
131
  }[side];
128
132
 
129
133
  return (
130
- <PopoverPortal>
134
+ <PopoverPortal container={container} {...portalProps}>
131
135
  <PopoverPrimitive.Content
132
136
  ref={ref}
133
137
  side={side}
@@ -137,7 +141,7 @@ export const PopoverContent = forwardRef(
137
141
  avoidCollisions={avoidCollisions}
138
142
  forceMount={forceMount}
139
143
  className={cx(positioning, className, "relative")}
140
- style={{ zIndex: 2147483647, ...style }}
144
+ style={{ zIndex: POPOVER_Z_INDEX, ...style }}
141
145
  {...contentProps}
142
146
  {...restProps}
143
147
  >
package/src/elements/Popover.test.jsx CHANGED
@@ -45,6 +45,7 @@ describe("PopoverContent", () => {
45
45
  );
46
46
  const content = screen.getByTestId("content");
47
47
  expect(content).toHaveClass("custom");
48
+ expect(content).toHaveStyle({ zIndex: "2147483646" });
48
49
  expect(screen.getByTestId("popover-arrow")).toBeInTheDocument();
49
50
  });
50
51