@instructure/ui-number-input 11.7.5 → 11.7.6-snapshot-11
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/CHANGELOG.md +11 -0
- package/es/NumberInput/v2/index.js +3 -7
- package/lib/NumberInput/v2/index.js +2 -6
- package/package.json +12 -12
- package/src/NumberInput/v2/index.tsx +2 -7
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/NumberInput/v1/index.d.ts +4 -4
- package/types/NumberInput/v1/index.d.ts.map +1 -1
- package/types/NumberInput/v1/styles.d.ts.map +1 -1
- package/types/NumberInput/v1/theme.d.ts.map +1 -1
- package/types/NumberInput/v2/index.d.ts +16 -16
- package/types/NumberInput/v2/index.d.ts.map +1 -1
- package/types/NumberInput/v2/styles.d.ts +1 -1
- package/types/NumberInput/v2/styles.d.ts.map +1 -1
|
@@ -18,10 +18,10 @@ declare class NumberInput extends Component<NumberInputProps, NumberInputState>
|
|
|
18
18
|
placeholder?: string;
|
|
19
19
|
isRequired?: boolean;
|
|
20
20
|
showArrows?: boolean;
|
|
21
|
-
size?:
|
|
21
|
+
size?: 'medium' | 'large';
|
|
22
22
|
value?: string | number;
|
|
23
23
|
width?: string;
|
|
24
|
-
display?:
|
|
24
|
+
display?: 'inline-block' | 'block';
|
|
25
25
|
inputRef?: (element: HTMLInputElement | null) => void;
|
|
26
26
|
onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
27
27
|
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
@@ -29,8 +29,8 @@ declare class NumberInput extends Component<NumberInputProps, NumberInputState>
|
|
|
29
29
|
onDecrement?: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement>) => void;
|
|
30
30
|
onIncrement?: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement>) => void;
|
|
31
31
|
onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
32
|
-
inputMode?:
|
|
33
|
-
textAlign?:
|
|
32
|
+
inputMode?: 'numeric' | 'decimal' | 'tel';
|
|
33
|
+
textAlign?: 'start' | 'center';
|
|
34
34
|
allowStringValue?: boolean;
|
|
35
35
|
renderIcons?: {
|
|
36
36
|
increase: Renderable;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/NumberInput/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAA;AAuB3C,OAAO,KAAK,EACV,gBAAgB,EAChB,gBAAgB,EAChB,qBAAqB,EACtB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAEtD;;;;;GAKG;AACH,cAEM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;IACrE,MAAM,CAAC,WAAW,SAAgB;IAClC,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAC3C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/NumberInput/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAA;AAuB3C,OAAO,KAAK,EACV,gBAAgB,EAChB,gBAAgB,EAChB,qBAAqB,EACtB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAEtD;;;;;GAKG;AACH,cAEM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;IACrE,MAAM,CAAC,WAAW,SAAgB;IAClC,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAC3C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;QAEjB,WAAW;QACX,QAAQ;QACR,UAAU;QACV,UAAU;QACV,IAAI;QACJ,OAAO;QACP,SAAS;QACT,SAAS;QACT,gBAAgB;MACjB;IAED,KAAK,EAAE,gBAAgB,CAAsB;IAE7C,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,OAAO,CAAC,MAAM,CAAgC;IAC9C,OAAO,CAAC,GAAG,CAAC,CAAQ;IAEpB,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,IAAI,EAAE,WAQL;IAED,IAAI,OAAO,YAOV;IAED,IAAI,WAAW,0DAEd;IAED,iBAAiB,SAEhB;IAED,kBAAkB,SAEjB;IAED,IAAI,kBAAkB,IAAI,qBAAqB,CAM9C;IAED,cAAc,YAAa,gBAAgB,GAAG,IAAI,UAMjD;IAED,WAAW,UAAW,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,UAMvD;IAED,UAAU,UAAW,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,UAMtD;IAED,YAAY,UAAW,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,UAIzD;IAED,aAAa,UAAW,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,UAkB5D;IAED,kBAAkB,UAAW,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,UAE/D;IAED,oBAAoB,UAAW,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,UAEjE;IAED,YAAY,CACV,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAC1C,QAAQ,EAAE,gBAAgB,CAAC,aAAa,CAAC,GAAG,gBAAgB,CAAC,aAAa,CAAC,QAY5E;IAED,YAAY,CAAC,WAAW,CAAC,EAAE;QAAE,QAAQ,EAAE,UAAU,CAAC;QAAC,QAAQ,EAAE,UAAU,CAAA;KAAE,oDA+BxE;IAED,MAAM,qDA4EL;CACF;eAEc,WAAW;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/NumberInput/v1/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,KAAK,EACV,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EACjB,MAAM,SAAS,CAAA;AAEhB;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/NumberInput/v1/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,KAAK,EACV,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EACjB,MAAM,SAAS,CAAA;AAEhB;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,gBAAgB,SACzB,gBAAgB,SAChB,qBAAqB,KAC3B,gBA8IF,CAAA;eAEc,aAAa"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/NumberInput/v1/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAsB,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAE5D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/NumberInput/v1/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAsB,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAE5D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,UAAW,KAAK,KAAG,gBAsD9C,CAAA;eAEc,sBAAsB"}
|
|
@@ -7,7 +7,7 @@ category: components
|
|
|
7
7
|
id: NumberInput
|
|
8
8
|
---
|
|
9
9
|
**/
|
|
10
|
-
declare const NumberInput: import("react").ForwardRefExoticComponent<import("@instructure/shared-types").PickPropsWithExceptions<import("@instructure/ui-form-field/latest").FormFieldOwnProps, "
|
|
10
|
+
declare const NumberInput: import("react").ForwardRefExoticComponent<import("@instructure/shared-types").PickPropsWithExceptions<import("@instructure/ui-form-field/latest").FormFieldOwnProps, "elementRef" | "id" | "inline" | "label"> & {
|
|
11
11
|
renderLabel: Renderable;
|
|
12
12
|
id?: string;
|
|
13
13
|
interaction?: import("@instructure/ui-react-utils").InteractionType;
|
|
@@ -15,10 +15,10 @@ declare const NumberInput: import("react").ForwardRefExoticComponent<import("@in
|
|
|
15
15
|
placeholder?: string;
|
|
16
16
|
isRequired?: boolean;
|
|
17
17
|
showArrows?: boolean;
|
|
18
|
-
size?:
|
|
18
|
+
size?: 'medium' | 'large';
|
|
19
19
|
value?: string | number;
|
|
20
20
|
width?: string;
|
|
21
|
-
display?:
|
|
21
|
+
display?: 'inline-block' | 'block';
|
|
22
22
|
inputRef?: (element: HTMLInputElement | null) => void;
|
|
23
23
|
onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
24
24
|
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
@@ -26,8 +26,8 @@ declare const NumberInput: import("react").ForwardRefExoticComponent<import("@in
|
|
|
26
26
|
onDecrement?: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement>) => void;
|
|
27
27
|
onIncrement?: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement>) => void;
|
|
28
28
|
onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
29
|
-
inputMode?:
|
|
30
|
-
textAlign?:
|
|
29
|
+
inputMode?: 'numeric' | 'decimal' | 'tel';
|
|
30
|
+
textAlign?: 'start' | 'center';
|
|
31
31
|
allowStringValue?: boolean;
|
|
32
32
|
renderIcons?: {
|
|
33
33
|
increase: Renderable;
|
|
@@ -42,10 +42,10 @@ declare const NumberInput: import("react").ForwardRefExoticComponent<import("@in
|
|
|
42
42
|
placeholder?: string;
|
|
43
43
|
isRequired?: boolean;
|
|
44
44
|
showArrows?: boolean;
|
|
45
|
-
size?:
|
|
45
|
+
size?: 'medium' | 'large';
|
|
46
46
|
value?: string | number;
|
|
47
47
|
width?: string;
|
|
48
|
-
display?:
|
|
48
|
+
display?: 'inline-block' | 'block';
|
|
49
49
|
inputRef?: (element: HTMLInputElement | null) => void;
|
|
50
50
|
onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
51
51
|
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
@@ -53,15 +53,15 @@ declare const NumberInput: import("react").ForwardRefExoticComponent<import("@in
|
|
|
53
53
|
onDecrement?: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement>) => void;
|
|
54
54
|
onIncrement?: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement>) => void;
|
|
55
55
|
onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
56
|
-
inputMode?:
|
|
57
|
-
textAlign?:
|
|
56
|
+
inputMode?: 'numeric' | 'decimal' | 'tel';
|
|
57
|
+
textAlign?: 'start' | 'center';
|
|
58
58
|
allowStringValue?: boolean;
|
|
59
59
|
renderIcons?: {
|
|
60
60
|
increase: Renderable;
|
|
61
61
|
decrease: Renderable;
|
|
62
62
|
};
|
|
63
63
|
margin?: import("@instructure/emotion").Spacing;
|
|
64
|
-
} & Element>, keyof {
|
|
64
|
+
} & Element>, "dir" | keyof {
|
|
65
65
|
renderLabel: Renderable;
|
|
66
66
|
id?: string;
|
|
67
67
|
interaction?: import("@instructure/ui-react-utils").InteractionType;
|
|
@@ -69,10 +69,10 @@ declare const NumberInput: import("react").ForwardRefExoticComponent<import("@in
|
|
|
69
69
|
placeholder?: string;
|
|
70
70
|
isRequired?: boolean;
|
|
71
71
|
showArrows?: boolean;
|
|
72
|
-
size?:
|
|
72
|
+
size?: 'medium' | 'large';
|
|
73
73
|
value?: string | number;
|
|
74
74
|
width?: string;
|
|
75
|
-
display?:
|
|
75
|
+
display?: 'inline-block' | 'block';
|
|
76
76
|
inputRef?: (element: HTMLInputElement | null) => void;
|
|
77
77
|
onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
78
78
|
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
@@ -80,16 +80,16 @@ declare const NumberInput: import("react").ForwardRefExoticComponent<import("@in
|
|
|
80
80
|
onDecrement?: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement>) => void;
|
|
81
81
|
onIncrement?: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement>) => void;
|
|
82
82
|
onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
83
|
-
inputMode?:
|
|
84
|
-
textAlign?:
|
|
83
|
+
inputMode?: 'numeric' | 'decimal' | 'tel';
|
|
84
|
+
textAlign?: 'start' | 'center';
|
|
85
85
|
allowStringValue?: boolean;
|
|
86
86
|
renderIcons?: {
|
|
87
87
|
increase: Renderable;
|
|
88
88
|
decrease: Renderable;
|
|
89
89
|
};
|
|
90
90
|
margin?: import("@instructure/emotion").Spacing;
|
|
91
|
-
}
|
|
92
|
-
dir?:
|
|
91
|
+
}> & {
|
|
92
|
+
dir?: 'ltr' | 'rtl';
|
|
93
93
|
} & import("@instructure/ui-react-utils").WithDeterministicIdProps & import("react").RefAttributes<NumberInputHandle>>;
|
|
94
94
|
export interface NumberInputHandle {
|
|
95
95
|
focus: () => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/NumberInput/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/NumberInput/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAQd,OAAO,EAGL,cAAc,EAGf,MAAM,6BAA6B,CAAA;AAOpC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAEtD;;;;;GAKG;AACH,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sHAqUhB,CAAA;AAMD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,WAAW,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;IACvD,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IAClC,QAAQ,CAAC,GAAG,EAAE,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,CAAA;CACxC;eAEc,WAAW;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -17,6 +17,6 @@ type StyleParams = {
|
|
|
17
17
|
* @param sharedTokens Shared token object that stores common values for the theme.
|
|
18
18
|
* @return The final style object, which will be used in the component
|
|
19
19
|
*/
|
|
20
|
-
declare const generateStyle: (componentTheme: ReturnType<NewComponentTypes[
|
|
20
|
+
declare const generateStyle: (componentTheme: ReturnType<NewComponentTypes['TextInput']>, params: StyleParams, sharedTokens: SharedTokens) => NumberInputStyle;
|
|
21
21
|
export default generateStyle;
|
|
22
22
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/NumberInput/v2/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAG7E,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAC9B,SAAS,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAA;IACxC,WAAW,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAA;IAC5C,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/NumberInput/v2/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAG7E,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAC9B,SAAS,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAA;IACxC,WAAW,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAA;IAC5C,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,UAAU,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,UAClD,WAAW,gBACL,YAAY,KACzB,gBAsKF,CAAA;eAEc,aAAa"}
|