@accurat/react-components
Advanced tools
/// <reference types="react" /> | ||
export declare type BooleanChangeFnType = (event: boolean) => void; | ||
export declare type InputChangeFnType = (event: React.ChangeEvent<HTMLInputElement>) => void; | ||
declare type OnChangeFunction = BooleanChangeFnType | InputChangeFnType; | ||
export interface InputPropsTypes { | ||
@@ -9,5 +12,6 @@ children?: React.ReactNode; | ||
checked?: boolean; | ||
onChange?: (event: boolean) => void; | ||
onChange?: OnChangeFunction; | ||
reset?: boolean; | ||
} | ||
export declare const InputDefaultProps: object; | ||
export {}; |
import * as React from 'react'; | ||
import { InputPropsTypes } from '../../commons/interfaces'; | ||
import { InputPropsTypes, BooleanChangeFnType } from '../../commons/interfaces'; | ||
interface SVGProps { | ||
@@ -9,4 +9,5 @@ className?: string; | ||
propSvg?: React.SFC<SVGProps>; | ||
onChange?: BooleanChangeFnType; | ||
} | ||
export default function Checkbox({ children, propSvg, className, inputClassName, style, disabled, checked, onChange, reset, ...props }: CheckBoxArguments): JSX.Element; | ||
export {}; |
@@ -1,2 +0,5 @@ | ||
import { InputPropsTypes } from '../../commons/interfaces'; | ||
export default function Radio({ children, className, inputClassName, style, disabled, checked, onChange, reset, ...props }: InputPropsTypes): JSX.Element; | ||
import { InputPropsTypes, BooleanChangeFnType } from '../../commons/interfaces'; | ||
export interface RadioProps extends InputPropsTypes { | ||
onChange?: BooleanChangeFnType; | ||
} | ||
export default function Radio({ children, className, inputClassName, style, disabled, checked, onChange, reset, ...props }: RadioProps): JSX.Element; |
@@ -32,5 +32,5 @@ import * as React from 'react'; | ||
toogleOpen: () => void; | ||
handleClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void; | ||
handleClick: (event: React.MouseEvent<HTMLDivElement>) => void; | ||
handleOutsideClick: (event: MouseEvent) => void; | ||
render(): JSX.Element; | ||
} |
@@ -1,13 +0,9 @@ | ||
import * as React from 'react'; | ||
export interface TextInputpropsType { | ||
className?: string; | ||
style?: object; | ||
import { InputPropsTypes, InputChangeFnType } from 'src/commons/interfaces'; | ||
export interface TextInputpropsType extends InputPropsTypes { | ||
onChange?: InputChangeFnType; | ||
type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'time' | 'date' | 'datetime-local'; | ||
value?: string | number; | ||
defaultValue?: string; | ||
disabled?: boolean; | ||
onChange?: (event?: React.ChangeEvent<HTMLInputElement>) => void; | ||
checkValidity?: (cond: boolean) => void; | ||
reset?: boolean; | ||
} | ||
export default function TextInput({ value, defaultValue, className, style, type, onChange, checkValidity, reset, disabled, ...props }: TextInputpropsType): JSX.Element; |
@@ -1,2 +0,6 @@ | ||
import { InputPropsTypes } from '../../commons/interfaces'; | ||
export default function Toggle({ children, className, inputClassName, style, disabled, checked, onChange, reset, }: InputPropsTypes): JSX.Element; | ||
import { InputPropsTypes, BooleanChangeFnType } from '../../commons/interfaces'; | ||
interface ToggleProps extends InputPropsTypes { | ||
onChange?: BooleanChangeFnType; | ||
} | ||
export default function Toggle({ children, className, inputClassName, style, disabled, checked, onChange, reset, }: ToggleProps): JSX.Element; | ||
export {}; |
{ | ||
"name": "@accurat/react-components", | ||
"version": "0.3.3", | ||
"version": "0.3.4", | ||
"description": "Collection of React components used for Accurat projects.", | ||
@@ -36,2 +36,3 @@ "main": "lib/react-components.js", | ||
"build:styleguide": "rm -rf docs && styleguidist build", | ||
"publish": "npm publish --access public", | ||
"prepublishOnly": "npm run build" | ||
@@ -38,0 +39,0 @@ }, |
1001446
0.05%12553
0.06%