Fix set interval (#369)

* fix: allow interval to be set externally with [number, number]

* ci

.changeset/itchy-kiwis-explain.md

@@ -0,0 +1,5 @@
+---
+'leva': patch
+---
+
+fix: allow interval to be set externally with [number, number]

packages/leva/src/components/Interval/interval-plugin.ts

@@ -12,12 +12,14 @@ export const schema = (o: any, s: any) =>
 export const format = (v: Interval) => ({ min: v[0], max: v[1] })
 
 export const sanitize = (
-  value: InternalInterval,
+  value: InternalInterval | Interval,
   { bounds: [MIN, MAX] }: InternalIntervalSettings,
   prevValue: any
 ): Interval => {
+  // value can be passed as an array externally
+  const _value: InternalInterval = Array.isArray(value) ? format(value as Interval) : value
   const _newValue = { min: prevValue[0], max: prevValue[1] }
-  const { min, max } = { ..._newValue, ...value }
+  const { min, max } = { ..._newValue, ..._value }
   return [clamp(Number(min), MIN, Math.max(MIN, max)), clamp(Number(max), Math.min(MAX, min), MAX)]
 }
 

packages/leva/src/store.ts

@@ -206,7 +206,12 @@ export const Store = function (this: StoreType) {
         try {
           //@ts-expect-error (we always update inputs with a value)
           updateInput(data[path], value, undefined, undefined, fromPanel)
-        } catch {}
+        } catch (e) {
+          if (process.env.NODE_ENV === 'development') {
+            // eslint-disable-next-line no-console
+            console.warn(`[This message will only show in development]: \`set\` for path ${path} has failed.`, e)
+          }
+        }
       })
       return { data }
     })

packages/leva/src/utils/input.ts

@@ -137,14 +137,14 @@ type SanitizeProps = {
   settings: object | undefined
 }
 
-type ValueErrorType = { type: string; message: string; previousValue: any; error?: Error }
+type ValueErrorType = { type: string; message: string; previousValue: any; error?: unknown }
 
-const ValueError = function (this: ValueErrorType, message: string, value: any, error?: Error) {
+const ValueError = function (this: ValueErrorType, message: string, value: any, error?: unknown) {
   this.type = 'LEVA_ERROR'
   this.message = 'LEVA: ' + message
   this.previousValue = value
   this.error = error
-} as unknown as { new (message: string, value: any, error?: Error): ValueErrorType }
+} as unknown as { new (message: string, value: any, error?: unknown): ValueErrorType }
 
 export function sanitizeValue({ type, value, settings }: SanitizeProps, newValue: any, path: string, store: StoreType) {
   // sanitizeValue can accept a new value in the form of fn(oldValue). This
@@ -157,7 +157,7 @@ export function sanitizeValue({ type, value, settings }: SanitizeProps, newValue
   let sanitizedNewValue
   try {
     sanitizedNewValue = sanitize(type, _newValue, settings, value, path, store)
-  } catch (e: any) {
+  } catch (e) {
     throw new ValueError(`The value \`${newValue}\` did not result in a correct value.`, value, e)
   }
   if (dequal(sanitizedNewValue, value)) {