@hitachivantara/uikit-react-core 5.66.12 → 5.66.14

package/dist/cjs/ActionsGeneric/ActionsGeneric.cjs

@@ -32,8 +32,7 @@ const HvActionsGeneric = (props) => {
     actionsCallback?.(event, id, action);
     onAction?.(event, action);
   };
-  if (!Array.isArray(actions))
-    return React.isValidElement(actions) ? actions : null;
+  if (!Array.isArray(actions)) return React.isValidElement(actions) ? actions : null;
   const renderButton = (action, idx) => {
     const {
       disabled: actDisabled,

package/dist/cjs/AvatarGroup/AvatarGroup.cjs

@@ -99,8 +99,7 @@ const HvAvatarGroup = React.forwardRef(
     const totalChildren = React.Children.count(children);
     const willOverflow = totalChildren > maxVisible;
     const childrenToShow = React.Children.toArray(children).slice(0, maxVisible);
-    if (toBack)
-      childrenToShow.reverse();
+    if (toBack) childrenToShow.reverse();
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {

package/dist/cjs/BaseDropdown/BaseDropdown.cjs

@@ -88,8 +88,7 @@ const BaseDropdown = React.forwardRef((props, ref) => {
       }
       const notControlKey = !!event?.code && !keyboardUtils.isOneOfKeys(event, ["Tab", "Enter", "Esc", "ArrowDown", "Space"]);
       const ignoredCombinations = keyboardUtils.isKey(event, "Esc") && !isOpen || keyboardUtils.isKey(event, "ArrowDown") && isOpen || keyboardUtils.isKey(event, "Tab") && !isOpen;
-      if (disabled || notControlKey || ignoredCombinations)
-        return;
+      if (disabled || notControlKey || ignoredCombinations) return;
       const newOpen = !isOpen;
       setIsOpen(() => {
         if (!newOpen) {
@@ -211,8 +210,7 @@ const BaseDropdown = React.forwardRef((props, ref) => {
         ] }) })
       }
     );
-    if (disablePortal)
-      return container;
+    if (disablePortal) return container;
     return reactDom.createPortal(
       container,
       document.getElementById(rootId || "") || document.body

package/dist/cjs/Box/Box.cjs

@@ -1,23 +1,22 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const useDefaultProps = require("../hooks/useDefaultProps.cjs");
+const generic = require("../types/generic.cjs");
 const sxFn = (sx) => {
   return typeof sx === "function" ? sx(uikitStyles.theme) : sx;
 };
-const HvBox = React.forwardRef(
-  (props, ref) => {
-    const {
-      style,
-      component: Component = "div",
-      sx,
-      children,
-      classes,
-      ...restProps
-    } = useDefaultProps.useDefaultProps("HvBox", props);
-    return /* @__PURE__ */ jsxRuntime.jsx(Component, { style: sx ? sxFn(sx) : style, ref, ...restProps, children });
-  }
-);
+const HvBox = generic.fixedForwardRef(function HvBox2(props, ref) {
+  const {
+    style,
+    component: Component = "div",
+    sx,
+    children,
+    classes,
+    // Extracted since useDefaultProps creates this prop even if it's not part of the component's API
+    ...restProps
+  } = useDefaultProps.useDefaultProps("HvBox", props);
+  return /* @__PURE__ */ jsxRuntime.jsx(Component, { style: sx ? sxFn(sx) : style, ref, ...restProps, children });
+});
 exports.HvBox = HvBox;

package/dist/cjs/Button/Button.cjs

@@ -7,8 +7,7 @@ const useTheme = require("../hooks/useTheme.cjs");
 const generic = require("../types/generic.cjs");
 const Button_styles = require("./Button.styles.cjs");
 const mapVariant = (variant, theme) => {
-  if (theme === "ds3")
-    return variant;
+  if (theme === "ds3") return variant;
   const deprecatedVariantMap = {
     secondary: "secondarySubtle",
     ghost: "primaryGhost"
@@ -45,13 +44,11 @@ const HvButton = generic.fixedForwardRef(function HvButton2(props, ref) {
     activeTheme?.name
   );
   const handleClick = (e) => {
-    if (disabled)
-      return;
+    if (disabled) return;
     onClickProp?.(e);
   };
   const handleMouseDown = (e) => {
-    if (disabled)
-      return;
+    if (disabled) return;
     onMouseDownProp?.(e);
   };
   const [color, type] = React.useMemo(() => {

package/dist/cjs/Calendar/CalendarHeader/CalendarHeader.cjs

@@ -87,8 +87,7 @@ const HvCalendarHeader = (props) => {
     }
   };
   const onBlurHandler = (event) => {
-    if (editedValue == null)
-      return;
+    if (editedValue == null) return;
     if (editedValue === "") {
       setIsValidValue(true);
       setEditedValue(null);
@@ -103,8 +102,7 @@ const HvCalendarHeader = (props) => {
     handleNewDate(event, editedValue);
   };
   const onFocusHandler = (event) => {
-    if (!localValue)
-      return;
+    if (!localValue) return;
     const formattedDate = isValidValue && utils.isDate(localValue) ? dayjs__default.default(localValue).locale(locale).format("L") : editedValue;
     setEditedValue(formattedDate);
     onFocus?.(event, formattedDate);

package/dist/cjs/Calendar/SingleCalendar/CalendarCell.cjs

@@ -39,8 +39,7 @@ const HvCalendarCell = (props) => {
   const handleClick = (event) => {
     if (value) {
       onChange?.(event, value);
-      if (buttonEl.current)
-        setTimeout(() => buttonEl?.current?.focus());
+      if (buttonEl.current) setTimeout(() => buttonEl?.current?.focus());
     }
   };
   const handleKeyDown = (event) => {

package/dist/cjs/Calendar/SingleCalendar/SingleCalendar.cjs

@@ -50,14 +50,10 @@ const HvSingleCalendar = ({
     onInputChange?.(event, date);
   };
   const getNavChild = (event, siblings, i) => {
-    if (keyboardUtils.isKey(event, "ArrowLeft"))
-      return siblings[i - 1];
-    if (keyboardUtils.isKey(event, "ArrowRight"))
-      return siblings[i + 1];
-    if (keyboardUtils.isKey(event, "ArrowUp"))
-      return siblings[i - 7];
-    if (keyboardUtils.isKey(event, "ArrowDown"))
-      return siblings[i + 7];
+    if (keyboardUtils.isKey(event, "ArrowLeft")) return siblings[i - 1];
+    if (keyboardUtils.isKey(event, "ArrowRight")) return siblings[i + 1];
+    if (keyboardUtils.isKey(event, "ArrowUp")) return siblings[i - 7];
+    if (keyboardUtils.isKey(event, "ArrowDown")) return siblings[i + 7];
     return void 0;
   };
   const handleKeyDown = (event) => {

package/dist/cjs/Calendar/utils.cjs

@@ -11,13 +11,11 @@ const makeUTCDate = (year, monthIndex, day, hour = 1) => new Date(Date.UTC(year,
 const isDate = (date) => Object.prototype.toString.call(date) === "[object Date]" && !Number.isNaN(date.valueOf());
 const isDateRangeProp = (date) => "startDate" in date;
 const isSameMonth = (date1, date2) => {
-  if (!(isDate(date1) && isDate(date2)))
-    return false;
+  if (!(isDate(date1) && isDate(date2))) return false;
   return date1.getMonth() === date2.getMonth() && date1.getFullYear() === date2.getFullYear();
 };
 const isSameDay = (date1, date2) => {
-  if (!(isDate(date1) && isDate(date2)))
-    return false;
+  if (!(isDate(date1) && isDate(date2))) return false;
   return date1.getDate() === date2.getDate() && date1.getMonth() === date2.getMonth() && date1.getFullYear() === date2.getFullYear();
 };
 const getPreviousMonth = (month, year) => {
@@ -72,8 +70,7 @@ const createDatesArray = (month, year) => {
 const isRange = (date) => date != null && typeof date === "object" && "startDate" in date;
 const dateInProvidedValueRange = (date, providedValueRange) => {
   const { startDate, endDate } = providedValueRange;
-  if (!isRange(providedValueRange) || endDate == null)
-    return false;
+  if (!isRange(providedValueRange) || endDate == null) return false;
   const localEndDate = endDate;
   const modStartDate = dayjs__default.default(startDate).format("YYYY-MM-DD");
   const modEndDate = dayjs__default.default(localEndDate).format("YYYY-MM-DD");
@@ -81,8 +78,7 @@ const dateInProvidedValueRange = (date, providedValueRange) => {
   return convertedDate >= modStartDate && convertedDate <= modEndDate;
 };
 const checkIfDateIsDisabled = (date, minimumDate, maximumDate) => {
-  if (!minimumDate && !maximumDate)
-    return false;
+  if (!minimumDate && !maximumDate) return false;
   const modStartDate = minimumDate ? dayjs__default.default(minimumDate).format("YYYY-MM-DD") : void 0;
   const modEndDate = maximumDate ? dayjs__default.default(maximumDate).format("YYYY-MM-DD") : void 0;
   const convertedDate = dayjs__default.default(date).format("YYYY-MM-DD");

package/dist/cjs/Carousel/Carousel.cjs

@@ -5,6 +5,7 @@ const React = require("react");
 const useCarousel = require("embla-carousel-react");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const useDefaultProps = require("../hooks/useDefaultProps.cjs");
+const useLabels = require("../hooks/useLabels.cjs");
 const useTheme = require("../hooks/useTheme.cjs");
 const helpers = require("../utils/helpers.cjs");
 const Carousel_styles = require("./Carousel.styles.cjs");
@@ -16,6 +17,12 @@ const IconButton = require("../IconButton/IconButton.cjs");
 const Typography = require("../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const useCarousel__default = /* @__PURE__ */ _interopDefault(useCarousel);
+const DEFAULT_LABELS = {
+  close: "Close",
+  fullscreen: "Fullscreen",
+  backwards: "Backwards",
+  forwards: "Forwards"
+};
 const HvCarousel = (props) => {
   const {
     className,
@@ -33,13 +40,16 @@ const HvCarousel = (props) => {
     hideThumbnails: hideThumbnailsProp,
     controlsPosition: controlsPositionProp,
     thumbnailsPosition: thumbnailsPositionProp,
+    labels: labelsProps,
     carouselOptions,
     renderThumbnail,
     onChange,
+    onFullscreen,
     ...others
   } = useDefaultProps.useDefaultProps("HvCarousel", props);
   const { activeTheme } = useTheme.useTheme();
   const { classes, css, cx } = Carousel_styles.useClasses(classesProp);
+  const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProps);
   const thumbnailsRef = React.useRef(null);
   const [isFullscreen, setIsFullscreen] = React.useState(false);
   const isDs3 = activeTheme?.name === "ds3";
@@ -65,8 +75,7 @@ const HvCarousel = (props) => {
     controller?.scrollTo(index);
   };
   const handleSelect = React.useCallback(() => {
-    if (!controller)
-      return;
+    if (!controller) return;
     const slideIndex = controller.selectedScrollSnap();
     setSelectedIndex(slideIndex);
     thumbnailsRef.current?.querySelectorAll("button")?.[slideIndex]?.scrollIntoView({
@@ -76,19 +85,21 @@ const HvCarousel = (props) => {
     onChange?.(slideIndex);
   }, [controller, onChange]);
   React.useEffect(() => {
-    if (!controller)
-      return;
+    if (!controller) return;
     controller.on("select", handleSelect);
     return () => {
       controller.off("select", handleSelect);
     };
   }, [controller, handleSelect]);
   React.useEffect(() => {
-    if (!controller)
-      return;
+    if (!controller) return;
     controller.reInit();
     setSelectedIndex((currentIndex) => helpers.clamp(currentIndex, numSlides));
   }, [numSlides, controller]);
+  const handleFullscreen = (event) => {
+    onFullscreen?.(event, !isFullscreen);
+    setIsFullscreen((curr) => !curr);
+  };
   const canPrev = controller?.canScrollPrev() ?? false;
   const canNext = controller?.canScrollNext() ?? false;
   const showTitle = !!title && (!xs || isFullscreen);
@@ -110,8 +121,8 @@ const HvCarousel = (props) => {
         showFullscreen && /* @__PURE__ */ jsxRuntime.jsx(
           IconButton.HvIconButton,
           {
-            title: isFullscreen ? "Close" : "Fullscreen",
-            onClick: () => setIsFullscreen((curr) => !curr),
+            title: isFullscreen ? labels.close : labels.fullscreen,
+            onClick: handleFullscreen,
             className: classes.closeButton,
             children: isFullscreen ? /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Close, {}) : /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Fullscreen, {})
           }
@@ -130,7 +141,11 @@ const HvCarousel = (props) => {
       canNext,
       onPreviousClick: handlePrevious,
       onNextClick: handleNext,
-      actions: actionsPosition === "controls" && actions
+      actions: actionsPosition === "controls" && actions,
+      labels: {
+        backwards: labels.backwards,
+        forwards: labels.forwards
+      }
     }
   );
   const thumbnails = showThumbnails && /* @__PURE__ */ jsxRuntime.jsx(
@@ -174,7 +189,7 @@ const HvCarousel = (props) => {
                     icon: true,
                     disabled: !canPrev,
                     variant: "secondarySubtle",
-                    "aria-label": "Backwards",
+                    "aria-label": labels.backwards,
                     onClick: handlePrevious,
                     children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Backwards, { iconSize: "XS" })
                   }
@@ -185,7 +200,7 @@ const HvCarousel = (props) => {
                     icon: true,
                     disabled: !canNext,
                     variant: "secondarySubtle",
-                    "aria-label": "Forwards",
+                    "aria-label": labels.forwards,
                     onClick: handleNext,
                     children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Forwards, { iconSize: "XS" })
                   }

package/dist/cjs/Carousel/CarouselControls.cjs

@@ -3,8 +3,13 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const useDefaultProps = require("../hooks/useDefaultProps.cjs");
+const useLabels = require("../hooks/useLabels.cjs");
 const Carousel_styles = require("./Carousel.styles.cjs");
 const Button = require("../Button/Button.cjs");
+const DEFAULT_LABELS = {
+  backwards: "Backwards",
+  forwards: "Forwards"
+};
 const HvCarouselControls = (props) => {
   const {
     classes: classesProp,
@@ -15,10 +20,12 @@ const HvCarouselControls = (props) => {
     canPrevious,
     canNext,
     actions,
+    labels: labelsProps,
     onPreviousClick,
     onNextClick
   } = useDefaultProps.useDefaultProps("HvCarouselControls", props);
   const { classes, cx } = Carousel_styles.useClasses(classesProp, false);
+  const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProps);
   const selectedIndex = page || 0;
   const numSlides = pages;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx(classes.controls, className), children: [
@@ -36,7 +43,7 @@ const HvCarouselControls = (props) => {
         {
           icon: true,
           disabled: !canPrevious,
-          "aria-label": "Backwards",
+          "aria-label": labels.backwards,
           onClick: onPreviousClick,
           children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Backwards, { iconSize: "XS" })
         }
@@ -47,7 +54,7 @@ const HvCarouselControls = (props) => {
         {
           icon: true,
           disabled: !canNext,
-          "aria-label": "Forwards",
+          "aria-label": labels.forwards,
           onClick: onNextClick,
           children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Forwards, { iconSize: "XS" })
         }

package/dist/cjs/ColorPicker/Fields/Fields.cjs

@@ -7,8 +7,7 @@ const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
 const Fields_styles = require("./Fields.styles.cjs");
 const Input = require("../../Input/Input.cjs");
 function _interopNamespace(e) {
-  if (e && e.__esModule)
-    return e;
+  if (e && e.__esModule) return e;
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
     for (const k in e) {
@@ -84,12 +83,9 @@ const Fields = (props) => {
     handleChange({ hex: value }, event);
   };
   const onChangeRbg = (event, value, colorPart) => {
-    if (colorPart === "r")
-      setInternalRed(Number(value));
-    if (colorPart === "g")
-      setInternalGreen(Number(value));
-    if (colorPart === "b")
-      setInternalBlue(Number(value));
+    if (colorPart === "r") setInternalRed(Number(value));
+    if (colorPart === "g") setInternalGreen(Number(value));
+    if (colorPart === "b") setInternalBlue(Number(value));
     handleChange(
       {
         r: colorPart === "r" ? Number(value) : rgb?.r,

package/dist/cjs/DatePicker/DatePicker.cjs

@@ -151,19 +151,16 @@ const HvDatePicker = React.forwardRef(
       }
     };
     const handleToggle = (evt, open) => {
-      if (evt === null)
-        return;
+      if (evt === null) return;
       onToggle?.(evt, open);
       setCalendarOpen(open);
-      if (!open)
-        handleCalendarClose();
+      if (!open) handleCalendarClose();
     };
     const focusOnContainer = () => {
       focusTarget.current?.focus();
     };
     const handleDateChange = (event, newDate) => {
-      if (!utils$2.isDate(newDate))
-        return;
+      if (!utils$2.isDate(newDate)) return;
       const autoSave = !showActions && !rangeMode;
       if (rangeMode) {
         if (!startDate || startDate && endDate || newDate < startDate) {
@@ -187,19 +184,16 @@ const HvDatePicker = React.forwardRef(
       }
     };
     const handleInputDateChange = (event, newDate, position) => {
-      if (!utils$2.isDate(newDate))
-        return;
+      if (!utils$2.isDate(newDate)) return;
       if (!rangeMode) {
         handleDateChange(event, newDate);
         return;
       }
       if (position === "left") {
-        if (endDate)
-          setStartDate(newDate > endDate ? endDate : newDate);
+        if (endDate) setStartDate(newDate > endDate ? endDate : newDate);
       } else if (position === "right") {
         if (!startDate) {
-          if (endDate)
-            setStartDate(newDate > endDate ? endDate : newDate);
+          if (endDate) setStartDate(newDate > endDate ? endDate : newDate);
           return;
         }
         setEndDate(newDate < startDate ? startDate : newDate);

package/dist/cjs/Dialog/Dialog.cjs

@@ -31,8 +31,7 @@ const HvDialog = (props) => {
   const { classes, css, cx } = Dialog_styles.useClasses(classesProp);
   const { rootId } = useTheme.useTheme();
   const measuredRef = React.useCallback(() => {
-    if (!firstFocusable)
-      return;
+    if (!firstFocusable) return;
     const element = document.getElementById(firstFocusable);
     element?.focus();
   }, [firstFocusable]);
@@ -48,8 +47,7 @@ const HvDialog = (props) => {
       open,
       fullScreen: fullscreen,
       onClose: (event, reason) => {
-        if (disableBackdropClick)
-          return;
+        if (disableBackdropClick) return;
         onClose?.(event, reason);
       },
       slotProps: {

package/dist/cjs/Drawer/Drawer.cjs

@@ -26,8 +26,7 @@ const HvDrawer = (props) => {
   } = useDefaultProps.useDefaultProps("HvDrawer", props);
   const { classes, cx } = Drawer_styles.useClasses(classesProp);
   const handleOnClose = (event, reason) => {
-    if (reason === "backdropClick" && disableBackdropClick)
-      return;
+    if (reason === "backdropClick" && disableBackdropClick) return;
     onClose?.(event, reason);
   };
   const shouldHideBackdrop = hideBackdrop ?? !showBackdrop;

package/dist/cjs/DropDownMenu/DropDownMenu.cjs

@@ -68,8 +68,7 @@ const HvDropDownMenu = (props) => {
   const handleKeyDown = (event) => {
     if (keyboardUtils.isKey(event, "Tab")) {
       const node = event.shiftKey ? focusNodes.prevFocus : focusNodes.nextFocus;
-      if (node)
-        setTimeout(() => node.focus(), 0);
+      if (node) setTimeout(() => node.focus(), 0);
       handleClose(event);
     }
     event.preventDefault();
@@ -120,8 +119,7 @@ const HvDropDownMenu = (props) => {
           selectable: false,
           condensed,
           onClick: (event, item) => {
-            if (!keepOpened)
-              handleClose(event);
+            if (!keepOpened) handleClose(event);
             onClick?.(event, item);
           },
           onKeyDown: handleKeyDown,

package/dist/cjs/Dropdown/Dropdown.cjs

@@ -144,8 +144,7 @@ const HvDropdown = React.forwardRef(
           return "valid";
         });
       }
-      if (notifyChanges)
-        onChange?.(multiSelect ? selected : selected[0]);
+      if (notifyChanges) onChange?.(multiSelect ? selected : selected[0]);
       if (toggle) {
         handleToggle(void 0, false);
         dropdownHeaderRef.current?.focus({ preventScroll: true });

package/dist/cjs/Dropdown/List/List.cjs

@@ -50,8 +50,7 @@ const HvDropdownList = (props) => {
     selectionConjunction: labels?.multiSelectionConjunction
   };
   const updateSelectAll = (listValues) => {
-    if (!listValues)
-      return;
+    if (!listValues) return;
     const nbrSelected = utils.getSelected(listValues).length;
     const hasSelection = nbrSelected > 0;
     const allSelect = nbrSelected === listValues.length;
@@ -59,8 +58,7 @@ const HvDropdownList = (props) => {
     setAllSelected(hasSelection && allSelect);
   };
   React.useEffect(() => {
-    if (!valuesExist(values))
-      return;
+    if (!valuesExist(values)) return;
     setList(clone(values));
     updateSelectAll(values);
     if (notifyChangesOnFirstRender) {

package/dist/cjs/Dropdown/utils.cjs

@@ -4,8 +4,7 @@ const getSelected = (list = []) => list.filter((elem) => elem.selected);
 const getSelectionLabel = (labels, placeholder, multiSelect, list = []) => {
   const { select } = labels || {};
   const selected = getSelected(list);
-  if (select)
-    return { selected: select };
+  if (select) return { selected: select };
   if (multiSelect) {
     return {
       selected: selected.length,

package/dist/cjs/FileUploader/DropZone/DropZone.cjs

@@ -13,8 +13,7 @@ const Label = require("../../Forms/Label/Label.cjs");
 const InfoMessage = require("../../Forms/InfoMessage/InfoMessage.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 function validateAccept(file, acceptAttr) {
-  if (!file || !acceptAttr)
-    return true;
+  if (!file || !acceptAttr) return true;
   const acceptEntries = acceptAttr.split(",");
   const fileName = file.name || "";
   const mimeType = (file.type || "").toLowerCase();
@@ -51,8 +50,7 @@ const HvDropZone = (props) => {
     setDragState(false);
   };
   const handleDragEnter = (event) => {
-    if (disabled)
-      return;
+    if (disabled) return;
     event.stopPropagation();
     event.preventDefault();
     setDragState(true);
@@ -128,8 +126,7 @@ const HvDropZone = (props) => {
               onDragLeave: handleDragLeave,
               onDropCapture: handleDragLeave,
               onDrop: (event) => {
-                if (disabled)
-                  return;
+                if (disabled) return;
                 const { files } = event.dataTransfer;
                 if (multiple === true || files.length === 1) {
                   event.stopPropagation();

package/dist/cjs/FileUploader/FileList/FileList.cjs

@@ -15,8 +15,7 @@ const HvFileList = (props) => {
   } = useDefaultProps.useDefaultProps("HvFileList", props);
   const { classes } = FileList_styles.useClasses(classesProp);
   const hasFiles = list.length > 0;
-  if (!hasFiles)
-    return null;
+  if (!hasFiles) return null;
   return /* @__PURE__ */ jsxRuntime.jsx("ul", { id: setId.setId(id, "list"), className: classes.list, children: list.map((data) => /* @__PURE__ */ jsxRuntime.jsx(
     File.HvFile,
     {

package/dist/cjs/FilterGroup/FilterContent/FilterContent.cjs

@@ -67,11 +67,9 @@ const HvFilterGroupContent = React.forwardRef((props, ref) => {
     onClear?.(event);
   };
   const handleToggle = (event, open) => {
-    if (event === null)
-      return;
+    if (event === null) return;
     setFilterGroupOpen(open);
-    if (!open)
-      onCancelHandler?.(event);
+    if (!open) onCancelHandler?.(event);
   };
   const Header = React.useMemo(
     () => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [

package/dist/cjs/Focus/Focus.cjs

@@ -35,8 +35,7 @@ const HvFocus = ({
     return focuses;
   };
   const setTabIndex = (el, tabIndex = 0) => {
-    if (!el)
-      return;
+    if (!el) return;
     const elChildFocus = utils.getFocusableChildren(el)[0];
     if (elChildFocus) {
       el.tabIndex = -1;
@@ -50,8 +49,7 @@ const HvFocus = ({
     const firstSelected = focuses.find(
       (focus) => focus.classList.contains(classes.selected || "selected")
     );
-    if (!firstSelected)
-      return;
+    if (!firstSelected) return;
     focuses.forEach((focus) => setTabIndex(focus, -1));
     setTabIndex(firstSelected, 0);
   };
@@ -73,8 +71,7 @@ const HvFocus = ({
   };
   const config = (el) => {
     const { tabIndex } = configuration;
-    if (!el || hasRunConfig)
-      return;
+    if (!el || hasRunConfig) return;
     if (strategy === "card") {
       setChildFocus(children);
       return;
@@ -87,8 +84,7 @@ const HvFocus = ({
       focusableChildren.forEach((child) => setTabIndex(child, -1));
       setChildFocus(focusableChildren[0]);
     }
-    if (tabIndex != null)
-      setTabIndex(el, tabIndex);
+    if (tabIndex != null) setTabIndex(el, tabIndex);
     setHasRunConfig(true);
   };
   const addFocusClass = (evt) => {
@@ -120,8 +116,7 @@ const HvFocus = ({
   };
   const onMouseDown = (evt) => {
     const hasCard = !!evt.currentTarget?.querySelector(".HvIsCardGridElement");
-    if (strategy === "grid" && hasCard)
-      return;
+    if (strategy === "grid" && hasCard) return;
     utils.setFocusTo(evt.currentTarget);
     setTabIndex(evt.currentTarget, 0);
     if (!focusOnClick) {
@@ -299,11 +294,9 @@ const HvFocus = ({
     onVerticalArrangementHandler(evt, focuses, focusesList);
   };
   const onKeyUp = (evt) => {
-    if (browser.isBrowser("firefox"))
-      evt.preventDefault();
+    if (browser.isBrowser("firefox")) evt.preventDefault();
   };
-  if (disabled)
-    return children;
+  if (disabled) return children;
   const focusWrapper = (childrenToWrap) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.externalReference, children: [
     childrenToWrap,
     showFocus && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.falseFocus })

package/dist/cjs/Forms/FormElement/utils/FormUtils.cjs

@@ -14,10 +14,12 @@ const findDescriptors = (children, descriptors = {
 }) => {
   React__default.default.Children.forEach(children, (child) => {
     if (child?.type?.formElementType && child.props?.id) {
-      descriptors[child.type.formElementType]?.push({
-        id: child.props?.id,
-        htmlFor: child.props?.htmlFor
-      });
+      descriptors[child.type.formElementType]?.push(
+        {
+          id: child.props?.id,
+          htmlFor: child.props?.htmlFor
+        }
+      );
     }
     if (child?.type?.formElementType !== "formelement") {
       findDescriptors(child?.props?.children, descriptors);