@sellout/ui 0.0.397 → 0.0.399
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/Colors.d.ts +37 -37
- package/build/components/AddressSearchDropdown.d.ts +31 -31
- package/build/components/Button.d.ts +51 -51
- package/build/components/CodeInput.d.ts +22 -22
- package/build/components/Counter.d.ts +9 -9
- package/build/components/Dropdown.d.ts +40 -40
- package/build/components/Flex.d.ts +14 -14
- package/build/components/FormattedInput.d.ts +34 -34
- package/build/components/FormattedfullInput.d.ts +32 -32
- package/build/components/Icon.d.ts +219 -219
- package/build/components/Icons.d.ts +190 -190
- package/build/components/Input.d.ts +65 -77
- package/build/components/InputOld.d.ts +23 -23
- package/build/components/Label.d.ts +16 -16
- package/build/components/Loader.d.ts +14 -14
- package/build/components/MaxLength.d.ts +8 -8
- package/build/components/Motion.d.ts +30 -30
- package/build/components/PhoneNumberInput.d.ts +36 -36
- package/build/components/Product.d.ts +35 -35
- package/build/components/SearchDropdown.d.ts +41 -41
- package/build/components/SvgIcons.d.ts +15 -15
- package/build/components/SvgRendrer.d.ts +5 -5
- package/build/components/TextButton.d.ts +21 -21
- package/build/components/Tip.d.ts +7 -7
- package/build/components/UserImage.d.ts +13 -13
- package/build/components/UserInfo.d.ts +18 -24
- package/build/components/ValidationError.d.ts +7 -7
- package/build/index.d.ts +29 -29
- package/build/node_modules/tslib/tslib.es6.js +97 -0
- package/build/node_modules/tslib/tslib.es6.js.map +1 -0
- package/build/src/Colors.js +42 -0
- package/build/src/Colors.js.map +1 -0
- package/build/{components → src/components}/AddressSearchDropdown.js +101 -99
- package/build/src/components/AddressSearchDropdown.js.map +1 -0
- package/build/src/components/Button.js +264 -0
- package/build/src/components/Button.js.map +1 -0
- package/build/src/components/CodeInput.js +98 -0
- package/build/src/components/CodeInput.js.map +1 -0
- package/build/src/components/Counter.js +27 -0
- package/build/src/components/Counter.js.map +1 -0
- package/build/src/components/Dropdown.js +53 -0
- package/build/src/components/Dropdown.js.map +1 -0
- package/build/src/components/Flex.js +13 -0
- package/build/src/components/Flex.js.map +1 -0
- package/build/src/components/FormattedInput.js +81 -0
- package/build/src/components/FormattedInput.js.map +1 -0
- package/build/{components → src/components}/FormattedfullInput.js +66 -70
- package/build/src/components/FormattedfullInput.js.map +1 -0
- package/build/src/components/Icon.js +38 -0
- package/build/src/components/Icon.js.map +1 -0
- package/build/src/components/Icons.js +200 -0
- package/build/src/components/Icons.js.map +1 -0
- package/build/src/components/Input.js +182 -0
- package/build/src/components/Input.js.map +1 -0
- package/build/src/components/Label.js +23 -0
- package/build/src/components/Label.js.map +1 -0
- package/build/src/components/Loader.js +37 -0
- package/build/src/components/Loader.js.map +1 -0
- package/build/src/components/MaxLength.js +20 -0
- package/build/src/components/MaxLength.js.map +1 -0
- package/build/src/components/Motion.js +40 -0
- package/build/src/components/Motion.js.map +1 -0
- package/build/src/components/PhoneNumberInput.js +50 -0
- package/build/src/components/PhoneNumberInput.js.map +1 -0
- package/build/src/components/Product.js +125 -0
- package/build/src/components/Product.js.map +1 -0
- package/build/{components → src/components}/SearchDropdown.js +60 -59
- package/build/src/components/SearchDropdown.js.map +1 -0
- package/build/{components → src/components}/SvgIcons.js +35 -35
- package/build/src/components/SvgIcons.js.map +1 -0
- package/build/{components → src/components}/SvgRendrer.js +14 -14
- package/build/src/components/SvgRendrer.js.map +1 -0
- package/build/src/components/TextButton.js +48 -0
- package/build/src/components/TextButton.js.map +1 -0
- package/build/src/components/Tip.js +19 -0
- package/build/src/components/Tip.js.map +1 -0
- package/build/src/components/UserImage.js +37 -0
- package/build/src/components/UserImage.js.map +1 -0
- package/build/src/components/UserInfo.js +40 -0
- package/build/src/components/UserInfo.js.map +1 -0
- package/build/src/components/ValidationError.js +27 -0
- package/build/src/components/ValidationError.js.map +1 -0
- package/build/src/index.js +33 -0
- package/build/src/utils/ErrorUtil.js +19 -0
- package/build/src/utils/ErrorUtil.js.map +1 -0
- package/build/src/utils/MediaQuery.js +66 -0
- package/build/src/utils/MediaQuery.js.map +1 -0
- package/build/src/utils/Validation.js +50 -0
- package/build/src/utils/Validation.js.map +1 -0
- package/build/src/utils/makeEventHandler.js +12 -0
- package/build/src/utils/makeEventHandler.js.map +1 -0
- package/build/utils/ErrorUtil.d.ts +1 -1
- package/build/utils/MediaQuery.d.ts +18 -18
- package/build/utils/Validation.d.ts +6 -6
- package/build/utils/makeEventHandler.d.ts +1 -1
- package/package.json +8 -6
- package/build/Colors.js.map +0 -1
- package/build/_virtual/_tslib.js.map +0 -1
- package/build/components/AddressSearchDropdown.js.map +0 -1
- package/build/components/Button.js.map +0 -1
- package/build/components/CodeInput.js.map +0 -1
- package/build/components/Counter.js.map +0 -1
- package/build/components/Dropdown.js.map +0 -1
- package/build/components/Flex.js.map +0 -1
- package/build/components/FormattedInput.js.map +0 -1
- package/build/components/FormattedfullInput.js.map +0 -1
- package/build/components/Icon.js.map +0 -1
- package/build/components/Icons.js.map +0 -1
- package/build/components/Input.js.map +0 -1
- package/build/components/Label.js.map +0 -1
- package/build/components/Loader.js.map +0 -1
- package/build/components/MaxLength.js.map +0 -1
- package/build/components/Motion.js.map +0 -1
- package/build/components/PhoneNumberInput.js.map +0 -1
- package/build/components/Product.js.map +0 -1
- package/build/components/SearchDropdown.js.map +0 -1
- package/build/components/SvgIcons.js.map +0 -1
- package/build/components/SvgRendrer.js.map +0 -1
- package/build/components/TextButton.js.map +0 -1
- package/build/components/Tip.js.map +0 -1
- package/build/components/UserImage.js.map +0 -1
- package/build/components/UserInfo.js.map +0 -1
- package/build/components/ValidationError.js.map +0 -1
- package/build/utils/ErrorUtil.js.map +0 -1
- package/build/utils/MediaQuery.js.map +0 -1
- package/build/utils/Validation.js.map +0 -1
- package/build/utils/makeEventHandler.js.map +0 -1
- /package/build/{index.js.map → src/index.js.map} +0 -0
package/build/Colors.d.ts
CHANGED
|
@@ -1,37 +1,37 @@
|
|
|
1
|
-
export declare enum Colors {
|
|
2
|
-
White = "#FFFFFF",
|
|
3
|
-
Black = "#000000",
|
|
4
|
-
Black2 = "#141414",
|
|
5
|
-
Yellow = "#FFBA49",
|
|
6
|
-
Green = "#42BB83",
|
|
7
|
-
OffWhite = "#FCFCFC",
|
|
8
|
-
LightBlue = "#39159C",
|
|
9
|
-
Secondary = "#1E1E1E",
|
|
10
|
-
Blue = "#2D0E84",
|
|
11
|
-
DarkBlue = "#1D0858",
|
|
12
|
-
Red = "#E63946",
|
|
13
|
-
Orange = "#FF700F",
|
|
14
|
-
FadedOrange = "#FFF1E7",
|
|
15
|
-
LightOrange = "#FFBE93",
|
|
16
|
-
DarkOrange = "#D65600",
|
|
17
|
-
Grey1 = "#333333",
|
|
18
|
-
Grey2 = "#4F4F4F",
|
|
19
|
-
Grey3 = "#828282",
|
|
20
|
-
Grey4 = "#BDBDBD",
|
|
21
|
-
Grey5 = "#E0E0E0",
|
|
22
|
-
Grey6 = "#F2F2F2",
|
|
23
|
-
Grey7 = "#F8F8F8",
|
|
24
|
-
Grey8 = "#424242",
|
|
25
|
-
Purple = "#040436",
|
|
26
|
-
SecondarySurface = "#1E1E1E",
|
|
27
|
-
SecondaryStroke = "#424242",
|
|
28
|
-
SurfaceTertiary = "#141414",
|
|
29
|
-
HeadingSecondary = "#FCFCFC",
|
|
30
|
-
SupportTertiary = "#A3A3A3",
|
|
31
|
-
HeadingPrimary = "#EF602E",
|
|
32
|
-
InteractiveBGSecondary = "#292929",
|
|
33
|
-
InteractiveBGPrimary = "#EA4513",
|
|
34
|
-
TagBGTertiary = "#0C0C0C",
|
|
35
|
-
TextSupportSecondary = "#D6D6D6",
|
|
36
|
-
ErrorRed = "#F31B43"
|
|
37
|
-
}
|
|
1
|
+
export declare enum Colors {
|
|
2
|
+
White = "#FFFFFF",
|
|
3
|
+
Black = "#000000",
|
|
4
|
+
Black2 = "#141414",
|
|
5
|
+
Yellow = "#FFBA49",
|
|
6
|
+
Green = "#42BB83",
|
|
7
|
+
OffWhite = "#FCFCFC",
|
|
8
|
+
LightBlue = "#39159C",
|
|
9
|
+
Secondary = "#1E1E1E",
|
|
10
|
+
Blue = "#2D0E84",
|
|
11
|
+
DarkBlue = "#1D0858",
|
|
12
|
+
Red = "#E63946",
|
|
13
|
+
Orange = "#FF700F",
|
|
14
|
+
FadedOrange = "#FFF1E7",
|
|
15
|
+
LightOrange = "#FFBE93",
|
|
16
|
+
DarkOrange = "#D65600",
|
|
17
|
+
Grey1 = "#333333",
|
|
18
|
+
Grey2 = "#4F4F4F",
|
|
19
|
+
Grey3 = "#828282",
|
|
20
|
+
Grey4 = "#BDBDBD",
|
|
21
|
+
Grey5 = "#E0E0E0",
|
|
22
|
+
Grey6 = "#F2F2F2",
|
|
23
|
+
Grey7 = "#F8F8F8",
|
|
24
|
+
Grey8 = "#424242",
|
|
25
|
+
Purple = "#040436",
|
|
26
|
+
SecondarySurface = "#1E1E1E",
|
|
27
|
+
SecondaryStroke = "#424242",
|
|
28
|
+
SurfaceTertiary = "#141414",
|
|
29
|
+
HeadingSecondary = "#FCFCFC",
|
|
30
|
+
SupportTertiary = "#A3A3A3",
|
|
31
|
+
HeadingPrimary = "#EF602E",
|
|
32
|
+
InteractiveBGSecondary = "#292929",
|
|
33
|
+
InteractiveBGPrimary = "#EA4513",
|
|
34
|
+
TagBGTertiary = "#0C0C0C",
|
|
35
|
+
TextSupportSecondary = "#D6D6D6",
|
|
36
|
+
ErrorRed = "#F31B43"
|
|
37
|
+
}
|
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
interface IAddress {
|
|
3
|
-
address1?: string;
|
|
4
|
-
address2?: string;
|
|
5
|
-
city?: string;
|
|
6
|
-
state?: string;
|
|
7
|
-
zip?: string;
|
|
8
|
-
country?: string;
|
|
9
|
-
phone?: string;
|
|
10
|
-
lat?: number | null;
|
|
11
|
-
lng?: number | null;
|
|
12
|
-
placeId?: string;
|
|
13
|
-
placeName?: string;
|
|
14
|
-
timezone?: string;
|
|
15
|
-
}
|
|
16
|
-
export
|
|
17
|
-
value: IAddress;
|
|
18
|
-
onChange: (address: IAddress) => void;
|
|
19
|
-
width?: string;
|
|
20
|
-
label?: any;
|
|
21
|
-
tip?: string;
|
|
22
|
-
fontSize?: string;
|
|
23
|
-
fontWeight?: string;
|
|
24
|
-
fontFamily?: string;
|
|
25
|
-
darkThemeProps?: string;
|
|
26
|
-
labelColor?: string;
|
|
27
|
-
borderColor?: string;
|
|
28
|
-
height?: string;
|
|
29
|
-
};
|
|
30
|
-
export default function AddressSearchDropdown({ value, onChange, width, label, tip, fontSize, fontWeight, fontFamily, darkThemeProps, labelColor, borderColor, height }: AddressSearchDropdownProps): React.JSX.Element;
|
|
31
|
-
export {};
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface IAddress {
|
|
3
|
+
address1?: string;
|
|
4
|
+
address2?: string;
|
|
5
|
+
city?: string;
|
|
6
|
+
state?: string;
|
|
7
|
+
zip?: string;
|
|
8
|
+
country?: string;
|
|
9
|
+
phone?: string;
|
|
10
|
+
lat?: number | null;
|
|
11
|
+
lng?: number | null;
|
|
12
|
+
placeId?: string;
|
|
13
|
+
placeName?: string;
|
|
14
|
+
timezone?: string;
|
|
15
|
+
}
|
|
16
|
+
export type AddressSearchDropdownProps = {
|
|
17
|
+
value: IAddress;
|
|
18
|
+
onChange: (address: IAddress) => void;
|
|
19
|
+
width?: string;
|
|
20
|
+
label?: any;
|
|
21
|
+
tip?: string;
|
|
22
|
+
fontSize?: string;
|
|
23
|
+
fontWeight?: string;
|
|
24
|
+
fontFamily?: string;
|
|
25
|
+
darkThemeProps?: string;
|
|
26
|
+
labelColor?: string;
|
|
27
|
+
borderColor?: string;
|
|
28
|
+
height?: string;
|
|
29
|
+
};
|
|
30
|
+
export default function AddressSearchDropdown({ value, onChange, width, label, tip, fontSize, fontWeight, fontFamily, darkThemeProps, labelColor, borderColor, height }: AddressSearchDropdownProps): React.JSX.Element;
|
|
31
|
+
export {};
|
|
@@ -1,51 +1,51 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Colors } from "../Colors";
|
|
3
|
-
export declare enum ButtonTypes {
|
|
4
|
-
Next = "Next",
|
|
5
|
-
Regular = "Regular",
|
|
6
|
-
Thin = "Thin",
|
|
7
|
-
Normal = "Normal",
|
|
8
|
-
CustomInputHeight = "CustomInputHeight"
|
|
9
|
-
}
|
|
10
|
-
export declare enum ButtonStates {
|
|
11
|
-
Active = "Active",
|
|
12
|
-
Warning = "Warning",
|
|
13
|
-
Disabled = "Disabled"
|
|
14
|
-
}
|
|
15
|
-
export declare enum ButtonIconPosition {
|
|
16
|
-
Left = "Left",
|
|
17
|
-
Right = "Right"
|
|
18
|
-
}
|
|
19
|
-
export
|
|
20
|
-
type?: ButtonTypes;
|
|
21
|
-
state?: ButtonStates;
|
|
22
|
-
bgColor?: Colors;
|
|
23
|
-
textColor?: Colors;
|
|
24
|
-
text?: string;
|
|
25
|
-
onClick?: any;
|
|
26
|
-
icon?: any;
|
|
27
|
-
iconPosition?: ButtonIconPosition;
|
|
28
|
-
iconSize?: number;
|
|
29
|
-
margin?: string;
|
|
30
|
-
loading?: boolean;
|
|
31
|
-
label?: string;
|
|
32
|
-
tip?: string;
|
|
33
|
-
subLabel?: string;
|
|
34
|
-
marginBottam?: string;
|
|
35
|
-
paddingAround?: string;
|
|
36
|
-
contentAlign?: string;
|
|
37
|
-
textTransform?: string;
|
|
38
|
-
fontSize?: string;
|
|
39
|
-
fontWeight?: string;
|
|
40
|
-
fontFamily?: string;
|
|
41
|
-
letterSpacing?: string;
|
|
42
|
-
disabledbuttonTheme?: boolean;
|
|
43
|
-
CustomInputHeight?: string;
|
|
44
|
-
lineHeight?: string;
|
|
45
|
-
svgIconName?: string;
|
|
46
|
-
svgWidth?: string;
|
|
47
|
-
svgHeight?: string;
|
|
48
|
-
marginOnButtonText?: boolean;
|
|
49
|
-
innerTextWhiteSpace?: string;
|
|
50
|
-
};
|
|
51
|
-
export default function Button({ type, state, bgColor, textColor, text, onClick, icon, iconPosition, iconSize, margin, marginBottam, loading, paddingAround, contentAlign, textTransform, fontSize, fontWeight, fontFamily, letterSpacing, disabledbuttonTheme, CustomInputHeight, lineHeight, svgIconName, svgHeight, svgWidth, marginOnButtonText, innerTextWhiteSpace }: ButtonProps): React.JSX.Element;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Colors } from "../Colors";
|
|
3
|
+
export declare enum ButtonTypes {
|
|
4
|
+
Next = "Next",
|
|
5
|
+
Regular = "Regular",
|
|
6
|
+
Thin = "Thin",
|
|
7
|
+
Normal = "Normal",
|
|
8
|
+
CustomInputHeight = "CustomInputHeight"
|
|
9
|
+
}
|
|
10
|
+
export declare enum ButtonStates {
|
|
11
|
+
Active = "Active",
|
|
12
|
+
Warning = "Warning",
|
|
13
|
+
Disabled = "Disabled"
|
|
14
|
+
}
|
|
15
|
+
export declare enum ButtonIconPosition {
|
|
16
|
+
Left = "Left",
|
|
17
|
+
Right = "Right"
|
|
18
|
+
}
|
|
19
|
+
export type ButtonProps = {
|
|
20
|
+
type?: ButtonTypes;
|
|
21
|
+
state?: ButtonStates;
|
|
22
|
+
bgColor?: Colors;
|
|
23
|
+
textColor?: Colors;
|
|
24
|
+
text?: string;
|
|
25
|
+
onClick?: any;
|
|
26
|
+
icon?: any;
|
|
27
|
+
iconPosition?: ButtonIconPosition;
|
|
28
|
+
iconSize?: number;
|
|
29
|
+
margin?: string;
|
|
30
|
+
loading?: boolean;
|
|
31
|
+
label?: string;
|
|
32
|
+
tip?: string;
|
|
33
|
+
subLabel?: string;
|
|
34
|
+
marginBottam?: string;
|
|
35
|
+
paddingAround?: string;
|
|
36
|
+
contentAlign?: string;
|
|
37
|
+
textTransform?: string;
|
|
38
|
+
fontSize?: string;
|
|
39
|
+
fontWeight?: string;
|
|
40
|
+
fontFamily?: string;
|
|
41
|
+
letterSpacing?: string;
|
|
42
|
+
disabledbuttonTheme?: boolean;
|
|
43
|
+
CustomInputHeight?: string;
|
|
44
|
+
lineHeight?: string;
|
|
45
|
+
svgIconName?: string;
|
|
46
|
+
svgWidth?: string;
|
|
47
|
+
svgHeight?: string;
|
|
48
|
+
marginOnButtonText?: boolean;
|
|
49
|
+
innerTextWhiteSpace?: string;
|
|
50
|
+
};
|
|
51
|
+
export default function Button({ type, state, bgColor, textColor, text, onClick, icon, iconPosition, iconSize, margin, marginBottam, loading, paddingAround, contentAlign, textTransform, fontSize, fontWeight, fontFamily, letterSpacing, disabledbuttonTheme, CustomInputHeight, lineHeight, svgIconName, svgHeight, svgWidth, marginOnButtonText, innerTextWhiteSpace }: ButtonProps): React.JSX.Element;
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
|
|
3
|
-
length: number;
|
|
4
|
-
onChange: Function;
|
|
5
|
-
onComplete: Function;
|
|
6
|
-
resetCode?: boolean;
|
|
7
|
-
color?: string;
|
|
8
|
-
placeholder?: string;
|
|
9
|
-
height?: string;
|
|
10
|
-
width?: string;
|
|
11
|
-
border?: string;
|
|
12
|
-
bgColor?: string;
|
|
13
|
-
borderRadius?: string;
|
|
14
|
-
borderHover?: string;
|
|
15
|
-
fontSize?: string;
|
|
16
|
-
marginRight?: string;
|
|
17
|
-
fontWeight?: string;
|
|
18
|
-
fontFamily?: string;
|
|
19
|
-
paddingLeft?: string;
|
|
20
|
-
};
|
|
21
|
-
declare const CodeInput: React.FC<CodeInputProps>;
|
|
22
|
-
export default CodeInput;
|
|
1
|
+
import React from "react";
|
|
2
|
+
type CodeInputProps = {
|
|
3
|
+
length: number;
|
|
4
|
+
onChange: Function;
|
|
5
|
+
onComplete: Function;
|
|
6
|
+
resetCode?: boolean;
|
|
7
|
+
color?: string;
|
|
8
|
+
placeholder?: string;
|
|
9
|
+
height?: string;
|
|
10
|
+
width?: string;
|
|
11
|
+
border?: string;
|
|
12
|
+
bgColor?: string;
|
|
13
|
+
borderRadius?: string;
|
|
14
|
+
borderHover?: string;
|
|
15
|
+
fontSize?: string;
|
|
16
|
+
marginRight?: string;
|
|
17
|
+
fontWeight?: string;
|
|
18
|
+
fontFamily?: string;
|
|
19
|
+
paddingLeft?: string;
|
|
20
|
+
};
|
|
21
|
+
declare const CodeInput: React.FC<CodeInputProps>;
|
|
22
|
+
export default CodeInput;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export
|
|
3
|
-
value: number;
|
|
4
|
-
maxValue?: number;
|
|
5
|
-
minValue: number;
|
|
6
|
-
onIncrement: Function;
|
|
7
|
-
onDecrement: Function;
|
|
8
|
-
};
|
|
9
|
-
export default function Counter({ value, maxValue, minValue, onIncrement, onDecrement, }: CounterProps): React.JSX.Element;
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type CounterProps = {
|
|
3
|
+
value: number;
|
|
4
|
+
maxValue?: number;
|
|
5
|
+
minValue: number;
|
|
6
|
+
onIncrement: Function;
|
|
7
|
+
onDecrement: Function;
|
|
8
|
+
};
|
|
9
|
+
export default function Counter({ value, maxValue, minValue, onIncrement, onDecrement, }: CounterProps): React.JSX.Element;
|
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export interface IDropdownItem {
|
|
3
|
-
text: string;
|
|
4
|
-
value: any;
|
|
5
|
-
icon?: React.ReactNode;
|
|
6
|
-
color?: string;
|
|
7
|
-
}
|
|
8
|
-
export declare enum DropdownTypes {
|
|
9
|
-
Regular = "Regular",
|
|
10
|
-
Small = "Small"
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
type?: DropdownTypes;
|
|
14
|
-
value?: string;
|
|
15
|
-
onChange: Function;
|
|
16
|
-
placeholder?: string;
|
|
17
|
-
width?: string;
|
|
18
|
-
items: IDropdownItem[];
|
|
19
|
-
label?: any;
|
|
20
|
-
tip?: string;
|
|
21
|
-
icon?: React.ReactNode;
|
|
22
|
-
height?: string;
|
|
23
|
-
labelColor?: string;
|
|
24
|
-
bgColor?: string;
|
|
25
|
-
itemColor?: string;
|
|
26
|
-
optionsColor?: string;
|
|
27
|
-
fontSize?: string;
|
|
28
|
-
fontFamily?: string;
|
|
29
|
-
fontWeight?: string;
|
|
30
|
-
iconColor?: string;
|
|
31
|
-
hoverColor?: string;
|
|
32
|
-
letterSpacing?: string;
|
|
33
|
-
borderColor?: string;
|
|
34
|
-
containerMinHeight?: string;
|
|
35
|
-
optionsHeight?: string;
|
|
36
|
-
itemContainerHeight?: string;
|
|
37
|
-
valueWhiteSpace?: string;
|
|
38
|
-
};
|
|
39
|
-
declare const Dropdown: React.FC<DropdownProps>;
|
|
40
|
-
export default Dropdown;
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface IDropdownItem {
|
|
3
|
+
text: string;
|
|
4
|
+
value: any;
|
|
5
|
+
icon?: React.ReactNode;
|
|
6
|
+
color?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare enum DropdownTypes {
|
|
9
|
+
Regular = "Regular",
|
|
10
|
+
Small = "Small"
|
|
11
|
+
}
|
|
12
|
+
type DropdownProps = {
|
|
13
|
+
type?: DropdownTypes;
|
|
14
|
+
value?: string;
|
|
15
|
+
onChange: Function;
|
|
16
|
+
placeholder?: string;
|
|
17
|
+
width?: string;
|
|
18
|
+
items: IDropdownItem[];
|
|
19
|
+
label?: any;
|
|
20
|
+
tip?: string;
|
|
21
|
+
icon?: React.ReactNode;
|
|
22
|
+
height?: string;
|
|
23
|
+
labelColor?: string;
|
|
24
|
+
bgColor?: string;
|
|
25
|
+
itemColor?: string;
|
|
26
|
+
optionsColor?: string;
|
|
27
|
+
fontSize?: string;
|
|
28
|
+
fontFamily?: string;
|
|
29
|
+
fontWeight?: string;
|
|
30
|
+
iconColor?: string;
|
|
31
|
+
hoverColor?: string;
|
|
32
|
+
letterSpacing?: string;
|
|
33
|
+
borderColor?: string;
|
|
34
|
+
containerMinHeight?: string;
|
|
35
|
+
optionsHeight?: string;
|
|
36
|
+
itemContainerHeight?: string;
|
|
37
|
+
valueWhiteSpace?: string;
|
|
38
|
+
};
|
|
39
|
+
declare const Dropdown: React.FC<DropdownProps>;
|
|
40
|
+
export default Dropdown;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
|
|
3
|
-
direction?: string;
|
|
4
|
-
justify?: string;
|
|
5
|
-
align?: string;
|
|
6
|
-
padding?: string;
|
|
7
|
-
margin?: string;
|
|
8
|
-
flex?: string;
|
|
9
|
-
height?: string;
|
|
10
|
-
color?: string;
|
|
11
|
-
gap?: string;
|
|
12
|
-
};
|
|
13
|
-
declare const Flex: React.FC<FlexProps>;
|
|
14
|
-
export default Flex;
|
|
1
|
+
import React from "react";
|
|
2
|
+
type FlexProps = {
|
|
3
|
+
direction?: string;
|
|
4
|
+
justify?: string;
|
|
5
|
+
align?: string;
|
|
6
|
+
padding?: string;
|
|
7
|
+
margin?: string;
|
|
8
|
+
flex?: string;
|
|
9
|
+
height?: string;
|
|
10
|
+
color?: string;
|
|
11
|
+
gap?: string;
|
|
12
|
+
};
|
|
13
|
+
declare const Flex: React.FC<FlexProps>;
|
|
14
|
+
export default Flex;
|
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export declare enum InputFormats {
|
|
3
|
-
Price = "Price",
|
|
4
|
-
Percent = "Percent"
|
|
5
|
-
}
|
|
6
|
-
export
|
|
7
|
-
inputRef?: React.Ref<HTMLInputElement>;
|
|
8
|
-
autoFocus?: boolean | undefined;
|
|
9
|
-
placeholder?: string;
|
|
10
|
-
value: string;
|
|
11
|
-
defaultValue?: string;
|
|
12
|
-
type?: string;
|
|
13
|
-
format?: InputFormats;
|
|
14
|
-
onMouseEnter?: any;
|
|
15
|
-
onMouseLeave?: any;
|
|
16
|
-
onChange?: any;
|
|
17
|
-
onFocus?: any;
|
|
18
|
-
onBlur?: any;
|
|
19
|
-
onSubmit?: Function;
|
|
20
|
-
canSubmit?: boolean;
|
|
21
|
-
loading?: boolean;
|
|
22
|
-
margin?: string;
|
|
23
|
-
width?: string;
|
|
24
|
-
onEnter?: Function;
|
|
25
|
-
label?: string;
|
|
26
|
-
subLabel?: string;
|
|
27
|
-
tip?: string;
|
|
28
|
-
maxLength?: number;
|
|
29
|
-
validationError?: string;
|
|
30
|
-
disabled?: boolean;
|
|
31
|
-
inputWidth?: boolean;
|
|
32
|
-
inputInnerPadding?: string;
|
|
33
|
-
};
|
|
34
|
-
export default function Input({ inputRef, autoFocus, placeholder, value, defaultValue, format, type, onMouseEnter, onMouseLeave, onChange, onFocus, onBlur, onSubmit, canSubmit, loading, margin, width, inputWidth, onEnter, label, subLabel, tip, maxLength, validationError, disabled, inputInnerPadding }: InputProps): React.JSX.Element;
|
|
1
|
+
import React from "react";
|
|
2
|
+
export declare enum InputFormats {
|
|
3
|
+
Price = "Price",
|
|
4
|
+
Percent = "Percent"
|
|
5
|
+
}
|
|
6
|
+
export type InputProps = {
|
|
7
|
+
inputRef?: React.Ref<HTMLInputElement>;
|
|
8
|
+
autoFocus?: boolean | undefined;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
value: string;
|
|
11
|
+
defaultValue?: string;
|
|
12
|
+
type?: string;
|
|
13
|
+
format?: InputFormats;
|
|
14
|
+
onMouseEnter?: any;
|
|
15
|
+
onMouseLeave?: any;
|
|
16
|
+
onChange?: any;
|
|
17
|
+
onFocus?: any;
|
|
18
|
+
onBlur?: any;
|
|
19
|
+
onSubmit?: Function;
|
|
20
|
+
canSubmit?: boolean;
|
|
21
|
+
loading?: boolean;
|
|
22
|
+
margin?: string;
|
|
23
|
+
width?: string;
|
|
24
|
+
onEnter?: Function;
|
|
25
|
+
label?: string;
|
|
26
|
+
subLabel?: string;
|
|
27
|
+
tip?: string;
|
|
28
|
+
maxLength?: number;
|
|
29
|
+
validationError?: string;
|
|
30
|
+
disabled?: boolean;
|
|
31
|
+
inputWidth?: boolean;
|
|
32
|
+
inputInnerPadding?: string;
|
|
33
|
+
};
|
|
34
|
+
export default function Input({ inputRef, autoFocus, placeholder, value, defaultValue, format, type, onMouseEnter, onMouseLeave, onChange, onFocus, onBlur, onSubmit, canSubmit, loading, margin, width, inputWidth, onEnter, label, subLabel, tip, maxLength, validationError, disabled, inputInnerPadding }: InputProps): React.JSX.Element;
|
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export declare enum InputfullFormats {
|
|
3
|
-
Price = "Price",
|
|
4
|
-
Percent = "Percent"
|
|
5
|
-
}
|
|
6
|
-
export
|
|
7
|
-
inputRef?: React.Ref<HTMLInputElement>;
|
|
8
|
-
autoFocus?: boolean | undefined;
|
|
9
|
-
placeholder?: string;
|
|
10
|
-
value: string;
|
|
11
|
-
defaultValue?: string;
|
|
12
|
-
type?: string;
|
|
13
|
-
format?: InputfullFormats;
|
|
14
|
-
onMouseEnter?: any;
|
|
15
|
-
onMouseLeave?: any;
|
|
16
|
-
onChange?: any;
|
|
17
|
-
onFocus?: any;
|
|
18
|
-
onBlur?: any;
|
|
19
|
-
onSubmit?: Function;
|
|
20
|
-
canSubmit?: boolean;
|
|
21
|
-
loading?: boolean;
|
|
22
|
-
margin?: string;
|
|
23
|
-
width?: string;
|
|
24
|
-
onEnter?: Function;
|
|
25
|
-
label?: string;
|
|
26
|
-
subLabel?: string;
|
|
27
|
-
tip?: string;
|
|
28
|
-
maxLength?: number;
|
|
29
|
-
validationError?: string;
|
|
30
|
-
disabled?: boolean;
|
|
31
|
-
};
|
|
32
|
-
export default function Input({ inputRef, autoFocus, placeholder, value, defaultValue, format, type, onMouseEnter, onMouseLeave, onChange, onFocus, onBlur, onSubmit, canSubmit, loading, margin, width, onEnter, label, subLabel, tip, maxLength, validationError, disabled, }: InputProps): React.JSX.Element;
|
|
1
|
+
import React from "react";
|
|
2
|
+
export declare enum InputfullFormats {
|
|
3
|
+
Price = "Price",
|
|
4
|
+
Percent = "Percent"
|
|
5
|
+
}
|
|
6
|
+
export type InputProps = {
|
|
7
|
+
inputRef?: React.Ref<HTMLInputElement>;
|
|
8
|
+
autoFocus?: boolean | undefined;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
value: string;
|
|
11
|
+
defaultValue?: string;
|
|
12
|
+
type?: string;
|
|
13
|
+
format?: InputfullFormats;
|
|
14
|
+
onMouseEnter?: any;
|
|
15
|
+
onMouseLeave?: any;
|
|
16
|
+
onChange?: any;
|
|
17
|
+
onFocus?: any;
|
|
18
|
+
onBlur?: any;
|
|
19
|
+
onSubmit?: Function;
|
|
20
|
+
canSubmit?: boolean;
|
|
21
|
+
loading?: boolean;
|
|
22
|
+
margin?: string;
|
|
23
|
+
width?: string;
|
|
24
|
+
onEnter?: Function;
|
|
25
|
+
label?: string;
|
|
26
|
+
subLabel?: string;
|
|
27
|
+
tip?: string;
|
|
28
|
+
maxLength?: number;
|
|
29
|
+
validationError?: string;
|
|
30
|
+
disabled?: boolean;
|
|
31
|
+
};
|
|
32
|
+
export default function Input({ inputRef, autoFocus, placeholder, value, defaultValue, format, type, onMouseEnter, onMouseLeave, onChange, onFocus, onBlur, onSubmit, canSubmit, loading, margin, width, onEnter, label, subLabel, tip, maxLength, validationError, disabled, }: InputProps): React.JSX.Element;
|