@wavv/ui 1.7.11 → 1.7.12
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.
- package/build/cjs/index.js +8 -8
- package/build/cjs/types/components/Form.d.ts +2 -2
- package/build/cjs/types/components/Input.d.ts +5 -5
- package/build/cjs/types/components/InputHelpers.d.ts +3 -3
- package/build/esm/index.js +2 -2
- package/build/esm/types/components/Form.d.ts +2 -2
- package/build/esm/types/components/Input.d.ts +5 -5
- package/build/esm/types/components/InputHelpers.d.ts +3 -3
- package/build/index.d.ts +6 -6
- package/package.json +1 -1
|
@@ -43,7 +43,7 @@ declare const Form: {
|
|
|
43
43
|
} & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & import("./types").As & {
|
|
44
44
|
phone?: undefined;
|
|
45
45
|
onChange?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
46
|
-
} & import("./types").Margin, "ref"> | Omit<{
|
|
46
|
+
} & import("./types").Margin & import("./types").Padding, "ref"> | Omit<{
|
|
47
47
|
id?: string | undefined;
|
|
48
48
|
label?: string | undefined;
|
|
49
49
|
placeholder?: string | undefined;
|
|
@@ -75,7 +75,7 @@ declare const Form: {
|
|
|
75
75
|
} & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & import("./types").As & {
|
|
76
76
|
phone: true;
|
|
77
77
|
onChange?: ((event: import("react").ChangeEvent<HTMLInputElement>, formatted: string, raw: string) => void) | undefined;
|
|
78
|
-
} & import("./types").Margin, "ref">) & import("react").RefAttributes<import("./types").InputRef>>;
|
|
78
|
+
} & import("./types").Margin & import("./types").Padding, "ref">) & import("react").RefAttributes<import("./types").InputRef>>;
|
|
79
79
|
Dropdown: {
|
|
80
80
|
<OptionType extends import("./Dropdown").DropdownOption>({ onChange, onTextChange, afterShow, afterHide, onFocus, onBlur, onError, placeholder, placeholderColor, value, options, children, borderless, borderColor, backgroundColor, hideIcon, clearOnSelect, textOnly, width, height, isLoading, margin, marginTop, marginBottom, marginRight, marginLeft, label, id, name, trigger, centerY, centerX, offsetY, offsetX, direction, fontSize, description, disabled, invalid, search, filter, restrictInput, inputRef, optionsParent, ...props }: {
|
|
81
81
|
children?: ReactNode;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { ChangeEvent,
|
|
2
|
-
import { As, InputFocusEvent, InputRef, Margin } from './types';
|
|
1
|
+
import { ChangeEvent, HTMLProps, MouseEvent, MutableRefObject } from 'react';
|
|
3
2
|
import { IconType } from './helpers/getIcon';
|
|
3
|
+
import { As, InputFocusEvent, InputRef, MarginPadding } from './types';
|
|
4
4
|
type OnClear = () => void;
|
|
5
5
|
type OnChangeDefault = (event: ChangeEvent<HTMLInputElement>) => void;
|
|
6
6
|
type OnChangePhone = (event: ChangeEvent<HTMLInputElement>, formatted: string, raw: string) => void;
|
|
@@ -73,7 +73,7 @@ export type InputProps = {
|
|
|
73
73
|
onClick?: (event?: MouseEvent) => void;
|
|
74
74
|
/** A callback function that is run upon clicking the clear icon */
|
|
75
75
|
onClear?: OnClear;
|
|
76
|
-
} & DefaultInputProps & InputTypes &
|
|
76
|
+
} & DefaultInputProps & InputTypes & MarginPadding;
|
|
77
77
|
declare const Input: import("react").ForwardRefExoticComponent<(Omit<{
|
|
78
78
|
/** The id of the input element */
|
|
79
79
|
id?: string | undefined;
|
|
@@ -131,7 +131,7 @@ declare const Input: import("react").ForwardRefExoticComponent<(Omit<{
|
|
|
131
131
|
onClick?: ((event?: MouseEvent) => void) | undefined;
|
|
132
132
|
/** A callback function that is run upon clicking the clear icon */
|
|
133
133
|
onClear?: OnClear | undefined;
|
|
134
|
-
} & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & As & Default & Margin, "ref"> | Omit<{
|
|
134
|
+
} & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & As & Default & import("./types").Margin & import("./types").Padding, "ref"> | Omit<{
|
|
135
135
|
/** The id of the input element */
|
|
136
136
|
id?: string | undefined;
|
|
137
137
|
/** Places a label element above the input. The value will set the text of the label */
|
|
@@ -188,5 +188,5 @@ declare const Input: import("react").ForwardRefExoticComponent<(Omit<{
|
|
|
188
188
|
onClick?: ((event?: MouseEvent) => void) | undefined;
|
|
189
189
|
/** A callback function that is run upon clicking the clear icon */
|
|
190
190
|
onClear?: OnClear | undefined;
|
|
191
|
-
} & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & As & Phone & Margin, "ref">) & import("react").RefAttributes<InputRef>>;
|
|
191
|
+
} & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & As & Phone & import("./types").Margin & import("./types").Padding, "ref">) & import("react").RefAttributes<InputRef>>;
|
|
192
192
|
export default Input;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
2
|
+
import { InputFocusEvent, ThemeProp } from './types';
|
|
3
3
|
type FocusCallBack = (event?: InputFocusEvent) => void;
|
|
4
4
|
export declare const useInputFocus: (onFocus?: FocusCallBack, onBlur?: FocusCallBack, focusCondition?: boolean) => {
|
|
5
5
|
focused: boolean;
|
|
@@ -22,7 +22,7 @@ export declare const InputContainer: import("@emotion/styled").StyledComponent<{
|
|
|
22
22
|
invalid?: boolean | undefined;
|
|
23
23
|
disabled?: boolean | undefined;
|
|
24
24
|
hasLabel?: boolean | undefined;
|
|
25
|
-
} & import("./types").Width & import("./types").Height & Margin & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
25
|
+
} & import("./types").Width & import("./types").Height & import("./types").Margin & import("./types").Padding & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
26
26
|
export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
|
|
27
27
|
theme?: import("@emotion/react").Theme | undefined;
|
|
28
28
|
as?: import("react").ElementType<any> | undefined;
|
|
@@ -53,7 +53,7 @@ declare const _default: {
|
|
|
53
53
|
invalid?: boolean | undefined;
|
|
54
54
|
disabled?: boolean | undefined;
|
|
55
55
|
hasLabel?: boolean | undefined;
|
|
56
|
-
} & import("./types").Width & import("./types").Height & Margin & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
56
|
+
} & import("./types").Width & import("./types").Height & import("./types").Margin & import("./types").Padding & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
57
57
|
Wrapper: import("@emotion/styled").StyledComponent<{
|
|
58
58
|
theme?: import("@emotion/react").Theme | undefined;
|
|
59
59
|
as?: import("react").ElementType<any> | undefined;
|
package/build/index.d.ts
CHANGED
|
@@ -1409,7 +1409,7 @@ type InputProps = {
|
|
|
1409
1409
|
onClick?: (event?: MouseEvent$1) => void;
|
|
1410
1410
|
/** A callback function that is run upon clicking the clear icon */
|
|
1411
1411
|
onClear?: OnClear;
|
|
1412
|
-
} & DefaultInputProps & InputTypes &
|
|
1412
|
+
} & DefaultInputProps & InputTypes & MarginPadding;
|
|
1413
1413
|
declare const Input: React.ForwardRefExoticComponent<(Omit<{
|
|
1414
1414
|
/** The id of the input element */
|
|
1415
1415
|
id?: string | undefined;
|
|
@@ -1467,7 +1467,7 @@ declare const Input: React.ForwardRefExoticComponent<(Omit<{
|
|
|
1467
1467
|
onClick?: ((event?: MouseEvent$1) => void) | undefined;
|
|
1468
1468
|
/** A callback function that is run upon clicking the clear icon */
|
|
1469
1469
|
onClear?: OnClear | undefined;
|
|
1470
|
-
} & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & As & Default$1 & Margin, "ref"> | Omit<{
|
|
1470
|
+
} & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & As & Default$1 & Margin & Padding, "ref"> | Omit<{
|
|
1471
1471
|
/** The id of the input element */
|
|
1472
1472
|
id?: string | undefined;
|
|
1473
1473
|
/** Places a label element above the input. The value will set the text of the label */
|
|
@@ -1524,7 +1524,7 @@ declare const Input: React.ForwardRefExoticComponent<(Omit<{
|
|
|
1524
1524
|
onClick?: ((event?: MouseEvent$1) => void) | undefined;
|
|
1525
1525
|
/** A callback function that is run upon clicking the clear icon */
|
|
1526
1526
|
onClear?: OnClear | undefined;
|
|
1527
|
-
} & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & As & Phone & Margin, "ref">) & React.RefAttributes<InputRef>>;
|
|
1527
|
+
} & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & As & Phone & Margin & Padding, "ref">) & React.RefAttributes<InputRef>>;
|
|
1528
1528
|
|
|
1529
1529
|
type RestInputProps = Omit<InputProps, 'value' | 'onChange' | 'onError'>;
|
|
1530
1530
|
type DropdownProps$1<OptionType> = {
|
|
@@ -1702,7 +1702,7 @@ declare const Form: {
|
|
|
1702
1702
|
} & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & As & {
|
|
1703
1703
|
phone?: undefined;
|
|
1704
1704
|
onChange?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
1705
|
-
} & Margin, "ref"> | Omit<{
|
|
1705
|
+
} & Margin & Padding, "ref"> | Omit<{
|
|
1706
1706
|
id?: string | undefined;
|
|
1707
1707
|
label?: string | undefined;
|
|
1708
1708
|
placeholder?: string | undefined;
|
|
@@ -1734,7 +1734,7 @@ declare const Form: {
|
|
|
1734
1734
|
} & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & As & {
|
|
1735
1735
|
phone: true;
|
|
1736
1736
|
onChange?: ((event: React.ChangeEvent<HTMLInputElement>, formatted: string, raw: string) => void) | undefined;
|
|
1737
|
-
} & Margin, "ref">) & React.RefAttributes<InputRef>>;
|
|
1737
|
+
} & Margin & Padding, "ref">) & React.RefAttributes<InputRef>>;
|
|
1738
1738
|
Dropdown: {
|
|
1739
1739
|
<OptionType extends OptionItem>({ onChange, onTextChange, afterShow, afterHide, onFocus, onBlur, onError, placeholder, placeholderColor, value, options, children, borderless, borderColor, backgroundColor, hideIcon, clearOnSelect, textOnly, width, height, isLoading, margin, marginTop, marginBottom, marginRight, marginLeft, label, id, name, trigger, centerY, centerX, offsetY, offsetX, direction, fontSize, description, disabled, invalid, search, filter, restrictInput, inputRef, optionsParent, ...props }: {
|
|
1740
1740
|
children?: ReactNode;
|
|
@@ -1865,7 +1865,7 @@ declare const _default: {
|
|
|
1865
1865
|
invalid?: boolean | undefined;
|
|
1866
1866
|
disabled?: boolean | undefined;
|
|
1867
1867
|
hasLabel?: boolean | undefined;
|
|
1868
|
-
} & Width & Height & Margin & ThemeProp, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
1868
|
+
} & Width & Height & Margin & Padding & ThemeProp, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
1869
1869
|
Wrapper: _emotion_styled.StyledComponent<{
|
|
1870
1870
|
theme?: _emotion_react.Theme | undefined;
|
|
1871
1871
|
as?: React.ElementType<any> | undefined;
|