@easypost/easy-ui 1.0.0-alpha.50 → 1.0.0-alpha.52

package/__chunks__/{useTriggerWidth-BMatkUuB.mjs → useTriggerWidth-CI9YrWOP.mjs}

@@ -65,15 +65,15 @@ var __yieldStar = (value) => {
     throw x;
   }, "return" in obj && method("return"), it;
 };
-import React__default, { useState, useRef, useEffect } from "react";
+import React__default, { useCallback, useEffect, useState, useRef } from "react";
 import { d as $c5a24bc478652b5f$export$1005530eda016c13 } from "./SelectionManager-IO4G_cI2.mjs";
-import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-GVN_BrWS.mjs";
-import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-D8BlhW_5.mjs";
-import { a as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-BUfWRoE5.mjs";
-import { $ as $a11501f3d1d39e6c$export$ea8f71083e90600f, a as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18, b as $5e3802645cc19319$export$1c3ebcada18427bf, c as $628037886ba31236$export$f9d5c8beee7d008d } from "./ariaHideOutside-enBbyPlv.mjs";
-import { $ as $2a41e45df1593e64$export$d39e1813b3bdd0e1 } from "./useOverlayPosition-C15BXmuc.mjs";
-import { b as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, a as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $bdb11010cef70236$export$f680877a34711e37 } from "./mergeProps-CTaIJjOz.mjs";
-import { c as $8a26561d2877236e$export$c24ed0104d07eab9 } from "./useSelectableItem-CHyfwMdA.mjs";
+import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-DdXkBiwn.mjs";
+import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-DJWWtB78.mjs";
+import { a as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-CBNzWIG8.mjs";
+import { $ as $a11501f3d1d39e6c$export$ea8f71083e90600f, a as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18, b as $5e3802645cc19319$export$1c3ebcada18427bf, c as $628037886ba31236$export$f9d5c8beee7d008d } from "./ariaHideOutside-CGNrOhSc.mjs";
+import { a as $2a41e45df1593e64$export$d39e1813b3bdd0e1 } from "./useModal-sVKQd6HX.mjs";
+import { b as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, a as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $bdb11010cef70236$export$f680877a34711e37 } from "./mergeProps-SJQ-f8LF.mjs";
+import { c as $8a26561d2877236e$export$c24ed0104d07eab9 } from "./useSelectableItem-Dn-hODEw.mjs";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.mjs";
 import { getComponentToken, pxToRem, getResponsiveValue } from "../utilities/css.mjs";
 import { $ as $9daab02d461809db$export$683480f191c0e3ea } from "./useResizeObserver-Dyb4wvuA.mjs";
@@ -612,9 +612,69 @@ const ITEM_HEIGHT = 32;
 const Y_PADDING_INSIDE_OVERLAY = 8;
 const OVERLAY_OFFSET = 8;
 const OVERLAY_PADDING_FROM_CONTAINER = 12;
+const SELECT_ALL_KEY = "all";
 function getUnmergedPopoverStyles(width, triggerWidth) {
   return __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, getComponentToken("menu", "item_height", `${pxToRem(ITEM_HEIGHT)}rem`)), getComponentToken("menu", "padding.y", `${pxToRem(Y_PADDING_INSIDE_OVERLAY)}rem`)), getComponentToken("menu", "min-width", width === "auto" ? `${triggerWidth}px` : void 0)), getResponsiveValue("menu", "width", width !== "auto" && width !== "fit-content" ? width : "auto"));
 }
+function getAllSelectableItems(state) {
+  return [...state.collection].reduce((acc, item) => {
+    if (item.type === "section") {
+      [...item.childNodes].forEach((child) => {
+        if (child.key !== SELECT_ALL_KEY && !state.disabledKeys.has(child.key)) {
+          acc.add(child.key);
+        }
+      });
+    } else {
+      if (item.key !== SELECT_ALL_KEY && !state.disabledKeys.has(item.key)) {
+        acc.add(item.key);
+      }
+    }
+    return acc;
+  }, /* @__PURE__ */ new Set());
+}
+function filterSelectedKeys(keys) {
+  return new Set([...keys].filter((v) => v !== SELECT_ALL_KEY));
+}
+function getFilteredSelectedKeys(state) {
+  return filterSelectedKeys(state.selectionManager.selectedKeys);
+}
+function isSelectAllSelected(state) {
+  return state.selectionManager.isSelectAll || getFilteredSelectedKeys(state).size === getAllSelectableItems(state).size;
+}
+function isSelectAllIndeterminate(state) {
+  return !isSelectAllSelected(state) && getFilteredSelectedKeys(state).size > 0;
+}
+function useSelectionCapture() {
+  const selectionPendingRef = React__default.useRef(false);
+  const isSelectionPending = useCallback(() => {
+    return selectionPendingRef.current === true;
+  }, []);
+  const markSelectionPending = useCallback(() => {
+    selectionPendingRef.current = true;
+  }, []);
+  const markSelectionStale = useCallback(() => {
+    selectionPendingRef.current = false;
+  }, []);
+  useEffect(() => {
+    window.addEventListener("keydown", markSelectionPending);
+    window.addEventListener("pointerdown", markSelectionStale, {
+      capture: true
+    });
+    window.addEventListener("keyup", markSelectionStale);
+    return () => {
+      window.removeEventListener("keydown", markSelectionPending);
+      window.removeEventListener("pointerdown", markSelectionStale, {
+        capture: true
+      });
+      window.removeEventListener("keyup", markSelectionStale);
+    };
+  }, [markSelectionPending, markSelectionStale]);
+  return {
+    isSelectionPending,
+    markSelectionPending,
+    markSelectionStale
+  };
+}
 function useTriggerWidth(triggerRef) {
   const [triggerWidth, setTriggerWidth] = useState(null);
   $9daab02d461809db$export$683480f191c0e3ea({
@@ -638,18 +698,23 @@ function useTriggerWidth(triggerRef) {
 }
 export {
   $453cc9f0df89c0a5$export$77d5aafae4e095b2 as $,
-  DEFAULT_MAX_ITEMS_UNTIL_SCROLL as D,
+  DEFAULT_WIDTH as D,
   ITEM_HEIGHT as I,
   OVERLAY_PADDING_FROM_CONTAINER as O,
+  SELECT_ALL_KEY as S,
   Y_PADDING_INSIDE_OVERLAY as Y,
-  $9fc4852771d079eb$export$6e2c8f0811a474ce as a,
-  $f4b273590fab9f93$export$52210f68a14655d0 as b,
-  $f2f8a6077418541e$export$542a6fd13ac93354 as c,
-  $86ea4cb521eb2e37$export$2317d149ed6f78c4 as d,
-  DEFAULT_PLACEMENT as e,
-  DEFAULT_WIDTH as f,
+  $168583247155ddda$export$dc9c12ed27dd1b49 as a,
+  $9fc4852771d079eb$export$6e2c8f0811a474ce as b,
+  $f4b273590fab9f93$export$52210f68a14655d0 as c,
+  $f2f8a6077418541e$export$542a6fd13ac93354 as d,
+  $86ea4cb521eb2e37$export$2317d149ed6f78c4 as e,
+  DEFAULT_MAX_ITEMS_UNTIL_SCROLL as f,
   getUnmergedPopoverStyles as g,
   OVERLAY_OFFSET as h,
-  $168583247155ddda$export$dc9c12ed27dd1b49 as i,
+  DEFAULT_PLACEMENT as i,
+  isSelectAllSelected as j,
+  isSelectAllIndeterminate as k,
+  useSelectionCapture as l,
+  filterSelectedKeys as m,
   useTriggerWidth as u
 };

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@easypost/easy-ui",
-  "version": "1.0.0-alpha.50",
+  "version": "1.0.0-alpha.52",
   "sideEffects": [
     "**/*.css"
   ],
   "dependencies": {
-    "@easypost/easy-ui-icons": "1.0.0-alpha.28",
+    "@easypost/easy-ui-icons": "1.0.0-alpha.29",
     "@easypost/easy-ui-tokens": "1.0.0-alpha.14",
     "@react-aria/toast": "^3.0.0-beta.18",
     "@react-aria/utils": "^3.26.0",