@toptal/picasso-number-input 4.2.2-alpha-MP-669-first-batch-of-rework-a31f7fc51.14 → 4.2.3-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.10
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/dist-package/src/NumberInput/NumberInput.d.ts.map +1 -1
- package/dist-package/src/NumberInput/NumberInput.js +3 -12
- package/dist-package/src/NumberInput/NumberInput.js.map +1 -1
- package/dist-package/src/NumberInputEndAdornment/NumberInputEndAdornment.d.ts +1 -9
- package/dist-package/src/NumberInputEndAdornment/NumberInputEndAdornment.d.ts.map +1 -1
- package/dist-package/src/NumberInputEndAdornment/NumberInputEndAdornment.js +1 -10
- package/dist-package/src/NumberInputEndAdornment/NumberInputEndAdornment.js.map +1 -1
- package/package.json +11 -11
- package/src/NumberInput/NumberInput.tsx +12 -18
- package/src/NumberInputEndAdornment/NumberInputEndAdornment.tsx +9 -20
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAA6B,MAAM,OAAO,CAAA;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAI1E,OAAO,KAAK,EAAE,KAAK,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AAKjF,MAAM,WAAW,KACf,SAAQ,IAAI,CACR,iBAAiB,CAAC,kBAAkB,CAAC,EACrC,cAAc,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,CAC/C,EACD,SAAS;IACX,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,yEAAyE;IACzE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,yCAAyC;IACzC,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,uCAAuC;IACvC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC/D,SAAS,CAAC,EAAE,UAAU,CAAA;CACvB;AAED,eAAO,MAAM,WAAW,
|
1
|
+
{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAA6B,MAAM,OAAO,CAAA;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAI1E,OAAO,KAAK,EAAE,KAAK,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AAKjF,MAAM,WAAW,KACf,SAAQ,IAAI,CACR,iBAAiB,CAAC,kBAAkB,CAAC,EACrC,cAAc,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,CAC/C,EACD,SAAS;IACX,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,yEAAyE;IACzE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,yCAAyC;IACzC,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,uCAAuC;IACvC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC/D,SAAS,CAAC,EAAE,UAAU,CAAA;CACvB;AAED,eAAO,MAAM,WAAW,gFAiGvB,CAAA;AAID,eAAe,WAAW,CAAA"}
|
@@ -15,8 +15,9 @@ import { InputAdornment } from '@toptal/picasso-input-adornment';
|
|
15
15
|
import { useCombinedRefs } from '@toptal/picasso-utils';
|
16
16
|
import { twJoin } from '@toptal/picasso-tailwind-merge';
|
17
17
|
import { NumberInputEndAdornment } from '../NumberInputEndAdornment';
|
18
|
-
export const NumberInput = forwardRef(function NumberInput(
|
19
|
-
|
18
|
+
export const NumberInput = forwardRef(function NumberInput(_a, ref) {
|
19
|
+
var { onChange = () => { }, value = 0, step = 1, min = -Infinity, max = Infinity, hideControls = false, size = 'medium', status = 'default' } = _a, props = __rest(_a, ["onChange", "value", "step", "min", "max", "hideControls", "size", "status"]);
|
20
|
+
const { enableChangeOnMouseWheel, disabled, onResetClick, enableReset, endAdornment: customEndAdornment = null, width, icon, testIds, highlight } = props, rest = __rest(props, ["enableChangeOnMouseWheel", "disabled", "onResetClick", "enableReset", "endAdornment", "width", "icon", "testIds", "highlight"]);
|
20
21
|
const inputRef = useCombinedRefs(ref, useRef(null));
|
21
22
|
const defaultEndAdornment = (React.createElement(NumberInputEndAdornment, { step: step, min: min, max: max, value: value, disabled: disabled, size: size, inputRef: inputRef }));
|
22
23
|
const endAdornment = hideControls ? (customEndAdornment) : (React.createElement(React.Fragment, null,
|
@@ -36,16 +37,6 @@ export const NumberInput = forwardRef(function NumberInput(props, ref) {
|
|
36
37
|
? undefined
|
37
38
|
: event => event.currentTarget.blur() }), width: width, onResetClick: onResetClick, enableReset: enableReset, status: status, inputRef: inputRef, type: 'number', value: value, disabled: disabled, onChange: onChange, endAdornment: endAdornment, startAdornment: startAdornment, size: size, testIds: testIds }));
|
38
39
|
});
|
39
|
-
NumberInput.defaultProps = {
|
40
|
-
onChange: () => { },
|
41
|
-
value: 0,
|
42
|
-
step: 1,
|
43
|
-
min: -Infinity,
|
44
|
-
max: Infinity,
|
45
|
-
hideControls: false,
|
46
|
-
size: 'medium',
|
47
|
-
status: 'default',
|
48
|
-
};
|
49
40
|
NumberInput.displayName = 'NumberInput';
|
50
41
|
export default NumberInput;
|
51
42
|
//# sourceMappingURL=NumberInput.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAA;AAEvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAA;AA6BpE,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,
|
1
|
+
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAA;AAEvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAA;AA6BpE,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAClB,EAUC,EACD,GAAG;QAXH,EACE,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,KAAK,GAAG,CAAC,EACT,IAAI,GAAG,CAAC,EACR,GAAG,GAAG,CAAC,QAAQ,EACf,GAAG,GAAG,QAAQ,EACd,YAAY,GAAG,KAAK,EACpB,IAAI,GAAG,QAAQ,EACf,MAAM,GAAG,SAAS,OAEnB,EADI,KAAK,cATV,6EAUC,CADS;IAIV,MAAM,EACJ,wBAAwB,EACxB,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,YAAY,EAAE,kBAAkB,GAAG,IAAI,EACvC,KAAK,EACL,IAAI,EACJ,OAAO,EACP,SAAS,KAEP,KAAK,EADJ,IAAI,UACL,KAAK,EAXH,gIAWL,CAAQ,CAAA;IAET,MAAM,QAAQ,GAAG,eAAe,CAC9B,GAAG,EACH,MAAM,CAAmB,IAAI,CAAC,CAC/B,CAAA;IAED,MAAM,mBAAmB,GAAG,CAC1B,oBAAC,uBAAuB,IACtB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAA;IAED,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,CAClC,kBAAkB,CACnB,CAAC,CAAC,CAAC,CACF;QACG,kBAAkB;QAClB,mBAAmB,CACnB,CACJ,CAAA;IAED,MAAM,cAAc,GAAG,IAAI,CAAC,CAAC,CAAC,CAC5B,oBAAC,cAAc,IAAC,QAAQ,EAAC,OAAO,EAAC,oBAAoB,UAClD,IAAI,CACU,CAClB,CAAC,CAAC,CAAC,IAAI,CAAA;IAER,OAAO,CACL,oBAAC,aAAa,IACZ,OAAO,EAAE;YACP,IAAI,EAAE,kBAAkB;YACxB,KAAK,EAAE,MAAM;YACX,qDAAqD;YACrD,oFAAoF,EACpF,oFAAoF;YACpF,uCAAuC;YACvC,6BAA6B,CAC9B;SACF,EACD,SAAS,EAAE,SAAS,EACpB,UAAU,kCACL,IAAI,KACP,IAAI;YACJ,2CAA2C;YAC3C,OAAO,EAAE,wBAAwB;gBAC/B,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,KAEzC,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,GAChB,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,eAAe,WAAW,CAAA"}
|
@@ -18,15 +18,7 @@ export interface Props extends BaseProps {
|
|
18
18
|
inputRef: RefObject<HTMLInputElement>;
|
19
19
|
}
|
20
20
|
export declare const NumberInputEndAdornment: {
|
21
|
-
(
|
22
|
-
defaultProps: {
|
23
|
-
min: number;
|
24
|
-
max: number;
|
25
|
-
value: number;
|
26
|
-
step: number;
|
27
|
-
disabled: boolean;
|
28
|
-
size: string;
|
29
|
-
};
|
21
|
+
({ min, max, value, step, disabled, size, inputRef, }: Props): JSX.Element;
|
30
22
|
displayName: string;
|
31
23
|
};
|
32
24
|
export default NumberInputEndAdornment;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"NumberInputEndAdornment.d.ts","sourceRoot":"","sources":["../../../src/NumberInputEndAdornment/NumberInputEndAdornment.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAA;AAEzD,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAYjE,oBAAY,IAAI,GAAG,QAAQ,CAAC,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAA;AAEzD,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,yEAAyE;IACzE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qBAAqB;IACrB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,+BAA+B;IAC/B,QAAQ,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAA;CACtC;AAmBD,eAAO,MAAM,uBAAuB;
|
1
|
+
{"version":3,"file":"NumberInputEndAdornment.d.ts","sourceRoot":"","sources":["../../../src/NumberInputEndAdornment/NumberInputEndAdornment.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAA;AAEzD,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAYjE,oBAAY,IAAI,GAAG,QAAQ,CAAC,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAA;AAEzD,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,yEAAyE;IACzE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qBAAqB;IACrB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,+BAA+B;IAC/B,QAAQ,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAA;CACtC;AAmBD,eAAO,MAAM,uBAAuB;2DAQjC,KAAK;;CAsHP,CAAA;AAID,eAAe,uBAAuB,CAAA"}
|
@@ -15,8 +15,7 @@ const classBySize = {
|
|
15
15
|
medium: 'h-4 w-[1.625rem]',
|
16
16
|
large: 'h-6 w-[2.125rem]',
|
17
17
|
};
|
18
|
-
export const NumberInputEndAdornment = (
|
19
|
-
const { step = 1, min = -Infinity, max = Infinity, value, disabled, size = 'medium', inputRef, } = props;
|
18
|
+
export const NumberInputEndAdornment = ({ min = -Infinity, max = Infinity, value = 0, step = 1, disabled = false, size = 'medium', inputRef, }) => {
|
20
19
|
const normalizedStep = Number(step);
|
21
20
|
const normalizedValue = Number(value);
|
22
21
|
const normalizedMin = Number(min);
|
@@ -97,14 +96,6 @@ export const NumberInputEndAdornment = (props) => {
|
|
97
96
|
React.createElement("button", { type: 'button', disabled: disabled, className: rootClassName, onClick: handleUpClick }, size === 'large' ? React.createElement(ArrowUpMinor24, null) : React.createElement(ArrowUpMinor16, null)),
|
98
97
|
React.createElement("button", { type: 'button', disabled: disabled, className: rootClassName, onClick: handleDownClick }, size === 'large' ? React.createElement(ArrowDownMinor24, null) : React.createElement(ArrowDownMinor16, null)))));
|
99
98
|
};
|
100
|
-
NumberInputEndAdornment.defaultProps = {
|
101
|
-
min: -Infinity,
|
102
|
-
max: Infinity,
|
103
|
-
value: 0,
|
104
|
-
step: 1,
|
105
|
-
disabled: false,
|
106
|
-
size: 'medium',
|
107
|
-
};
|
108
99
|
NumberInputEndAdornment.displayName = 'NumberInputEndAdornment';
|
109
100
|
export default NumberInputEndAdornment;
|
110
101
|
//# sourceMappingURL=NumberInputEndAdornment.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"NumberInputEndAdornment.js","sourceRoot":"","sources":["../../../src/NumberInputEndAdornment/NumberInputEndAdornment.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,cAAc,GACf,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAA;AAqBvD,oEAAoE;AACpE,MAAM,sBAAsB,GAAG,SAAS,EAAE;IACxC,CAAC,CACG,MAAM,CAAC,wBAAwB;IAC7B,uEAAuE;IACvE,MAAM,CAAC,gBAAgB,CAAC,SAAS,EACjC,OAAO,CAEV,CAAC,GAAI;IACR,CAAC,CAAC,SAAS,CAAA;AAEb,MAAM,WAAW,GAAyB;IACxC,KAAK,EAAE,kBAAkB;IACzB,MAAM,EAAE,kBAAkB;IAC1B,KAAK,EAAE,kBAAkB;CAC1B,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,
|
1
|
+
{"version":3,"file":"NumberInputEndAdornment.js","sourceRoot":"","sources":["../../../src/NumberInputEndAdornment/NumberInputEndAdornment.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@toptal/picasso-number-input",
|
3
|
-
"version": "4.2.
|
3
|
+
"version": "4.2.3-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.10+7db07b500",
|
4
4
|
"description": "Toptal UI components library - NumberInput",
|
5
5
|
"publishConfig": {
|
6
6
|
"access": "public"
|
@@ -22,13 +22,13 @@
|
|
22
22
|
},
|
23
23
|
"homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
|
24
24
|
"dependencies": {
|
25
|
-
"@toptal/picasso-container": "3.1.3-alpha-MP-669-
|
26
|
-
"@toptal/picasso-form": "6.3.
|
27
|
-
"@toptal/picasso-icons": "1.12.2-alpha-MP-669-
|
28
|
-
"@toptal/picasso-input-adornment": "3.0.11-alpha-MP-669-
|
29
|
-
"@toptal/picasso-outlined-input": "4.1.
|
30
|
-
"@toptal/picasso-shared": "15.0.1-alpha-MP-669-
|
31
|
-
"@toptal/picasso-utils": "3.1.1-alpha-MP-669-
|
25
|
+
"@toptal/picasso-container": "3.1.3-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.31+7db07b500",
|
26
|
+
"@toptal/picasso-form": "6.3.3-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.10+7db07b500",
|
27
|
+
"@toptal/picasso-icons": "1.12.2-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.31+7db07b500",
|
28
|
+
"@toptal/picasso-input-adornment": "3.0.11-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.31+7db07b500",
|
29
|
+
"@toptal/picasso-outlined-input": "4.1.3-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.10+7db07b500",
|
30
|
+
"@toptal/picasso-shared": "15.0.1-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.377+7db07b500",
|
31
|
+
"@toptal/picasso-utils": "3.1.1-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.31+7db07b500"
|
32
32
|
},
|
33
33
|
"sideEffects": [
|
34
34
|
"**/styles.ts",
|
@@ -43,13 +43,13 @@
|
|
43
43
|
".": "./dist-package/src/index.js"
|
44
44
|
},
|
45
45
|
"devDependencies": {
|
46
|
-
"@toptal/picasso-tailwind-merge": "2.0.4-alpha-MP-669-
|
47
|
-
"@toptal/picasso-test-utils": "1.1.2-alpha-MP-669-
|
46
|
+
"@toptal/picasso-tailwind-merge": "2.0.4-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.31+7db07b500",
|
47
|
+
"@toptal/picasso-test-utils": "1.1.2-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.377+7db07b500"
|
48
48
|
},
|
49
49
|
"files": [
|
50
50
|
"dist-package/**",
|
51
51
|
"!dist-package/tsconfig.tsbuildinfo",
|
52
52
|
"src"
|
53
53
|
],
|
54
|
-
"gitHead": "
|
54
|
+
"gitHead": "7db07b500402a91f0c09da3be294305a194fd1e4"
|
55
55
|
}
|
@@ -37,23 +37,28 @@ export interface Props
|
|
37
37
|
}
|
38
38
|
|
39
39
|
export const NumberInput = forwardRef<HTMLInputElement, Props>(
|
40
|
-
function NumberInput(
|
41
|
-
|
40
|
+
function NumberInput(
|
41
|
+
{
|
42
|
+
onChange = () => {},
|
43
|
+
value = 0,
|
42
44
|
step = 1,
|
43
45
|
min = -Infinity,
|
44
46
|
max = Infinity,
|
45
|
-
hideControls,
|
47
|
+
hideControls = false,
|
48
|
+
size = 'medium',
|
49
|
+
status = 'default',
|
50
|
+
...props
|
51
|
+
},
|
52
|
+
ref
|
53
|
+
) {
|
54
|
+
const {
|
46
55
|
enableChangeOnMouseWheel,
|
47
|
-
value,
|
48
|
-
onChange,
|
49
56
|
disabled,
|
50
|
-
status,
|
51
57
|
onResetClick,
|
52
58
|
enableReset,
|
53
59
|
endAdornment: customEndAdornment = null,
|
54
60
|
width,
|
55
61
|
icon,
|
56
|
-
size,
|
57
62
|
testIds,
|
58
63
|
highlight,
|
59
64
|
...rest
|
@@ -130,17 +135,6 @@ export const NumberInput = forwardRef<HTMLInputElement, Props>(
|
|
130
135
|
}
|
131
136
|
)
|
132
137
|
|
133
|
-
NumberInput.defaultProps = {
|
134
|
-
onChange: () => {},
|
135
|
-
value: 0,
|
136
|
-
step: 1,
|
137
|
-
min: -Infinity,
|
138
|
-
max: Infinity,
|
139
|
-
hideControls: false,
|
140
|
-
size: 'medium',
|
141
|
-
status: 'default',
|
142
|
-
}
|
143
|
-
|
144
138
|
NumberInput.displayName = 'NumberInput'
|
145
139
|
|
146
140
|
export default NumberInput
|
@@ -49,17 +49,15 @@ const classBySize: Record<Size, string> = {
|
|
49
49
|
large: 'h-6 w-[2.125rem]',
|
50
50
|
}
|
51
51
|
|
52
|
-
export const NumberInputEndAdornment = (
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
} = props
|
62
|
-
|
52
|
+
export const NumberInputEndAdornment = ({
|
53
|
+
min = -Infinity,
|
54
|
+
max = Infinity,
|
55
|
+
value = 0,
|
56
|
+
step = 1,
|
57
|
+
disabled = false,
|
58
|
+
size = 'medium',
|
59
|
+
inputRef,
|
60
|
+
}: Props) => {
|
63
61
|
const normalizedStep = Number(step)
|
64
62
|
const normalizedValue = Number(value)
|
65
63
|
const normalizedMin = Number(min)
|
@@ -179,15 +177,6 @@ export const NumberInputEndAdornment = (props: Props) => {
|
|
179
177
|
)
|
180
178
|
}
|
181
179
|
|
182
|
-
NumberInputEndAdornment.defaultProps = {
|
183
|
-
min: -Infinity,
|
184
|
-
max: Infinity,
|
185
|
-
value: 0,
|
186
|
-
step: 1,
|
187
|
-
disabled: false,
|
188
|
-
size: 'medium',
|
189
|
-
}
|
190
|
-
|
191
180
|
NumberInputEndAdornment.displayName = 'NumberInputEndAdornment'
|
192
181
|
|
193
182
|
export default NumberInputEndAdornment
|