@easypost/easy-ui 1.0.0-alpha.7 → 1.0.0-alpha.71

package/Menu/index.js

@@ -1,396 +1,4 @@
 "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) => {
-  if (symbol = Symbol[name])
-    return symbol;
-  throw Error("Symbol." + name + " is not defined");
-};
-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 __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __await = function(promise, isYieldStar) {
-  this[0] = promise;
-  this[1] = isYieldStar;
-};
-var __yieldStar = (value) => {
-  var obj = value[__knownSymbol("asyncIterator")];
-  var isAwait = false;
-  var method;
-  var 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))
-            throw 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;
-};
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const omit = require("../__chunks__/omit-fca26542.js");
-const Text_index = require("../Text/index.js");
-const useTriggerWidth = require("../__chunks__/useTriggerWidth-e11bf6d6.js");
-const _import$1 = require("../__chunks__/import-a1e0f814.js");
-const overlayscrollbarsReact_es = require("../__chunks__/overlayscrollbars-react.es-f2a0bcff.js");
-const _import = require("../__chunks__/import-dea5a24d.js");
-const _import$2 = require("../__chunks__/import-0f8555a4.js");
-require("../utilities/css.js");
-require("../__chunks__/import-26676303.js");
-require("../__chunks__/real-module-e36b1436.js");
-require("react-dom");
-class $05ca4cd7c4a5a999$export$863faf230ee2118a {
-  *[Symbol.iterator]() {
-    yield* __yieldStar(this.iterable);
-  }
-  get size() {
-    return this.keyMap.size;
-  }
-  getKeys() {
-    return this.keyMap.keys();
-  }
-  getKeyBefore(key) {
-    let node = this.keyMap.get(key);
-    return node ? node.prevKey : null;
-  }
-  getKeyAfter(key) {
-    let node = this.keyMap.get(key);
-    return node ? node.nextKey : null;
-  }
-  getFirstKey() {
-    return this.firstKey;
-  }
-  getLastKey() {
-    return this.lastKey;
-  }
-  getItem(key) {
-    return this.keyMap.get(key);
-  }
-  at(idx) {
-    const keys = [
-      ...this.getKeys()
-    ];
-    return this.getItem(keys[idx]);
-  }
-  constructor(nodes, { expandedKeys } = {}) {
-    this.keyMap = /* @__PURE__ */ new Map();
-    this.iterable = nodes;
-    expandedKeys = expandedKeys || /* @__PURE__ */ new Set();
-    let visit = (node) => {
-      this.keyMap.set(node.key, node);
-      if (node.childNodes && (node.type === "section" || expandedKeys.has(node.key)))
-        for (let child of node.childNodes)
-          visit(child);
-    };
-    for (let node of nodes)
-      visit(node);
-    let last;
-    let index = 0;
-    for (let [key, node] of this.keyMap) {
-      if (last) {
-        last.nextKey = key;
-        node.prevKey = last.key;
-      } else {
-        this.firstKey = key;
-        node.prevKey = void 0;
-      }
-      if (node.type === "item")
-        node.index = index++;
-      last = node;
-      last.nextKey = void 0;
-    }
-    this.lastKey = last === null || last === void 0 ? void 0 : last.key;
-  }
-}
-function $875d6693e12af071$export$728d6ba534403756(props) {
-  let [expandedKeys, setExpandedKeys] = _import.$458b0a5536c1a7cf$export$40bfa8c7b0832715(props.expandedKeys ? new Set(props.expandedKeys) : void 0, props.defaultExpandedKeys ? new Set(props.defaultExpandedKeys) : /* @__PURE__ */ new Set(), props.onExpandedChange);
-  let selectionState = useTriggerWidth.$7af3f5b51489e0b5$export$253fe78d46329472(props);
-  let disabledKeys = React.useMemo(() => props.disabledKeys ? new Set(props.disabledKeys) : /* @__PURE__ */ new Set(), [
-    props.disabledKeys
-  ]);
-  let tree = useTriggerWidth.$7613b1592d41b092$export$6cd28814d92fa9c9(props, React.useCallback((nodes) => new $05ca4cd7c4a5a999$export$863faf230ee2118a(nodes, {
-    expandedKeys
-  }), [
-    expandedKeys
-  ]), null);
-  React.useEffect(() => {
-    if (selectionState.focusedKey != null && !tree.getItem(selectionState.focusedKey))
-      selectionState.setFocusedKey(null);
-  }, [
-    tree,
-    selectionState.focusedKey
-  ]);
-  let onToggle = (key) => {
-    setExpandedKeys($875d6693e12af071$var$toggleKey(expandedKeys, key));
-  };
-  return {
-    collection: tree,
-    expandedKeys,
-    disabledKeys,
-    toggleKey: onToggle,
-    setExpandedKeys,
-    selectionManager: new useTriggerWidth.$d496c0a20b6e58ec$export$6c8a5aaad13c9852(tree, selectionState)
-  };
-}
-function $875d6693e12af071$var$toggleKey(set, key) {
-  let res = new Set(set);
-  if (res.has(key))
-    res.delete(key);
-  else
-    res.add(key);
-  return res;
-}
-const InternalMenuContext = React.createContext(null);
-function useInternalMenuContext() {
-  const menuContext = React.useContext(InternalMenuContext);
-  if (!menuContext) {
-    throw new Error("InternalMenuContext must be used inside a <Menu />");
-  }
-  return menuContext;
-}
-function noop() {
-}
-var noop_1 = noop;
-const noop$1 = /* @__PURE__ */ omit.getDefaultExportFromCjs(noop_1);
-const underlay = "_underlay_4ucg4_5";
-const root = "_root_4ucg4_10";
-const menu = "_menu_4ucg4_60";
-const menuList = "_menuList_4ucg4_65";
-const sectionList = "_sectionList_4ucg4_66";
-const itemContent = "_itemContent_4ucg4_72";
-const separator = "_separator_4ucg4_73";
-const item = "_item_4ucg4_72";
-const styles = {
-  underlay,
-  root,
-  menu,
-  menuList,
-  sectionList,
-  itemContent,
-  separator,
-  item
-};
-function MenuItem(_props) {
-  return null;
-}
-Object.assign(MenuItem, useTriggerWidth.$c1d7fb2ec91bae71$export$6d08773d2e66f8f2);
-function MenuItemContent({ item: item2, state }) {
-  const ref = React.useRef(null);
-  const { closeOnSelect, href } = item2.props;
-  const { menuItemProps, isFocused, isSelected, isDisabled } = useTriggerWidth.$a2e5df62f93c7633$export$9d32628fc2aea7da(__spreadProps(__spreadValues({}, item2), {
-    closeOnSelect
-  }), state, ref);
-  const MenuItemContainer = href ? LinkMenuItemContainer : StandardMenuItemContainer;
-  const props = href ? _import$1.$3ef42575df84b30b$export$9d1611c77c2fe928(menuItemProps, omit.omit(item2.props, ["aria-label", "as", "children", "closeOnSelect"])) : menuItemProps;
-  return React.createElement(MenuItemContainer, __spreadProps(__spreadValues({}, props), {
-    itemRef: ref,
-    className: styles.item,
-    "data-is-disabled": isDisabled,
-    "data-is-focused": isFocused,
-    "data-is-selected": isSelected
-  }), React.createElement("div", {
-    className: styles.itemContent
-  }, React.createElement(Text_index.Text, {
-    variant: "body1",
-    truncate: true
-  }, item2.rendered)));
-}
-function StandardMenuItemContainer(_a) {
-  var _b = _a, { itemRef } = _b, props = __objRest(_b, ["itemRef"]);
-  return React.createElement("li", __spreadValues({
-    ref: itemRef
-  }, props));
-}
-function LinkMenuItemContainer(_c) {
-  var _d = _c, { itemRef, hrefComponent: Component = "a" } = _d, props = __objRest(_d, ["itemRef", "hrefComponent"]);
-  return React.createElement("li", {
-    role: "none"
-  }, React.createElement(Component, __spreadProps(__spreadValues({
-    ref: itemRef
-  }, props), {
-    onPointerUp: noop$1,
-    onKeyDown: noop$1
-  })));
-}
-function MenuSection(_props) {
-  return null;
-}
-Object.assign(MenuSection, useTriggerWidth.$9fc4852771d079eb$export$6e2c8f0811a474ce);
-function MenuSectionContent({ section, state }) {
-  const { itemProps, groupProps } = useTriggerWidth.$3e5eb2498db5b506$export$73f7a44322579622({
-    "aria-label": section["aria-label"]
-  });
-  const { separatorProps } = useTriggerWidth.$f4b273590fab9f93$export$52210f68a14655d0({
-    elementType: "li"
-  });
-  return React.createElement(React.Fragment, null, section.key !== state.collection.getFirstKey() && React.createElement("li", __spreadProps(__spreadValues({}, separatorProps), {
-    className: styles.separator
-  })), React.createElement("li", __spreadValues({}, itemProps), section.hasChildNodes && React.createElement("ul", __spreadProps(__spreadValues({}, groupProps), {
-    className: styles.sectionList
-  }), [...section.childNodes].map((item2) => {
-    return React.createElement(MenuItemContent, {
-      key: item2.key,
-      item: item2,
-      state
-    });
-  }))));
-}
-function useScrollbar(scrollRef) {
-  const [initialize] = overlayscrollbarsReact_es.S({
-    options: {
-      scrollbars: {
-        theme: "ezui-os-theme-overlay"
-      }
-    },
-    defer: false
-  });
-  React.useEffect(() => {
-    if (scrollRef.current) {
-      initialize({
-        target: scrollRef.current
-      });
-    }
-  }, [initialize, scrollRef]);
-}
-function MenuOverlay(props) {
-  const { menuTriggerState, triggerWidth } = useInternalMenuContext();
-  if (!menuTriggerState.isOpen || triggerWidth === null) {
-    return null;
-  }
-  return React.createElement(MenuOverlayContent, __spreadValues({}, props));
-}
-function MenuOverlayContent(props) {
-  const { children, disabledKeys, maxItemsUntilScroll = useTriggerWidth.DEFAULT_MAX_ITEMS_UNTIL_SCROLL, onAction, onClose, placement = useTriggerWidth.DEFAULT_PLACEMENT, width = useTriggerWidth.DEFAULT_WIDTH } = props;
-  const popoverRef = React.useRef(null);
-  const menuRef = React.useRef(null);
-  const menuTreeState = $875d6693e12af071$export$728d6ba534403756({
-    children,
-    disabledKeys
-  });
-  const { menuTriggerState, triggerRef, triggerWidth, menuPropsFromTrigger } = useInternalMenuContext();
-  const { popoverProps, underlayProps } = _import$2.$f2f8a6077418541e$export$542a6fd13ac93354({
-    containerPadding: useTriggerWidth.OVERLAY_PADDING_FROM_CONTAINER,
-    maxHeight: useTriggerWidth.ITEM_HEIGHT * maxItemsUntilScroll + useTriggerWidth.Y_PADDING_INSIDE_OVERLAY * 2 + 2,
-    offset: useTriggerWidth.OVERLAY_OFFSET,
-    placement,
-    popoverRef,
-    scrollRef: menuRef,
-    triggerRef
-  }, menuTriggerState);
-  const { menuProps } = useTriggerWidth.$d5336fe17ce95402$export$38eaa17faae8f579(_import$1.$3ef42575df84b30b$export$9d1611c77c2fe928({
-    disabledKeys,
-    onAction,
-    onClose
-  }, menuPropsFromTrigger), menuTreeState, menuRef);
-  useScrollbar(menuRef);
-  const style = __spreadValues(__spreadValues({}, popoverProps.style), useTriggerWidth.getUnmergedPopoverStyles(width, triggerWidth));
-  return React.createElement(_import$2.$f57aed4a881a3485$export$b47c3594eab58386, null, React.createElement("div", __spreadProps(__spreadValues({}, underlayProps), {
-    className: styles.underlay
-  })), React.createElement("div", __spreadProps(__spreadValues({}, _import$1.$3ef42575df84b30b$export$9d1611c77c2fe928(popoverProps, {
-    style
-  })), {
-    ref: popoverRef,
-    className: styles.root
-  }), React.createElement(_import$2.$86ea4cb521eb2e37$export$2317d149ed6f78c4, {
-    onDismiss: menuTriggerState.close
-  }), React.createElement("div", __spreadProps(__spreadValues({}, menuProps), {
-    ref: menuRef,
-    className: styles.menu,
-    "data-width": width,
-    "data-max-items-until-scroll": maxItemsUntilScroll,
-    "data-overlayscrollbars-initialize": true
-  }), React.createElement("ul", {
-    className: styles.menuList
-  }, [...menuTreeState.collection].map((item2) => {
-    return item2.type === "section" ? React.createElement(MenuSectionContent, {
-      key: item2.key,
-      section: item2,
-      state: menuTreeState
-    }) : React.createElement(MenuItemContent, {
-      key: item2.key,
-      item: item2,
-      state: menuTreeState
-    });
-  }))), React.createElement(_import$2.$86ea4cb521eb2e37$export$2317d149ed6f78c4, {
-    onDismiss: menuTriggerState.close
-  })));
-}
-function MenuTrigger(props) {
-  const { children } = props;
-  const { triggerRef, menuTriggerProps } = useInternalMenuContext();
-  return React.cloneElement(children, __spreadProps(__spreadValues({}, menuTriggerProps), {
-    ref: triggerRef
-  }));
-}
-function Menu(props) {
-  const { children } = props;
-  const triggerRef = React.useRef(null);
-  const menuTriggerState = useTriggerWidth.$a28c903ee9ad8dc5$export$79fefeb1c2091ac3(props);
-  const { menuTriggerProps, menuProps: menuPropsFromTrigger } = useTriggerWidth.$168583247155ddda$export$dc9c12ed27dd1b49(__spreadProps(__spreadValues({}, props), {
-    type: "menu"
-  }), menuTriggerState, triggerRef);
-  const triggerWidth = useTriggerWidth.useTriggerWidth(triggerRef);
-  const context = React.useMemo(() => {
-    return {
-      menuPropsFromTrigger,
-      menuTriggerProps,
-      menuTriggerState,
-      triggerRef,
-      triggerWidth
-    };
-  }, [triggerWidth, menuTriggerProps, menuPropsFromTrigger, menuTriggerState]);
-  return React.createElement(InternalMenuContext.Provider, {
-    value: context
-  }, children);
-}
-Menu.Trigger = MenuTrigger;
-Menu.Overlay = MenuOverlay;
-Menu.Section = MenuSection;
-Menu.Item = MenuItem;
-exports.Menu = Menu;
+const Menu = require("../__chunks__/Menu-BR1eZSkl.js");
+exports.Menu = Menu.Menu;