@blockle/blocks-react 1.2.0 → 1.3.0

package/dist/components/feedback/Spinner/Spinner.js

@@ -16,6 +16,7 @@ const Spinner = ({
   return /* @__PURE__ */ jsx(
     Box,
     {
+      "data-testid": "blocks-spinner",
       color,
       className: classnames(spinnerClassName, className),
       ...restProps

package/dist/components/feedback/Spinner/Spinner.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/form/Radio/RadioGroup.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/form/Slider/Slider.d.ts

@@ -16,7 +16,6 @@ export type SliderProps = {
     size: SliderTheme['variants']['size'];
     colorScheme: SliderTheme['variants']['colorScheme'];
     disabled?: boolean;
-    precision?: number;
 };
 export declare const Slider: React.FC<SliderProps>;
 export {};

package/dist/components/form/Slider/Slider.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { classnames, roundToPrecision, getBoundValue } from "@blockle/blocks-core";
+import { classnames, clampAndRoundValue } from "@blockle/blocks-core";
 import { useRef, useCallback } from "react";
 import { useComponentStyles } from "../../../hooks/useComponentStyles/useComponentStyles.js";
 import { useControlledValue } from "../../../hooks/useControlledValue/useControlledValue.js";
@@ -30,7 +30,6 @@ const Slider = ({
   size,
   colorScheme,
   disabled,
-  precision = 2,
   ...restProps
 }) => {
   const baseClass = useComponentStyles("slider", {
@@ -49,7 +48,7 @@ const Slider = ({
     defaultValue,
     value,
     onChange,
-    transformValue: (value2) => roundToPrecision(getBoundValue(value2, min, max, step), precision)
+    transformValue: (value2) => clampAndRoundValue(value2, min, max, step)
   });
   usePointerProgress({
     container: containerRef,

package/dist/hooks/useControlledValue/useControlledValue.d.ts

@@ -3,6 +3,11 @@ type ControlledValue<T> = {
     defaultValue: T;
     onChange?: (value: T) => void;
     transformValue?: (value: T) => T;
+} | {
+    value: T;
+    defaultValue?: T;
+    onChange: (value: T) => void;
+    transformValue?: (value: T) => T;
 };
 export declare function useControlledValue<T>({ defaultValue, value, onChange, transformValue, }: ControlledValue<T>): [T, (value: T) => void];
 export {};

package/dist/hooks/useControlledValue/useControlledValue.js

@@ -1,16 +1,19 @@
 "use client";
-import { useState, useCallback, useEffect } from "react";
+import { useState, useCallback } from "react";
+function noopTransform(value) {
+  return value;
+}
 function useControlledValue({
   defaultValue,
   value,
   onChange,
-  transformValue
+  transformValue = noopTransform
 }) {
   const [internValue, setInternValue] = useState(defaultValue);
   const currentValue = (onChange ? value : internValue) ?? defaultValue;
   const setValue = useCallback(
     function setValue2(value2) {
-      const nextValue = transformValue ? transformValue(value2) : value2;
+      const nextValue = transformValue(value2);
       if (onChange) {
         onChange(nextValue);
       } else {
@@ -19,14 +22,7 @@ function useControlledValue({
     },
     [onChange, transformValue]
   );
-  if (process.env.NODE_ENV !== "production") {
-    useEffect(() => {
-      if (onChange && value === void 0) {
-        console.error("Slider is in controlled mode but no value is provided");
-      }
-    }, []);
-  }
-  return [currentValue, setValue];
+  return [transformValue(currentValue), setValue];
 }
 export {
   useControlledValue

package/dist/hooks/useControlledValue/useControlledValue.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blockle/blocks-react",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "React hooks and components for Blockle",
   "type": "module",
   "exports": {