@wistia/ui 1.0.0-beta.db6bcdef.bed5fc6 → 1.0.0-beta.dba1dda4.f5f73bd

package/dist/index.js

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v1.0.0-beta.db6bcdef.bed5fc6
+ * @license @wistia/ui v1.0.0-beta.dba1dda4.f5f73bd
  *
  * Copyright (c) 2024-2026, Wistia, Inc. and its affiliates.
  *
@@ -734,7 +734,7 @@ const parseDateString = (str) => {
 		return startOfDay(date);
 	}
 	const referenceDate = /* @__PURE__ */ new Date();
-	const parsedDate = DATE_FORMATS.map((fmt) => parse(trimmed, fmt, referenceDate)).find(isValid);
+	const parsedDate = DATE_FORMATS.map((fmt) => parse(trimmed, fmt, referenceDate)).find((date) => isValid(date));
 	if (parsedDate !== void 0) return startOfDay(parsedDate);
 	const native = new Date(trimmed);
 	if (isValid(native)) return startOfDay(native);
@@ -1298,7 +1298,7 @@ const isTabbableElement = (element) => {
 	const tabIndex = getElementTabIndex(element);
 	return (isTabIndexNaN(element) || tabIndex >= 0) && isFocusableElement(element);
 };
-const findTabbableDescendants = (element) => Array.from(element.querySelectorAll(FOCUSABLE_ELEMENT_SELECTORS)).filter(isTabbableElement);
+const findTabbableDescendants = (element) => Array.from(element.querySelectorAll(FOCUSABLE_ELEMENT_SELECTORS)).filter((el) => isTabbableElement(el));
 const focusLaterElements = [];
 let focusElement = null;
 let needToFocus = false;
@@ -1390,7 +1390,7 @@ const useFocusTrap = (active = true, options = {}) => {
 				else focusElement = typeof options.focusSelector === "string" ? node2.querySelector(options.focusSelector) : options.focusSelector;
 				if (!focusElement) {
 					const children = Array.from(node2.querySelectorAll(FOCUSABLE_ELEMENT_SELECTORS));
-					focusElement = children.find(isTabbableElement) ?? children.find(isFocusableElement) ?? null;
+					focusElement = children.find((element) => isTabbableElement(element)) ?? children.find((element) => isFocusableElement(element)) ?? null;
 					if (!focusElement && isFocusableElement(node2)) focusElement = node2;
 				}
 				if (focusElement) focusElement.focus();
@@ -5806,7 +5806,7 @@ const containsEmojiCharacter = (char) => {
 };
 const formatNameForDisplay = (name) => {
 	if (isNil(name) || !isString(name) || isEmptyString(name) || containsEmojiCharacter(name)) return "U";
-	return name.trim().substring(0, 1).toUpperCase();
+	return name.trim().slice(0, 1).toUpperCase();
 };
 //#endregion
 //#region src/components/Image/Image.tsx
@@ -7268,8 +7268,8 @@ const isClickableElement = (element) => {
 */
 const ClickRegion = ({ children, targetRef }) => {
 	useEffect(() => {
-		if (targetRef.current?.tagName === "A") targetRef.current.setAttribute("data-click-region-target-link", "");
-		else if (targetRef.current?.tagName === "BUTTON") targetRef.current.setAttribute("data-click-region-target-button", "");
+		if (targetRef.current?.tagName === "A") targetRef.current.dataset.clickRegionTargetLink = "";
+		else if (targetRef.current?.tagName === "BUTTON") targetRef.current.dataset.clickRegionTargetButton = "";
 	}, [targetRef]);
 	const handleClick = useCallback((event) => {
 		const node = targetRef.current;
@@ -7278,7 +7278,7 @@ const ClickRegion = ({ children, targetRef }) => {
 			event.stopPropagation();
 			return;
 		}
-		if (node === null || event.defaultPrevented || !node.hasAttribute("data-click-region-target-button")) return;
+		if (node === null || event.defaultPrevented || !Object.hasOwn(node.dataset, "clickRegionTargetButton")) return;
 		event.stopPropagation();
 		event.preventDefault();
 		node.focus();
@@ -14116,7 +14116,7 @@ const nodeToString = (node) => {
 	if (typeof node === "string") return node;
 	if (typeof node === "number") return String(node);
 	if (node == null || typeof node === "boolean") return "";
-	if (Array.isArray(node)) return node.map(nodeToString).join("");
+	if (Array.isArray(node)) return node.map((child) => nodeToString(child)).join("");
 	if (typeof node === "object" && "props" in node) {
 		const element = node;
 		if (element.props?.children != null) return nodeToString(element.props.children);
@@ -15632,7 +15632,7 @@ const StyledSidebarGroupList = styled.ul`
 const isLabelChild = (child) => isValidElement(child) && child.type === SidebarGroupLabel;
 const SidebarGroup = ({ children }) => {
 	const childArray = Children.toArray(children);
-	const labels = childArray.filter(isLabelChild);
+	const labels = childArray.filter((child) => isLabelChild(child));
 	const items = childArray.filter((child) => isValidElement(child) && !isLabelChild(child));
 	return /* @__PURE__ */ jsxs(StyledSidebarGroup, {
 		"data-wui-sidebar-group": true,