visits-style 1.4.9 → 1.4.11
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.
|
@@ -31,6 +31,11 @@ export interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
|
31
31
|
onManualClose?: () => void;
|
|
32
32
|
/** コンテンツを出さない */
|
|
33
33
|
disabled?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* zIndexを指定する
|
|
36
|
+
* @default 9996
|
|
37
|
+
*/
|
|
38
|
+
zIndex?: number;
|
|
34
39
|
}
|
|
35
40
|
export interface PopoverRef {
|
|
36
41
|
open: () => void;
|
package/dist/index.cjs.js
CHANGED
|
@@ -717,7 +717,7 @@ function Tooltip$1({
|
|
|
717
717
|
ref: refs.setReference,
|
|
718
718
|
...getReferenceProps()
|
|
719
719
|
}),
|
|
720
|
-
/* @__PURE__ */ jsxRuntime.jsx(Portal$1, { children: open ? /* @__PURE__ */ jsxRuntime.jsx(TooltipWrapper, { className, ref: refs.setFloating, role: "tooltip", $color: color, style: floatingStyles, ...getFloatingProps(), children: label }) : null })
|
|
720
|
+
/* @__PURE__ */ jsxRuntime.jsx(Portal$1, { children: open && !disabled ? /* @__PURE__ */ jsxRuntime.jsx(TooltipWrapper, { className, ref: refs.setFloating, role: "tooltip", $color: color, style: floatingStyles, ...getFloatingProps(), children: label }) : null })
|
|
721
721
|
] });
|
|
722
722
|
}
|
|
723
723
|
const TooltipWrapper = /* @__PURE__ */ styledComponents.styled.div.withConfig({
|
|
@@ -772,6 +772,7 @@ const Popover = React.forwardRef(({
|
|
|
772
772
|
y: 6
|
|
773
773
|
},
|
|
774
774
|
onManualClose,
|
|
775
|
+
zIndex = 9996,
|
|
775
776
|
...rest
|
|
776
777
|
}, ref) => {
|
|
777
778
|
const [open, setOpen] = React.useState(false);
|
|
@@ -834,8 +835,8 @@ const Popover = React.forwardRef(({
|
|
|
834
835
|
onClick: stopPropagation$1
|
|
835
836
|
})
|
|
836
837
|
}),
|
|
837
|
-
/* @__PURE__ */ jsxRuntime.jsx(Portal$1, { children: open ? /* @__PURE__ */ jsxRuntime.jsx(react.FloatingOverlay, { "data-testid": "visits-style-shadow", onClick: handleBlur, style: {
|
|
838
|
-
zIndex
|
|
838
|
+
/* @__PURE__ */ jsxRuntime.jsx(Portal$1, { children: open && !disabled ? /* @__PURE__ */ jsxRuntime.jsx(react.FloatingOverlay, { "data-testid": "visits-style-shadow", onClick: handleBlur, style: {
|
|
839
|
+
zIndex
|
|
839
840
|
}, children: /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { role: "tooltip", ref: refs.setFloating, color, style: floatingStyles, ...getFloatingProps({
|
|
840
841
|
...rest,
|
|
841
842
|
onClick: stopPropagation$1
|
package/dist/index.es.js
CHANGED
|
@@ -709,7 +709,7 @@ function Tooltip$1({
|
|
|
709
709
|
ref: refs.setReference,
|
|
710
710
|
...getReferenceProps()
|
|
711
711
|
}),
|
|
712
|
-
/* @__PURE__ */ jsx(Portal$1, { children: open ? /* @__PURE__ */ jsx(TooltipWrapper, { className, ref: refs.setFloating, role: "tooltip", $color: color, style: floatingStyles, ...getFloatingProps(), children: label }) : null })
|
|
712
|
+
/* @__PURE__ */ jsx(Portal$1, { children: open && !disabled ? /* @__PURE__ */ jsx(TooltipWrapper, { className, ref: refs.setFloating, role: "tooltip", $color: color, style: floatingStyles, ...getFloatingProps(), children: label }) : null })
|
|
713
713
|
] });
|
|
714
714
|
}
|
|
715
715
|
const TooltipWrapper = /* @__PURE__ */ styled.div.withConfig({
|
|
@@ -764,6 +764,7 @@ const Popover = forwardRef(({
|
|
|
764
764
|
y: 6
|
|
765
765
|
},
|
|
766
766
|
onManualClose,
|
|
767
|
+
zIndex = 9996,
|
|
767
768
|
...rest
|
|
768
769
|
}, ref) => {
|
|
769
770
|
const [open, setOpen] = useState(false);
|
|
@@ -826,8 +827,8 @@ const Popover = forwardRef(({
|
|
|
826
827
|
onClick: stopPropagation$1
|
|
827
828
|
})
|
|
828
829
|
}),
|
|
829
|
-
/* @__PURE__ */ jsx(Portal$1, { children: open ? /* @__PURE__ */ jsx(FloatingOverlay, { "data-testid": "visits-style-shadow", onClick: handleBlur, style: {
|
|
830
|
-
zIndex
|
|
830
|
+
/* @__PURE__ */ jsx(Portal$1, { children: open && !disabled ? /* @__PURE__ */ jsx(FloatingOverlay, { "data-testid": "visits-style-shadow", onClick: handleBlur, style: {
|
|
831
|
+
zIndex
|
|
831
832
|
}, children: /* @__PURE__ */ jsx(Tooltip, { role: "tooltip", ref: refs.setFloating, color, style: floatingStyles, ...getFloatingProps({
|
|
832
833
|
...rest,
|
|
833
834
|
onClick: stopPropagation$1
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "visits-style",
|
|
3
3
|
"repository": "https://github.com/visits-works/visits-style",
|
|
4
4
|
"homepage": "https://github.com/visits-works/visits-style",
|
|
5
|
-
"version": "1.4.
|
|
5
|
+
"version": "1.4.11",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./dist/index.cjs.js",
|
|
8
8
|
"module": "./dist/index.es.js",
|