feat: add default values for inputs

src/UniformComponent.tsx

@@ -1,7 +1,7 @@
 import { Component } from "react"
 import { dynamicOnChange } from "dynamic-on-change"
 
-export type UniformProps<D, P> = {
+export type UniformProps<D, P = {}> = {
   onChange?: (newValue: D) => void
   defaultValue: D
 } & P

src/UniformInput.test.tsx

@@ -17,4 +17,8 @@ describe("<UniformInput>", () => {
     const wrapper = mount(<UniformInput defaultValue="3" />)
     wrapper.find("input").simulate("change", { target: { value: "foo" } })
   })
+  it("should allow ommitting property defaultValue", () => {
+    const wrapper = mount(<UniformInput />)
+    wrapper.find("input").simulate("change", { target: { value: "foo" } })
+  })
 })

src/UniformInput.tsx

@@ -1,9 +1,14 @@
 import * as React from "react"
 import { UniformProps } from "./UniformComponent"
-import { Omit } from "./type-helpers"
+import { SafeJoin } from "./type-helpers"
 
 export class UniformInput extends React.Component<
-  UniformProps<string, Omit<JSX.IntrinsicElements["input"], "onChange">>
+  SafeJoin<
+    SafeJoin<JSX.IntrinsicElements["input"], UniformProps<string>>,
+    {
+      defaultValue?: string
+    }
+  >
 > {
   private _UniformInputOnChange = (ev: React.ChangeEvent<HTMLInputElement>) => {
     if (this.props.onChange) {

src/UniformInputNumber.test.tsx

@@ -21,4 +21,8 @@ describe("<UniformInputNumber>", () => {
     const wrapper = mount(<UniformInputNumber defaultValue={3} />)
     wrapper.find("input").simulate("change", { target: { value: "6" } })
   })
+  it("should allow ommitting property defaultValue", () => {
+    const wrapper = mount(<UniformInputNumber />)
+    wrapper.find("input").simulate("change", { target: { value: "6" } })
+  })
 })

src/UniformInputNumber.tsx

@@ -1,12 +1,12 @@
 import * as React from "react"
 import { UniformProps } from "./UniformComponent"
-import { Omit } from "./type-helpers"
+import { SafeJoin } from "./type-helpers"
 
 export class UniformInputNumber extends React.Component<
-  UniformProps<
-    number,
-    Omit<JSX.IntrinsicElements["input"], "onChange" | "defaultValue"> & {
-      defaultValue: number
+  SafeJoin<
+    SafeJoin<JSX.IntrinsicElements["input"], UniformProps<number>>,
+    {
+      defaultValue?: number
     }
   >
 > {
@@ -16,12 +16,10 @@ export class UniformInputNumber extends React.Component<
     }
   }
   render() {
+    const defaultValue =
+      this.props.defaultValue === undefined ? "0" : this.props.defaultValue.toString()
     return (
-      <input
-        {...this.props}
-        onChange={this._UniformInputOnChange}
-        defaultValue={this.props.defaultValue.toString()}
-      />
+      <input {...this.props} onChange={this._UniformInputOnChange} defaultValue={defaultValue} />
     )
   }
 }

src/UniformSelect.tsx

@@ -1,8 +1,8 @@
 import * as React from "react"
 import { UniformComponent } from "./UniformComponent"
-import { Omit } from "./type-helpers"
+import { SafeJoin, Omit } from "./type-helpers"
 
-export type UniformOptionProps<T> = Omit<JSX.IntrinsicElements["option"], "value"> & { value: T }
+export type UniformOptionProps<T> = SafeJoin<JSX.IntrinsicElements["option"], { value: T }>
 
 export class UniformSelect<T extends string> extends UniformComponent<
   T,

src/type-helpers.ts

@@ -1,2 +1,4 @@
 // From Typescript docs
 export type Omit<T, K> = Pick<T, Exclude<keyof T, K>>
+
+export type SafeJoin<T, K> = Omit<T, keyof K> & K