@zag-js/popover 2.0.0-next.2 → 2.0.0-next.3

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 (11) hide show
  1. package/dist/popover.connect.js +1 -3
  2. package/dist/popover.connect.mjs +1 -3
  3. package/dist/popover.dom.d.mts +2 -1
  4. package/dist/popover.dom.d.ts +2 -1
  5. package/dist/popover.dom.js +3 -0
  6. package/dist/popover.dom.mjs +2 -0
  7. package/dist/popover.machine.js +2 -0
  8. package/dist/popover.machine.mjs +2 -0
  9. package/dist/popover.types.d.mts +1 -1
  10. package/dist/popover.types.d.ts +1 -1
  11. package/package.json +11 -11
package/dist/popover.connect.js CHANGED
@@ -76,9 +76,7 @@ function connect(service, normalize) {
76
76
  return {
77
77
  open,
78
78
  setOpen(nextOpen) {
79
- const open2 = state.matches("open");
80
- if (open2 === nextOpen) return;
81
- send({ type: nextOpen ? "OPEN" : "CLOSE" });
79
+ send({ type: nextOpen ? "OPEN" : "CLOSE", replaces: "open" });
82
80
  },
83
81
  triggerValue,
84
82
  setTriggerValue(value) {
package/dist/popover.connect.mjs CHANGED
@@ -42,9 +42,7 @@ function connect(service, normalize) {
42
42
  return {
43
43
  open,
44
44
  setOpen(nextOpen) {
45
- const open2 = state.matches("open");
46
- if (open2 === nextOpen) return;
47
- send({ type: nextOpen ? "OPEN" : "CLOSE" });
45
+ send({ type: nextOpen ? "OPEN" : "CLOSE", replaces: "open" });
48
46
  },
49
47
  triggerValue,
50
48
  setTriggerValue(value) {
package/dist/popover.dom.d.mts CHANGED
@@ -13,9 +13,10 @@ declare const getTriggerEls: (scope: Scope) => HTMLElement[];
13
13
  declare const getActiveTriggerEl: (scope: Scope, value: string | null) => HTMLElement | null;
14
14
  declare const getContentEl: (scope: Scope) => HTMLElement | null;
15
15
  declare const getPositionerEl: (scope: Scope) => HTMLElement | null;
16
+ declare const getArrowEl: (scope: Scope) => HTMLElement | null;
16
17
  declare const getTitleEl: (scope: Scope) => HTMLElement | null;
17
18
  declare const getDescriptionEl: (scope: Scope) => HTMLElement | null;
18
19
  declare const getFocusableEls: (scope: Scope) => HTMLElement[];
19
20
  declare const getFirstFocusableEl: (scope: Scope) => HTMLElement;
20
21
 
21
- export { getActiveTriggerEl, getAnchorEl, getAnchorId, getArrowId, getCloseTriggerId, getContentEl, getContentId, getDescriptionEl, getDescriptionId, getFirstFocusableEl, getFocusableEls, getPositionerEl, getPositionerId, getTitleEl, getTitleId, getTriggerEls, getTriggerId };
22
+ export { getActiveTriggerEl, getAnchorEl, getAnchorId, getArrowEl, getArrowId, getCloseTriggerId, getContentEl, getContentId, getDescriptionEl, getDescriptionId, getFirstFocusableEl, getFocusableEls, getPositionerEl, getPositionerId, getTitleEl, getTitleId, getTriggerEls, getTriggerId };
package/dist/popover.dom.d.ts CHANGED
@@ -13,9 +13,10 @@ declare const getTriggerEls: (scope: Scope) => HTMLElement[];
13
13
  declare const getActiveTriggerEl: (scope: Scope, value: string | null) => HTMLElement | null;
14
14
  declare const getContentEl: (scope: Scope) => HTMLElement | null;
15
15
  declare const getPositionerEl: (scope: Scope) => HTMLElement | null;
16
+ declare const getArrowEl: (scope: Scope) => HTMLElement | null;
16
17
  declare const getTitleEl: (scope: Scope) => HTMLElement | null;
17
18
  declare const getDescriptionEl: (scope: Scope) => HTMLElement | null;
18
19
  declare const getFocusableEls: (scope: Scope) => HTMLElement[];
19
20
  declare const getFirstFocusableEl: (scope: Scope) => HTMLElement;
20
21
 
21
- export { getActiveTriggerEl, getAnchorEl, getAnchorId, getArrowId, getCloseTriggerId, getContentEl, getContentId, getDescriptionEl, getDescriptionId, getFirstFocusableEl, getFocusableEls, getPositionerEl, getPositionerId, getTitleEl, getTitleId, getTriggerEls, getTriggerId };
22
+ export { getActiveTriggerEl, getAnchorEl, getAnchorId, getArrowEl, getArrowId, getCloseTriggerId, getContentEl, getContentId, getDescriptionEl, getDescriptionId, getFirstFocusableEl, getFocusableEls, getPositionerEl, getPositionerId, getTitleEl, getTitleId, getTriggerEls, getTriggerId };
package/dist/popover.dom.js CHANGED
@@ -23,6 +23,7 @@ __export(popover_dom_exports, {
23
23
  getActiveTriggerEl: () => getActiveTriggerEl,
24
24
  getAnchorEl: () => getAnchorEl,
25
25
  getAnchorId: () => getAnchorId,
26
+ getArrowEl: () => getArrowEl,
26
27
  getArrowId: () => getArrowId,
27
28
  getCloseTriggerId: () => getCloseTriggerId,
28
29
  getContentEl: () => getContentEl,
@@ -62,6 +63,7 @@ var getActiveTriggerEl = (scope, value) => {
62
63
  };
63
64
  var getContentEl = (scope) => scope.query(scope.selector(import_popover.parts.content));
64
65
  var getPositionerEl = (scope) => scope.query(scope.selector(import_popover.parts.positioner));
66
+ var getArrowEl = (scope) => scope.query(scope.selector(import_popover.parts.arrow));
65
67
  var getTitleEl = (scope) => scope.query(scope.selector(import_popover.parts.title));
66
68
  var getDescriptionEl = (scope) => scope.query(scope.selector(import_popover.parts.description));
67
69
  var getFocusableEls = (scope) => (0, import_dom_query.getFocusables)(getContentEl(scope));
@@ -71,6 +73,7 @@ var getFirstFocusableEl = (scope) => getFocusableEls(scope)[0];
71
73
  getActiveTriggerEl,
72
74
  getAnchorEl,
73
75
  getAnchorId,
76
+ getArrowEl,
74
77
  getArrowId,
75
78
  getCloseTriggerId,
76
79
  getContentEl,
package/dist/popover.dom.mjs CHANGED
@@ -22,6 +22,7 @@ var getActiveTriggerEl = (scope, value) => {
22
22
  };
23
23
  var getContentEl = (scope) => scope.query(scope.selector(parts.content));
24
24
  var getPositionerEl = (scope) => scope.query(scope.selector(parts.positioner));
25
+ var getArrowEl = (scope) => scope.query(scope.selector(parts.arrow));
25
26
  var getTitleEl = (scope) => scope.query(scope.selector(parts.title));
26
27
  var getDescriptionEl = (scope) => scope.query(scope.selector(parts.description));
27
28
  var getFocusableEls = (scope) => getFocusables(getContentEl(scope));
@@ -30,6 +31,7 @@ export {
30
31
  getActiveTriggerEl,
31
32
  getAnchorEl,
32
33
  getAnchorId,
34
+ getArrowEl,
33
35
  getArrowId,
34
36
  getCloseTriggerId,
35
37
  getContentEl,
package/dist/popover.machine.js CHANGED
@@ -174,6 +174,7 @@ var machine = (0, import_core.createMachine)({
174
174
  const getPositionerEl2 = () => dom.getPositionerEl(scope);
175
175
  const getTriggerEl = () => anchorEl ?? dom.getActiveTriggerEl(scope, context.get("triggerValue"));
176
176
  return (0, import_popper.getPlacement)(getTriggerEl, getPositionerEl2, {
177
+ getArrowElement: () => dom.getArrowEl(scope),
177
178
  ...prop("positioning"),
178
179
  defer: true,
179
180
  onComplete(data) {
@@ -291,6 +292,7 @@ var machine = (0, import_core.createMachine)({
291
292
  const getPositionerEl2 = () => dom.getPositionerEl(scope);
292
293
  const getTriggerEl = () => anchorEl ?? dom.getActiveTriggerEl(scope, context.get("triggerValue"));
293
294
  (0, import_popper.getPlacement)(getTriggerEl, getPositionerEl2, {
295
+ getArrowElement: () => dom.getArrowEl(scope),
294
296
  ...prop("positioning"),
295
297
  ...event.options,
296
298
  defer: true,
package/dist/popover.machine.mjs CHANGED
@@ -140,6 +140,7 @@ var machine = createMachine({
140
140
  const getPositionerEl2 = () => dom.getPositionerEl(scope);
141
141
  const getTriggerEl = () => anchorEl ?? dom.getActiveTriggerEl(scope, context.get("triggerValue"));
142
142
  return getPlacement(getTriggerEl, getPositionerEl2, {
143
+ getArrowElement: () => dom.getArrowEl(scope),
143
144
  ...prop("positioning"),
144
145
  defer: true,
145
146
  onComplete(data) {
@@ -257,6 +258,7 @@ var machine = createMachine({
257
258
  const getPositionerEl2 = () => dom.getPositionerEl(scope);
258
259
  const getTriggerEl = () => anchorEl ?? dom.getActiveTriggerEl(scope, context.get("triggerValue"));
259
260
  getPlacement(getTriggerEl, getPositionerEl2, {
261
+ getArrowElement: () => dom.getArrowEl(scope),
260
262
  ...prop("positioning"),
261
263
  ...event.options,
262
264
  defer: true,
package/dist/popover.types.d.mts CHANGED
@@ -111,7 +111,7 @@ interface PopoverProps extends CommonProperties, DirectionProperty, DismissableE
111
111
  */
112
112
  onTriggerValueChange?: ((details: TriggerValueChangeDetails) => void) | undefined;
113
113
  }
114
- type PropsWithDefault = "closeOnInteractOutside" | "closeOnEscape" | "modal" | "autoFocus" | "restoreFocus" | "positioning" | "translations";
114
+ type PropsWithDefault = "closeOnInteractOutside" | "closeOnEscape" | "modal" | "autoFocus" | "restoreFocus" | "positioning";
115
115
  interface PrivateContext {
116
116
  /**
117
117
  * The computed layer stack state used for declarative styles and attributes.
package/dist/popover.types.d.ts CHANGED
@@ -111,7 +111,7 @@ interface PopoverProps extends CommonProperties, DirectionProperty, DismissableE
111
111
  */
112
112
  onTriggerValueChange?: ((details: TriggerValueChangeDetails) => void) | undefined;
113
113
  }
114
- type PropsWithDefault = "closeOnInteractOutside" | "closeOnEscape" | "modal" | "autoFocus" | "restoreFocus" | "positioning" | "translations";
114
+ type PropsWithDefault = "closeOnInteractOutside" | "closeOnEscape" | "modal" | "autoFocus" | "restoreFocus" | "positioning";
115
115
  interface PrivateContext {
116
116
  /**
117
117
  * The computed layer stack state used for declarative styles and attributes.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zag-js/popover",
3
- "version": "2.0.0-next.2",
3
+ "version": "2.0.0-next.3",
4
4
  "description": "Core logic for the popover widget implemented as a state machine",
5
5
  "keywords": [
6
6
  "js",
@@ -29,16 +29,16 @@
29
29
  "url": "https://github.com/chakra-ui/zag/issues"
30
30
  },
31
31
  "dependencies": {
32
- "@zag-js/anatomy": "2.0.0-next.2",
33
- "@zag-js/aria-hidden": "2.0.0-next.2",
34
- "@zag-js/core": "2.0.0-next.2",
35
- "@zag-js/dom-query": "2.0.0-next.2",
36
- "@zag-js/utils": "2.0.0-next.2",
37
- "@zag-js/dismissable": "2.0.0-next.2",
38
- "@zag-js/popper": "2.0.0-next.2",
39
- "@zag-js/remove-scroll": "2.0.0-next.2",
40
- "@zag-js/types": "2.0.0-next.2",
41
- "@zag-js/focus-trap": "2.0.0-next.2"
32
+ "@zag-js/anatomy": "2.0.0-next.3",
33
+ "@zag-js/aria-hidden": "2.0.0-next.3",
34
+ "@zag-js/core": "2.0.0-next.3",
35
+ "@zag-js/dom-query": "2.0.0-next.3",
36
+ "@zag-js/utils": "2.0.0-next.3",
37
+ "@zag-js/dismissable": "2.0.0-next.3",
38
+ "@zag-js/popper": "2.0.0-next.3",
39
+ "@zag-js/remove-scroll": "2.0.0-next.3",
40
+ "@zag-js/types": "2.0.0-next.3",
41
+ "@zag-js/focus-trap": "2.0.0-next.3"
42
42
  },
43
43
  "devDependencies": {
44
44
  "clean-package": "2.2.0"