@eightshift/ui-components 0.0.1

package/dist/Separator-DHn0CwdK.js

@@ -0,0 +1,325 @@
+import { c as $ae20dd8cbca75726$export$d6daf82dcd84e87c, d as $c5a24bc478652b5f$export$1005530eda016c13, e as $7135fc7d473fd974$export$aeba0b1fb3dcd8b8 } from "./SelectionManager-mefd0ThJ.js";
+import { $ as $cc38e7bd3fc7b213$export$2bb74740c4e19def } from "./isScrollable-PcyglExV.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-jMy6xdVq.js";
+import React__default, { useMemo, forwardRef, createContext } from "react";
+import { a as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./utils-BsiH7-5Y.js";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-DG2RfOUr.js";
+let $325a3faab7a68acd$var$cache = /* @__PURE__ */ new Map();
+function $325a3faab7a68acd$export$a16aca283550c30d(options) {
+  let { locale } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
+  let cacheKey = locale + (options ? Object.entries(options).sort((a, b) => a[0] < b[0] ? -1 : 1).join() : "");
+  if ($325a3faab7a68acd$var$cache.has(cacheKey))
+    return $325a3faab7a68acd$var$cache.get(cacheKey);
+  let formatter = new Intl.Collator(locale, options);
+  $325a3faab7a68acd$var$cache.set(cacheKey, formatter);
+  return formatter;
+}
+class $2a25aae57d74318e$export$a05409b8bb224a5a {
+  isDisabled(item) {
+    var _item_props;
+    return this.disabledBehavior === "all" && (((_item_props = item.props) === null || _item_props === void 0 ? void 0 : _item_props.isDisabled) || this.disabledKeys.has(item.key));
+  }
+  getNextKey(key) {
+    key = this.collection.getKeyAfter(key);
+    while (key != null) {
+      let item = this.collection.getItem(key);
+      if (item.type === "item" && !this.isDisabled(item))
+        return key;
+      key = this.collection.getKeyAfter(key);
+    }
+    return null;
+  }
+  getPreviousKey(key) {
+    key = this.collection.getKeyBefore(key);
+    while (key != null) {
+      let item = this.collection.getItem(key);
+      if (item.type === "item" && !this.isDisabled(item))
+        return key;
+      key = this.collection.getKeyBefore(key);
+    }
+    return null;
+  }
+  findKey(key, nextKey, shouldSkip) {
+    let item = this.getItem(key);
+    if (!item)
+      return null;
+    let prevRect = item.getBoundingClientRect();
+    do {
+      key = nextKey(key);
+      item = this.getItem(key);
+    } while (item && shouldSkip(prevRect, item.getBoundingClientRect()));
+    return key;
+  }
+  isSameRow(prevRect, itemRect) {
+    return prevRect.top === itemRect.top || prevRect.left !== itemRect.left;
+  }
+  isSameColumn(prevRect, itemRect) {
+    return prevRect.left === itemRect.left || prevRect.top !== itemRect.top;
+  }
+  getKeyBelow(key) {
+    if (this.layout === "grid" && this.orientation === "vertical")
+      return this.findKey(key, (key2) => this.getNextKey(key2), this.isSameRow);
+    else
+      return this.getNextKey(key);
+  }
+  getKeyAbove(key) {
+    if (this.layout === "grid" && this.orientation === "vertical")
+      return this.findKey(key, (key2) => this.getPreviousKey(key2), this.isSameRow);
+    else
+      return this.getPreviousKey(key);
+  }
+  getNextColumn(key, right) {
+    return right ? this.getPreviousKey(key) : this.getNextKey(key);
+  }
+  getKeyRightOf(key) {
+    if (this.layout === "grid") {
+      if (this.orientation === "vertical")
+        return this.getNextColumn(key, this.direction === "rtl");
+      else
+        return this.findKey(key, (key2) => this.getNextColumn(key2, this.direction === "rtl"), this.isSameColumn);
+    } else if (this.orientation === "horizontal")
+      return this.getNextColumn(key, this.direction === "rtl");
+    return null;
+  }
+  getKeyLeftOf(key) {
+    if (this.layout === "grid") {
+      if (this.orientation === "vertical")
+        return this.getNextColumn(key, this.direction === "ltr");
+      else
+        return this.findKey(key, (key2) => this.getNextColumn(key2, this.direction === "ltr"), this.isSameColumn);
+    } else if (this.orientation === "horizontal")
+      return this.getNextColumn(key, this.direction === "ltr");
+    return null;
+  }
+  getFirstKey() {
+    let key = this.collection.getFirstKey();
+    while (key != null) {
+      let item = this.collection.getItem(key);
+      if ((item === null || item === void 0 ? void 0 : item.type) === "item" && !this.isDisabled(item))
+        return key;
+      key = this.collection.getKeyAfter(key);
+    }
+    return null;
+  }
+  getLastKey() {
+    let key = this.collection.getLastKey();
+    while (key != null) {
+      let item = this.collection.getItem(key);
+      if (item.type === "item" && !this.isDisabled(item))
+        return key;
+      key = this.collection.getKeyBefore(key);
+    }
+    return null;
+  }
+  getItem(key) {
+    return key !== null ? this.ref.current.querySelector(`[data-key="${CSS.escape(key.toString())}"]`) : null;
+  }
+  getKeyPageAbove(key) {
+    let menu = this.ref.current;
+    let item = this.getItem(key);
+    if (!item)
+      return null;
+    if (!$cc38e7bd3fc7b213$export$2bb74740c4e19def(menu))
+      return this.getFirstKey();
+    let containerRect = menu.getBoundingClientRect();
+    let itemRect = item.getBoundingClientRect();
+    if (this.orientation === "horizontal") {
+      let containerX = containerRect.x - menu.scrollLeft;
+      let pageX = Math.max(0, itemRect.x - containerX + itemRect.width - containerRect.width);
+      while (item && itemRect.x - containerX > pageX) {
+        key = this.getKeyAbove(key);
+        item = key == null ? null : this.getItem(key);
+        itemRect = item === null || item === void 0 ? void 0 : item.getBoundingClientRect();
+      }
+    } else {
+      let containerY = containerRect.y - menu.scrollTop;
+      let pageY = Math.max(0, itemRect.y - containerY + itemRect.height - containerRect.height);
+      while (item && itemRect.y - containerY > pageY) {
+        key = this.getKeyAbove(key);
+        item = key == null ? null : this.getItem(key);
+        itemRect = item === null || item === void 0 ? void 0 : item.getBoundingClientRect();
+      }
+    }
+    return key !== null && key !== void 0 ? key : this.getFirstKey();
+  }
+  getKeyPageBelow(key) {
+    let menu = this.ref.current;
+    let item = this.getItem(key);
+    if (!item)
+      return null;
+    if (!$cc38e7bd3fc7b213$export$2bb74740c4e19def(menu))
+      return this.getLastKey();
+    let containerRect = menu.getBoundingClientRect();
+    let itemRect = item.getBoundingClientRect();
+    if (this.orientation === "horizontal") {
+      let containerX = containerRect.x - menu.scrollLeft;
+      let pageX = Math.min(menu.scrollWidth, itemRect.x - containerX - itemRect.width + containerRect.width);
+      while (item && itemRect.x - containerX < pageX) {
+        key = this.getKeyBelow(key);
+        item = key == null ? null : this.getItem(key);
+        itemRect = item === null || item === void 0 ? void 0 : item.getBoundingClientRect();
+      }
+    } else {
+      let containerY = containerRect.y - menu.scrollTop;
+      let pageY = Math.min(menu.scrollHeight, itemRect.y - containerY - itemRect.height + containerRect.height);
+      while (item && itemRect.y - containerY < pageY) {
+        key = this.getKeyBelow(key);
+        item = key == null ? null : this.getItem(key);
+        itemRect = item === null || item === void 0 ? void 0 : item.getBoundingClientRect();
+      }
+    }
+    return key !== null && key !== void 0 ? key : this.getLastKey();
+  }
+  getKeyForSearch(search, fromKey) {
+    if (!this.collator)
+      return null;
+    let collection = this.collection;
+    let key = fromKey || this.getFirstKey();
+    while (key != null) {
+      let item = collection.getItem(key);
+      let substring = item.textValue.slice(0, search.length);
+      if (item.textValue && this.collator.compare(substring, search) === 0)
+        return key;
+      key = this.getKeyBelow(key);
+    }
+    return null;
+  }
+  constructor(...args) {
+    if (args.length === 1) {
+      let opts = args[0];
+      this.collection = opts.collection;
+      this.ref = opts.ref;
+      this.collator = opts.collator;
+      this.disabledKeys = opts.disabledKeys || /* @__PURE__ */ new Set();
+      this.disabledBehavior = opts.disabledBehavior || "all";
+      this.orientation = opts.orientation;
+      this.direction = opts.direction;
+      this.layout = opts.layout || "stack";
+    } else {
+      this.collection = args[0];
+      this.disabledKeys = args[1];
+      this.ref = args[2];
+      this.collator = args[3];
+      this.layout = "stack";
+      this.orientation = "vertical";
+      this.disabledBehavior = "all";
+    }
+    if (this.layout === "stack" && this.orientation === "vertical") {
+      this.getKeyLeftOf = void 0;
+      this.getKeyRightOf = void 0;
+    }
+  }
+}
+function $982254629710d113$export$b95089534ab7c1fd(props) {
+  let { selectionManager, collection, disabledKeys, ref, keyboardDelegate } = props;
+  let collator = $325a3faab7a68acd$export$a16aca283550c30d({
+    usage: "search",
+    sensitivity: "base"
+  });
+  let disabledBehavior = selectionManager.disabledBehavior;
+  let delegate = useMemo(() => keyboardDelegate || new $2a25aae57d74318e$export$a05409b8bb224a5a({
+    collection,
+    disabledKeys,
+    disabledBehavior,
+    ref,
+    collator
+  }), [
+    keyboardDelegate,
+    collection,
+    disabledKeys,
+    ref,
+    collator,
+    disabledBehavior
+  ]);
+  let { collectionProps } = $ae20dd8cbca75726$export$d6daf82dcd84e87c({
+    ...props,
+    ref,
+    selectionManager,
+    keyboardDelegate: delegate
+  });
+  return {
+    listProps: collectionProps
+  };
+}
+const $453cc9f0df89c0a5$var$cache = /* @__PURE__ */ new WeakMap();
+function $453cc9f0df89c0a5$export$77d5aafae4e095b2(collection) {
+  let count = $453cc9f0df89c0a5$var$cache.get(collection);
+  if (count != null)
+    return count;
+  count = 0;
+  let countItems = (items) => {
+    for (let item of items)
+      if (item.type === "section")
+        countItems($c5a24bc478652b5f$export$1005530eda016c13(item, collection));
+      else
+        count++;
+  };
+  countItems(collection);
+  $453cc9f0df89c0a5$var$cache.set(collection, count);
+  return count;
+}
+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: {
+        ...domProps,
+        role: "separator",
+        "aria-orientation": ariaOrientation
+      }
+    };
+  return {
+    separatorProps: domProps
+  };
+}
+const $72a5793c14baf454$export$e0e4026c12a8bdbb = /* @__PURE__ */ createContext({});
+function $72a5793c14baf454$var$Header(originalProps, originalRef) {
+  let [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(originalProps, originalRef, $72a5793c14baf454$export$e0e4026c12a8bdbb);
+  let shallow = $7135fc7d473fd974$export$aeba0b1fb3dcd8b8("header", originalProps, originalRef);
+  if (shallow)
+    return shallow;
+  return /* @__PURE__ */ React__default.createElement("header", {
+    className: "react-aria-Header",
+    ...props,
+    ref
+  }, props.children);
+}
+const $72a5793c14baf454$export$8b251419efc915eb = /* @__PURE__ */ forwardRef($72a5793c14baf454$var$Header);
+const $431f98aba6844401$export$6615d83f6de245ce = /* @__PURE__ */ createContext({});
+function $431f98aba6844401$var$Separator(originalProps, originalRef) {
+  let [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(originalProps, originalRef, $431f98aba6844401$export$6615d83f6de245ce);
+  let { elementType, orientation, style, className } = props;
+  let Element = elementType || "hr";
+  if (Element === "hr" && orientation === "vertical")
+    Element = "div";
+  let { separatorProps } = $f4b273590fab9f93$export$52210f68a14655d0({
+    elementType,
+    orientation
+  });
+  let shallow = $7135fc7d473fd974$export$aeba0b1fb3dcd8b8("separator", originalProps, originalRef);
+  if (shallow)
+    return shallow;
+  return /* @__PURE__ */ React__default.createElement(Element, {
+    ...$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props),
+    ...separatorProps,
+    style,
+    className: className !== null && className !== void 0 ? className : "react-aria-Separator",
+    ref,
+    slot: props.slot || void 0
+  });
+}
+const $431f98aba6844401$export$1ff3c3f08ae963c0 = /* @__PURE__ */ forwardRef($431f98aba6844401$var$Separator);
+export {
+  $982254629710d113$export$b95089534ab7c1fd as $,
+  $2a25aae57d74318e$export$a05409b8bb224a5a as a,
+  $453cc9f0df89c0a5$export$77d5aafae4e095b2 as b,
+  $431f98aba6844401$export$1ff3c3f08ae963c0 as c,
+  $431f98aba6844401$export$6615d83f6de245ce as d,
+  $72a5793c14baf454$export$8b251419efc915eb as e,
+  $325a3faab7a68acd$export$a16aca283550c30d as f
+};