@react-md/core 6.3.3 → 6.4.0

package/src/utils/nearest.ts

@@ -1,4 +1,5 @@
 import { type MinMaxRange } from "../types.js";
+import { getNumberOfDigits } from "./getNumberOfDigits.js";
 
 /**
  * @internal
@@ -35,7 +36,7 @@ export function nearest(options: NearestOptions): number {
   const step = range / steps;
   const decimals = Number.isInteger(step)
     ? range % steps
-    : `${step}`.split(".")[1].length;
+    : getNumberOfDigits(parseInt(`${step}`.split(".")[1]));
 
   return Math.min(
     max,

package/src/utils/useDevEffect.ts

@@ -0,0 +1,9 @@
+import { useEffect } from "react";
+
+/**
+ * This will be a no-op when `process.env.NODE_ENV === "production"`.
+ * Otherwise, it will be a normal `useEffect` call
+ * @since 6.4.0
+ */
+export const useDevEffect =
+  process.env.NODE_ENV === "production" ? () => {} : useEffect;

package/src/window-splitter/WindowSplitter.tsx

@@ -15,7 +15,8 @@ import { type useWindowSplitter } from "./useWindowSplitter.js";
  * module augmentation.
  */
 export interface BaseWindowSplitterProps
-  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "children">,
+  extends
+    Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "children">,
     BaseWindowSplitterClassNameOptions {
   /**
    * This will be provided by the {@link useWindowSplitter} hook.
@@ -91,7 +92,8 @@ export const WindowSplitter = forwardRef<
     className,
     dragging,
     reversed,
-    disableFixed = false,
+    disableFixed,
+    inactiveBackground,
     ...remaining
   } = props;
   const vertical = props["aria-orientation"] === "vertical";
@@ -108,6 +110,7 @@ export const WindowSplitter = forwardRef<
         dragging,
         vertical,
         disableFixed,
+        inactiveBackground,
       })}
     />
   );

package/src/window-splitter/styles.ts

@@ -13,6 +13,7 @@ declare module "react" {
     "--rmd-window-splitter-z"?: string | number;
     "--rmd-window-splitter-position"?: string | number;
     "--rmd-window-splitter-backgrond-color"?: string;
+    "--rmd-window-splitter-inactive-backgrond-color"?: string;
     "--rmd-window-splitter-opacity"?: string | number;
   }
 }
@@ -30,14 +31,22 @@ export interface BaseWindowSplitterClassNameOptions {
    * @defaultValue `false`
    */
   disableFixed?: boolean;
+
+  /**
+   * Set to `true` to enable a background-color to the `WindowSplitter` even
+   * while not being interacted with by the user.
+   *
+   * @since 6.4.0
+   * @defaultValue `false`
+   */
+  inactiveBackground?: boolean;
 }
 
 /**
  * @since 6.0.0
  * @since 6.3.1 Extends BaseWindowSplitterClassNameOptions
  */
-export interface WindowSplitterClassNameOptions
-  extends BaseWindowSplitterClassNameOptions {
+export interface WindowSplitterClassNameOptions extends BaseWindowSplitterClassNameOptions {
   dragging?: boolean;
   reversed?: boolean;
   vertical?: boolean;
@@ -54,6 +63,7 @@ export function windowSplitter(
     dragging,
     reversed,
     disableFixed,
+    inactiveBackground,
     className,
   } = options;
 
@@ -65,6 +75,7 @@ export function windowSplitter(
       vr: vertical && reversed,
       a: disableFixed,
       dragging,
+      "no-inactive-bg": !inactiveBackground,
     }),
     className
   );

package/src/window-splitter/useWindowSplitter.ts

@@ -44,7 +44,9 @@ export type WindowSplitterOptions<E extends HTMLElement = HTMLButtonElement> =
  */
 export interface WindowSplitterWidgetProps<
   E extends HTMLElement = HTMLButtonElement,
-> extends Required<DraggableMouseEventHandlers<E>>,
+>
+  extends
+    Required<DraggableMouseEventHandlers<E>>,
     Required<DraggableKeyboardEventHandlers<E>> {
   "aria-orientation": "vertical" | undefined;
   "aria-valuenow": number;