@yamada-ui/popover 0.2.13 → 0.2.14

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 (20) hide show
  1. package/dist/{chunk-PWCBRLZL.mjs → chunk-7CXPXQPJ.mjs} +1 -1
  2. package/dist/{chunk-JQO73R3X.mjs → chunk-BDB7H6MX.mjs} +1 -1
  3. package/dist/{chunk-N2YJEOSR.mjs → chunk-ETSTEROO.mjs} +18 -11
  4. package/dist/{chunk-3Y5F6DFS.mjs → chunk-KGMMKS6D.mjs} +2 -2
  5. package/dist/{chunk-ML7BDIKK.mjs → chunk-NUN32R3H.mjs} +1 -1
  6. package/dist/{chunk-QYDCF4RV.mjs → chunk-QRRK63WQ.mjs} +1 -1
  7. package/dist/{chunk-GCWNHEX2.mjs → chunk-TR2LETAN.mjs} +1 -1
  8. package/dist/{chunk-NPQOLPDM.mjs → chunk-UXUTGWX3.mjs} +1 -1
  9. package/dist/index.js +18 -11
  10. package/dist/index.mjs +8 -8
  11. package/dist/popover-anchor.mjs +2 -2
  12. package/dist/popover-body.mjs +2 -2
  13. package/dist/popover-close-button.mjs +2 -2
  14. package/dist/popover-content.mjs +8 -8
  15. package/dist/popover-footer.mjs +2 -2
  16. package/dist/popover-header.mjs +2 -2
  17. package/dist/popover-trigger.mjs +2 -2
  18. package/dist/popover.js +18 -11
  19. package/dist/popover.mjs +1 -1
  20. package/package.json +2 -2
package/dist/{chunk-PWCBRLZL.mjs → chunk-7CXPXQPJ.mjs} RENAMED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  usePopover
3
- } from "./chunk-N2YJEOSR.mjs";
3
+ } from "./chunk-ETSTEROO.mjs";
4
4
 
5
5
  // src/popover-body.tsx
6
6
  import { ui, forwardRef } from "@yamada-ui/core";
package/dist/{chunk-JQO73R3X.mjs → chunk-BDB7H6MX.mjs} RENAMED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  usePopover
3
- } from "./chunk-N2YJEOSR.mjs";
3
+ } from "./chunk-ETSTEROO.mjs";
4
4
 
5
5
  // src/popover-close-button.tsx
6
6
  import { CloseButton } from "@yamada-ui/close-button";
package/dist/{chunk-N2YJEOSR.mjs → chunk-ETSTEROO.mjs} RENAMED
@@ -108,12 +108,12 @@ var Popover = (props) => {
108
108
  ref: mergeRefs(popoverRef, ref),
109
109
  children: shouldRenderChildren ? props2.children : null,
110
110
  tabIndex: -1,
111
- onKeyDown: handlerAll(props2.onKeyDown, (event) => {
112
- if (closeOnEsc && event.key === "Escape")
111
+ onKeyDown: handlerAll(props2.onKeyDown, (ev) => {
112
+ if (closeOnEsc && ev.key === "Escape")
113
113
  onClose();
114
114
  }),
115
- onBlur: handlerAll(props2.onBlur, (event) => {
116
- const relatedTarget = getEventRelatedTarget(event);
115
+ onBlur: handlerAll(props2.onBlur, (ev) => {
116
+ const relatedTarget = getEventRelatedTarget(ev);
117
117
  const targetIsPopover = isContains(popoverRef.current, relatedTarget);
118
118
  const targetIsTrigger = isContains(triggerRef.current, relatedTarget);
119
119
  const isValidBlur = !targetIsPopover && !targetIsTrigger;
@@ -125,8 +125,8 @@ var Popover = (props) => {
125
125
  popoverProps.onMouseEnter = handlerAll(props2.onMouseEnter, () => {
126
126
  isHoveringRef.current = true;
127
127
  });
128
- popoverProps.onMouseLeave = handlerAll(props2.onMouseLeave, (event) => {
129
- if (event.nativeEvent.relatedTarget === null)
128
+ popoverProps.onMouseLeave = handlerAll(props2.onMouseLeave, (ev) => {
129
+ if (ev.nativeEvent.relatedTarget === null)
130
130
  return;
131
131
  isHoveringRef.current = false;
132
132
  setTimeout(onClose, closeDelay);
@@ -158,21 +158,28 @@ var Popover = (props) => {
158
158
  ...props2,
159
159
  ref: mergeRefs(triggerRef, ref, maybeReferenceRef)
160
160
  };
161
- if (trigger === "click")
161
+ if (trigger === "click") {
162
162
  triggerProps.onClick = handlerAll(props2.onClick, onToggle);
163
+ triggerProps.onBlur = handlerAll(props2.onBlur, (ev) => {
164
+ const relatedTarget = getEventRelatedTarget(ev);
165
+ const isValidBlur = !isContains(popoverRef.current, relatedTarget);
166
+ if (isOpen && closeOnBlur && isValidBlur)
167
+ onClose();
168
+ });
169
+ }
163
170
  if (trigger === "hover") {
164
171
  triggerProps.onFocus = handlerAll(props2.onFocus, () => {
165
172
  if (openTimeout.current === void 0)
166
173
  onOpen();
167
174
  });
168
- triggerProps.onBlur = handlerAll(props2.onBlur, (event) => {
169
- const relatedTarget = getEventRelatedTarget(event);
175
+ triggerProps.onBlur = handlerAll(props2.onBlur, (ev) => {
176
+ const relatedTarget = getEventRelatedTarget(ev);
170
177
  const isValidBlur = !isContains(popoverRef.current, relatedTarget);
171
178
  if (isOpen && closeOnBlur && isValidBlur)
172
179
  onClose();
173
180
  });
174
- triggerProps.onKeyDown = handlerAll(props2.onKeyDown, (event) => {
175
- if (event.key === "Escape")
181
+ triggerProps.onKeyDown = handlerAll(props2.onKeyDown, (ev) => {
182
+ if (ev.key === "Escape")
176
183
  onClose();
177
184
  });
178
185
  triggerProps.onMouseEnter = handlerAll(props2.onMouseEnter, () => {
package/dist/{chunk-3Y5F6DFS.mjs → chunk-KGMMKS6D.mjs} RENAMED
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  PopoverCloseButton
3
- } from "./chunk-JQO73R3X.mjs";
3
+ } from "./chunk-BDB7H6MX.mjs";
4
4
  import {
5
5
  usePopover
6
- } from "./chunk-N2YJEOSR.mjs";
6
+ } from "./chunk-ETSTEROO.mjs";
7
7
 
8
8
  // src/popover-content.tsx
9
9
  import {
package/dist/{chunk-ML7BDIKK.mjs → chunk-NUN32R3H.mjs} RENAMED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  usePopover
3
- } from "./chunk-N2YJEOSR.mjs";
3
+ } from "./chunk-ETSTEROO.mjs";
4
4
 
5
5
  // src/popover-trigger.tsx
6
6
  import {
package/dist/{chunk-QYDCF4RV.mjs → chunk-QRRK63WQ.mjs} RENAMED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  usePopover
3
- } from "./chunk-N2YJEOSR.mjs";
3
+ } from "./chunk-ETSTEROO.mjs";
4
4
 
5
5
  // src/popover-footer.tsx
6
6
  import { ui, forwardRef } from "@yamada-ui/core";
package/dist/{chunk-GCWNHEX2.mjs → chunk-TR2LETAN.mjs} RENAMED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  usePopover
3
- } from "./chunk-N2YJEOSR.mjs";
3
+ } from "./chunk-ETSTEROO.mjs";
4
4
 
5
5
  // src/popover-header.tsx
6
6
  import { ui, forwardRef } from "@yamada-ui/core";
package/dist/{chunk-NPQOLPDM.mjs → chunk-UXUTGWX3.mjs} RENAMED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  usePopover
3
- } from "./chunk-N2YJEOSR.mjs";
3
+ } from "./chunk-ETSTEROO.mjs";
4
4
 
5
5
  // src/popover-anchor.tsx
6
6
  import {
package/dist/index.js CHANGED
@@ -120,12 +120,12 @@ var Popover = (props) => {
120
120
  ref: (0, import_utils.mergeRefs)(popoverRef, ref),
121
121
  children: shouldRenderChildren ? props2.children : null,
122
122
  tabIndex: -1,
123
- onKeyDown: (0, import_utils.handlerAll)(props2.onKeyDown, (event) => {
124
- if (closeOnEsc && event.key === "Escape")
123
+ onKeyDown: (0, import_utils.handlerAll)(props2.onKeyDown, (ev) => {
124
+ if (closeOnEsc && ev.key === "Escape")
125
125
  onClose();
126
126
  }),
127
- onBlur: (0, import_utils.handlerAll)(props2.onBlur, (event) => {
128
- const relatedTarget = (0, import_utils.getEventRelatedTarget)(event);
127
+ onBlur: (0, import_utils.handlerAll)(props2.onBlur, (ev) => {
128
+ const relatedTarget = (0, import_utils.getEventRelatedTarget)(ev);
129
129
  const targetIsPopover = (0, import_utils.isContains)(popoverRef.current, relatedTarget);
130
130
  const targetIsTrigger = (0, import_utils.isContains)(triggerRef.current, relatedTarget);
131
131
  const isValidBlur = !targetIsPopover && !targetIsTrigger;
@@ -137,8 +137,8 @@ var Popover = (props) => {
137
137
  popoverProps.onMouseEnter = (0, import_utils.handlerAll)(props2.onMouseEnter, () => {
138
138
  isHoveringRef.current = true;
139
139
  });
140
- popoverProps.onMouseLeave = (0, import_utils.handlerAll)(props2.onMouseLeave, (event) => {
141
- if (event.nativeEvent.relatedTarget === null)
140
+ popoverProps.onMouseLeave = (0, import_utils.handlerAll)(props2.onMouseLeave, (ev) => {
141
+ if (ev.nativeEvent.relatedTarget === null)
142
142
  return;
143
143
  isHoveringRef.current = false;
144
144
  setTimeout(onClose, closeDelay);
@@ -170,21 +170,28 @@ var Popover = (props) => {
170
170
  ...props2,
171
171
  ref: (0, import_utils.mergeRefs)(triggerRef, ref, maybeReferenceRef)
172
172
  };
173
- if (trigger === "click")
173
+ if (trigger === "click") {
174
174
  triggerProps.onClick = (0, import_utils.handlerAll)(props2.onClick, onToggle);
175
+ triggerProps.onBlur = (0, import_utils.handlerAll)(props2.onBlur, (ev) => {
176
+ const relatedTarget = (0, import_utils.getEventRelatedTarget)(ev);
177
+ const isValidBlur = !(0, import_utils.isContains)(popoverRef.current, relatedTarget);
178
+ if (isOpen && closeOnBlur && isValidBlur)
179
+ onClose();
180
+ });
181
+ }
175
182
  if (trigger === "hover") {
176
183
  triggerProps.onFocus = (0, import_utils.handlerAll)(props2.onFocus, () => {
177
184
  if (openTimeout.current === void 0)
178
185
  onOpen();
179
186
  });
180
- triggerProps.onBlur = (0, import_utils.handlerAll)(props2.onBlur, (event) => {
181
- const relatedTarget = (0, import_utils.getEventRelatedTarget)(event);
187
+ triggerProps.onBlur = (0, import_utils.handlerAll)(props2.onBlur, (ev) => {
188
+ const relatedTarget = (0, import_utils.getEventRelatedTarget)(ev);
182
189
  const isValidBlur = !(0, import_utils.isContains)(popoverRef.current, relatedTarget);
183
190
  if (isOpen && closeOnBlur && isValidBlur)
184
191
  onClose();
185
192
  });
186
- triggerProps.onKeyDown = (0, import_utils.handlerAll)(props2.onKeyDown, (event) => {
187
- if (event.key === "Escape")
193
+ triggerProps.onKeyDown = (0, import_utils.handlerAll)(props2.onKeyDown, (ev) => {
194
+ if (ev.key === "Escape")
188
195
  onClose();
189
196
  });
190
197
  triggerProps.onMouseEnter = (0, import_utils.handlerAll)(props2.onMouseEnter, () => {
package/dist/index.mjs CHANGED
@@ -1,27 +1,27 @@
1
1
  import {
2
2
  PopoverContent
3
- } from "./chunk-3Y5F6DFS.mjs";
3
+ } from "./chunk-KGMMKS6D.mjs";
4
4
  import {
5
5
  PopoverAnchor
6
- } from "./chunk-NPQOLPDM.mjs";
6
+ } from "./chunk-UXUTGWX3.mjs";
7
7
  import {
8
8
  PopoverBody
9
- } from "./chunk-PWCBRLZL.mjs";
9
+ } from "./chunk-7CXPXQPJ.mjs";
10
10
  import {
11
11
  PopoverCloseButton
12
- } from "./chunk-JQO73R3X.mjs";
12
+ } from "./chunk-BDB7H6MX.mjs";
13
13
  import {
14
14
  PopoverFooter
15
- } from "./chunk-QYDCF4RV.mjs";
15
+ } from "./chunk-QRRK63WQ.mjs";
16
16
  import {
17
17
  PopoverHeader
18
- } from "./chunk-GCWNHEX2.mjs";
18
+ } from "./chunk-TR2LETAN.mjs";
19
19
  import {
20
20
  PopoverTrigger
21
- } from "./chunk-ML7BDIKK.mjs";
21
+ } from "./chunk-NUN32R3H.mjs";
22
22
  import {
23
23
  Popover
24
- } from "./chunk-N2YJEOSR.mjs";
24
+ } from "./chunk-ETSTEROO.mjs";
25
25
  export {
26
26
  Popover,
27
27
  PopoverAnchor,
package/dist/popover-anchor.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  PopoverAnchor
3
- } from "./chunk-NPQOLPDM.mjs";
4
- import "./chunk-N2YJEOSR.mjs";
3
+ } from "./chunk-UXUTGWX3.mjs";
4
+ import "./chunk-ETSTEROO.mjs";
5
5
  export {
6
6
  PopoverAnchor
7
7
  };
package/dist/popover-body.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  PopoverBody
3
- } from "./chunk-PWCBRLZL.mjs";
4
- import "./chunk-N2YJEOSR.mjs";
3
+ } from "./chunk-7CXPXQPJ.mjs";
4
+ import "./chunk-ETSTEROO.mjs";
5
5
  export {
6
6
  PopoverBody
7
7
  };
package/dist/popover-close-button.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  PopoverCloseButton
3
- } from "./chunk-JQO73R3X.mjs";
4
- import "./chunk-N2YJEOSR.mjs";
3
+ } from "./chunk-BDB7H6MX.mjs";
4
+ import "./chunk-ETSTEROO.mjs";
5
5
  export {
6
6
  PopoverCloseButton
7
7
  };
package/dist/popover-content.mjs CHANGED
@@ -1,13 +1,13 @@
1
1
  import {
2
2
  PopoverContent
3
- } from "./chunk-3Y5F6DFS.mjs";
4
- import "./chunk-NPQOLPDM.mjs";
5
- import "./chunk-PWCBRLZL.mjs";
6
- import "./chunk-JQO73R3X.mjs";
7
- import "./chunk-QYDCF4RV.mjs";
8
- import "./chunk-GCWNHEX2.mjs";
9
- import "./chunk-ML7BDIKK.mjs";
10
- import "./chunk-N2YJEOSR.mjs";
3
+ } from "./chunk-KGMMKS6D.mjs";
4
+ import "./chunk-UXUTGWX3.mjs";
5
+ import "./chunk-7CXPXQPJ.mjs";
6
+ import "./chunk-BDB7H6MX.mjs";
7
+ import "./chunk-QRRK63WQ.mjs";
8
+ import "./chunk-TR2LETAN.mjs";
9
+ import "./chunk-NUN32R3H.mjs";
10
+ import "./chunk-ETSTEROO.mjs";
11
11
  export {
12
12
  PopoverContent
13
13
  };
package/dist/popover-footer.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  PopoverFooter
3
- } from "./chunk-QYDCF4RV.mjs";
4
- import "./chunk-N2YJEOSR.mjs";
3
+ } from "./chunk-QRRK63WQ.mjs";
4
+ import "./chunk-ETSTEROO.mjs";
5
5
  export {
6
6
  PopoverFooter
7
7
  };
package/dist/popover-header.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  PopoverHeader
3
- } from "./chunk-GCWNHEX2.mjs";
4
- import "./chunk-N2YJEOSR.mjs";
3
+ } from "./chunk-TR2LETAN.mjs";
4
+ import "./chunk-ETSTEROO.mjs";
5
5
  export {
6
6
  PopoverHeader
7
7
  };
package/dist/popover-trigger.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  PopoverTrigger
3
- } from "./chunk-ML7BDIKK.mjs";
4
- import "./chunk-N2YJEOSR.mjs";
3
+ } from "./chunk-NUN32R3H.mjs";
4
+ import "./chunk-ETSTEROO.mjs";
5
5
  export {
6
6
  PopoverTrigger
7
7
  };
package/dist/popover.js CHANGED
@@ -112,12 +112,12 @@ var Popover = (props) => {
112
112
  ref: (0, import_utils.mergeRefs)(popoverRef, ref),
113
113
  children: shouldRenderChildren ? props2.children : null,
114
114
  tabIndex: -1,
115
- onKeyDown: (0, import_utils.handlerAll)(props2.onKeyDown, (event) => {
116
- if (closeOnEsc && event.key === "Escape")
115
+ onKeyDown: (0, import_utils.handlerAll)(props2.onKeyDown, (ev) => {
116
+ if (closeOnEsc && ev.key === "Escape")
117
117
  onClose();
118
118
  }),
119
- onBlur: (0, import_utils.handlerAll)(props2.onBlur, (event) => {
120
- const relatedTarget = (0, import_utils.getEventRelatedTarget)(event);
119
+ onBlur: (0, import_utils.handlerAll)(props2.onBlur, (ev) => {
120
+ const relatedTarget = (0, import_utils.getEventRelatedTarget)(ev);
121
121
  const targetIsPopover = (0, import_utils.isContains)(popoverRef.current, relatedTarget);
122
122
  const targetIsTrigger = (0, import_utils.isContains)(triggerRef.current, relatedTarget);
123
123
  const isValidBlur = !targetIsPopover && !targetIsTrigger;
@@ -129,8 +129,8 @@ var Popover = (props) => {
129
129
  popoverProps.onMouseEnter = (0, import_utils.handlerAll)(props2.onMouseEnter, () => {
130
130
  isHoveringRef.current = true;
131
131
  });
132
- popoverProps.onMouseLeave = (0, import_utils.handlerAll)(props2.onMouseLeave, (event) => {
133
- if (event.nativeEvent.relatedTarget === null)
132
+ popoverProps.onMouseLeave = (0, import_utils.handlerAll)(props2.onMouseLeave, (ev) => {
133
+ if (ev.nativeEvent.relatedTarget === null)
134
134
  return;
135
135
  isHoveringRef.current = false;
136
136
  setTimeout(onClose, closeDelay);
@@ -162,21 +162,28 @@ var Popover = (props) => {
162
162
  ...props2,
163
163
  ref: (0, import_utils.mergeRefs)(triggerRef, ref, maybeReferenceRef)
164
164
  };
165
- if (trigger === "click")
165
+ if (trigger === "click") {
166
166
  triggerProps.onClick = (0, import_utils.handlerAll)(props2.onClick, onToggle);
167
+ triggerProps.onBlur = (0, import_utils.handlerAll)(props2.onBlur, (ev) => {
168
+ const relatedTarget = (0, import_utils.getEventRelatedTarget)(ev);
169
+ const isValidBlur = !(0, import_utils.isContains)(popoverRef.current, relatedTarget);
170
+ if (isOpen && closeOnBlur && isValidBlur)
171
+ onClose();
172
+ });
173
+ }
167
174
  if (trigger === "hover") {
168
175
  triggerProps.onFocus = (0, import_utils.handlerAll)(props2.onFocus, () => {
169
176
  if (openTimeout.current === void 0)
170
177
  onOpen();
171
178
  });
172
- triggerProps.onBlur = (0, import_utils.handlerAll)(props2.onBlur, (event) => {
173
- const relatedTarget = (0, import_utils.getEventRelatedTarget)(event);
179
+ triggerProps.onBlur = (0, import_utils.handlerAll)(props2.onBlur, (ev) => {
180
+ const relatedTarget = (0, import_utils.getEventRelatedTarget)(ev);
174
181
  const isValidBlur = !(0, import_utils.isContains)(popoverRef.current, relatedTarget);
175
182
  if (isOpen && closeOnBlur && isValidBlur)
176
183
  onClose();
177
184
  });
178
- triggerProps.onKeyDown = (0, import_utils.handlerAll)(props2.onKeyDown, (event) => {
179
- if (event.key === "Escape")
185
+ triggerProps.onKeyDown = (0, import_utils.handlerAll)(props2.onKeyDown, (ev) => {
186
+ if (ev.key === "Escape")
180
187
  onClose();
181
188
  });
182
189
  triggerProps.onMouseEnter = (0, import_utils.handlerAll)(props2.onMouseEnter, () => {
package/dist/popover.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  Popover,
3
3
  usePopover
4
- } from "./chunk-N2YJEOSR.mjs";
4
+ } from "./chunk-ETSTEROO.mjs";
5
5
  export {
6
6
  Popover,
7
7
  usePopover
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yamada-ui/popover",
3
- "version": "0.2.13",
3
+ "version": "0.2.14",
4
4
  "description": "Yamada UI popover component",
5
5
  "keywords": [
6
6
  "yamada",
@@ -40,7 +40,7 @@
40
40
  "@yamada-ui/close-button": "0.2.10",
41
41
  "@yamada-ui/transitions": "0.2.11",
42
42
  "@yamada-ui/motion": "0.3.8",
43
- "@yamada-ui/use-popper": "0.2.10",
43
+ "@yamada-ui/use-popper": "0.3.0",
44
44
  "@yamada-ui/use-disclosure": "0.2.5",
45
45
  "@yamada-ui/use-focus": "0.1.4",
46
46
  "@yamada-ui/use-animation": "0.1.22"