@hitachivantara/uikit-react-core 5.96.3 → 5.98.0

package/dist/cjs/AppSwitcher/Action/Action.cjs

@@ -45,7 +45,7 @@ const HvAppSwitcherAction = ({
       );
     }
     const brokenTitle = name.split(" ");
-    const initials = brokenTitle[0].substring(0, 1) + (brokenTitle[1] ? brokenTitle[1].substring(0, 1) : "");
+    const initials = brokenTitle[0].slice(0, 1) + (brokenTitle[1] ? brokenTitle[1].slice(0, 1) : "");
     return /* @__PURE__ */ jsxRuntime.jsx(Avatar.HvAvatar, { size: "sm", backgroundColor: color, variant: "square", "aria-hidden": true, children: initials });
   };
   const isSelected = isSelectedCallback(application);

package/dist/cjs/BreadCrumb/utils.cjs

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const icons = require("../icons.cjs");
 const setId = require("../utils/setId.cjs");
 const DropDownMenu = require("../DropDownMenu/DropDownMenu.cjs");
-const removeExtension = (label) => label.includes(".") ? label.substring(0, label.lastIndexOf(".")) : label;
+const removeExtension = (label) => label.includes(".") ? label.slice(0, label.lastIndexOf(".")) : label;
 const pathWithSubMenu = (id, listRoute, maxVisible, onClick, dropDownMenuProps) => {
   const nbrElemToSubMenu = listRoute.length - maxVisible;
   const subMenuList = listRoute.slice(1, nbrElemToSubMenu + 1);

package/dist/cjs/FilterGroup/Counter/Counter.cjs

@@ -26,7 +26,7 @@ const HvFilterGroupCounter = (props) => {
     filterValues = [],
     appliedFilters = []
   } = React.useContext(FilterGroupContext.HvFilterGroupContext);
-  const options = groupId && filterOptions.find((option) => option.id === groupId) ? [filterOptions.find((option) => option.id === groupId)] : filterOptions;
+  const options = groupId && filterOptions.some((option) => option.id === groupId) ? [filterOptions.find((option) => option.id === groupId)] : filterOptions;
   const optionIdx = filterOptions.findIndex((option) => option.id === groupId);
   let groupsCounter = 0;
   appliedFilters.forEach((fg, i) => {

package/dist/cjs/Header/Navigation/MenuBar/Bar.cjs

@@ -17,7 +17,7 @@ const Bar = (props) => {
   const { classes, cx } = Bar_styles.useClasses(classesProp);
   const selectionPath = React.useContext(SelectionContext.SelectionContext);
   const isMenu = type === "menu";
-  const isActive = isMenu && data.filter((item) => item.id === selectionPath?.[1]).length > 0;
+  const isActive = isMenu && data.some((item) => item.id === selectionPath?.[1]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {

package/dist/cjs/InlineEditor/InlineEditor.cjs

@@ -111,7 +111,7 @@ const HvInlineEditor = generic.fixedForwardRef(function HvInlineEditor2(props, r
         }
       ),
       className: cx(classes.button, {
-        [classes.largeText]: parseInt(lineHeight, 10) >= 28
+        [classes.largeText]: Number(lineHeight) >= 28
       }),
       onClick: handleClick,
       disabled,

package/dist/cjs/List/List.cjs

@@ -177,9 +177,9 @@ const HvList = (props) => {
     return renderListItem(item, index, {
       style: {
         ...style,
-        top: `${parseFloat(style.top) + 5}px`,
-        left: `${parseFloat(style.left) + 5}px`,
-        width: `calc(${parseFloat(style.width)}% - 10px)`
+        top: `${Number.parseFloat(style.top) + 5}px`,
+        left: `${Number.parseFloat(style.left) + 5}px`,
+        width: `calc(${Number.parseFloat(style.width)}% - 10px)`
       },
       tabIndex,
       interactive: true,

package/dist/cjs/StatusIcon/StatusIcon.cjs

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const icons = require("../icons.cjs");
+const StatusIcon_styles = require("./StatusIcon.styles.cjs");
+const IconContainer = require("../IconContainer/IconContainer.cjs");
+const variantIconMap = {
+  success: "Success",
+  warning: "Caution",
+  error: "Fail",
+  info: "Info"
+};
+const HvStatusIcon = React.forwardRef(function HvStatusIcon2(props, ref) {
+  const {
+    classes: classesProp,
+    className,
+    variant = "default",
+    customIcon,
+    size = "sm",
+    type = "full"
+  } = uikitReactUtils.useDefaultProps("HvStatusIcon", props);
+  const { classes, cx } = StatusIcon_styles.useClasses(classesProp);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      "data-variant": variant,
+      "data-type": type,
+      "data-size": size,
+      className: cx(classes.root, className),
+      children: /* @__PURE__ */ jsxRuntime.jsx(IconContainer.HvIconContainer, { size, children: customIcon || /* @__PURE__ */ jsxRuntime.jsx(
+        icons.HvIcon,
+        {
+          compact: true,
+          className: classes.icon,
+          name: variantIconMap[variant]
+        }
+      ) })
+    }
+  );
+});
+exports.statusIconClasses = StatusIcon_styles.staticClasses;
+exports.HvStatusIcon = HvStatusIcon;

package/dist/cjs/StatusIcon/StatusIcon.styles.cjs

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const notificationMap = {
+  success: "positive",
+  warning: "warning",
+  error: "negative",
+  default: "info",
+  info: "info",
+  accent: "accent"
+};
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvStatusIcon", {
+  root: {
+    display: "inline-flex",
+    lineHeight: 0,
+    flexShrink: 0,
+    padding: uikitStyles.theme.space.xxs,
+    "--icsize": "auto",
+    [`&[data-size=xs]`]: { borderRadius: uikitStyles.theme.radii.base },
+    [`&[data-size=sm]`]: { borderRadius: uikitStyles.theme.radii.base },
+    [`&[data-size=md]`]: { borderRadius: uikitStyles.theme.radii.round },
+    [`&[data-size=lg]`]: { borderRadius: uikitStyles.theme.radii.large },
+    [`&[data-size=xl]`]: { borderRadius: uikitStyles.theme.radii.large },
+    [`:not([data-type="simple"])`]: {
+      outline: "1px solid currentcolor"
+    },
+    ...Object.fromEntries(
+      Object.entries(notificationMap).map(([variant, color]) => [
+        [`&[data-variant="${variant}"]`],
+        {
+          color: uikitStyles.theme.colors[color],
+          outline: `1px solid ${uikitStyles.theme.colors[`${color}Border`]}`,
+          backgroundColor: uikitStyles.theme.colors[`${color}Dimmed`],
+          [`&[data-type="simple"]`]: {
+            outline: "none",
+            backgroundColor: "transparent"
+          }
+        }
+      ])
+    ),
+    [`&[data-variant="default"]`]: {
+      color: uikitStyles.theme.colors.text,
+      backgroundColor: uikitStyles.theme.colors.bgContainerSecondary,
+      outline: `1px solid ${uikitStyles.theme.colors.borderSubtle}`,
+      [`&[data-type="simple"]`]: {
+        outline: "none",
+        backgroundColor: "transparent"
+      }
+    }
+  },
+  icon: {
+    fontSize: "inherit"
+  }
+});
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;

package/dist/cjs/Table/hooks/useHvRowSelection.cjs

@@ -123,7 +123,7 @@ function reducer(state, action, previousState, instance) {
       applyToggleAllRowsSelectedToPrefilteredRows
     } = instance;
     const rowsToSelect = applyToggleAllRowsSelectedToPrefilteredRows ? initialRowsById : nonGroupedRowsById;
-    const selectAll = typeof setSelected !== "undefined" ? setSelected : !isAllRowsSelected;
+    const selectAll = setSelected ?? !isAllRowsSelected;
     const selectedRowIds = { ...state.selectedRowIds };
     if (selectAll) {
       Object.keys(rowsToSelect).forEach((rowId) => {
@@ -153,7 +153,7 @@ function reducer(state, action, previousState, instance) {
     }
     const { rowsById, selectSubRows = true, getSubRows } = instance;
     const isSelected = state.selectedRowIds[id];
-    const shouldExist = typeof setSelected !== "undefined" ? setSelected : !isSelected;
+    const shouldExist = setSelected ?? !isSelected;
     if (isSelected === shouldExist) {
       return state;
     }
@@ -188,7 +188,7 @@ function reducer(state, action, previousState, instance) {
       isAllPageRowsSelected,
       getSubRows
     } = instance;
-    const selectAll = typeof setSelected !== "undefined" ? setSelected : !isAllPageRowsSelected;
+    const selectAll = setSelected ?? !isAllPageRowsSelected;
     const newSelectedRowIds = { ...state.selectedRowIds };
     const handleRowById = (rowId) => {
       const row = rowsById[rowId];
@@ -222,7 +222,7 @@ function reducer(state, action, previousState, instance) {
     const { id, value: setLockedSelection } = action;
     const { rowsById, selectSubRows = true, getSubRows } = instance;
     const isLockedSelection = state.lockedSelectionRowIds[id];
-    const shouldExist = typeof setLockedSelection !== "undefined" ? setLockedSelection : !isLockedSelection;
+    const shouldExist = setLockedSelection ?? !isLockedSelection;
     if (isLockedSelection === shouldExist) {
       return state;
     }

package/dist/cjs/TextArea/TextArea.cjs

@@ -109,7 +109,7 @@ const HvTextArea = React.forwardRef(function HvTextArea2(props, ref) {
   const limitValue = (currentValue) => {
     if (currentValue === void 0 || !blockMax) return currentValue;
     const isOverflow = maxCharQuantity == null ? false : currentValue.length > maxCharQuantity;
-    return !isOverflow ? currentValue : currentValue.substring(0, maxCharQuantity);
+    return !isOverflow ? currentValue : currentValue.slice(0, maxCharQuantity);
   };
   const onContainerBlurHandler = (event) => {
     setFocused(false);

package/dist/cjs/TimePicker/Placeholder.cjs

@@ -36,14 +36,14 @@ const Placeholder = React.forwardRef(
         ...others,
         children: [
           name && /* @__PURE__ */ jsxRuntime.jsx("input", { type: "hidden", name, value: getDateValue(value) }),
-          segments.map((segment, i) => /* @__PURE__ */ jsxRuntime.jsx(
+          segments.map((segment) => /* @__PURE__ */ jsxRuntime.jsx(
             PlaceholderSegment,
             {
               segment,
               state,
               placeholder: placeholders[segment.type]
             },
-            i
+            segment.type
           ))
         ]
       }

package/dist/cjs/TimePicker/TimePicker.cjs

@@ -183,7 +183,7 @@ const HvTimePicker = React.forwardRef(
                 ]
               },
               ...otherDropdownProps,
-              children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: timeFieldRef, className: classes.timePopperContainer, children: state.segments.map((segment, i) => /* @__PURE__ */ jsxRuntime.jsx(
+              children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: timeFieldRef, className: classes.timePopperContainer, children: state.segments.map((segment) => /* @__PURE__ */ jsxRuntime.jsx(
                 Unit.Unit,
                 {
                   state,
@@ -195,7 +195,7 @@ const HvTimePicker = React.forwardRef(
                     state.setSegment(segment.type, Number(val));
                   }
                 },
-                i
+                segment.type
               )) })
             }
           ),

package/dist/cjs/TreeView/TreeItem/TreeItem.cjs

@@ -73,7 +73,7 @@ const HvTreeItem = React.forwardRef(
       if (instance && label) {
         return instance.mapFirstChar(
           nodeId,
-          (contentRef.current?.textContent ?? "").substring(0, 1).toLowerCase()
+          (contentRef.current?.textContent ?? "").slice(0, 1).toLowerCase()
         );
       }
       return void 0;

package/dist/cjs/TreeView/TreeItem/useHvTreeItem.cjs

@@ -3,27 +3,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const DescendantProvider = require("../internals/DescendantProvider.cjs");
 const TreeViewProvider = require("../internals/TreeViewProvider.cjs");
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespace(React);
 function useHvTreeItem(nodeId) {
   const { instance, multiSelect } = TreeViewProvider.useTreeViewContext();
-  const { level = 0 } = React__namespace.useContext(DescendantProvider.DescendantContext);
+  const { level = 0 } = React.useContext(DescendantProvider.DescendantContext);
   const expandable = instance ? instance.isNodeExpandable(nodeId) : false;
   const expanded = instance ? instance.isNodeExpanded(nodeId) : false;
   const focused = instance ? instance.isNodeFocused(nodeId) : false;

package/dist/cjs/VerticalNavigation/TreeView/TreeViewItem.cjs

@@ -120,7 +120,7 @@ const HvVerticalNavigationTreeViewItem = React.forwardRef(
       if (mapFirstChar && unMapFirstChar && label && contentRef.current?.textContent) {
         mapFirstChar(
           nodeId,
-          contentRef.current?.textContent.substring(0, 1).toLowerCase()
+          contentRef.current?.textContent.slice(0, 1).toLowerCase()
         );
         return () => {
           unMapFirstChar(nodeId);
@@ -311,7 +311,7 @@ const HvVerticalNavigationTreeViewItem = React.forwardRef(
                       variant: "square",
                       size: "xs",
                       backgroundColor: "textSubtle",
-                      children: payload?.label?.substring(0, 1)
+                      children: payload?.label?.slice(0, 1)
                     }
                   ) : useIcons && icon,
                   hasChildren && !isOpen ? /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Forwards", size: "xs", compact: true }) : hasAnyChildWithData && !isOpen && /* @__PURE__ */ jsxRuntime.jsx("div", {})

package/dist/cjs/hooks/useForkRef.cjs

@@ -1,24 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespace(React);
 const setRef = (ref, value) => {
   if (typeof ref === "function") {
     ref(value);
@@ -27,7 +9,7 @@ const setRef = (ref, value) => {
   }
 };
 const useForkRef = (refA, refB) => {
-  return React__namespace.useMemo(() => {
+  return React.useMemo(() => {
     if (refA == null && refB == null) {
       return null;
     }

package/dist/cjs/hooks/useImageLoaded.cjs

@@ -4,24 +4,18 @@ const React = require("react");
 const useImageLoaded = (src, srcSet) => {
   const [imageLoaded, setImageLoaded] = React.useState(false);
   React.useEffect(() => {
-    if (!src && !srcSet) {
-      return void 0;
-    }
+    if (!src && !srcSet) return;
     setImageLoaded(false);
     let active = true;
     const image = new Image();
     image.src = src || "";
     image.srcset = srcSet || "";
     image.onload = () => {
-      if (!active) {
-        return;
-      }
+      if (!active) return;
       setImageLoaded("loaded");
     };
     image.onerror = () => {
-      if (!active) {
-        return;
-      }
+      if (!active) return;
       setImageLoaded("error");
     };
     return () => {

package/dist/cjs/index.cjs

@@ -231,6 +231,8 @@ const SnackbarProvider_styles = require("./SnackbarProvider/SnackbarProvider.sty
 const SnackbarProvider = require("./SnackbarProvider/SnackbarProvider.cjs");
 const Stack_styles = require("./Stack/Stack.styles.cjs");
 const Stack = require("./Stack/Stack.cjs");
+const StatusIcon_styles = require("./StatusIcon/StatusIcon.styles.cjs");
+const StatusIcon = require("./StatusIcon/StatusIcon.cjs");
 const Switch_styles = require("./Switch/Switch.styles.cjs");
 const Switch = require("./Switch/Switch.cjs");
 const useHvTable = require("./Table/hooks/useHvTable.cjs");
@@ -575,6 +577,8 @@ exports.HvSnackbarProvider = SnackbarProvider.HvSnackbarProvider;
 exports.useHvSnackbar = SnackbarProvider.useHvSnackbar;
 exports.stackClasses = Stack_styles.staticClasses;
 exports.HvStack = Stack.HvStack;
+exports.statusIconClasses = StatusIcon_styles.staticClasses;
+exports.HvStatusIcon = StatusIcon.HvStatusIcon;
 exports.switchClasses = Switch_styles.staticClasses;
 exports.HvSwitch = Switch.HvSwitch;
 exports.useHvData = useHvTable.useHvTable;

package/dist/cjs/themes/ds3.cjs

@@ -21,6 +21,10 @@ const ds3 = uikitStyles.mergeTheme(uikitStyles.ds3, {
       classes: {
         root: {
           borderRadius: 0
+        },
+        messageIcon: {
+          color: "inherit !important",
+          padding: 0
         }
       }
     },
@@ -1202,6 +1206,9 @@ const ds3 = uikitStyles.mergeTheme(uikitStyles.ds3, {
           maxHeight: "calc(100% - (2 * 100px))"
         }
       }
+    },
+    HvStatusIcon: {
+      type: "simple"
     }
   }
 });

package/dist/cjs/themes/ds5.cjs

@@ -78,6 +78,14 @@ const ds5 = uikitStyles.mergeTheme(uikitStyles.ds5, {
         }
       }
     },
+    HvCallout: {
+      classes: {
+        messageIcon: {
+          color: "inherit !important",
+          padding: 0
+        }
+      }
+    },
     HvDropdownButton: {
       classes: {
         open: {
@@ -118,6 +126,9 @@ const ds5 = uikitStyles.mergeTheme(uikitStyles.ds5, {
         }
       }
     },
+    HvStatusIcon: {
+      type: "simple"
+    },
     HvTab: {
       classes: {
         root: {

package/dist/cjs/themes/pentahoPlus.cjs

@@ -51,10 +51,8 @@ const pentahoPlus = uikitStyles.mergeTheme(uikitStyles.pentahoPlus, {
           Object.entries(notificationMap).map(([variant, color]) => [
             variant,
             {
-              backgroundColor: uikitStyles.theme.colors[`${color}Dimmed`],
+              backgroundColor: uikitStyles.theme.mix(`${color}Dimmed`, 0.5, "dimmer"),
               "--icolor": uikitStyles.theme.colors[color],
-              "--outline": uikitStyles.theme.colors[`${color}Border`],
-              "--bg": uikitStyles.theme.colors[`${color}Subtle`],
               "--title": uikitStyles.theme.colors[`${color}Deep`]
             }
           ])
@@ -65,11 +63,7 @@ const pentahoPlus = uikitStyles.mergeTheme(uikitStyles.pentahoPlus, {
           }
         },
         messageIcon: {
-          alignSelf: "start",
-          borderRadius: uikitStyles.theme.radii.round,
-          color: "var(--icolor)",
-          outline: `1px solid var(--outline)`,
-          backgroundColor: "var(--bg)"
+          alignSelf: "start"
         },
         messageTitle: {
           color: "var(--title)"
@@ -291,7 +285,7 @@ const pentahoPlus = uikitStyles.mergeTheme(uikitStyles.pentahoPlus, {
         sm: { fontSize: 20, padding: 2 },
         md: { fontSize: 26, padding: 3 },
         lg: { fontSize: 36, padding: 6 },
-        xl: { fontSize: 48, padding: 8 }
+        xl: { fontSize: 48, padding: 5 }
       }
     },
     HvInlineEditor: {

package/dist/cjs/utils/Callout.cjs

@@ -9,6 +9,7 @@ const icons = require("../icons.cjs");
 const iconVariant = require("./iconVariant.cjs");
 const ActionsGeneric = require("../ActionsGeneric/ActionsGeneric.cjs");
 const Button = require("../Button/Button.cjs");
+const StatusIcon = require("../StatusIcon/StatusIcon.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const SnackbarContent__default = /* @__PURE__ */ _interopDefault(SnackbarContent);
 const { useClasses } = uikitReactUtils.createClasses("HvCallout", {
@@ -48,10 +49,7 @@ const { useClasses } = uikitReactUtils.createClasses("HvCallout", {
     overflow: "hidden",
     wordBreak: "break-word"
   },
-  messageIcon: {
-    lineHeight: 0,
-    flexShrink: 0
-  },
+  messageIcon: {},
   messageTitle: {
     display: "block",
     fontWeight: uikitStyles.theme.fontWeights.semibold
@@ -117,7 +115,14 @@ const HvCallout = React.forwardRef(function HvCallout2(props, ref) {
         action: classes.action
       },
       message: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.messageIcon, children: icon }),
+        icon && /* @__PURE__ */ jsxRuntime.jsx(
+          StatusIcon.HvStatusIcon,
+          {
+            className: classes.messageIcon,
+            variant: variant === "default" ? "info" : variant,
+            customIcon
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.messageContent, children: [
           title && /* @__PURE__ */ jsxRuntime.jsx("b", { className: classes.messageTitle, children: title }),
           children

package/dist/esm/AppSwitcher/Action/Action.js

@@ -44,7 +44,7 @@ const HvAppSwitcherAction = ({
       );
     }
     const brokenTitle = name.split(" ");
-    const initials = brokenTitle[0].substring(0, 1) + (brokenTitle[1] ? brokenTitle[1].substring(0, 1) : "");
+    const initials = brokenTitle[0].slice(0, 1) + (brokenTitle[1] ? brokenTitle[1].slice(0, 1) : "");
     return /* @__PURE__ */ jsx(HvAvatar, { size: "sm", backgroundColor: color, variant: "square", "aria-hidden": true, children: initials });
   };
   const isSelected = isSelectedCallback(application);

package/dist/esm/BreadCrumb/utils.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { HvIcon } from "../icons.js";
 import { setId } from "../utils/setId.js";
 import { HvDropDownMenu } from "../DropDownMenu/DropDownMenu.js";
-const removeExtension = (label) => label.includes(".") ? label.substring(0, label.lastIndexOf(".")) : label;
+const removeExtension = (label) => label.includes(".") ? label.slice(0, label.lastIndexOf(".")) : label;
 const pathWithSubMenu = (id, listRoute, maxVisible, onClick, dropDownMenuProps) => {
   const nbrElemToSubMenu = listRoute.length - maxVisible;
   const subMenuList = listRoute.slice(1, nbrElemToSubMenu + 1);

package/dist/esm/FilterGroup/Counter/Counter.js

@@ -25,7 +25,7 @@ const HvFilterGroupCounter = (props) => {
     filterValues = [],
     appliedFilters = []
   } = useContext(HvFilterGroupContext);
-  const options = groupId && filterOptions.find((option) => option.id === groupId) ? [filterOptions.find((option) => option.id === groupId)] : filterOptions;
+  const options = groupId && filterOptions.some((option) => option.id === groupId) ? [filterOptions.find((option) => option.id === groupId)] : filterOptions;
   const optionIdx = filterOptions.findIndex((option) => option.id === groupId);
   let groupsCounter = 0;
   appliedFilters.forEach((fg, i) => {

package/dist/esm/Header/Navigation/MenuBar/Bar.js

@@ -16,7 +16,7 @@ const Bar = (props) => {
   const { classes, cx } = useClasses(classesProp);
   const selectionPath = useContext(SelectionContext);
   const isMenu = type === "menu";
-  const isActive = isMenu && data.filter((item) => item.id === selectionPath?.[1]).length > 0;
+  const isActive = isMenu && data.some((item) => item.id === selectionPath?.[1]);
   return /* @__PURE__ */ jsx(
     "div",
     {

package/dist/esm/InlineEditor/InlineEditor.js

@@ -110,7 +110,7 @@ const HvInlineEditor = fixedForwardRef(function HvInlineEditor2(props, ref) {
         }
       ),
       className: cx(classes.button, {
-        [classes.largeText]: parseInt(lineHeight, 10) >= 28
+        [classes.largeText]: Number(lineHeight) >= 28
       }),
       onClick: handleClick,
       disabled,

package/dist/esm/List/List.js

@@ -176,9 +176,9 @@ const HvList = (props) => {
     return renderListItem(item, index, {
       style: {
         ...style,
-        top: `${parseFloat(style.top) + 5}px`,
-        left: `${parseFloat(style.left) + 5}px`,
-        width: `calc(${parseFloat(style.width)}% - 10px)`
+        top: `${Number.parseFloat(style.top) + 5}px`,
+        left: `${Number.parseFloat(style.left) + 5}px`,
+        width: `calc(${Number.parseFloat(style.width)}% - 10px)`
       },
       tabIndex,
       interactive: true,

package/dist/esm/StatusIcon/StatusIcon.js

@@ -0,0 +1,46 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
+import { HvIcon } from "../icons.js";
+import { useClasses } from "./StatusIcon.styles.js";
+import { staticClasses } from "./StatusIcon.styles.js";
+import { HvIconContainer } from "../IconContainer/IconContainer.js";
+const variantIconMap = {
+  success: "Success",
+  warning: "Caution",
+  error: "Fail",
+  info: "Info"
+};
+const HvStatusIcon = forwardRef(function HvStatusIcon2(props, ref) {
+  const {
+    classes: classesProp,
+    className,
+    variant = "default",
+    customIcon,
+    size = "sm",
+    type = "full"
+  } = useDefaultProps("HvStatusIcon", props);
+  const { classes, cx } = useClasses(classesProp);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-variant": variant,
+      "data-type": type,
+      "data-size": size,
+      className: cx(classes.root, className),
+      children: /* @__PURE__ */ jsx(HvIconContainer, { size, children: customIcon || /* @__PURE__ */ jsx(
+        HvIcon,
+        {
+          compact: true,
+          className: classes.icon,
+          name: variantIconMap[variant]
+        }
+      ) })
+    }
+  );
+});
+export {
+  HvStatusIcon,
+  staticClasses as statusIconClasses
+};