@hitachivantara/uikit-react-core 6.4.0 → 6.4.1

package/dist/Dialog/Content/Content.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from "react";
+import { useState } from "react";
+import { useResizeDetector } from "react-resize-detector";
 import MuiDialogContent from "@mui/material/DialogContent";
-import { useDefaultProps, mergeStyles } from "@hitachivantara/uikit-react-utils";
+import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
 import { useClasses } from "./Content.styles.js";
 import { staticClasses } from "./Content.styles.js";
 import { HvTypography } from "../../Typography/Typography.js";
@@ -10,44 +11,34 @@ const HvDialogContent = (props) => {
     classes: classesProp,
     className,
     children,
-    indentContent = false,
-    style,
+    indentContent,
+    dividers,
     ...others
   } = useDefaultProps("HvDialogContent", props);
   const { classes, cx } = useClasses(classesProp);
   const [hasBorder, setHasBorder] = useState(false);
-  const elRef = useRef(null);
-  useEffect(() => {
-    if (typeof ResizeObserver !== "undefined") {
-      const resizeObserver = new ResizeObserver(() => {
-        const el = elRef.current;
-        if (el) {
-          const hasOverflow = el.scrollHeight > el.clientHeight;
-          setHasBorder(hasOverflow);
-        }
-      });
-      if (elRef.current) {
-        resizeObserver.observe(elRef.current);
-      }
-      return () => {
-        resizeObserver.disconnect();
-      };
+  const { ref: elRef } = useResizeDetector({
+    refreshMode: "throttle",
+    refreshRate: 100,
+    handleWidth: false,
+    disableRerender: true,
+    onResize: ({ entry }) => {
+      if (!entry) return;
+      const hasOverflow = entry.target.scrollHeight > entry.target.clientHeight;
+      setHasBorder(hasOverflow);
     }
-    return void 0;
-  }, []);
+  });
   return /* @__PURE__ */ jsx(
     HvTypography,
     {
       ref: elRef,
       component: MuiDialogContent,
+      dividers: dividers ?? hasBorder,
       className: cx(
         classes.root,
         { [classes.textContent]: !!indentContent },
         className
       ),
-      style: mergeStyles(style, {
-        "--borderW": hasBorder ? "1px" : "0px"
-      }),
       ...others,
       children
     }

package/dist/Dialog/Content/Content.styles.js

@@ -3,9 +3,7 @@ import { theme } from "@hitachivantara/uikit-styles";
 const { staticClasses, useClasses } = createClasses("HvDialogContent", {
   root: {
     padding: theme.spacing(0, "sm", "sm"),
-    borderColor: theme.colors.borderSubtle,
-    borderTopWidth: "var(--borderW)",
-    borderBottomWidth: "var(--borderW)"
+    borderColor: theme.colors.borderSubtle
   },
   textContent: {
     paddingLeft: `calc(42px + ${theme.space.sm})`,

package/dist/Dialog/Dialog.styles.js

@@ -7,7 +7,7 @@ const { staticClasses, useClasses } = createClasses("HvDialog", {
   },
   paper: {
     color: theme.colors.text,
-    backgroundColor: theme.colors.bgContainer,
+    background: theme.colors.bgContainer,
     boxShadow: theme.colors.shadow,
     borderColor: theme.colors.border,
     borderRadius: theme.radii.round

package/dist/FilterGroup/FilterContent/FilterContent.js

@@ -140,26 +140,28 @@ const HvFilterGroupContent = forwardRef(function HvFilterGroupContent2(props, re
             }
           ),
           /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: classes.space, children: " " }),
-          /* @__PURE__ */ jsx(
-            HvButton,
-            {
-              id: setId(id, "apply-button"),
-              disabled: applyDisabled,
-              variant: "primary",
-              onClick: onApplyHandler,
-              className: classes.applyButton,
-              children: labels?.applyLabel
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            HvButton,
-            {
-              id: setId(id, "cancel-button"),
-              variant: "secondarySubtle",
-              onClick: onCancelHandler,
-              children: labels?.cancelLabel
-            }
-          )
+          /* @__PURE__ */ jsxs("div", { className: classes.actions, children: [
+            /* @__PURE__ */ jsx(
+              HvButton,
+              {
+                id: setId(id, "apply-button"),
+                disabled: applyDisabled,
+                variant: "primary",
+                onClick: onApplyHandler,
+                className: classes.applyButton,
+                children: labels?.applyLabel
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              HvButton,
+              {
+                id: setId(id, "cancel-button"),
+                variant: "secondarySubtle",
+                onClick: onCancelHandler,
+                children: labels?.cancelLabel
+              }
+            )
+          ] })
         ] })
       ]
     }

package/dist/FilterGroup/FilterContent/FilterContent.styles.js

@@ -40,12 +40,14 @@ const { staticClasses, useClasses } = createClasses(name, {
     minHeight: "calc(370px - 75px)"
   },
   actionBar: {},
+  actions: {
+    display: "flex",
+    gap: theme.space.xs
+  },
   space: {
     flex: 1
   },
-  applyButton: {
-    marginRight: "8px"
-  }
+  applyButton: {}
 });
 export {
   staticClasses,

package/dist/index.d.ts

@@ -8209,7 +8209,7 @@ declare const useClasses_127: (classesProp?: Partial<Record<"action" | "minimize
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_128: (classesProp?: Partial<Record<"list" | "popup" | "root" | "collapsed" | "listItem" | "navigationPopup", string>>, addStatic?: boolean) => {
+declare const useClasses_128: (classesProp?: Partial<Record<"list" | "popup" | "root" | "listItem" | "collapsed" | "navigationPopup", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         list: string;
@@ -9293,7 +9293,7 @@ declare const useClasses_74: (classesProp?: Partial<Record<"label" | "error" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_75: (classesProp?: Partial<Record<"dropdown" | "space" | "header" | "root" | "panel" | "baseDropdownSelection" | "rightSidePanel" | "leftSidePanel" | "actionBar" | "applyButton", string>>, addStatic?: boolean) => {
+declare const useClasses_75: (classesProp?: Partial<Record<"dropdown" | "space" | "header" | "root" | "panel" | "actions" | "baseDropdownSelection" | "rightSidePanel" | "leftSidePanel" | "actionBar" | "applyButton", string>>, addStatic?: boolean) => {
     readonly classes: {
         dropdown: string;
         panel: string;
@@ -9303,6 +9303,7 @@ declare const useClasses_75: (classesProp?: Partial<Record<"dropdown" | "space"
         rightSidePanel: string;
         leftSidePanel: string;
         actionBar: string;
+        actions: string;
         space: string;
         applyButton: string;
     };

package/dist/themes/pentaho.js

@@ -1142,6 +1142,13 @@ const pentaho = mergeTheme(pentaho$1, {
         }
       },
       separator: "/"
+    },
+    HvFilterGroupContent: {
+      classes: {
+        actions: {
+          flexDirection: "row-reverse"
+        }
+      }
     }
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "6.4.0",
+  "version": "6.4.1",
   "type": "module",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
@@ -61,7 +61,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "bbf0a2a94a557f91676bfef658162b41019b924b",
+  "gitHead": "5dc28acf7238a5b194609f7e671b618fe7f0b0bc",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",