@zag-js/interact-outside 0.1.1 → 0.1.4

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Chakra UI
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -12,11 +12,8 @@ npm i  @zag-js/interact-outside
 
 ## Contribution
 
-Yes please! See the
-[contributing guidelines](https://github.com/chakra-ui/zag/blob/main/CONTRIBUTING.md)
-for details.
+Yes please! See the [contributing guidelines](https://github.com/chakra-ui/zag/blob/main/CONTRIBUTING.md) for details.
 
 ## Licence
 
-This project is licensed under the terms of the
-[MIT license](https://github.com/chakra-ui/zag/blob/main/LICENSE).
+This project is licensed under the terms of the [MIT license](https://github.com/chakra-ui/zag/blob/main/LICENSE).

package/dist/index.d.ts

@@ -1,8 +1,9 @@
-export declare type InteractOutsideHandlers = {
+declare type InteractOutsideHandlers = {
     onPointerDownOutside?: (event: PointerDownOutsideEvent) => void;
     onFocusOutside?: (event: FocusOutsideEvent) => void;
+    onInteractOutside?: (event: InteractOutsideEvent) => void;
 };
-export declare type InteractOutsideOptions = InteractOutsideHandlers & {
+declare type InteractOutsideOptions = InteractOutsideHandlers & {
     exclude?: (target: HTMLElement) => boolean;
 };
 declare type EventDetails<T> = {
@@ -10,8 +11,9 @@ declare type EventDetails<T> = {
     contextmenu: boolean;
     focusable: boolean;
 };
-export declare type PointerDownOutsideEvent = CustomEvent<EventDetails<PointerEvent>>;
-export declare type FocusOutsideEvent = CustomEvent<EventDetails<FocusEvent>>;
-export declare type InteractOutsideEvent = PointerDownOutsideEvent | FocusOutsideEvent;
-export declare function trackInteractOutside(node: HTMLElement | null, options: InteractOutsideOptions): () => void;
-export {};
+declare type PointerDownOutsideEvent = CustomEvent<EventDetails<PointerEvent>>;
+declare type FocusOutsideEvent = CustomEvent<EventDetails<FocusEvent>>;
+declare type InteractOutsideEvent = PointerDownOutsideEvent | FocusOutsideEvent;
+declare function trackInteractOutside(node: HTMLElement | null, options: InteractOutsideOptions): (() => void) | undefined;
+
+export { FocusOutsideEvent, InteractOutsideEvent, InteractOutsideHandlers, InteractOutsideOptions, PointerDownOutsideEvent, trackInteractOutside };

package/dist/index.js

@@ -27,34 +27,36 @@ module.exports = __toCommonJS(src_exports);
 // ../dom/dist/index.mjs
 var runIfFn = (v, ...a) => {
   const res = typeof v === "function" ? v(...a) : v;
-  return res != null ? res : void 0;
+  return res ?? void 0;
 };
 var hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
 var isDom = () => typeof window !== "undefined";
 function getPlatform() {
-  var _a;
   const agent = navigator.userAgentData;
-  return (_a = agent == null ? void 0 : agent.platform) != null ? _a : navigator.platform;
+  return (agent == null ? void 0 : agent.platform) ?? navigator.platform;
 }
 var pt = (v) => isDom() && v.test(getPlatform());
 var isTouchDevice = () => isDom() && !!navigator.maxTouchPoints;
 var isMac = () => pt(/^Mac/) && !isTouchDevice;
+function isDocument(el) {
+  return el.nodeType === Node.DOCUMENT_NODE;
+}
 function isWindow(value) {
   return (value == null ? void 0 : value.toString()) === "[object Window]";
 }
 function getDocument(el) {
-  var _a;
   if (isWindow(el))
     return el.document;
-  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+  if (isDocument(el))
+    return el;
+  return (el == null ? void 0 : el.ownerDocument) ?? document;
 }
 function getWindow(el) {
-  var _a;
-  return (_a = el == null ? void 0 : el.ownerDocument.defaultView) != null ? _a : window;
+  return (el == null ? void 0 : el.ownerDocument.defaultView) ?? window;
 }
 function getEventTarget(event) {
-  var _a, _b;
-  return (_b = (_a = event.composedPath) == null ? void 0 : _a.call(event)[0]) != null ? _b : event.target;
+  var _a;
+  return ((_a = event.composedPath) == null ? void 0 : _a.call(event)[0]) ?? event.target;
 }
 function contains(parent, child) {
   if (!parent)
@@ -95,11 +97,18 @@ function addDomEvent(target, eventName, handler, options) {
   };
 }
 
+// ../core/dist/index.mjs
+var callAll = (...fns) => (...a) => {
+  fns.forEach(function(fn) {
+    fn == null ? void 0 : fn(...a);
+  });
+};
+
 // src/index.ts
 var POINTER_OUTSIDE_EVENT = "pointerdown.outside";
 var FOCUS_OUTSIDE_EVENT = "focus.outside";
 function trackInteractOutside(node, options) {
-  const { exclude, onFocusOutside, onPointerDownOutside } = options;
+  const { exclude, onFocusOutside, onPointerDownOutside, onInteractOutside } = options;
   if (!node)
     return;
   const doc = getDocument(node);
@@ -122,8 +131,9 @@ function trackInteractOutside(node, options) {
     function handler() {
       if (!node || !isEventOutside(event))
         return;
-      if (onPointerDownOutside) {
-        node.addEventListener(POINTER_OUTSIDE_EVENT, onPointerDownOutside, { once: true });
+      if (onPointerDownOutside || onInteractOutside) {
+        const handler2 = callAll(onPointerDownOutside, onInteractOutside);
+        node.addEventListener(POINTER_OUTSIDE_EVENT, handler2, { once: true });
       }
       fireCustomEvent(node, POINTER_OUTSIDE_EVENT, {
         bubbles: false,
@@ -150,8 +160,9 @@ function trackInteractOutside(node, options) {
   function onFocusin(event) {
     if (!node || !isEventOutside(event))
       return;
-    if (onFocusOutside) {
-      node.addEventListener(FOCUS_OUTSIDE_EVENT, onFocusOutside, { once: true });
+    if (onFocusOutside || onInteractOutside) {
+      const handler = callAll(onFocusOutside, onInteractOutside);
+      node.addEventListener(FOCUS_OUTSIDE_EVENT, handler, { once: true });
     }
     fireCustomEvent(node, FOCUS_OUTSIDE_EVENT, {
       bubbles: false,
@@ -171,3 +182,7 @@ function trackInteractOutside(node, options) {
     cleanups.forEach((fn) => fn());
   };
 }
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  trackInteractOutside
+});

package/dist/index.mjs

@@ -1,34 +1,36 @@
 // ../dom/dist/index.mjs
 var runIfFn = (v, ...a) => {
   const res = typeof v === "function" ? v(...a) : v;
-  return res != null ? res : void 0;
+  return res ?? void 0;
 };
 var hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
 var isDom = () => typeof window !== "undefined";
 function getPlatform() {
-  var _a;
   const agent = navigator.userAgentData;
-  return (_a = agent == null ? void 0 : agent.platform) != null ? _a : navigator.platform;
+  return (agent == null ? void 0 : agent.platform) ?? navigator.platform;
 }
 var pt = (v) => isDom() && v.test(getPlatform());
 var isTouchDevice = () => isDom() && !!navigator.maxTouchPoints;
 var isMac = () => pt(/^Mac/) && !isTouchDevice;
+function isDocument(el) {
+  return el.nodeType === Node.DOCUMENT_NODE;
+}
 function isWindow(value) {
   return (value == null ? void 0 : value.toString()) === "[object Window]";
 }
 function getDocument(el) {
-  var _a;
   if (isWindow(el))
     return el.document;
-  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+  if (isDocument(el))
+    return el;
+  return (el == null ? void 0 : el.ownerDocument) ?? document;
 }
 function getWindow(el) {
-  var _a;
-  return (_a = el == null ? void 0 : el.ownerDocument.defaultView) != null ? _a : window;
+  return (el == null ? void 0 : el.ownerDocument.defaultView) ?? window;
 }
 function getEventTarget(event) {
-  var _a, _b;
-  return (_b = (_a = event.composedPath) == null ? void 0 : _a.call(event)[0]) != null ? _b : event.target;
+  var _a;
+  return ((_a = event.composedPath) == null ? void 0 : _a.call(event)[0]) ?? event.target;
 }
 function contains(parent, child) {
   if (!parent)
@@ -69,11 +71,18 @@ function addDomEvent(target, eventName, handler, options) {
   };
 }
 
+// ../core/dist/index.mjs
+var callAll = (...fns) => (...a) => {
+  fns.forEach(function(fn) {
+    fn == null ? void 0 : fn(...a);
+  });
+};
+
 // src/index.ts
 var POINTER_OUTSIDE_EVENT = "pointerdown.outside";
 var FOCUS_OUTSIDE_EVENT = "focus.outside";
 function trackInteractOutside(node, options) {
-  const { exclude, onFocusOutside, onPointerDownOutside } = options;
+  const { exclude, onFocusOutside, onPointerDownOutside, onInteractOutside } = options;
   if (!node)
     return;
   const doc = getDocument(node);
@@ -96,8 +105,9 @@ function trackInteractOutside(node, options) {
     function handler() {
       if (!node || !isEventOutside(event))
         return;
-      if (onPointerDownOutside) {
-        node.addEventListener(POINTER_OUTSIDE_EVENT, onPointerDownOutside, { once: true });
+      if (onPointerDownOutside || onInteractOutside) {
+        const handler2 = callAll(onPointerDownOutside, onInteractOutside);
+        node.addEventListener(POINTER_OUTSIDE_EVENT, handler2, { once: true });
       }
       fireCustomEvent(node, POINTER_OUTSIDE_EVENT, {
         bubbles: false,
@@ -124,8 +134,9 @@ function trackInteractOutside(node, options) {
   function onFocusin(event) {
     if (!node || !isEventOutside(event))
       return;
-    if (onFocusOutside) {
-      node.addEventListener(FOCUS_OUTSIDE_EVENT, onFocusOutside, { once: true });
+    if (onFocusOutside || onInteractOutside) {
+      const handler = callAll(onFocusOutside, onInteractOutside);
+      node.addEventListener(FOCUS_OUTSIDE_EVENT, handler, { once: true });
     }
     fireCustomEvent(node, FOCUS_OUTSIDE_EVENT, {
       bubbles: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/interact-outside",
-  "version": "0.1.1",
+  "version": "0.1.4",
   "description": "Track interations or focus outside an element",
   "keywords": [
     "js",
@@ -18,22 +18,23 @@
   "files": [
     "dist/**/*"
   ],
-  "scripts": {
-    "build:fast": "yarn zag build",
-    "start": "yarn zag build --watch",
-    "build": "yarn zag build --prod",
-    "test": "jest --config ../../../jest.config.js --rootDir tests",
-    "lint": "eslint src --ext .ts,.tsx",
-    "test:ci": "yarn test --ci --runInBand --updateSnapshot",
-    "test:watch": "yarn test --watchAll"
-  },
-  "dependencies": {
-    "@zag-js/dom-utils": "0.1.6"
+  "devDependencies": {
+    "@zag-js/dom-utils": "0.1.11",
+    "@zag-js/utils": "0.1.4"
   },
   "publishConfig": {
     "access": "public"
   },
   "bugs": {
     "url": "https://github.com/chakra-ui/zag/issues"
+  },
+  "scripts": {
+    "build-fast": "tsup src/index.ts --format=esm,cjs",
+    "start": "pnpm build --watch",
+    "build": "tsup src/index.ts --format=esm,cjs --dts",
+    "test": "jest --config ../../../jest.config.js --rootDir tests",
+    "lint": "eslint src --ext .ts,.tsx",
+    "test-ci": "pnpm test --ci --runInBand -u",
+    "test-watch": "pnpm test --watchAll"
   }
-}
+}