@toptal/picasso 18.5.2 → 18.6.0
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.
|
@@ -12,6 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
import React, { forwardRef, useRef } from 'react';
|
|
13
13
|
import { makeStyles } from '@material-ui/core/styles';
|
|
14
14
|
import ButtonBase from '@material-ui/core/ButtonBase';
|
|
15
|
+
import cx from 'classnames';
|
|
15
16
|
import OutlinedInput from '../OutlinedInput';
|
|
16
17
|
import InputAdornment from '../InputAdornment';
|
|
17
18
|
import Container from '../Container';
|
|
@@ -24,7 +25,7 @@ const nativeInputValueSetter = isBrowser()
|
|
|
24
25
|
? Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value').set
|
|
25
26
|
: undefined;
|
|
26
27
|
const NumberAdornment = (props) => {
|
|
27
|
-
const { step, min, max, value, inputRef, classes, disabled } = props;
|
|
28
|
+
const { step, min, max, value, inputRef, classes, disabled, size = 'medium' } = props;
|
|
28
29
|
const normalizedStep = Number(step);
|
|
29
30
|
const normalizedValue = Number(value);
|
|
30
31
|
const normalizedMin = Number(min);
|
|
@@ -78,12 +79,12 @@ const NumberAdornment = (props) => {
|
|
|
78
79
|
return (React.createElement(InputAdornment, { position: 'end' },
|
|
79
80
|
React.createElement(Container, { flex: true, direction: 'column', inline: true },
|
|
80
81
|
React.createElement(ButtonBase, { disabled: disabled, classes: {
|
|
81
|
-
root: classes.control,
|
|
82
|
+
root: cx(classes.control, classes[size]),
|
|
82
83
|
disabled: classes.controlDisabled
|
|
83
84
|
}, onClick: handleUpClick },
|
|
84
85
|
React.createElement(ArrowUpMinor16, null)),
|
|
85
86
|
React.createElement(ButtonBase, { disabled: disabled, classes: {
|
|
86
|
-
root: classes.control,
|
|
87
|
+
root: cx(classes.control, classes[size]),
|
|
87
88
|
disabled: classes.controlDisabled
|
|
88
89
|
}, onClick: handleDownClick },
|
|
89
90
|
React.createElement(ArrowDownMinor16, null)))));
|
|
@@ -92,17 +93,17 @@ const useStyles = makeStyles(styles, {
|
|
|
92
93
|
name: 'PicassoNumberInput'
|
|
93
94
|
});
|
|
94
95
|
export const NumberInput = forwardRef(function NumberInput(props, ref) {
|
|
95
|
-
const { step = 1, min = -Infinity, max = Infinity, hideControls, value, onChange, disabled, error, onResetClick, enableReset, width, icon } = props, rest = __rest(props, ["step", "min", "max", "hideControls", "value", "onChange", "disabled", "error", "onResetClick", "enableReset", "width", "icon"]);
|
|
96
|
+
const { step = 1, min = -Infinity, max = Infinity, hideControls, value, onChange, disabled, error, onResetClick, enableReset, width, icon, size } = props, rest = __rest(props, ["step", "min", "max", "hideControls", "value", "onChange", "disabled", "error", "onResetClick", "enableReset", "width", "icon", "size"]);
|
|
96
97
|
const classes = useStyles();
|
|
97
98
|
const inputRef = useCombinedRefs(ref, useRef(null));
|
|
98
|
-
const endAdornment = hideControls ? null : (React.createElement(NumberAdornment, { step: step, min: min, max: max, value: value, inputRef: inputRef, classes: classes, disabled: disabled }));
|
|
99
|
+
const endAdornment = hideControls ? null : (React.createElement(NumberAdornment, { step: step, min: min, max: max, value: value, inputRef: inputRef, classes: classes, disabled: disabled, size: size }));
|
|
99
100
|
const startAdornment = icon ? (React.createElement(InputAdornment, { position: 'start', disablePointerEvents: true }, icon)) : null;
|
|
100
101
|
return (React.createElement(OutlinedInput, { classes: {
|
|
101
102
|
root: classes.root,
|
|
102
103
|
input: classes.input
|
|
103
104
|
}, inputProps: Object.assign(Object.assign({}, rest), { step,
|
|
104
105
|
min,
|
|
105
|
-
max }), width: width, onResetClick: onResetClick, enableReset: enableReset, error: error, inputRef: inputRef, type: 'number', value: value, disabled: disabled, onChange: onChange, endAdornment: endAdornment, startAdornment: startAdornment }));
|
|
106
|
+
max }), width: width, onResetClick: onResetClick, enableReset: enableReset, error: error, inputRef: inputRef, type: 'number', value: value, disabled: disabled, onChange: onChange, endAdornment: endAdornment, startAdornment: startAdornment, size: size }));
|
|
106
107
|
});
|
|
107
108
|
NumberInput.defaultProps = {
|
|
108
109
|
onChange: () => { },
|
|
@@ -110,7 +111,8 @@ NumberInput.defaultProps = {
|
|
|
110
111
|
step: 1,
|
|
111
112
|
min: -Infinity,
|
|
112
113
|
max: Infinity,
|
|
113
|
-
hideControls: false
|
|
114
|
+
hideControls: false,
|
|
115
|
+
size: 'medium'
|
|
114
116
|
};
|
|
115
117
|
NumberInput.displayName = 'NumberInput';
|
|
116
118
|
export default NumberInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAwB,MAAM,OAAO,CAAA;AACvE,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,UAAU,MAAM,8BAA8B,CAAA;
|
|
1
|
+
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":"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"}
|
package/NumberInput/styles.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Theme } from '@material-ui/core/styles';
|
|
2
|
-
declare const _default: ({ palette, transitions }: Theme) => import("@material-ui/styles").StyleRules<{}, "input" | "root" | "control" | "controlDisabled">;
|
|
2
|
+
declare const _default: ({ palette, transitions, sizes: { borderRadius } }: Theme) => import("@material-ui/styles").StyleRules<{}, "medium" | "large" | "small" | "input" | "root" | "control" | "controlDisabled">;
|
|
3
3
|
export default _default;
|
package/NumberInput/styles.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { createStyles } from '@material-ui/core/styles';
|
|
2
|
-
export default ({ palette, transitions }) => createStyles({
|
|
2
|
+
export default ({ palette, transitions, sizes: { borderRadius } }) => createStyles({
|
|
3
3
|
root: {
|
|
4
4
|
paddingRight: 0,
|
|
5
5
|
cursor: 'text'
|
|
@@ -31,11 +31,26 @@ export default ({ palette, transitions }) => createStyles({
|
|
|
31
31
|
background: palette.grey.main,
|
|
32
32
|
borderColor: palette.grey.main
|
|
33
33
|
},
|
|
34
|
+
'&:first-child': {
|
|
35
|
+
borderTopRightRadius: borderRadius.small
|
|
36
|
+
},
|
|
37
|
+
'&:last-child': {
|
|
38
|
+
borderBottomRightRadius: borderRadius.small
|
|
39
|
+
},
|
|
34
40
|
transition: `all ${transitions.duration.short}ms ${transitions.easing.easeOut}`,
|
|
35
41
|
transitionProperty: 'border, color, background'
|
|
36
42
|
},
|
|
37
43
|
controlDisabled: {
|
|
38
44
|
opacity: 0.48
|
|
45
|
+
},
|
|
46
|
+
small: {
|
|
47
|
+
height: '0.75rem'
|
|
48
|
+
},
|
|
49
|
+
medium: {
|
|
50
|
+
height: '1rem'
|
|
51
|
+
},
|
|
52
|
+
large: {
|
|
53
|
+
height: '1.5rem'
|
|
39
54
|
}
|
|
40
55
|
});
|
|
41
56
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/NumberInput/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAS,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAE,WAAW,EAAS,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/NumberInput/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAS,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,EAAS,EAAE,EAAE,CAC1E,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,YAAY,EAAE,CAAC;QACf,MAAM,EAAE,MAAM;KACf;IACD,KAAK,EAAE;QACL,4DAA4D,EAAE;YAC5D,oBAAoB,EAAE,MAAM;YAC5B,UAAU,EAAE,MAAM;YAClB,MAAM,EAAE,CAAC;SACV;QACD,iBAAiB,EAAE,WAAW;KAC/B;IAED,OAAO,EAAE;QACP,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,UAAU;QACjB,UAAU,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;QAC9C,WAAW,EAAE,uBAAuB;QAEpC,SAAS,EAAE;YACT,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM;YAC/B,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM;SACjC;QAED,OAAO,EAAE;YACP,SAAS,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;SAC9C;QAED,cAAc,EAAE;YACd,SAAS,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE;SAC5C;QAED,UAAU,EAAE;YACV,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;YAC7B,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;SAC/B;QAED,eAAe,EAAE;YACf,oBAAoB,EAAE,YAAY,CAAC,KAAK;SACzC;QAED,cAAc,EAAE;YACd,uBAAuB,EAAE,YAAY,CAAC,KAAK;SAC5C;QAED,UAAU,EAAE,OAAO,WAAW,CAAC,QAAQ,CAAC,KAAK,MAAM,WAAW,CAAC,MAAM,CAAC,OAAO,EAAE;QAC/E,kBAAkB,EAAE,2BAA2B;KAChD;IAED,eAAe,EAAE;QACf,OAAO,EAAE,IAAI;KACd;IAED,KAAK,EAAE;QACL,MAAM,EAAE,SAAS;KAClB;IAED,MAAM,EAAE;QACN,MAAM,EAAE,MAAM;KACf;IAED,KAAK,EAAE;QACL,MAAM,EAAE,QAAQ;KACjB;CACF,CAAC,CAAA"}
|