@eightshift/ui-components 1.7.2 → 1.8.0

package/dist/{Separator-BM58t3PP.js → Separator-Dmxzf3m_.js}

@@ -1,8 +1,7 @@
-import { i as $ae20dd8cbca75726$export$d6daf82dcd84e87c, j as $c5a24bc478652b5f$export$1005530eda016c13, d as $e1995378a142960e$export$18af5c7a9e9b3664 } from "./SelectionManager-x27KqnAT.js";
-import { $ as $cc38e7bd3fc7b213$export$2bb74740c4e19def } from "./isScrollable-Dh9D9IOd.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-Cs-ZD1nu.js";
+import { j as $cc38e7bd3fc7b213$export$2bb74740c4e19def, k as $ae20dd8cbca75726$export$d6daf82dcd84e87c, l as $c5a24bc478652b5f$export$1005530eda016c13, e as $e1995378a142960e$export$18af5c7a9e9b3664 } from "./SelectionManager-DP537Pbu.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-BI3VdU0Z.js";
 import React__default, { useMemo, createContext } from "react";
-import { a as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./utils-BCJajCwh.js";
+import { a as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./utils-BSxcP7tv.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
 let $325a3faab7a68acd$var$cache = /* @__PURE__ */ new Map();
 function $325a3faab7a68acd$export$a16aca283550c30d(options) {
@@ -16,6 +15,7 @@ function $325a3faab7a68acd$export$a16aca283550c30d(options) {
 class $657e4dc4a6e88df0$export$8f5ed9ff9f511381 {
   getItemRect(key) {
     let container = this.ref.current;
+    if (!container) return null;
     let item = key != null ? container.querySelector(`[data-key="${CSS.escape(key.toString())}"]`) : null;
     if (!item) return null;
     let containerRect = container.getBoundingClientRect();
@@ -29,18 +29,20 @@ class $657e4dc4a6e88df0$export$8f5ed9ff9f511381 {
   }
   getContentSize() {
     let container = this.ref.current;
+    var _container_scrollWidth, _container_scrollHeight;
     return {
-      width: container.scrollWidth,
-      height: container.scrollHeight
+      width: (_container_scrollWidth = container === null || container === void 0 ? void 0 : container.scrollWidth) !== null && _container_scrollWidth !== void 0 ? _container_scrollWidth : 0,
+      height: (_container_scrollHeight = container === null || container === void 0 ? void 0 : container.scrollHeight) !== null && _container_scrollHeight !== void 0 ? _container_scrollHeight : 0
     };
   }
   getVisibleRect() {
     let container = this.ref.current;
+    var _container_scrollLeft, _container_scrollTop, _container_offsetWidth, _container_offsetHeight;
     return {
-      x: container.scrollLeft,
-      y: container.scrollTop,
-      width: container.offsetWidth,
-      height: container.offsetHeight
+      x: (_container_scrollLeft = container === null || container === void 0 ? void 0 : container.scrollLeft) !== null && _container_scrollLeft !== void 0 ? _container_scrollLeft : 0,
+      y: (_container_scrollTop = container === null || container === void 0 ? void 0 : container.scrollTop) !== null && _container_scrollTop !== void 0 ? _container_scrollTop : 0,
+      width: (_container_offsetWidth = container === null || container === void 0 ? void 0 : container.offsetWidth) !== null && _container_offsetWidth !== void 0 ? _container_offsetWidth : 0,
+      height: (_container_offsetHeight = container === null || container === void 0 ? void 0 : container.offsetHeight) !== null && _container_offsetHeight !== void 0 ? _container_offsetHeight : 0
     };
   }
   constructor(ref) {
@@ -53,30 +55,35 @@ class $2a25aae57d74318e$export$a05409b8bb224a5a {
     return this.disabledBehavior === "all" && (((_item_props = item.props) === null || _item_props === void 0 ? void 0 : _item_props.isDisabled) || this.disabledKeys.has(item.key));
   }
   findNextNonDisabled(key, getNext) {
-    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 = getNext(key);
+    let nextKey = key;
+    while (nextKey != null) {
+      let item = this.collection.getItem(nextKey);
+      if ((item === null || item === void 0 ? void 0 : item.type) === "item" && !this.isDisabled(item)) return nextKey;
+      nextKey = getNext(nextKey);
     }
     return null;
   }
   getNextKey(key) {
-    key = this.collection.getKeyAfter(key);
-    return this.findNextNonDisabled(key, (key2) => this.collection.getKeyAfter(key2));
+    let nextKey = key;
+    nextKey = this.collection.getKeyAfter(nextKey);
+    return this.findNextNonDisabled(nextKey, (key2) => this.collection.getKeyAfter(key2));
   }
   getPreviousKey(key) {
-    key = this.collection.getKeyBefore(key);
-    return this.findNextNonDisabled(key, (key2) => this.collection.getKeyBefore(key2));
+    let nextKey = key;
+    nextKey = this.collection.getKeyBefore(nextKey);
+    return this.findNextNonDisabled(nextKey, (key2) => this.collection.getKeyBefore(key2));
   }
   findKey(key, nextKey, shouldSkip) {
-    let itemRect = this.layoutDelegate.getItemRect(key);
-    if (!itemRect) return null;
+    let tempKey = key;
+    let itemRect = this.layoutDelegate.getItemRect(tempKey);
+    if (!itemRect || tempKey == null) return null;
     let prevRect = itemRect;
     do {
-      key = nextKey(key);
-      itemRect = this.layoutDelegate.getItemRect(key);
-    } while (itemRect && shouldSkip(prevRect, itemRect));
-    return key;
+      tempKey = nextKey(tempKey);
+      if (tempKey == null) break;
+      itemRect = this.layoutDelegate.getItemRect(tempKey);
+    } while (itemRect && shouldSkip(prevRect, itemRect) && tempKey != null);
+    return tempKey;
   }
   isSameRow(prevRect, itemRect) {
     return prevRect.y === itemRect.y || prevRect.x !== itemRect.x;
@@ -131,41 +138,43 @@ class $2a25aae57d74318e$export$a05409b8bb224a5a {
     let menu = this.ref.current;
     let itemRect = this.layoutDelegate.getItemRect(key);
     if (!itemRect) return null;
-    if (!$cc38e7bd3fc7b213$export$2bb74740c4e19def(menu)) return this.getFirstKey();
+    if (menu && !$cc38e7bd3fc7b213$export$2bb74740c4e19def(menu)) return this.getFirstKey();
+    let nextKey = key;
     if (this.orientation === "horizontal") {
       let pageX = Math.max(0, itemRect.x + itemRect.width - this.layoutDelegate.getVisibleRect().width);
-      while (itemRect && itemRect.x > pageX) {
-        key = this.getKeyAbove(key);
-        itemRect = key == null ? null : this.layoutDelegate.getItemRect(key);
+      while (itemRect && itemRect.x > pageX && nextKey != null) {
+        nextKey = this.getKeyAbove(nextKey);
+        itemRect = nextKey == null ? null : this.layoutDelegate.getItemRect(nextKey);
       }
     } else {
       let pageY = Math.max(0, itemRect.y + itemRect.height - this.layoutDelegate.getVisibleRect().height);
-      while (itemRect && itemRect.y > pageY) {
-        key = this.getKeyAbove(key);
-        itemRect = key == null ? null : this.layoutDelegate.getItemRect(key);
+      while (itemRect && itemRect.y > pageY && nextKey != null) {
+        nextKey = this.getKeyAbove(nextKey);
+        itemRect = nextKey == null ? null : this.layoutDelegate.getItemRect(nextKey);
       }
     }
-    return key !== null && key !== void 0 ? key : this.getFirstKey();
+    return nextKey !== null && nextKey !== void 0 ? nextKey : this.getFirstKey();
   }
   getKeyPageBelow(key) {
     let menu = this.ref.current;
     let itemRect = this.layoutDelegate.getItemRect(key);
     if (!itemRect) return null;
-    if (!$cc38e7bd3fc7b213$export$2bb74740c4e19def(menu)) return this.getLastKey();
+    if (menu && !$cc38e7bd3fc7b213$export$2bb74740c4e19def(menu)) return this.getLastKey();
+    let nextKey = key;
     if (this.orientation === "horizontal") {
       let pageX = Math.min(this.layoutDelegate.getContentSize().width, itemRect.y - itemRect.width + this.layoutDelegate.getVisibleRect().width);
-      while (itemRect && itemRect.x < pageX) {
-        key = this.getKeyBelow(key);
-        itemRect = key == null ? null : this.layoutDelegate.getItemRect(key);
+      while (itemRect && itemRect.x < pageX && nextKey != null) {
+        nextKey = this.getKeyBelow(nextKey);
+        itemRect = nextKey == null ? null : this.layoutDelegate.getItemRect(nextKey);
       }
     } else {
       let pageY = Math.min(this.layoutDelegate.getContentSize().height, itemRect.y - itemRect.height + this.layoutDelegate.getVisibleRect().height);
-      while (itemRect && itemRect.y < pageY) {
-        key = this.getKeyBelow(key);
-        itemRect = key == null ? null : this.layoutDelegate.getItemRect(key);
+      while (itemRect && itemRect.y < pageY && nextKey != null) {
+        nextKey = this.getKeyBelow(nextKey);
+        itemRect = nextKey == null ? null : this.layoutDelegate.getItemRect(nextKey);
       }
     }
-    return key !== null && key !== void 0 ? key : this.getLastKey();
+    return nextKey !== null && nextKey !== void 0 ? nextKey : this.getLastKey();
   }
   getKeyForSearch(search, fromKey) {
     if (!this.collator) return null;
@@ -173,6 +182,7 @@ class $2a25aae57d74318e$export$a05409b8bb224a5a {
     let key = fromKey || this.getFirstKey();
     while (key != null) {
       let item = collection.getItem(key);
+      if (!item) return null;
       let substring = item.textValue.slice(0, search.length);
       if (item.textValue && this.collator.compare(substring, search) === 0) return key;
       key = this.getNextKey(key);
@@ -244,14 +254,14 @@ 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 counter = 0;
   let countItems = (items) => {
     for (let item of items) if (item.type === "section") countItems($c5a24bc478652b5f$export$1005530eda016c13(item, collection));
-    else count++;
+    else counter++;
   };
   countItems(collection);
-  $453cc9f0df89c0a5$var$cache.set(collection, count);
-  return count;
+  $453cc9f0df89c0a5$var$cache.set(collection, counter);
+  return counter;
 }
 function $f4b273590fab9f93$export$52210f68a14655d0(props) {
   let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
@@ -299,12 +309,12 @@ const $431f98aba6844401$export$1ff3c3f08ae963c0 = /* @__PURE__ */ $e1995378a1429
   });
 });
 export {
-  $982254629710d113$export$b95089534ab7c1fd as $,
-  $453cc9f0df89c0a5$export$77d5aafae4e095b2 as a,
-  $325a3faab7a68acd$export$a16aca283550c30d as b,
-  $2a25aae57d74318e$export$a05409b8bb224a5a as c,
-  $431f98aba6844401$export$6615d83f6de245ce as d,
-  $72a5793c14baf454$export$e0e4026c12a8bdbb as e,
-  $72a5793c14baf454$export$8b251419efc915eb as f,
-  $431f98aba6844401$export$1ff3c3f08ae963c0 as g
+  $72a5793c14baf454$export$8b251419efc915eb as $,
+  $431f98aba6844401$export$1ff3c3f08ae963c0 as a,
+  $982254629710d113$export$b95089534ab7c1fd as b,
+  $453cc9f0df89c0a5$export$77d5aafae4e095b2 as c,
+  $325a3faab7a68acd$export$a16aca283550c30d as d,
+  $2a25aae57d74318e$export$a05409b8bb224a5a as e,
+  $431f98aba6844401$export$6615d83f6de245ce as f,
+  $72a5793c14baf454$export$e0e4026c12a8bdbb as g
 };

package/dist/{Slider-D9Cs6yKr.js → Slider-BgHBCyI7.js}

@@ -1,17 +1,17 @@
-import { f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, c as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, g as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, b as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a, $ as $64fa3d84918910a7$export$fabf2dc03a41866e } from "./utils-BCJajCwh.js";
-import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-BwqMVkuV.js";
+import { g as $8ae05eaa5c114e9c$export$7f54fc3180508a52, d as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, b as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a, $ as $64fa3d84918910a7$export$fabf2dc03a41866e } from "./utils-BSxcP7tv.js";
+import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-DqNX_sAU.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
 import React__default, { useRef, useMemo, useCallback, useState, useEffect, createContext, forwardRef, useContext } from "react";
-import { $ as $a916eb452884faea$export$b7a616150fdb9f44 } from "./useNumberFormatter-Cyx5Dxkf.js";
-import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715, i as $507fabe10e71c6fb$export$8397ddfc504fdb9a, m as $7215afc6de606d6b$export$de79e2c695e052f3, $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./focusSafely-CgFLw4FA.js";
+import { $ as $a916eb452884faea$export$b7a616150fdb9f44 } from "./useNumberFormatter-CTY_UZxq.js";
+import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715, i as $507fabe10e71c6fb$export$8397ddfc504fdb9a, n as $7215afc6de606d6b$export$de79e2c695e052f3, $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./focusSafely-Cl9cN7Qx.js";
 import { $ as $9446cca9a3875146$export$cb6e0bb50bc19463, a as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./number-GajL10e1.js";
-import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6, a as $14c0b72509d70225$export$b0d6fa1ab32e3295, b as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-CvK0YHTZ.js";
-import { $ as $d191a55c9702f145$export$8467354a121f1b9f } from "./useLabel-B6uO0wVK.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-Cs-ZD1nu.js";
-import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-B8m1uz1J.js";
-import { a as $46d819fcbaf35654$export$8f71654801c2f7cd, $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-ByyKSVQv.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-BMOTWmOx.js";
-import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-WhC7vZaL.js";
+import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6, a as $14c0b72509d70225$export$b0d6fa1ab32e3295, b as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-DDDNsS-g.js";
+import { $ as $d191a55c9702f145$export$8467354a121f1b9f } from "./useLabel-CzGdEzIq.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-BI3VdU0Z.js";
+import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-CTp--h9B.js";
+import { b as $46d819fcbaf35654$export$8f71654801c2f7cd, $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-CPKTGWPn.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-DKxoCzVD.js";
+import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-wryJF4qQ.js";
 function $e8a7022cf87cba2a$export$36da96379f79f245(props) {
   let { onMoveStart, onMove, onMoveEnd } = props;
   let state = useRef({
@@ -234,8 +234,8 @@ function $28f99e3e86e6ec45$export$e5fda3247f5d67f9(props) {
     minValue
   ]);
   let restrictValues = useCallback((values2) => values2 === null || values2 === void 0 ? void 0 : values2.map((val, idx) => {
-    let min = idx === 0 ? minValue : val[idx - 1];
-    let max = idx === values2.length - 1 ? maxValue : val[idx + 1];
+    let min = idx === 0 ? minValue : values2[idx - 1];
+    let max = idx === values2.length - 1 ? maxValue : values2[idx + 1];
     return $9446cca9a3875146$export$cb6e0bb50bc19463(val, min, max, step);
   }), [
     minValue,
@@ -393,9 +393,10 @@ function $bcca50147b47f54d$export$56b2c08e277f365(props, state, trackRef) {
       currentPosition.current = null;
     },
     onMove({ deltaX, deltaY }) {
+      if (!trackRef.current) return;
       let { height, width } = trackRef.current.getBoundingClientRect();
       let size = isVertical ? height : width;
-      if (currentPosition.current == null) currentPosition.current = state.getThumbPercent(realTimeTrackDraggingIndex.current) * size;
+      if (currentPosition.current == null && realTimeTrackDraggingIndex.current != null) currentPosition.current = state.getThumbPercent(realTimeTrackDraggingIndex.current) * size;
       let delta = isVertical ? deltaY : deltaX;
       if (isVertical || reverseX) delta = -delta;
       currentPosition.current += delta;
@@ -560,6 +561,7 @@ function $47b897dc8cdb026b$export$8d15029008292ae(opts, state) {
     },
     onMove({ deltaX, deltaY, pointerType, shiftKey }) {
       const { getThumbPercent, setThumbPercent, decrementThumb, incrementThumb, step, pageSize } = state;
+      if (!trackRef.current) return;
       let { width, height } = trackRef.current.getBoundingClientRect();
       let size = isVertical ? height : width;
       if (currentPosition.current == null) currentPosition.current = getThumbPercent(index) * size;

package/dist/{Text-BVIXT8qq.js → Text-DImhB4rT.js}

@@ -1,4 +1,4 @@
-import { a as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./utils-BCJajCwh.js";
+import { a as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./utils-BSxcP7tv.js";
 import React__default, { forwardRef, createContext } from "react";
 const $514c0188e459b4c0$export$9afb8bc826b033ea = /* @__PURE__ */ createContext({});
 function $514c0188e459b4c0$var$Text(props, ref) {

package/dist/{VisuallyHidden-WhC7vZaL.js → VisuallyHidden-wryJF4qQ.js}

@@ -1,6 +1,6 @@
-import { c as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-BCJajCwh.js";
+import { d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-BSxcP7tv.js";
 import React__default, { useState, useMemo } from "react";
-import { d as $9ab94262bd0047c7$export$420e68273165f4ec } from "./focusSafely-CgFLw4FA.js";
+import { d as $9ab94262bd0047c7$export$420e68273165f4ec } from "./focusSafely-Cl9cN7Qx.js";
 const $5c3e21d68f1c4674$var$styles = {
   border: 0,
   clip: "rect(0 0 0 0)",