@easypost/easy-ui 1.0.0-alpha.64 → 1.0.0-alpha.66

package/__chunks__/useTriggerWidth-B-IM2wNY.js

@@ -0,0 +1,132 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __await = function(promise, isYieldStar) {
+  this[0] = promise;
+  this[1] = isYieldStar;
+};
+var __yieldStar = (value) => {
+  var obj = value[__knownSymbol("asyncIterator")], isAwait = false, method, it = {};
+  if (obj == null) {
+    obj = value[__knownSymbol("iterator")]();
+    method = (k) => it[k] = (x) => obj[k](x);
+  } else {
+    obj = obj.call(value);
+    method = (k) => it[k] = (v) => {
+      if (isAwait) {
+        isAwait = false;
+        if (k === "throw") throw v;
+        return v;
+      }
+      isAwait = true;
+      return {
+        done: false,
+        value: new __await(new Promise((resolve) => {
+          var x = obj[k](v);
+          if (!(x instanceof Object)) __typeError("Object expected");
+          resolve(x);
+        }), 1)
+      };
+    };
+  }
+  return it[__knownSymbol("iterator")] = () => it, method("next"), "throw" in obj ? method("throw") : it.throw = (x) => {
+    throw x;
+  }, "return" in obj && method("return"), it;
+};
+const React = require("react");
+const filterDOMProps = require("./filterDOMProps-D3iOHP0H.js");
+const useResizeObserver = require("./useResizeObserver-BsbT3mjh.js");
+function $9fc4852771d079eb$var$Section(props) {
+  return null;
+}
+$9fc4852771d079eb$var$Section.getCollectionNode = function* getCollectionNode(props) {
+  let { children, title, items } = props;
+  yield {
+    type: "section",
+    props,
+    hasChildNodes: true,
+    rendered: title,
+    "aria-label": props["aria-label"],
+    *childNodes() {
+      if (typeof children === "function") {
+        if (!items) throw new Error("props.children was a function but props.items is missing");
+        for (let item of items) yield {
+          type: "item",
+          value: item,
+          renderer: children
+        };
+      } else {
+        let items2 = [];
+        React.Children.forEach(children, (child) => {
+          items2.push({
+            type: "item",
+            element: child
+          });
+        });
+        yield* __yieldStar(items2);
+      }
+    }
+  };
+};
+let $9fc4852771d079eb$export$6e2c8f0811a474ce = $9fc4852771d079eb$var$Section;
+function $f4b273590fab9f93$export$52210f68a14655d0(props) {
+  let domProps = filterDOMProps.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+    labelable: true
+  });
+  let ariaOrientation;
+  if (props.orientation === "vertical") ariaOrientation = "vertical";
+  if (props.elementType !== "hr") return {
+    separatorProps: __spreadProps(__spreadValues({}, domProps), {
+      role: "separator",
+      "aria-orientation": ariaOrientation
+    })
+  };
+  return {
+    separatorProps: domProps
+  };
+}
+function useTriggerWidth(triggerRef) {
+  const [triggerWidth, setTriggerWidth] = React.useState(null);
+  useResizeObserver.$9daab02d461809db$export$683480f191c0e3ea({
+    ref: triggerRef,
+    onResize: () => {
+      if (triggerRef.current) {
+        const { width } = triggerRef.current.getBoundingClientRect();
+        setTriggerWidth(width);
+      }
+    }
+  });
+  const initialRef = React.useRef(false);
+  React.useEffect(() => {
+    if (triggerRef.current && !initialRef.current) {
+      const { width } = triggerRef.current.getBoundingClientRect();
+      setTriggerWidth(width);
+      initialRef.current = true;
+    }
+  }, [triggerRef]);
+  return triggerWidth;
+}
+exports.$9fc4852771d079eb$export$6e2c8f0811a474ce = $9fc4852771d079eb$export$6e2c8f0811a474ce;
+exports.$f4b273590fab9f93$export$52210f68a14655d0 = $f4b273590fab9f93$export$52210f68a14655d0;
+exports.useTriggerWidth = useTriggerWidth;

package/__chunks__/useTriggerWidth-CAYuGPNq.mjs

@@ -0,0 +1,133 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __await = function(promise, isYieldStar) {
+  this[0] = promise;
+  this[1] = isYieldStar;
+};
+var __yieldStar = (value) => {
+  var obj = value[__knownSymbol("asyncIterator")], isAwait = false, method, it = {};
+  if (obj == null) {
+    obj = value[__knownSymbol("iterator")]();
+    method = (k) => it[k] = (x) => obj[k](x);
+  } else {
+    obj = obj.call(value);
+    method = (k) => it[k] = (v) => {
+      if (isAwait) {
+        isAwait = false;
+        if (k === "throw") throw v;
+        return v;
+      }
+      isAwait = true;
+      return {
+        done: false,
+        value: new __await(new Promise((resolve) => {
+          var x = obj[k](v);
+          if (!(x instanceof Object)) __typeError("Object expected");
+          resolve(x);
+        }), 1)
+      };
+    };
+  }
+  return it[__knownSymbol("iterator")] = () => it, method("next"), "throw" in obj ? method("throw") : it.throw = (x) => {
+    throw x;
+  }, "return" in obj && method("return"), it;
+};
+import React__default, { useState, useRef, useEffect } from "react";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.mjs";
+import { $ as $9daab02d461809db$export$683480f191c0e3ea } from "./useResizeObserver-Dyb4wvuA.mjs";
+function $9fc4852771d079eb$var$Section(props) {
+  return null;
+}
+$9fc4852771d079eb$var$Section.getCollectionNode = function* getCollectionNode(props) {
+  let { children, title, items } = props;
+  yield {
+    type: "section",
+    props,
+    hasChildNodes: true,
+    rendered: title,
+    "aria-label": props["aria-label"],
+    *childNodes() {
+      if (typeof children === "function") {
+        if (!items) throw new Error("props.children was a function but props.items is missing");
+        for (let item of items) yield {
+          type: "item",
+          value: item,
+          renderer: children
+        };
+      } else {
+        let items2 = [];
+        React__default.Children.forEach(children, (child) => {
+          items2.push({
+            type: "item",
+            element: child
+          });
+        });
+        yield* __yieldStar(items2);
+      }
+    }
+  };
+};
+let $9fc4852771d079eb$export$6e2c8f0811a474ce = $9fc4852771d079eb$var$Section;
+function $f4b273590fab9f93$export$52210f68a14655d0(props) {
+  let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+    labelable: true
+  });
+  let ariaOrientation;
+  if (props.orientation === "vertical") ariaOrientation = "vertical";
+  if (props.elementType !== "hr") return {
+    separatorProps: __spreadProps(__spreadValues({}, domProps), {
+      role: "separator",
+      "aria-orientation": ariaOrientation
+    })
+  };
+  return {
+    separatorProps: domProps
+  };
+}
+function useTriggerWidth(triggerRef) {
+  const [triggerWidth, setTriggerWidth] = useState(null);
+  $9daab02d461809db$export$683480f191c0e3ea({
+    ref: triggerRef,
+    onResize: () => {
+      if (triggerRef.current) {
+        const { width } = triggerRef.current.getBoundingClientRect();
+        setTriggerWidth(width);
+      }
+    }
+  });
+  const initialRef = useRef(false);
+  useEffect(() => {
+    if (triggerRef.current && !initialRef.current) {
+      const { width } = triggerRef.current.getBoundingClientRect();
+      setTriggerWidth(width);
+      initialRef.current = true;
+    }
+  }, [triggerRef]);
+  return triggerWidth;
+}
+export {
+  $9fc4852771d079eb$export$6e2c8f0811a474ce as $,
+  $f4b273590fab9f93$export$52210f68a14655d0 as a,
+  useTriggerWidth as u
+};

package/__chunks__/{utilities-CaBPUKEB.js → utilities-BDABIMDb.js}

@@ -274,6 +274,9 @@ const Y_PADDING_INSIDE_OVERLAY = 8;
 const OVERLAY_OFFSET = 8;
 const OVERLAY_PADDING_FROM_CONTAINER = 12;
 const SELECT_ALL_KEY = "all";
+function getMenuPopoverMaxHeight({ maxItemsUntilScroll }) {
+  return ITEM_HEIGHT * maxItemsUntilScroll + Y_PADDING_INSIDE_OVERLAY * 2 + 2;
+}
 function getUnmergedPopoverStyles(width, triggerWidth) {
   return __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, utilities_css.getComponentToken("menu", "item_height", `${utilities_css.pxToRem(ITEM_HEIGHT)}rem`)), utilities_css.getComponentToken("menu", "padding.y", `${utilities_css.pxToRem(Y_PADDING_INSIDE_OVERLAY)}rem`)), utilities_css.getComponentToken("menu", "min-width", width === "auto" ? `${triggerWidth}px` : void 0)), utilities_css.getResponsiveValue("menu", "width", width !== "auto" && width !== "fit-content" ? width : "auto"));
 }
@@ -347,6 +350,7 @@ exports.OVERLAY_PADDING_FROM_CONTAINER = OVERLAY_PADDING_FROM_CONTAINER;
 exports.SELECT_ALL_KEY = SELECT_ALL_KEY;
 exports.Y_PADDING_INSIDE_OVERLAY = Y_PADDING_INSIDE_OVERLAY;
 exports.filterSelectedKeys = filterSelectedKeys;
+exports.getMenuPopoverMaxHeight = getMenuPopoverMaxHeight;
 exports.getUnmergedPopoverStyles = getUnmergedPopoverStyles;
 exports.isSelectAllIndeterminate = isSelectAllIndeterminate;
 exports.isSelectAllSelected = isSelectAllSelected;

package/__chunks__/{utilities-DASknbaa.mjs → utilities-DpKIaDkW.mjs}

@@ -34,7 +34,7 @@ import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-5f58
 import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-BHXy3Wtu.mjs";
 import { a as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-BC5PXI9q.mjs";
 import { $ as $a11501f3d1d39e6c$export$ea8f71083e90600f, a as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18, b as $5e3802645cc19319$export$1c3ebcada18427bf } from "./ariaHideOutside-CxWZQtI1.mjs";
-import { $ as $2a41e45df1593e64$export$d39e1813b3bdd0e1 } from "./useOverlayPosition-BjK7cu6U.mjs";
+import { $ as $2a41e45df1593e64$export$d39e1813b3bdd0e1 } from "./useOverlayPosition-dua8TTSS.mjs";
 import { d as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-DSi85raC.mjs";
 import { getComponentToken, pxToRem, getResponsiveValue } from "../utilities/css.mjs";
 var $773d5888b972f1cf$exports = {};
@@ -273,6 +273,9 @@ const Y_PADDING_INSIDE_OVERLAY = 8;
 const OVERLAY_OFFSET = 8;
 const OVERLAY_PADDING_FROM_CONTAINER = 12;
 const SELECT_ALL_KEY = "all";
+function getMenuPopoverMaxHeight({ maxItemsUntilScroll }) {
+  return ITEM_HEIGHT * maxItemsUntilScroll + Y_PADDING_INSIDE_OVERLAY * 2 + 2;
+}
 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"));
 }
@@ -349,6 +352,7 @@ export {
   isSelectAllIndeterminate as e,
   filterSelectedKeys as f,
   getUnmergedPopoverStyles as g,
+  getMenuPopoverMaxHeight as h,
   isSelectAllSelected as i,
   useSelectionCapture as u
 };

package/__chunks__/{utils-D4ddhsBL.mjs → utils-Dt6xdGol.mjs}

@@ -32,7 +32,7 @@ var __objRest = (source, exclude) => {
 import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./mergeProps-DSi85raC.mjs";
 import { $ as $5dc95899b306f630$export$c9058316764c140e } from "./mergeRefs-CCV6itCY.mjs";
 import { $ as $df56164dff5785e2$export$4338b53315abf666 } from "./useObjectRef-wU82Pkgx.mjs";
-import React__default, { useMemo, useState, useRef, useCallback, useContext } from "react";
+import React__default, { useMemo, useContext, useState, useRef, useCallback } from "react";
 import ReactDOM from "react-dom";
 const $64fa3d84918910a7$export$c62b8e45d58ddad9 = Symbol("default");
 function $64fa3d84918910a7$export$2881499e37b75b9a({ values, children }) {
@@ -181,6 +181,12 @@ function $64fa3d84918910a7$var$useAnimation(ref, isActive, onEnd) {
     onEnd
   ]);
 }
+function $64fa3d84918910a7$export$ef03459518577ad4(props) {
+  const prefix = /^(data-.*)$/;
+  let filteredProps = {};
+  for (const prop in props) if (!prefix.test(prop)) filteredProps[prop] = props[prop];
+  return filteredProps;
+}
 export {
   $64fa3d84918910a7$export$29f1550f4b0d4415 as $,
   $64fa3d84918910a7$export$4d86445c2cf5e3 as a,
@@ -188,5 +194,7 @@ export {
   $64fa3d84918910a7$export$6d3443f2c48bfc20 as c,
   $64fa3d84918910a7$export$2881499e37b75b9a as d,
   $64fa3d84918910a7$export$c62b8e45d58ddad9 as e,
-  $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 as f
+  $64fa3d84918910a7$export$fabf2dc03a41866e as f,
+  $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 as g,
+  $64fa3d84918910a7$export$ef03459518577ad4 as h
 };

package/__chunks__/{utils-DIF5XAA2.js → utils-eHk7b-OB.js}

@@ -182,6 +182,12 @@ function $64fa3d84918910a7$var$useAnimation(ref, isActive, onEnd) {
     onEnd
   ]);
 }
+function $64fa3d84918910a7$export$ef03459518577ad4(props) {
+  const prefix = /^(data-.*)$/;
+  let filteredProps = {};
+  for (const prop in props) if (!prefix.test(prop)) filteredProps[prop] = props[prop];
+  return filteredProps;
+}
 exports.$64fa3d84918910a7$export$2881499e37b75b9a = $64fa3d84918910a7$export$2881499e37b75b9a;
 exports.$64fa3d84918910a7$export$29f1550f4b0d4415 = $64fa3d84918910a7$export$29f1550f4b0d4415;
 exports.$64fa3d84918910a7$export$45fda7c47f93fd48 = $64fa3d84918910a7$export$45fda7c47f93fd48;
@@ -189,3 +195,5 @@ exports.$64fa3d84918910a7$export$4d86445c2cf5e3 = $64fa3d84918910a7$export$4d864
 exports.$64fa3d84918910a7$export$6d3443f2c48bfc20 = $64fa3d84918910a7$export$6d3443f2c48bfc20;
 exports.$64fa3d84918910a7$export$9d4c57ee4c6ffdd8 = $64fa3d84918910a7$export$9d4c57ee4c6ffdd8;
 exports.$64fa3d84918910a7$export$c62b8e45d58ddad9 = $64fa3d84918910a7$export$c62b8e45d58ddad9;
+exports.$64fa3d84918910a7$export$ef03459518577ad4 = $64fa3d84918910a7$export$ef03459518577ad4;
+exports.$64fa3d84918910a7$export$fabf2dc03a41866e = $64fa3d84918910a7$export$fabf2dc03a41866e;

package/package.json

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