@toptal/picasso-input 2.0.2 → 2.0.3
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/Input/Input.d.ts.map +1 -1
- package/dist-package/src/Input/Input.js +1 -5
- package/dist-package/src/Input/Input.js.map +1 -1
- package/dist-package/src/Input/styles.d.ts +1 -2
- package/dist-package/src/Input/styles.d.ts.map +1 -1
- package/dist-package/src/Input/styles.js +8 -9
- package/dist-package/src/Input/styles.js.map +1 -1
- package/dist-package/src/index.d.ts +0 -1
- package/dist-package/src/index.d.ts.map +1 -1
- package/dist-package/src/index.js +0 -1
- package/dist-package/src/index.js.map +1 -1
- package/package.json +2 -2
- package/src/Input/Input.tsx +1 -5
- package/src/Input/styles.ts +1 -9
- package/src/index.ts +0 -1
- package/dist-package/src/InputBase/highlight-styles.d.ts +0 -8
- package/dist-package/src/InputBase/highlight-styles.d.ts.map +0 -1
- package/dist-package/src/InputBase/highlight-styles.js +0 -9
- package/dist-package/src/InputBase/highlight-styles.js.map +0 -1
- package/src/InputBase/highlight-styles.ts +0 -11
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,SAAS,EACT,WAAW,EACX,mBAAmB,EACnB,UAAU,EACX,MAAM,OAAO,CAAA;AACd,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAcjE,OAAO,KAAK,EACV,wBAAwB,EACxB,uBAAuB,EACxB,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAA;
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/Input/Input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,7 +17,6 @@ import { OutlinedInput } from '@toptal/picasso-outlined-input';
|
|
|
17
17
|
import { disableUnsupportedProps, usePropDeprecationWarning, } from '@toptal/picasso-utils';
|
|
18
18
|
import { InputLimitAdornment, InputIconAdornment, InputValidIconAdornment, } from '@toptal/picasso-input-adornment';
|
|
19
19
|
import { Container } from '@toptal/picasso-container';
|
|
20
|
-
import { useFieldsLayoutContext } from '@toptal/picasso-form';
|
|
21
20
|
import styles from './styles';
|
|
22
21
|
const useStyles = makeStyles(styles, { name: 'PicassoInput' });
|
|
23
22
|
const hasRemainingCounter = ({ counter, limit, }) => Boolean(counter === 'remaining' && limit);
|
|
@@ -85,15 +84,12 @@ export const Input = forwardRef(function Input(props, ref) {
|
|
|
85
84
|
});
|
|
86
85
|
const charsLength = value ? value.length : 0;
|
|
87
86
|
const classes = useStyles();
|
|
88
|
-
const { layout } = useFieldsLayoutContext();
|
|
89
87
|
const showCounter = !!charsLength && hasCounter({ counter, limit });
|
|
90
88
|
useHasMultilineCounter(name, showCounter && multiline, setHasMultilineCounter);
|
|
91
89
|
return (React.createElement(React.Fragment, null,
|
|
92
|
-
React.createElement(OutlinedInput, { ref: outlineRef, inputRef: ref, className: className, style: style, classes: {
|
|
90
|
+
React.createElement(OutlinedInput, { ref: outlineRef, inputRef: ref, className: className, style: style, highlight: highlight, classes: {
|
|
93
91
|
root: cx(classes.root, {
|
|
94
92
|
[classes.rootMultiline]: multiline,
|
|
95
|
-
[classes.highlightAutofill]: highlight === 'autofill',
|
|
96
|
-
[classes.horizontalLayout]: layout === 'horizontal',
|
|
97
93
|
}),
|
|
98
94
|
input: cx(classes.input, {
|
|
99
95
|
[classes.inputMultilineResizable]: multiline && multilineResizable,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;AAOA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAErD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EACL,uBAAuB,EACvB,yBAAyB,GAC1B,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,uBAAuB,GACxB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/Input/Input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import type { Theme } from '@material-ui/core/styles';
|
|
2
1
|
import '@toptal/picasso-outlined-input/styles';
|
|
3
2
|
import '@toptal/picasso-input-adornment/styles';
|
|
4
3
|
import '../InputBase/styles';
|
|
5
|
-
declare const _default: (
|
|
4
|
+
declare const _default: () => import("@material-ui/styles").StyleRules<{}, "root" | "rootMultiline" | "inputMultilineResizable">;
|
|
6
5
|
export default _default;
|
|
7
6
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Input/styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Input/styles.ts"],"names":[],"mappings":"AACA,OAAO,uCAAuC,CAAA;AAC9C,OAAO,wCAAwC,CAAA;AAE/C,OAAO,qBAAqB,CAAA;;AAE5B,wBAWI"}
|
|
@@ -1,17 +1,16 @@
|
|
|
1
1
|
import { createStyles } from '@material-ui/core/styles';
|
|
2
2
|
import '@toptal/picasso-outlined-input/styles';
|
|
3
3
|
import '@toptal/picasso-input-adornment/styles';
|
|
4
|
-
import highlightAutofillStyles from '../InputBase/highlight-styles';
|
|
5
4
|
import '../InputBase/styles';
|
|
6
|
-
export default (
|
|
7
|
-
|
|
8
|
-
backgroundColor: theme.palette.common.white,
|
|
5
|
+
export default () => createStyles({
|
|
6
|
+
root: {
|
|
9
7
|
cursor: 'text',
|
|
10
|
-
},
|
|
8
|
+
},
|
|
9
|
+
rootMultiline: {
|
|
11
10
|
height: 'auto',
|
|
12
|
-
},
|
|
11
|
+
},
|
|
12
|
+
inputMultilineResizable: {
|
|
13
13
|
resize: 'vertical',
|
|
14
|
-
},
|
|
15
|
-
|
|
16
|
-
} }, highlightAutofillStyles(theme)));
|
|
14
|
+
},
|
|
15
|
+
});
|
|
17
16
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/Input/styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/Input/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,uCAAuC,CAAA;AAC9C,OAAO,wCAAwC,CAAA;AAE/C,OAAO,qBAAqB,CAAA;AAE5B,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;KACf;IACD,aAAa,EAAE;QACb,MAAM,EAAE,MAAM;KACf;IACD,uBAAuB,EAAE;QACvB,MAAM,EAAE,UAAU;KACnB;CACF,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso-input",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.3",
|
|
4
4
|
"description": "Toptal UI components library - Input",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"@toptal/picasso-form": "3.0.4",
|
|
27
27
|
"@toptal/picasso-icons": "1.2.0",
|
|
28
28
|
"@toptal/picasso-input-adornment": "1.0.5",
|
|
29
|
-
"@toptal/picasso-outlined-input": "1.0
|
|
29
|
+
"@toptal/picasso-outlined-input": "1.1.0",
|
|
30
30
|
"@toptal/picasso-shared": "15.0.0",
|
|
31
31
|
"@toptal/picasso-utils": "1.0.3",
|
|
32
32
|
"classnames": "^2.5.1"
|
package/src/Input/Input.tsx
CHANGED
|
@@ -28,7 +28,6 @@ import type {
|
|
|
28
28
|
InputIconAdornmentProps,
|
|
29
29
|
} from '@toptal/picasso-input-adornment'
|
|
30
30
|
import type { BaseInputProps, Status } from '@toptal/picasso-outlined-input'
|
|
31
|
-
import { useFieldsLayoutContext } from '@toptal/picasso-form'
|
|
32
31
|
|
|
33
32
|
import styles from './styles'
|
|
34
33
|
|
|
@@ -296,8 +295,6 @@ export const Input = forwardRef<HTMLInputElement, Props>(function Input(
|
|
|
296
295
|
|
|
297
296
|
const classes = useStyles()
|
|
298
297
|
|
|
299
|
-
const { layout } = useFieldsLayoutContext()
|
|
300
|
-
|
|
301
298
|
const showCounter = !!charsLength && hasCounter({ counter, limit })
|
|
302
299
|
|
|
303
300
|
useHasMultilineCounter(name, showCounter && multiline, setHasMultilineCounter)
|
|
@@ -309,11 +306,10 @@ export const Input = forwardRef<HTMLInputElement, Props>(function Input(
|
|
|
309
306
|
inputRef={ref}
|
|
310
307
|
className={className}
|
|
311
308
|
style={style}
|
|
309
|
+
highlight={highlight}
|
|
312
310
|
classes={{
|
|
313
311
|
root: cx(classes.root, {
|
|
314
312
|
[classes.rootMultiline]: multiline,
|
|
315
|
-
[classes.highlightAutofill]: highlight === 'autofill',
|
|
316
|
-
[classes.horizontalLayout]: layout === 'horizontal',
|
|
317
313
|
}),
|
|
318
314
|
input: cx(classes.input, {
|
|
319
315
|
[classes.inputMultilineResizable]: multiline && multilineResizable,
|
package/src/Input/styles.ts
CHANGED
|
@@ -1,16 +1,12 @@
|
|
|
1
|
-
import type { Theme } from '@material-ui/core/styles'
|
|
2
1
|
import { createStyles } from '@material-ui/core/styles'
|
|
3
2
|
import '@toptal/picasso-outlined-input/styles'
|
|
4
3
|
import '@toptal/picasso-input-adornment/styles'
|
|
5
4
|
|
|
6
|
-
import highlightAutofillStyles from '../InputBase/highlight-styles'
|
|
7
5
|
import '../InputBase/styles'
|
|
8
6
|
|
|
9
|
-
export default (
|
|
7
|
+
export default () =>
|
|
10
8
|
createStyles({
|
|
11
9
|
root: {
|
|
12
|
-
fontSize: '1rem',
|
|
13
|
-
backgroundColor: theme.palette.common.white,
|
|
14
10
|
cursor: 'text',
|
|
15
11
|
},
|
|
16
12
|
rootMultiline: {
|
|
@@ -19,8 +15,4 @@ export default (theme: Theme) =>
|
|
|
19
15
|
inputMultilineResizable: {
|
|
20
16
|
resize: 'vertical',
|
|
21
17
|
},
|
|
22
|
-
horizontalLayout: {
|
|
23
|
-
width: '100%',
|
|
24
|
-
},
|
|
25
|
-
...highlightAutofillStyles(theme),
|
|
26
18
|
})
|
package/src/index.ts
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"highlight-styles.d.ts","sourceRoot":"","sources":["../../../src/InputBase/highlight-styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAGrD,QAAA,MAAM,eAAe,gBAAiB,KAAK;;;;CAKzC,CAAA;AAEF,eAAe,eAAe,CAAA"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { alpha } from '@toptal/picasso-shared';
|
|
2
|
-
const highlightStyles = ({ palette }) => ({
|
|
3
|
-
highlightAutofill: {
|
|
4
|
-
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
5
|
-
backgroundColor: alpha(palette.yellow.lighter, 0.6),
|
|
6
|
-
},
|
|
7
|
-
});
|
|
8
|
-
export default highlightStyles;
|
|
9
|
-
//# sourceMappingURL=highlight-styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"highlight-styles.js","sourceRoot":"","sources":["../../../src/InputBase/highlight-styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAE9C,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CAAC,CAAC;IAC/C,iBAAiB,EAAE;QACjB,oEAAoE;QACpE,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,OAAQ,EAAE,GAAG,CAAC;KACrD;CACF,CAAC,CAAA;AAEF,eAAe,eAAe,CAAA"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Theme } from '@material-ui/core/styles'
|
|
2
|
-
import { alpha } from '@toptal/picasso-shared'
|
|
3
|
-
|
|
4
|
-
const highlightStyles = ({ palette }: Theme) => ({
|
|
5
|
-
highlightAutofill: {
|
|
6
|
-
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
7
|
-
backgroundColor: alpha(palette.yellow.lighter!, 0.6),
|
|
8
|
-
},
|
|
9
|
-
})
|
|
10
|
-
|
|
11
|
-
export default highlightStyles
|