@eightshift/ui-components 5.0.0 → 5.0.2

package/dist/Button-BpwTmkAe.js

@@ -0,0 +1,185 @@
+import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3, e as $bdb11010cef70236$export$f680877a34711e37, d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-CZt7LCbO.js";
+import React__default, { createContext, useRef, useEffect } from "react";
+import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "./Hidden-rE6uR-lr.js";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
+import { $ as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "./useButton-Bt3BffJm.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-Bv0UJQl8.js";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-C2SkI1Fn.js";
+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();
+    if (!(typeof IS_REACT_ACT_ENVIRONMENT === "boolean" ? IS_REACT_ACT_ENVIRONMENT : typeof jest !== "undefined")) setTimeout(() => {
+      if ($319e236875307eab$var$liveAnnouncer === null || $319e236875307eab$var$liveAnnouncer === void 0 ? void 0 : $319e236875307eab$var$liveAnnouncer.isAttached()) $319e236875307eab$var$liveAnnouncer === null || $319e236875307eab$var$liveAnnouncer === void 0 ? void 0 : $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
+    }, 100);
+    else $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
+  } else $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 {
+  isAttached() {
+    var _this_node;
+    return (_this_node = this.node) === null || _this_node === void 0 ? void 0 : _this_node.isConnected;
+  }
+  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) {
+    var _this_assertiveLog, _this_politeLog;
+    if (!this.node) return;
+    let node = document.createElement("div");
+    if (typeof message === "object") {
+      node.setAttribute("role", "img");
+      node.setAttribute("aria-labelledby", message["aria-labelledby"]);
+    } else node.textContent = message;
+    if (assertiveness === "assertive") (_this_assertiveLog = this.assertiveLog) === null || _this_assertiveLog === void 0 ? void 0 : _this_assertiveLog.appendChild(node);
+    else (_this_politeLog = this.politeLog) === null || _this_politeLog === void 0 ? void 0 : _this_politeLog.appendChild(node);
+    if (message !== "") setTimeout(() => {
+      node.remove();
+    }, timeout);
+  }
+  clear(assertiveness) {
+    if (!this.node) return;
+    if ((!assertiveness || assertiveness === "assertive") && this.assertiveLog) this.assertiveLog.innerHTML = "";
+    if ((!assertiveness || assertiveness === "polite") && this.politeLog) this.politeLog.innerHTML = "";
+  }
+  constructor() {
+    this.node = null;
+    this.assertiveLog = null;
+    this.politeLog = null;
+    if (typeof document !== "undefined") {
+      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);
+    }
+  }
+}
+const $0393f8ab869a0f1a$export$e9f3bf65a26ce129 = /* @__PURE__ */ createContext(null);
+const $d2b4bc8c273e7be6$var$additionalButtonHTMLAttributes = /* @__PURE__ */ new Set([
+  "form",
+  "formAction",
+  "formEncType",
+  "formMethod",
+  "formNoValidate",
+  "formTarget",
+  "name",
+  "value"
+]);
+const $d2b4bc8c273e7be6$export$24d547caef80ccd1 = /* @__PURE__ */ createContext({});
+const $d2b4bc8c273e7be6$export$353f5b6fc5456de1 = /* @__PURE__ */ $f39a9eba43920ace$export$86427a43e3e48ebb(function Button(props, ref) {
+  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $d2b4bc8c273e7be6$export$24d547caef80ccd1);
+  props = $d2b4bc8c273e7be6$var$disablePendingProps(props);
+  let ctx = props;
+  let { isPending } = ctx;
+  let { buttonProps, isPressed } = $701a24aa0da5b062$export$ea18c227d4417cc3(props, ref);
+  let { focusProps, isFocused, isFocusVisible } = $f7dceffc5ad7768b$export$4e328f61c538687f(props);
+  let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({
+    ...props,
+    isDisabled: props.isDisabled || isPending
+  });
+  let renderValues = {
+    isHovered,
+    isPressed: (ctx.isPressed || isPressed) && !isPending,
+    isFocused,
+    isFocusVisible,
+    isDisabled: props.isDisabled || false,
+    isPending: isPending !== null && isPending !== void 0 ? isPending : false
+  };
+  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+    ...props,
+    values: renderValues,
+    defaultClassName: "react-aria-Button"
+  });
+  let buttonId = $bdb11010cef70236$export$f680877a34711e37(buttonProps.id);
+  let progressId = $bdb11010cef70236$export$f680877a34711e37();
+  let ariaLabelledby = buttonProps["aria-labelledby"];
+  if (isPending) {
+    if (ariaLabelledby) ariaLabelledby = `${ariaLabelledby} ${progressId}`;
+    else if (buttonProps["aria-label"]) ariaLabelledby = `${buttonId} ${progressId}`;
+  }
+  let wasPending = useRef(isPending);
+  useEffect(() => {
+    let message = {
+      "aria-labelledby": ariaLabelledby || buttonId
+    };
+    if (!wasPending.current && isFocused && isPending) $319e236875307eab$export$a9b970dcc4ae71a9(message, "assertive");
+    else if (wasPending.current && isFocused && !isPending) $319e236875307eab$export$a9b970dcc4ae71a9(message, "assertive");
+    wasPending.current = isPending;
+  }, [
+    isPending,
+    isFocused,
+    ariaLabelledby,
+    buttonId
+  ]);
+  return /* @__PURE__ */ React__default.createElement("button", {
+    ...$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+      propNames: $d2b4bc8c273e7be6$var$additionalButtonHTMLAttributes
+    }),
+    ...$3ef42575df84b30b$export$9d1611c77c2fe928(buttonProps, focusProps, hoverProps),
+    ...renderProps,
+    type: buttonProps.type === "submit" && isPending ? "button" : buttonProps.type,
+    id: buttonId,
+    ref,
+    "aria-labelledby": ariaLabelledby,
+    slot: props.slot || void 0,
+    "aria-disabled": isPending ? "true" : buttonProps["aria-disabled"],
+    "data-disabled": props.isDisabled || void 0,
+    "data-pressed": renderValues.isPressed || void 0,
+    "data-hovered": isHovered || void 0,
+    "data-focused": isFocused || void 0,
+    "data-pending": isPending || void 0,
+    "data-focus-visible": isFocusVisible || void 0
+  }, /* @__PURE__ */ React__default.createElement($0393f8ab869a0f1a$export$e9f3bf65a26ce129.Provider, {
+    value: {
+      id: progressId
+    }
+  }, renderProps.children));
+});
+function $d2b4bc8c273e7be6$var$disablePendingProps(props) {
+  if (props.isPending) {
+    props.onPress = void 0;
+    props.onPressStart = void 0;
+    props.onPressEnd = void 0;
+    props.onPressChange = void 0;
+    props.onPressUp = void 0;
+    props.onKeyDown = void 0;
+    props.onKeyUp = void 0;
+    props.onClick = void 0;
+    props.href = void 0;
+  }
+  return props;
+}
+export {
+  $d2b4bc8c273e7be6$export$353f5b6fc5456de1 as $,
+  $d2b4bc8c273e7be6$export$24d547caef80ccd1 as a,
+  $319e236875307eab$export$a9b970dcc4ae71a9 as b,
+  $319e236875307eab$export$d10ae4f68404609a as c
+};