New source found from dndbeyond.com

2026-07-08 01:00:09 -07:00
parent 9a983a6d7b
commit dcefa0d2f2
2865 changed files with 222467 additions and 49053 deletions
@@ -1,49 +1,49 @@
-import { HTMLAttributes } from "react";
+import { HTMLAttributes, JSX } from "react";
+
 import { useErrorHandling } from "./useErrorHandling";

 export interface MaxLengthErrorHandler {
-    handleMaxLengthErrorMsg: (value: string) => void;
-    hideError: () => void;
-    MaxLengthErrorMessage: () => JSX.Element;
-};
+  handleMaxLengthErrorMsg: (value: string) => void;
+  hideError: () => void;
+  MaxLengthErrorMessage: () => JSX.Element;
+}

 export const useMaxLengthErrorHandling = (
-    initialState: boolean,
-    maxLength: number | null,
-    errMsg: string = "",
-    errorMessageAttributes?: HTMLAttributes<HTMLDivElement>
+  initialState: boolean,
+  maxLength: number | null,
+  errMsg: string = "",
+  errorMessageAttributes?: HTMLAttributes<HTMLDivElement>
 ): MaxLengthErrorHandler => {
-    errMsg ||= `The max length is ${maxLength} characters.`;
+  errMsg ||= `The max length is ${maxLength} characters.`;

-    const {
-        showError,
-        setShowError,
-        ErrorMessage,
-    } = useErrorHandling(initialState, errMsg, errorMessageAttributes);
+  const { showError, setShowError, ErrorMessage } = useErrorHandling(
+    initialState,
+    errMsg,
+    errorMessageAttributes
+  );

-    const handleMaxLengthErrorMsg = (value: string): void => {
-        if (!maxLength) {
-            // Skip if maxLength is 0 or not set.
-            return;
-        }
-
-        const isTooLong = (value?.length ?? 0) >= (maxLength ?? 0);
-        if (isTooLong !== showError) {
-            setShowError(isTooLong);
-        }
-    };
-
-    const hideError = () => {
-        setShowError(false);
+  const handleMaxLengthErrorMsg = (value: string): void => {
+    if (!maxLength) {
+      // Skip if maxLength is 0 or not set.
+      return;
    }

-    const MaxLengthErrorMessage = (): JSX.Element => showError && errMsg
-        ? (<ErrorMessage />)
-        : <></>;
+    const isTooLong = (value?.length ?? 0) >= (maxLength ?? 0);
+    if (isTooLong !== showError) {
+      setShowError(isTooLong);
+    }
+  };

-    return {
-        handleMaxLengthErrorMsg,
-        MaxLengthErrorMessage,
-        hideError
-    };
-}
+  const hideError = () => {
+    setShowError(false);
+  };
+
+  const MaxLengthErrorMessage = (): JSX.Element =>
+    showError && errMsg ? <ErrorMessage /> : <></>;
+
+  return {
+    handleMaxLengthErrorMsg,
+    MaxLengthErrorMessage,
+    hideError,
+  };
+};