@eightshift/ui-components 1.6.1 → 1.7.1

package/dist/{usePress-Cs8K7gKw.js → usePress-D8nPoIQm.js}

@@ -1,7 +1,7 @@
-import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6, a as $14c0b72509d70225$export$b0d6fa1ab32e3295, b as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-D5Bit8i8.js";
+import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6, a as $14c0b72509d70225$export$b0d6fa1ab32e3295, b as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-CvK0YHTZ.js";
 import React__default, { useContext, createContext, useState, useRef, useMemo, useEffect } from "react";
-import { f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, c as $3ef42575df84b30b$export$9d1611c77c2fe928, n as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./utils-Du2x3YVu.js";
-import { p as $c87311424ea30a05$export$b7d78993b74f766d, n as $c87311424ea30a05$export$9ac100e40613ea10, o as $c87311424ea30a05$export$78551043582a6a98, q as $c87311424ea30a05$export$7bef049ce92e4224, m as $7215afc6de606d6b$export$de79e2c695e052f3, r as $6a7db85432448f7f$export$29bf1b5f2c56cf63, g as $431fbd86ca7dc216$export$b204af158042fbac, s as $6a7db85432448f7f$export$60278871457622de, f as $431fbd86ca7dc216$export$f21a1ffae260145a, l as $e7801be82b4b2a53$export$4debdb1a3f0fa79e } from "./focusSafely-xMzk3syC.js";
+import { f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, c as $3ef42575df84b30b$export$9d1611c77c2fe928, n as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./utils-BCJajCwh.js";
+import { p as $c87311424ea30a05$export$b7d78993b74f766d, n as $c87311424ea30a05$export$9ac100e40613ea10, o as $c87311424ea30a05$export$78551043582a6a98, q as $c87311424ea30a05$export$7bef049ce92e4224, m as $7215afc6de606d6b$export$de79e2c695e052f3, r as $6a7db85432448f7f$export$29bf1b5f2c56cf63, g as $431fbd86ca7dc216$export$b204af158042fbac, s as $6a7db85432448f7f$export$60278871457622de, f as $431fbd86ca7dc216$export$f21a1ffae260145a, l as $e7801be82b4b2a53$export$4debdb1a3f0fa79e } from "./focusSafely-CgFLw4FA.js";
 const $ea8dcbcb9ea1b556$var$RouterContext = /* @__PURE__ */ createContext({
   isNative: true,
   open: $ea8dcbcb9ea1b556$var$openSyntheticLink,
@@ -57,8 +57,10 @@ function $ea8dcbcb9ea1b556$var$openSyntheticLink(target, modifiers) {
 }
 function $ea8dcbcb9ea1b556$export$7e924b3091a3bd18(props) {
   let router = $ea8dcbcb9ea1b556$export$9a302a45f65d0572();
+  var _props_href;
+  const href = router.useHref((_props_href = props === null || props === void 0 ? void 0 : props.href) !== null && _props_href !== void 0 ? _props_href : "");
   return {
-    href: (props === null || props === void 0 ? void 0 : props.href) ? router.useHref(props === null || props === void 0 ? void 0 : props.href) : void 0,
+    href: (props === null || props === void 0 ? void 0 : props.href) ? href : void 0,
     target: props === null || props === void 0 ? void 0 : props.target,
     rel: props === null || props === void 0 ? void 0 : props.rel,
     download: props === null || props === void 0 ? void 0 : props.download,
@@ -322,7 +324,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
           state.pointerType = "virtual";
           return;
         }
-        if ($f6c31cce2adf654f$var$shouldPreventDefault(e.currentTarget)) e.preventDefault();
+        if ($f6c31cce2adf654f$var$shouldPreventDefaultDown(e.currentTarget)) e.preventDefault();
         state.pointerType = e.pointerType;
         let shouldStopPropagation = true;
         if (!state.isPressed) {
@@ -342,7 +344,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
       pressProps2.onMouseDown = (e) => {
         if (!e.currentTarget.contains(e.target)) return;
         if (e.button === 0) {
-          if ($f6c31cce2adf654f$var$shouldPreventDefault(e.currentTarget)) e.preventDefault();
+          if ($f6c31cce2adf654f$var$shouldPreventDefaultDown(e.currentTarget)) e.preventDefault();
           e.stopPropagation();
         }
       };
@@ -373,8 +375,14 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
           state.pointerType = null;
           removeAllGlobalListeners();
           if (!allowTextSelectionOnPress) $14c0b72509d70225$export$b0d6fa1ab32e3295(state.target);
+          if ("ontouchend" in state.target && e.pointerType !== "mouse") addGlobalListener(state.target, "touchend", onTouchEnd, {
+            once: true
+          });
         }
       };
+      let onTouchEnd = (e) => {
+        if ($f6c31cce2adf654f$var$shouldPreventDefaultUp(e.target)) e.preventDefault();
+      };
       let onPointerCancel = (e) => {
         cancel(e);
       };
@@ -385,7 +393,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
     } else {
       pressProps2.onMouseDown = (e) => {
         if (e.button !== 0 || !e.currentTarget.contains(e.target)) return;
-        if ($f6c31cce2adf654f$var$shouldPreventDefault(e.currentTarget)) e.preventDefault();
+        if ($f6c31cce2adf654f$var$shouldPreventDefaultDown(e.currentTarget)) e.preventDefault();
         if (state.ignoreEmulatedMouseEvents) {
           e.stopPropagation();
           return;
@@ -613,15 +621,19 @@ function $f6c31cce2adf654f$var$isOverTarget(point, target) {
   let pointRect = $f6c31cce2adf654f$var$getPointClientRect(point);
   return $f6c31cce2adf654f$var$areRectanglesOverlapping(rect, pointRect);
 }
-function $f6c31cce2adf654f$var$shouldPreventDefault(target) {
+function $f6c31cce2adf654f$var$shouldPreventDefaultDown(target) {
   return !(target instanceof HTMLElement) || !target.hasAttribute("draggable");
 }
-function $f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(target, key) {
-  if (target instanceof HTMLInputElement) return !$f6c31cce2adf654f$var$isValidInputKey(target, key);
+function $f6c31cce2adf654f$var$shouldPreventDefaultUp(target) {
+  if (target instanceof HTMLInputElement) return false;
   if (target instanceof HTMLButtonElement) return target.type !== "submit" && target.type !== "reset";
   if ($f6c31cce2adf654f$var$isHTMLAnchorLink(target)) return false;
   return true;
 }
+function $f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(target, key) {
+  if (target instanceof HTMLInputElement) return !$f6c31cce2adf654f$var$isValidInputKey(target, key);
+  return $f6c31cce2adf654f$var$shouldPreventDefaultUp(target);
+}
 const $f6c31cce2adf654f$var$nonTextInputTypes = /* @__PURE__ */ new Set([
   "checkbox",
   "radio",

package/dist/{useSingleSelectListState-C1ddMCq3.js → useSingleSelectListState-CABciySJ.js}

@@ -1,5 +1,5 @@
-import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "./useListState-GXSJsAgz.js";
-import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./focusSafely-xMzk3syC.js";
+import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "./useListState-eKxv7HPC.js";
+import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./focusSafely-CgFLw4FA.js";
 import { useMemo } from "react";
 function $a0d645289fe9b86b$export$e7f05e985daf4b5f(props) {
   var _props_defaultSelectedKey;
@@ -16,6 +16,7 @@ function $a0d645289fe9b86b$export$e7f05e985daf4b5f(props) {
     allowDuplicateSelectionEvents: true,
     selectedKeys,
     onSelectionChange: (keys) => {
+      if (keys === "all") return;
       var _keys_values_next_value;
       let key = (_keys_values_next_value = keys.values().next().value) !== null && _keys_values_next_value !== void 0 ? _keys_values_next_value : null;
       if (key === selectedKey && props.onSelectionChange) props.onSelectionChange(key);

package/dist/{useToggle-Cn2nQUNS.js → useToggle-BmltE9Zr.js}

@@ -1,8 +1,8 @@
-import { c as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-Du2x3YVu.js";
+import { c as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-BCJajCwh.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
-import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-fUHUaaR6.js";
-import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-Bu2Ovohk.js";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-Cs8K7gKw.js";
+import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-B8m1uz1J.js";
+import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-ByyKSVQv.js";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-D8nPoIQm.js";
 function $d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, ref) {
   let { isDisabled = false, isReadOnly = false, value, name, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, validationState = "valid", isInvalid } = props;
   let onChange = (e) => {

package/dist/{useToggleState-Dj0JhD9W.js → useToggleState-DZXLEnA_.js}

@@ -1,4 +1,4 @@
-import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./focusSafely-xMzk3syC.js";
+import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./focusSafely-CgFLw4FA.js";
 function $3017fa7ffdddec74$export$8042c6c013fd5226(props = {}) {
   let { isReadOnly } = props;
   let [isSelected, setSelected] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.isSelected, props.defaultSelected || false, props.onChange);

package/dist/{utils-Du2x3YVu.js → utils-BCJajCwh.js}

@@ -106,7 +106,15 @@ function $bdb11010cef70236$export$f680877a34711e37(defaultId) {
   let updateValue = useCallback((val) => {
     nextId.current = val;
   }, []);
-  if ($bdb11010cef70236$var$canUseDOM) $bdb11010cef70236$var$idsUpdaterMap.set(res, updateValue);
+  if ($bdb11010cef70236$var$canUseDOM) {
+    if ($bdb11010cef70236$var$idsUpdaterMap.has(res) && !$bdb11010cef70236$var$idsUpdaterMap.get(res).includes(updateValue)) $bdb11010cef70236$var$idsUpdaterMap.set(res, [
+      ...$bdb11010cef70236$var$idsUpdaterMap.get(res),
+      updateValue
+    ]);
+    else $bdb11010cef70236$var$idsUpdaterMap.set(res, [
+      updateValue
+    ]);
+  }
   $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
     let r2 = res;
     return () => {
@@ -126,14 +134,14 @@ function $bdb11010cef70236$export$f680877a34711e37(defaultId) {
 }
 function $bdb11010cef70236$export$cd8c9cb68f842629(idA, idB) {
   if (idA === idB) return idA;
-  let setIdA = $bdb11010cef70236$var$idsUpdaterMap.get(idA);
-  if (setIdA) {
-    setIdA(idB);
+  let setIdsA = $bdb11010cef70236$var$idsUpdaterMap.get(idA);
+  if (setIdsA) {
+    setIdsA.forEach((fn) => fn(idB));
     return idB;
   }
-  let setIdB = $bdb11010cef70236$var$idsUpdaterMap.get(idB);
-  if (setIdB) {
-    setIdB(idA);
+  let setIdsB = $bdb11010cef70236$var$idsUpdaterMap.get(idB);
+  if (setIdsB) {
+    setIdsB.forEach((fn) => fn(idA));
     return idA;
   }
   return idB;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eightshift/ui-components",
-  "version": "1.6.1",
+  "version": "1.7.1",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -42,52 +42,52 @@
     "@dnd-kit/react": "^0.0.5",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-jsx-parser": "^2.1.0",
+    "react-jsx-parser": "^2.2.2",
     "react-movable": "^3.3.1",
     "svg-to-jsx-string": "^0.1.1"
   },
   "devDependencies": {
-    "@adobe/react-spectrum": "^3.36.3",
+    "@adobe/react-spectrum": "^3.37.1",
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/modifiers": "^7.0.0",
     "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@eslint/compat": "^1.1.1",
-    "@react-stately/collections": "^3.10.9",
-    "@stylistic/eslint-plugin-js": "^2.8.0",
-    "@types/react": "^18.3.9",
-    "@types/react-dom": "^18.3.0",
-    "@vitejs/plugin-react-swc": "^3.7.0",
-    "@wordpress/i18n": "^5.8.0",
+    "@eslint/compat": "^1.2.3",
+    "@react-stately/collections": "^3.11.0",
+    "@stylistic/eslint-plugin-js": "^2.10.1",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@vitejs/plugin-react-swc": "^3.7.1",
+    "@wordpress/i18n": "^5.11.0",
     "autoprefixer": "^10.4.20",
     "clsx": "^2.1.1",
     "css-gradient-parser": "^0.0.16",
-    "eslint": "^9.11.1",
+    "eslint": "^9.14.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-jsdoc": "^50.3.0",
+    "eslint-plugin-jsdoc": "^50.5.0",
     "eslint-plugin-prettier": "^5.2.1",
-    "framer-motion": "^11.8.0",
+    "framer-motion": "^11.11.17",
     "glob": "^11.0.0",
-    "globals": "^15.9.0",
+    "globals": "^15.12.0",
     "just-camel-case": "^6.2.0",
     "just-debounce-it": "^3.2.0",
     "just-has": "^2.3.0",
     "just-is-empty": "^3.4.1",
     "just-kebab-case": "^4.2.0",
     "just-throttle": "^4.2.0",
-    "lightningcss": "^1.27.0",
-    "postcss": "^8.4.47",
+    "lightningcss": "^1.28.1",
+    "postcss": "^8.4.49",
     "prettier": "^3.3.3",
     "prettier-plugin-tailwindcss": "^0.6.8",
-    "react-aria": "^3.34.3",
-    "react-aria-components": "^1.3.3",
-    "react-select": "^5.8.1",
-    "react-stately": "^3.32.2",
-    "tailwindcss": "^3.4.13",
+    "react-aria": "^3.35.1",
+    "react-aria-components": "^1.4.1",
+    "react-select": "^5.8.3",
+    "react-stately": "^3.33.0",
+    "tailwindcss": "^3.4.15",
     "tailwindcss-animate": "^1.0.7",
-    "tailwindcss-react-aria-components": "^1.1.5",
-    "tailwindcss-scoped-preflight": "^3.4.4",
-    "vite": "^5.4.8",
+    "tailwindcss-react-aria-components": "^1.1.6",
+    "tailwindcss-scoped-preflight": "^3.4.9",
+    "vite": "^5.4.11",
     "vite-plugin-lib-inject-css": "^2.1.1"
   },
   "scripts": {

package/dist/Button-CYX0D6At.js

@@ -1,55 +0,0 @@
-import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3, c as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-Du2x3YVu.js";
-import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "./Hidden-CupIZhlF.js";
-import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
-import React__default, { createContext } from "react";
-import { $ as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "./useButton-6H5k2W5N.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-rz8eyzby.js";
-import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./focusSafely-xMzk3syC.js";
-const $d2b4bc8c273e7be6$var$additionalButtonHTMLAttributes = /* @__PURE__ */ new Set([
-  "form",
-  "formAction",
-  "formEncType",
-  "formMethod",
-  "formNoValidate",
-  "formTarget",
-  "name",
-  "value"
-]);
-const $d2b4bc8c273e7be6$export$24d547caef80ccd1 = /* @__PURE__ */ createContext({});
-function $d2b4bc8c273e7be6$var$Button(props, ref) {
-  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $d2b4bc8c273e7be6$export$24d547caef80ccd1);
-  let ctx = props;
-  let { buttonProps, isPressed } = $701a24aa0da5b062$export$ea18c227d4417cc3(props, ref);
-  let { focusProps, isFocused, isFocusVisible } = $f7dceffc5ad7768b$export$4e328f61c538687f(props);
-  let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456(props);
-  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
-    ...props,
-    values: {
-      isHovered,
-      isPressed,
-      isFocused,
-      isFocusVisible,
-      isDisabled: props.isDisabled || false
-    },
-    defaultClassName: "react-aria-Button"
-  });
-  return /* @__PURE__ */ React__default.createElement("button", {
-    ...$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
-      propNames: $d2b4bc8c273e7be6$var$additionalButtonHTMLAttributes
-    }),
-    ...$3ef42575df84b30b$export$9d1611c77c2fe928(buttonProps, focusProps, hoverProps),
-    ...renderProps,
-    ref,
-    slot: props.slot || void 0,
-    "data-disabled": props.isDisabled || void 0,
-    "data-pressed": ctx.isPressed || isPressed || void 0,
-    "data-hovered": isHovered || void 0,
-    "data-focused": isFocused || void 0,
-    "data-focus-visible": isFocusVisible || void 0
-  });
-}
-const $d2b4bc8c273e7be6$export$353f5b6fc5456de1 = /* @__PURE__ */ $f39a9eba43920ace$export$86427a43e3e48ebb($d2b4bc8c273e7be6$var$Button);
-export {
-  $d2b4bc8c273e7be6$export$24d547caef80ccd1 as $,
-  $d2b4bc8c273e7be6$export$353f5b6fc5456de1 as a
-};

package/dist/LiveAnnouncer-D8h-3GrG.js

@@ -1,63 +0,0 @@
-const $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY = 7e3;
-let $319e236875307eab$var$liveAnnouncer = null;
-function $319e236875307eab$export$a9b970dcc4ae71a9(message, assertiveness = "assertive", timeout = $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY) {
-  if (!$319e236875307eab$var$liveAnnouncer) $319e236875307eab$var$liveAnnouncer = new $319e236875307eab$var$LiveAnnouncer();
-  $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
-}
-function $319e236875307eab$export$d10ae4f68404609a(assertiveness) {
-  if ($319e236875307eab$var$liveAnnouncer) $319e236875307eab$var$liveAnnouncer.clear(assertiveness);
-}
-class $319e236875307eab$var$LiveAnnouncer {
-  createLog(ariaLive) {
-    let node = document.createElement("div");
-    node.setAttribute("role", "log");
-    node.setAttribute("aria-live", ariaLive);
-    node.setAttribute("aria-relevant", "additions");
-    return node;
-  }
-  destroy() {
-    if (!this.node) return;
-    document.body.removeChild(this.node);
-    this.node = null;
-  }
-  announce(message, assertiveness = "assertive", timeout = $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY) {
-    if (!this.node) return;
-    let node = document.createElement("div");
-    node.textContent = message;
-    if (assertiveness === "assertive") this.assertiveLog.appendChild(node);
-    else this.politeLog.appendChild(node);
-    if (message !== "") setTimeout(() => {
-      node.remove();
-    }, timeout);
-  }
-  clear(assertiveness) {
-    if (!this.node) return;
-    if (!assertiveness || assertiveness === "assertive") this.assertiveLog.innerHTML = "";
-    if (!assertiveness || assertiveness === "polite") this.politeLog.innerHTML = "";
-  }
-  constructor() {
-    this.node = document.createElement("div");
-    this.node.dataset.liveAnnouncer = "true";
-    Object.assign(this.node.style, {
-      border: 0,
-      clip: "rect(0 0 0 0)",
-      clipPath: "inset(50%)",
-      height: "1px",
-      margin: "-1px",
-      overflow: "hidden",
-      padding: 0,
-      position: "absolute",
-      width: "1px",
-      whiteSpace: "nowrap"
-    });
-    this.assertiveLog = this.createLog("assertive");
-    this.node.appendChild(this.assertiveLog);
-    this.politeLog = this.createLog("polite");
-    this.node.appendChild(this.politeLog);
-    document.body.prepend(this.node);
-  }
-}
-export {
-  $319e236875307eab$export$a9b970dcc4ae71a9 as $,
-  $319e236875307eab$export$d10ae4f68404609a as a
-};