@veeqo/ui 0.1.25 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4,8 +4,8 @@ declare const Row: import("styled-components").StyledComponent<"div", any, {}, n
4
4
  declare const StyledTextField: import("styled-components").StyledComponent<import("react").FC<Omit<import("../types").EventHandlerProps, "onChange" | "onKeyDown"> & Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "onKeyDown" | "autoComplete"> & {
5
5
  className?: string | undefined;
6
6
  type?: import("../TextField/types").TextFieldType | undefined;
7
- value: string;
8
- onChange: (value: string) => void;
7
+ value?: string | undefined;
8
+ onChange?: ((value: string) => void) | undefined;
9
9
  placeholder?: string | undefined;
10
10
  step?: string | undefined;
11
11
  name?: string | undefined;
@@ -19,7 +19,8 @@ declare const StyledTextField: import("styled-components").StyledComponent<impor
19
19
  invalid?: boolean | undefined;
20
20
  disabled?: boolean | undefined;
21
21
  spellCheck?: boolean | undefined;
22
- } & import("../../hoc/withLabels/withLabels").WithLabelsProps>, any, {}, never>;
22
+ id?: string | undefined;
23
+ } & import("react").RefAttributes<HTMLInputElement> & import("../../hoc/withLabels/withLabels").WithLabelsProps>, any, {}, never>;
23
24
  declare const StyledButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
24
25
  children?: import("react").ReactNode;
25
26
  variant?: import("../Button/types").ButtonVariant | undefined;
@@ -11,8 +11,8 @@ export declare const PaginationButton: import("styled-components").StyledCompone
11
11
  export declare const PageInput: import("styled-components").StyledComponent<import("react").FC<Omit<import("../types").EventHandlerProps, "onChange" | "onKeyDown"> & Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "onKeyDown" | "autoComplete"> & {
12
12
  className?: string | undefined;
13
13
  type?: import("../TextField/types").TextFieldType | undefined;
14
- value: string;
15
- onChange: (value: string) => void;
14
+ value?: string | undefined;
15
+ onChange?: ((value: string) => void) | undefined;
16
16
  placeholder?: string | undefined;
17
17
  step?: string | undefined;
18
18
  name?: string | undefined;
@@ -26,4 +26,5 @@ export declare const PageInput: import("styled-components").StyledComponent<impo
26
26
  invalid?: boolean | undefined;
27
27
  disabled?: boolean | undefined;
28
28
  spellCheck?: boolean | undefined;
29
- } & import("../../hoc/withLabels/withLabels").WithLabelsProps>, any, {}, never>;
29
+ id?: string | undefined;
30
+ } & import("react").RefAttributes<HTMLInputElement> & import("../../hoc/withLabels/withLabels").WithLabelsProps>, any, {}, never>;
@@ -3,8 +3,8 @@ import { ComponentSize } from '../types';
3
3
  export declare const StyledTextField: import("styled-components").StyledComponent<import("react").FC<Omit<import("../types").EventHandlerProps, "onChange" | "onKeyDown"> & Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "onKeyDown" | "autoComplete"> & {
4
4
  className?: string | undefined;
5
5
  type?: import("../TextField/types").TextFieldType | undefined;
6
- value: string;
7
- onChange: (value: string) => void;
6
+ value?: string | undefined;
7
+ onChange?: ((value: string) => void) | undefined;
8
8
  placeholder?: string | undefined;
9
9
  step?: string | undefined;
10
10
  name?: string | undefined;
@@ -18,7 +18,8 @@ export declare const StyledTextField: import("styled-components").StyledComponen
18
18
  invalid?: boolean | undefined;
19
19
  disabled?: boolean | undefined;
20
20
  spellCheck?: boolean | undefined;
21
- } & import("../../hoc/withLabels/withLabels").WithLabelsProps>, any, {}, never>;
21
+ id?: string | undefined;
22
+ } & import("react").RefAttributes<HTMLInputElement> & import("../../hoc/withLabels/withLabels").WithLabelsProps>, any, {}, never>;
22
23
  export declare const PrefixContainer: import("styled-components").StyledComponent<"div", any, {
23
24
  disabled: boolean;
24
25
  size?: ComponentSize | undefined;
@@ -2,11 +2,12 @@ import React from 'react';
2
2
  import { ForwardedChoiceProps } from '../Choice';
3
3
  type RadioValue = string | number;
4
4
  export interface RadioProps extends ForwardedChoiceProps {
5
+ id?: string;
5
6
  checked: boolean;
6
7
  value?: RadioValue;
7
8
  disabled?: boolean;
8
9
  name?: string;
9
10
  onChange: (checked: boolean, value?: RadioValue) => void;
10
11
  }
11
- export declare const Radio: ({ checked, value, name, disabled, onChange, ...otherProps }: RadioProps) => React.JSX.Element;
12
+ export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
12
13
  export {};
@@ -3,8 +3,8 @@ import { Loader } from '../Loader';
3
3
  declare const Input: import("styled-components").StyledComponent<import("react").FC<Omit<import("../types").EventHandlerProps, "onChange" | "onKeyDown"> & Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "onKeyDown" | "autoComplete"> & {
4
4
  className?: string | undefined;
5
5
  type?: import("../TextField/types").TextFieldType | undefined;
6
- value: string;
7
- onChange: (value: string) => void;
6
+ value?: string | undefined;
7
+ onChange?: ((value: string) => void) | undefined;
8
8
  placeholder?: string | undefined;
9
9
  step?: string | undefined;
10
10
  name?: string | undefined;
@@ -18,7 +18,8 @@ declare const Input: import("styled-components").StyledComponent<import("react")
18
18
  invalid?: boolean | undefined;
19
19
  disabled?: boolean | undefined;
20
20
  spellCheck?: boolean | undefined;
21
- } & import("../../hoc/withLabels/withLabels").WithLabelsProps>, any, {}, never>;
21
+ id?: string | undefined;
22
+ } & import("react").RefAttributes<HTMLInputElement> & import("../../hoc/withLabels/withLabels").WithLabelsProps>, any, {}, never>;
22
23
  declare const IconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
23
24
  declare const Container: import("styled-components").StyledComponent<"div", any, {
24
25
  iconPosition: 'left' | 'right';
@@ -6,4 +6,5 @@ export type SearchProps = TextFieldProps & {
6
6
  onClearClick?: (event: SyntheticEvent) => void;
7
7
  reversed?: boolean;
8
8
  error?: string;
9
+ onChange: (value: string) => void;
9
10
  };
@@ -5,13 +5,14 @@ type SelectOption = {
5
5
  disabled?: boolean;
6
6
  };
7
7
  export interface SelectProps {
8
+ id?: string;
8
9
  className?: string;
9
10
  options: Array<SelectOption>;
10
- value: string;
11
+ value?: string;
11
12
  size?: 'sm' | 'base';
12
13
  disabled?: boolean;
13
14
  hasError?: boolean;
14
- onChange: (value: string) => void;
15
+ onChange?: (value: string) => void;
15
16
  }
16
- export declare const Select: React.FC<SelectProps & import("../../hoc/withLabels/withLabels").WithLabelsProps>;
17
+ export declare const Select: React.FC<SelectProps & React.RefAttributes<HTMLSelectElement> & import("../../hoc/withLabels/withLabels").WithLabelsProps>;
17
18
  export {};
@@ -1,3 +1,21 @@
1
1
  import React from 'react';
2
- import { TextFieldProps } from './types';
3
- export declare const TextField: ({ className, disabled, hasError, max, min, multiline, name, onChange, pattern, placeholder, rows, size, step, type, value, spellCheck, ...otherProps }: TextFieldProps) => React.JSX.Element;
2
+ export declare const TextField: React.ForwardRefExoticComponent<Omit<import("../types").EventHandlerProps, "onChange" | "onKeyDown"> & Pick<React.InputHTMLAttributes<HTMLInputElement>, "onKeyDown" | "autoComplete"> & {
3
+ className?: string | undefined;
4
+ type?: import("./types").TextFieldType | undefined;
5
+ value?: string | undefined;
6
+ onChange?: ((value: string) => void) | undefined;
7
+ placeholder?: string | undefined;
8
+ step?: string | undefined;
9
+ name?: string | undefined;
10
+ min?: string | undefined;
11
+ max?: string | undefined;
12
+ pattern?: string | undefined;
13
+ hasError?: boolean | undefined;
14
+ size?: "base" | "sm" | undefined;
15
+ multiline?: boolean | undefined;
16
+ rows?: string | undefined;
17
+ invalid?: boolean | undefined;
18
+ disabled?: boolean | undefined;
19
+ spellCheck?: boolean | undefined;
20
+ id?: string | undefined;
21
+ } & React.RefAttributes<HTMLInputElement>>;
@@ -2,8 +2,8 @@
2
2
  export declare const TextField: import("react").FC<Omit<import("../types").EventHandlerProps, "onChange" | "onKeyDown"> & Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "onKeyDown" | "autoComplete"> & {
3
3
  className?: string | undefined;
4
4
  type?: import("./types").TextFieldType | undefined;
5
- value: string;
6
- onChange: (value: string) => void;
5
+ value?: string | undefined;
6
+ onChange?: ((value: string) => void) | undefined;
7
7
  placeholder?: string | undefined;
8
8
  step?: string | undefined;
9
9
  name?: string | undefined;
@@ -17,4 +17,5 @@ export declare const TextField: import("react").FC<Omit<import("../types").Event
17
17
  invalid?: boolean | undefined;
18
18
  disabled?: boolean | undefined;
19
19
  spellCheck?: boolean | undefined;
20
- } & import("../../hoc/withLabels/withLabels").WithLabelsProps>;
20
+ id?: string | undefined;
21
+ } & import("react").RefAttributes<HTMLInputElement> & import("../../hoc/withLabels/withLabels").WithLabelsProps>;
@@ -8,8 +8,8 @@ export type TextFieldProps = Omit<EventHandlerProps, 'onChange' | 'onKeyDown'> &
8
8
  className?: string;
9
9
  /** Input element type */
10
10
  type?: TextFieldType;
11
- value: string;
12
- onChange: (value: string) => void;
11
+ value?: string;
12
+ onChange?: (value: string) => void;
13
13
  placeholder?: string;
14
14
  step?: string;
15
15
  name?: string;
@@ -23,4 +23,5 @@ export type TextFieldProps = Omit<EventHandlerProps, 'onChange' | 'onKeyDown'> &
23
23
  invalid?: boolean;
24
24
  disabled?: boolean;
25
25
  spellCheck?: boolean;
26
+ id?: string;
26
27
  };
@@ -1,6 +1,6 @@
1
- import { FC } from 'react';
1
+ import React from 'react';
2
2
  import { ToggleProps } from './types';
3
3
  /**
4
4
  * A toggle switch component, use-cases should wrap with a label or
5
5
  */
6
- export declare const Toggle: FC<ToggleProps>;
6
+ export declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLInputElement>>;
@@ -1,5 +1,6 @@
1
1
  import { EventHandlerProps } from '../types';
2
2
  export interface ToggleProps extends EventHandlerProps {
3
+ id?: string;
3
4
  switched?: boolean;
4
5
  name?: string;
5
6
  small?: boolean;
@@ -4,8 +4,8 @@ declare const Row: import("styled-components").StyledComponent<"div", any, {}, n
4
4
  declare const StyledTextField: import("styled-components").StyledComponent<import("react").FC<Omit<import("../types").EventHandlerProps, "onChange" | "onKeyDown"> & Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "onKeyDown" | "autoComplete"> & {
5
5
  className?: string | undefined;
6
6
  type?: import("../TextField/types").TextFieldType | undefined;
7
- value: string;
8
- onChange: (value: string) => void;
7
+ value?: string | undefined;
8
+ onChange?: ((value: string) => void) | undefined;
9
9
  placeholder?: string | undefined;
10
10
  step?: string | undefined;
11
11
  name?: string | undefined;
@@ -19,7 +19,8 @@ declare const StyledTextField: import("styled-components").StyledComponent<impor
19
19
  invalid?: boolean | undefined;
20
20
  disabled?: boolean | undefined;
21
21
  spellCheck?: boolean | undefined;
22
- } & import("../../hoc/withLabels/withLabels").WithLabelsProps>, any, {}, never>;
22
+ id?: string | undefined;
23
+ } & import("react").RefAttributes<HTMLInputElement> & import("../../hoc/withLabels/withLabels").WithLabelsProps>, any, {}, never>;
23
24
  declare const StyledButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
24
25
  children?: import("react").ReactNode;
25
26
  variant?: import("../Button/types").ButtonVariant | undefined;