@eightshift/ui-components 5.0.0 → 5.0.2

package/dist/FieldError-DHrSdE_Q.js

@@ -0,0 +1,42 @@
+import { $ as $d191a55c9702f145$export$8467354a121f1b9f } from "./useLabel-BPCd5c7-.js";
+import { j as $bdb11010cef70236$export$b4cc09c592e8fdb8, d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-CZt7LCbO.js";
+import { createContext } from "react";
+function $2baaea4c71418dea$export$294aa081a6c6f55d(props) {
+  let { description, errorMessage, isInvalid, validationState } = props;
+  let { labelProps, fieldProps } = $d191a55c9702f145$export$8467354a121f1b9f(props);
+  let descriptionId = $bdb11010cef70236$export$b4cc09c592e8fdb8([
+    Boolean(description),
+    Boolean(errorMessage),
+    isInvalid,
+    validationState
+  ]);
+  let errorMessageId = $bdb11010cef70236$export$b4cc09c592e8fdb8([
+    Boolean(description),
+    Boolean(errorMessage),
+    isInvalid,
+    validationState
+  ]);
+  fieldProps = $3ef42575df84b30b$export$9d1611c77c2fe928(fieldProps, {
+    "aria-describedby": [
+      descriptionId,
+      // Use aria-describedby for error message because aria-errormessage is unsupported using VoiceOver or NVDA. See https://github.com/adobe/react-spectrum/issues/1346#issuecomment-740136268
+      errorMessageId,
+      props["aria-describedby"]
+    ].filter(Boolean).join(" ") || void 0
+  });
+  return {
+    labelProps,
+    fieldProps,
+    descriptionProps: {
+      id: descriptionId
+    },
+    errorMessageProps: {
+      id: errorMessageId
+    }
+  };
+}
+const $ee014567cb39d3f0$export$ff05c3ac10437e03 = /* @__PURE__ */ createContext(null);
+export {
+  $ee014567cb39d3f0$export$ff05c3ac10437e03 as $,
+  $2baaea4c71418dea$export$294aa081a6c6f55d as a
+};