@toptal/picasso-select 1.0.21 → 1.0.22
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/NativeSelect/NativeSelect.d.ts.map +1 -1
- package/dist-package/src/NativeSelect/NativeSelect.js +2 -3
- package/dist-package/src/NativeSelect/NativeSelect.js.map +1 -1
- package/dist-package/src/NativeSelect/styles.d.ts +1 -1
- package/dist-package/src/NativeSelect/styles.d.ts.map +1 -1
- package/dist-package/src/NativeSelect/styles.js +25 -13
- package/dist-package/src/NativeSelect/styles.js.map +1 -1
- package/dist-package/src/NonNativeSelect/NonNativeSelect.d.ts.map +1 -1
- package/dist-package/src/NonNativeSelect/NonNativeSelect.js +1 -6
- package/dist-package/src/NonNativeSelect/NonNativeSelect.js.map +1 -1
- package/dist-package/src/NonNativeSelect/styles.d.ts +1 -1
- package/dist-package/src/NonNativeSelect/styles.d.ts.map +1 -1
- package/dist-package/src/NonNativeSelect/styles.js +27 -15
- package/dist-package/src/NonNativeSelect/styles.js.map +1 -1
- package/package.json +3 -3
- package/src/NativeSelect/NativeSelect.tsx +7 -2
- package/src/NativeSelect/styles.ts +0 -3
- package/src/NonNativeSelect/NonNativeSelect.tsx +1 -6
- package/src/NonNativeSelect/styles.ts +0 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NativeSelect.d.ts","sourceRoot":"","sources":["../../../src/NativeSelect/NativeSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"NativeSelect.d.ts","sourceRoot":"","sources":["../../../src/NativeSelect/NativeSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAA;AAerC,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAgB3D,eAAO,MAAM,YAAY;;0FAuJxB,CAAA;AAqBD,eAAe,YAAY,CAAA"}
|
|
@@ -15,7 +15,7 @@ import { NativeSelect as MUINativeSelect } from '@material-ui/core';
|
|
|
15
15
|
import { makeStyles } from '@material-ui/core/styles';
|
|
16
16
|
import capitalize from '@material-ui/core/utils/capitalize';
|
|
17
17
|
import { OutlinedInput } from '@toptal/picasso-outlined-input';
|
|
18
|
-
import { documentable, forwardRef, noop, useCombinedRefs } from '@toptal/picasso-utils';
|
|
18
|
+
import { documentable, forwardRef, noop, useCombinedRefs, } from '@toptal/picasso-utils';
|
|
19
19
|
import SelectCaret from '../SelectCaret';
|
|
20
20
|
import { getOptionText, useAdornments, useSelectState, useSelectProps, renderOption as defaultRenderOption, } from '../SelectBase';
|
|
21
21
|
import NativeSelectOptions from '../NativeSelectOptions';
|
|
@@ -58,10 +58,9 @@ export const NativeSelect = documentable(forwardRef((props, ref) => {
|
|
|
58
58
|
const endAdornment = selectEndAdornment && (React.createElement("div", { className: classes.endAdornment }, selectEndAdornment));
|
|
59
59
|
const nativeSelectComponent = (React.createElement(MUINativeSelect
|
|
60
60
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
61
|
-
, Object.assign({}, rest, { ref: selectRef, disabled: disabled, name: name, id: id, startAdornment: startAdornment, endAdornment: endAdornment, input: React.createElement(OutlinedInput, Object.assign({ width: width, inputProps: { multiple }, size: size, className: classes.nativeInput, testIds: testIds, status: error ? 'error' : status }, getInputProps())), value: value, onChange: onChange, IconComponent: () => React.createElement(SelectCaret, { disabled: disabled }), classes: {
|
|
61
|
+
, Object.assign({}, rest, { ref: selectRef, disabled: disabled, name: name, id: id, startAdornment: startAdornment, endAdornment: endAdornment, input: React.createElement(OutlinedInput, Object.assign({ width: width, inputProps: { multiple }, size: size, className: classes.nativeInput, testIds: testIds, status: error ? 'error' : status, highlight: highlight }, getInputProps())), value: value, onChange: onChange, IconComponent: () => React.createElement(SelectCaret, { disabled: disabled }), classes: {
|
|
62
62
|
root: cx(classes.select, {
|
|
63
63
|
[classes.placeholder]: !selection.isSelected(),
|
|
64
|
-
[classes.highlightAutofill]: highlight === 'autofill',
|
|
65
64
|
}),
|
|
66
65
|
select: cx({
|
|
67
66
|
[classes.startAdornmentPadding]: React.isValidElement(startAdornment),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NativeSelect.js","sourceRoot":"","sources":["../../../src/NativeSelect/NativeSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,YAAY,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAEnE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,UAAU,MAAM,oCAAoC,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,
|
|
1
|
+
{"version":3,"file":"NativeSelect.js","sourceRoot":"","sources":["../../../src/NativeSelect/NativeSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { Theme } from '@material-ui/core/styles';
|
|
2
2
|
import '@toptal/picasso-input/styles';
|
|
3
3
|
import '@toptal/picasso-loader/styles';
|
|
4
|
-
declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "placeholder" | "startAdornment" | "endAdornment" | "select" | "root" | "rootFull" | "rootShrink" | "rootAuto" | "rootDisabled" | "nativeInput" | "
|
|
4
|
+
declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "placeholder" | "startAdornment" | "endAdornment" | "select" | "root" | "rootFull" | "rootShrink" | "rootAuto" | "rootDisabled" | "nativeInput" | "startAdornmentPadding" | "endAdornmentPadding">;
|
|
5
5
|
export default _default;
|
|
6
6
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/NativeSelect/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAGrD,OAAO,8BAA8B,CAAA;AACrC,OAAO,+BAA+B,CAAA;
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/NativeSelect/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAGrD,OAAO,8BAA8B,CAAA;AACrC,OAAO,+BAA+B,CAAA;gCAEf,KAAK;AAA5B,wBAkDC"}
|
|
@@ -2,41 +2,53 @@
|
|
|
2
2
|
import { createStyles } from '@material-ui/core/styles';
|
|
3
3
|
import '@toptal/picasso-input/styles';
|
|
4
4
|
import '@toptal/picasso-loader/styles';
|
|
5
|
-
import { highlightStyles as highlightAutofillStyles } from '@toptal/picasso-input';
|
|
6
5
|
export default (theme) => {
|
|
7
6
|
const { palette } = theme;
|
|
8
|
-
return createStyles(
|
|
7
|
+
return createStyles({
|
|
8
|
+
root: {
|
|
9
9
|
position: 'relative',
|
|
10
10
|
display: 'inline-flex',
|
|
11
11
|
fontSize: '1rem',
|
|
12
12
|
cursor: 'pointer',
|
|
13
|
-
},
|
|
13
|
+
},
|
|
14
|
+
rootFull: {
|
|
14
15
|
width: '100%',
|
|
15
|
-
},
|
|
16
|
+
},
|
|
17
|
+
rootShrink: {
|
|
16
18
|
width: 'auto',
|
|
17
|
-
},
|
|
19
|
+
},
|
|
20
|
+
rootAuto: {},
|
|
21
|
+
rootDisabled: {
|
|
18
22
|
cursor: 'default',
|
|
19
|
-
},
|
|
23
|
+
},
|
|
24
|
+
select: {
|
|
20
25
|
width: '100%',
|
|
21
26
|
padding: '0.5rem',
|
|
22
27
|
'&:focus': {
|
|
23
28
|
backgroundColor: 'inherit',
|
|
24
29
|
},
|
|
25
|
-
},
|
|
30
|
+
},
|
|
31
|
+
nativeInput: {
|
|
26
32
|
padding: 0,
|
|
27
33
|
backgroundColor: palette.common.white,
|
|
28
|
-
},
|
|
34
|
+
},
|
|
35
|
+
placeholder: {
|
|
29
36
|
color: palette.grey.main2,
|
|
30
|
-
},
|
|
37
|
+
},
|
|
38
|
+
startAdornment: {
|
|
31
39
|
position: 'absolute',
|
|
32
40
|
left: '0.625rem',
|
|
33
|
-
},
|
|
41
|
+
},
|
|
42
|
+
endAdornment: {
|
|
34
43
|
position: 'absolute',
|
|
35
44
|
right: '1.625rem',
|
|
36
|
-
},
|
|
45
|
+
},
|
|
46
|
+
startAdornmentPadding: {
|
|
37
47
|
paddingLeft: '2.5625rem',
|
|
38
|
-
},
|
|
48
|
+
},
|
|
49
|
+
endAdornmentPadding: {
|
|
39
50
|
paddingRight: '3.5625rem',
|
|
40
|
-
}
|
|
51
|
+
},
|
|
52
|
+
});
|
|
41
53
|
};
|
|
42
54
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/NativeSelect/styles.ts"],"names":[],"mappings":"AACA,wCAAwC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,8BAA8B,CAAA;AACrC,OAAO,+BAA+B,CAAA;AAEtC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/NativeSelect/styles.ts"],"names":[],"mappings":"AACA,wCAAwC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,8BAA8B,CAAA;AACrC,OAAO,+BAA+B,CAAA;AAEtC,eAAe,CAAC,KAAY,EAAE,EAAE;IAC9B,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IAEzB,OAAO,YAAY,CAAC;QAClB,IAAI,EAAE;YACJ,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,aAAa;YACtB,QAAQ,EAAE,MAAM;YAChB,MAAM,EAAE,SAAS;SAClB;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,MAAM;SACd;QACD,UAAU,EAAE;YACV,KAAK,EAAE,MAAM;SACd;QACD,QAAQ,EAAE,EAAE;QACZ,YAAY,EAAE;YACZ,MAAM,EAAE,SAAS;SAClB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,QAAQ;YAEjB,SAAS,EAAE;gBACT,eAAe,EAAE,SAAS;aAC3B;SACF;QACD,WAAW,EAAE;YACX,OAAO,EAAE,CAAC;YACV,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;SACtC;QACD,WAAW,EAAE;YACX,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;SAC1B;QACD,cAAc,EAAE;YACd,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,UAAU;SACjB;QACD,YAAY,EAAE;YACZ,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,UAAU;SAClB;QACD,qBAAqB,EAAE;YACrB,WAAW,EAAE,WAAW;SACzB;QACD,mBAAmB,EAAE;YACnB,YAAY,EAAE,WAAW;SAC1B;KACF,CAAC,CAAA;AACJ,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NonNativeSelect.d.ts","sourceRoot":"","sources":["../../../src/NonNativeSelect/NonNativeSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAA;AAqBrC,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAmB3D,eAAO,MAAM,eAAe;;
|
|
1
|
+
{"version":3,"file":"NonNativeSelect.d.ts","sourceRoot":"","sources":["../../../src/NonNativeSelect/NonNativeSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAA;AAqBrC,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAmB3D,eAAO,MAAM,eAAe;;0FAsO3B,CAAA;AAuBD,eAAe,eAAe,CAAA"}
|
|
@@ -76,12 +76,7 @@ export const NonNativeSelect = documentable(forwardRef(
|
|
|
76
76
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
77
77
|
, Object.assign({}, rest, { onChange: onChange, inputRef: selectRef, status: error ? 'error' : status, disabled: disabled, id: id, startAdornment: startAdornment, endAdornment: endAdornment,
|
|
78
78
|
// Input specific props
|
|
79
|
-
value: displayValue }, getInputProps(), { placeholder: placeholder, width: width, readOnly: true, defaultValue: undefined, className: classes.outlinedInput,
|
|
80
|
-
root: cx({
|
|
81
|
-
[classes.highlightAutofill]: highlight === 'autofill',
|
|
82
|
-
[classes.horizontalLayout]: layout === 'horizontal',
|
|
83
|
-
}),
|
|
84
|
-
}, inputProps: {
|
|
79
|
+
value: displayValue }, getInputProps(), { placeholder: placeholder, width: width, readOnly: true, defaultValue: undefined, className: classes.outlinedInput, highlight: highlight, inputProps: {
|
|
85
80
|
size: 1, // let input to have smallest width by default for width:'shrink'
|
|
86
81
|
}, size: size, role: 'textbox', enableReset: enableReset ? selection.isSelected() : false, autoComplete: enableAutofill ? autoComplete : autoComplete || 'off', name: enableAutofill ? name : undefined, testIds: testIds })),
|
|
87
82
|
React.createElement(SelectCaret, { disabled: disabled })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NonNativeSelect.js","sourceRoot":"","sources":["../../../src/NonNativeSelect/NonNativeSelect.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"NonNativeSelect.js","sourceRoot":"","sources":["../../../src/NonNativeSelect/NonNativeSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,6 @@ import type { Theme } from '@material-ui/core/styles';
|
|
|
2
2
|
import '@toptal/picasso-input/styles';
|
|
3
3
|
import '@toptal/picasso-menu/styles';
|
|
4
4
|
import '@toptal/picasso-loader/styles';
|
|
5
|
-
declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "placeholder" | "select" | "root" | "rootFull" | "rootShrink" | "rootAuto" | "rootDisabled" | "inputWrapper" | "outlinedInput" | "searchOutlinedInput" | "searchInputGutters" | "nativeInput" | "horizontalLayout"
|
|
5
|
+
declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "placeholder" | "select" | "root" | "rootFull" | "rootShrink" | "rootAuto" | "rootDisabled" | "inputWrapper" | "outlinedInput" | "searchOutlinedInput" | "searchInputGutters" | "nativeInput" | "horizontalLayout">;
|
|
6
6
|
export default _default;
|
|
7
7
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/NonNativeSelect/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAGrD,OAAO,8BAA8B,CAAA;AACrC,OAAO,6BAA6B,CAAA;AACpC,OAAO,+BAA+B,CAAA;
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/NonNativeSelect/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAGrD,OAAO,8BAA8B,CAAA;AACrC,OAAO,6BAA6B,CAAA;AACpC,OAAO,+BAA+B,CAAA;gCAEf,KAAK;AAA5B,wBAmDC"}
|
|
@@ -3,42 +3,54 @@ import { createStyles } from '@material-ui/core/styles';
|
|
|
3
3
|
import '@toptal/picasso-input/styles';
|
|
4
4
|
import '@toptal/picasso-menu/styles';
|
|
5
5
|
import '@toptal/picasso-loader/styles';
|
|
6
|
-
import { highlightStyles as highlightAutofillStyles } from '@toptal/picasso-input';
|
|
7
6
|
export default (theme) => {
|
|
8
7
|
const { palette } = theme;
|
|
9
|
-
return createStyles(
|
|
8
|
+
return createStyles({
|
|
9
|
+
root: {
|
|
10
10
|
position: 'relative',
|
|
11
11
|
display: 'inline-flex',
|
|
12
12
|
fontSize: '1rem',
|
|
13
13
|
cursor: 'pointer',
|
|
14
|
-
},
|
|
14
|
+
},
|
|
15
|
+
rootFull: {
|
|
15
16
|
width: '100%',
|
|
16
|
-
},
|
|
17
|
+
},
|
|
18
|
+
rootShrink: {
|
|
17
19
|
width: 'auto',
|
|
18
|
-
},
|
|
20
|
+
},
|
|
21
|
+
rootAuto: {},
|
|
22
|
+
rootDisabled: {
|
|
19
23
|
cursor: 'default',
|
|
20
|
-
},
|
|
24
|
+
},
|
|
25
|
+
select: {
|
|
21
26
|
width: '100%',
|
|
22
27
|
padding: '0.5rem',
|
|
23
28
|
'&:focus': {
|
|
24
29
|
backgroundColor: 'inherit',
|
|
25
30
|
},
|
|
26
|
-
},
|
|
31
|
+
},
|
|
32
|
+
inputWrapper: {
|
|
27
33
|
width: 'inherit',
|
|
28
34
|
outline: 0,
|
|
29
|
-
},
|
|
30
|
-
|
|
35
|
+
},
|
|
36
|
+
outlinedInput: {
|
|
31
37
|
paddingRight: '1.625rem',
|
|
32
|
-
},
|
|
38
|
+
},
|
|
39
|
+
searchOutlinedInput: {
|
|
33
40
|
width: '100%',
|
|
34
|
-
},
|
|
41
|
+
},
|
|
42
|
+
searchInputGutters: {
|
|
35
43
|
padding: '0.375rem 0.5rem 0.5rem 0.5rem',
|
|
36
|
-
},
|
|
44
|
+
},
|
|
45
|
+
nativeInput: {
|
|
37
46
|
padding: 0,
|
|
38
|
-
},
|
|
47
|
+
},
|
|
48
|
+
placeholder: {
|
|
39
49
|
color: palette.grey.main2,
|
|
40
|
-
},
|
|
50
|
+
},
|
|
51
|
+
horizontalLayout: {
|
|
41
52
|
width: '100%',
|
|
42
|
-
}
|
|
53
|
+
},
|
|
54
|
+
});
|
|
43
55
|
};
|
|
44
56
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/NonNativeSelect/styles.ts"],"names":[],"mappings":"AACA,wCAAwC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,8BAA8B,CAAA;AACrC,OAAO,6BAA6B,CAAA;AACpC,OAAO,+BAA+B,CAAA;AAEtC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/NonNativeSelect/styles.ts"],"names":[],"mappings":"AACA,wCAAwC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,8BAA8B,CAAA;AACrC,OAAO,6BAA6B,CAAA;AACpC,OAAO,+BAA+B,CAAA;AAEtC,eAAe,CAAC,KAAY,EAAE,EAAE;IAC9B,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IAEzB,OAAO,YAAY,CAAC;QAClB,IAAI,EAAE;YACJ,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,aAAa;YACtB,QAAQ,EAAE,MAAM;YAChB,MAAM,EAAE,SAAS;SAClB;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,MAAM;SACd;QACD,UAAU,EAAE;YACV,KAAK,EAAE,MAAM;SACd;QACD,QAAQ,EAAE,EAAE;QACZ,YAAY,EAAE;YACZ,MAAM,EAAE,SAAS;SAClB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,QAAQ;YAEjB,SAAS,EAAE;gBACT,eAAe,EAAE,SAAS;aAC3B;SACF;QACD,YAAY,EAAE;YACZ,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,CAAC;SACX;QACD,aAAa,EAAE;YACb,YAAY,EAAE,UAAU;SACzB;QACD,mBAAmB,EAAE;YACnB,KAAK,EAAE,MAAM;SACd;QACD,kBAAkB,EAAE;YAClB,OAAO,EAAE,+BAA+B;SACzC;QACD,WAAW,EAAE;YACX,OAAO,EAAE,CAAC;SACX;QACD,WAAW,EAAE;YACX,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;SAC1B;QACD,gBAAgB,EAAE;YAChB,KAAK,EAAE,MAAM;SACd;KACF,CAAC,CAAA;AACJ,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso-select",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.22",
|
|
4
4
|
"description": "Toptal UI components library - Select",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -25,11 +25,11 @@
|
|
|
25
25
|
"@toptal/picasso-container": "1.0.3",
|
|
26
26
|
"@toptal/picasso-form": "3.0.4",
|
|
27
27
|
"@toptal/picasso-icons": "1.2.0",
|
|
28
|
-
"@toptal/picasso-input": "2.0.
|
|
28
|
+
"@toptal/picasso-input": "2.0.3",
|
|
29
29
|
"@toptal/picasso-input-adornment": "1.0.5",
|
|
30
30
|
"@toptal/picasso-loader": "1.0.3",
|
|
31
31
|
"@toptal/picasso-menu": "1.0.13",
|
|
32
|
-
"@toptal/picasso-outlined-input": "1.0
|
|
32
|
+
"@toptal/picasso-outlined-input": "1.1.0",
|
|
33
33
|
"@toptal/picasso-popper": "1.0.3",
|
|
34
34
|
"@toptal/picasso-shared": "15.0.0",
|
|
35
35
|
"@toptal/picasso-typography": "2.0.2",
|
|
@@ -5,7 +5,12 @@ import type { Theme } from '@material-ui/core/styles'
|
|
|
5
5
|
import { makeStyles } from '@material-ui/core/styles'
|
|
6
6
|
import capitalize from '@material-ui/core/utils/capitalize'
|
|
7
7
|
import { OutlinedInput } from '@toptal/picasso-outlined-input'
|
|
8
|
-
import {
|
|
8
|
+
import {
|
|
9
|
+
documentable,
|
|
10
|
+
forwardRef,
|
|
11
|
+
noop,
|
|
12
|
+
useCombinedRefs,
|
|
13
|
+
} from '@toptal/picasso-utils'
|
|
9
14
|
|
|
10
15
|
import SelectCaret from '../SelectCaret'
|
|
11
16
|
import type { ValueType, SelectProps } from '../SelectBase'
|
|
@@ -123,6 +128,7 @@ export const NativeSelect = documentable(
|
|
|
123
128
|
className={classes.nativeInput}
|
|
124
129
|
testIds={testIds}
|
|
125
130
|
status={error ? 'error' : status}
|
|
131
|
+
highlight={highlight}
|
|
126
132
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
127
133
|
{...getInputProps()}
|
|
128
134
|
/>
|
|
@@ -133,7 +139,6 @@ export const NativeSelect = documentable(
|
|
|
133
139
|
classes={{
|
|
134
140
|
root: cx(classes.select, {
|
|
135
141
|
[classes.placeholder]: !selection.isSelected(),
|
|
136
|
-
[classes.highlightAutofill]: highlight === 'autofill',
|
|
137
142
|
}),
|
|
138
143
|
select: cx({
|
|
139
144
|
[classes.startAdornmentPadding]:
|
|
@@ -4,8 +4,6 @@ import { createStyles } from '@material-ui/core/styles'
|
|
|
4
4
|
import '@toptal/picasso-input/styles'
|
|
5
5
|
import '@toptal/picasso-loader/styles'
|
|
6
6
|
|
|
7
|
-
import { highlightStyles as highlightAutofillStyles } from '@toptal/picasso-input'
|
|
8
|
-
|
|
9
7
|
export default (theme: Theme) => {
|
|
10
8
|
const { palette } = theme
|
|
11
9
|
|
|
@@ -55,6 +53,5 @@ export default (theme: Theme) => {
|
|
|
55
53
|
endAdornmentPadding: {
|
|
56
54
|
paddingRight: '3.5625rem',
|
|
57
55
|
},
|
|
58
|
-
...highlightAutofillStyles(theme),
|
|
59
56
|
})
|
|
60
57
|
}
|
|
@@ -190,12 +190,7 @@ export const NonNativeSelect = documentable(
|
|
|
190
190
|
readOnly
|
|
191
191
|
defaultValue={undefined}
|
|
192
192
|
className={classes.outlinedInput}
|
|
193
|
-
|
|
194
|
-
root: cx({
|
|
195
|
-
[classes.highlightAutofill]: highlight === 'autofill',
|
|
196
|
-
[classes.horizontalLayout]: layout === 'horizontal',
|
|
197
|
-
}),
|
|
198
|
-
}}
|
|
193
|
+
highlight={highlight}
|
|
199
194
|
inputProps={{
|
|
200
195
|
size: 1, // let input to have smallest width by default for width:'shrink'
|
|
201
196
|
}}
|
|
@@ -5,8 +5,6 @@ import '@toptal/picasso-input/styles'
|
|
|
5
5
|
import '@toptal/picasso-menu/styles'
|
|
6
6
|
import '@toptal/picasso-loader/styles'
|
|
7
7
|
|
|
8
|
-
import { highlightStyles as highlightAutofillStyles } from '@toptal/picasso-input'
|
|
9
|
-
|
|
10
8
|
export default (theme: Theme) => {
|
|
11
9
|
const { palette } = theme
|
|
12
10
|
|
|
@@ -40,7 +38,6 @@ export default (theme: Theme) => {
|
|
|
40
38
|
outline: 0,
|
|
41
39
|
},
|
|
42
40
|
outlinedInput: {
|
|
43
|
-
backgroundColor: palette.common.white,
|
|
44
41
|
paddingRight: '1.625rem',
|
|
45
42
|
},
|
|
46
43
|
searchOutlinedInput: {
|
|
@@ -58,6 +55,5 @@ export default (theme: Theme) => {
|
|
|
58
55
|
horizontalLayout: {
|
|
59
56
|
width: '100%',
|
|
60
57
|
},
|
|
61
|
-
...highlightAutofillStyles(theme),
|
|
62
58
|
})
|
|
63
59
|
}
|