@toptal/picasso 18.6.0 → 18.9.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.
- package/NumberInput/NumberInput.js +3 -76
- package/NumberInput/NumberInput.js.map +1 -1
- package/NumberInput/styles.d.ts +1 -2
- package/NumberInput/styles.js +1 -41
- package/NumberInput/styles.js.map +1 -1
- package/NumberInputEndAdornment/NumberInputEndAdornment.d.ts +31 -0
- package/NumberInputEndAdornment/NumberInputEndAdornment.js +93 -0
- package/NumberInputEndAdornment/NumberInputEndAdornment.js.map +1 -0
- package/NumberInputEndAdornment/index.d.ts +2 -0
- package/NumberInputEndAdornment/index.js +3 -0
- package/NumberInputEndAdornment/index.js.map +1 -0
- package/NumberInputEndAdornment/styles.d.ts +3 -0
- package/NumberInputEndAdornment/styles.js +45 -0
- package/NumberInputEndAdornment/styles.js.map +1 -0
- package/PasswordInput/PasswordInput.d.ts +20 -0
- package/PasswordInput/PasswordInput.js +44 -0
- package/PasswordInput/PasswordInput.js.map +1 -0
- package/PasswordInput/index.d.ts +5 -0
- package/PasswordInput/index.js +3 -0
- package/PasswordInput/index.js.map +1 -0
- package/PasswordInput/styles.d.ts +3 -0
- package/PasswordInput/styles.js +18 -0
- package/PasswordInput/styles.js.map +1 -0
- package/Rating/Rating.d.ts +4 -2
- package/Rating/Rating.js +4 -1
- package/Rating/Rating.js.map +1 -1
- package/RatingThumbs/RatingThumbs.d.ts +31 -0
- package/RatingThumbs/RatingThumbs.js +40 -0
- package/RatingThumbs/RatingThumbs.js.map +1 -0
- package/RatingThumbs/index.d.ts +4 -0
- package/RatingThumbs/index.js +2 -0
- package/RatingThumbs/index.js.map +1 -0
- package/RatingThumbs/styles.d.ts +3 -0
- package/RatingThumbs/styles.js +34 -0
- package/RatingThumbs/styles.js.map +1 -0
- package/index.d.ts +3 -0
- package/index.js +1 -0
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/utils/index.d.ts +0 -1
- package/utils/index.js +0 -1
- package/utils/index.js.map +1 -1
- package/utils/dash-to-camel-case/dash-to-camel-case.d.ts +0 -1
- package/utils/dash-to-camel-case/dash-to-camel-case.js +0 -2
- package/utils/dash-to-camel-case/dash-to-camel-case.js.map +0 -1
- package/utils/dash-to-camel-case/index.d.ts +0 -1
- package/utils/dash-to-camel-case/index.js +0 -2
- package/utils/dash-to-camel-case/index.js.map +0 -1
|
@@ -11,92 +11,19 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef, useRef } from 'react';
|
|
13
13
|
import { makeStyles } from '@material-ui/core/styles';
|
|
14
|
-
import ButtonBase from '@material-ui/core/ButtonBase';
|
|
15
|
-
import cx from 'classnames';
|
|
16
14
|
import OutlinedInput from '../OutlinedInput';
|
|
17
15
|
import InputAdornment from '../InputAdornment';
|
|
18
|
-
import Container from '../Container';
|
|
19
16
|
import { useCombinedRefs } from '../utils';
|
|
20
|
-
import { ArrowDownMinor16, ArrowUpMinor16 } from '../Icon';
|
|
21
17
|
import styles from './styles';
|
|
22
|
-
import
|
|
23
|
-
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
24
|
-
const nativeInputValueSetter = isBrowser()
|
|
25
|
-
? Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value').set
|
|
26
|
-
: undefined;
|
|
27
|
-
const NumberAdornment = (props) => {
|
|
28
|
-
const { step, min, max, value, inputRef, classes, disabled, size = 'medium' } = props;
|
|
29
|
-
const normalizedStep = Number(step);
|
|
30
|
-
const normalizedValue = Number(value);
|
|
31
|
-
const normalizedMin = Number(min);
|
|
32
|
-
const normalizedMax = Number(max);
|
|
33
|
-
const fireEvent = (nextValue) => {
|
|
34
|
-
if (!nativeInputValueSetter) {
|
|
35
|
-
return;
|
|
36
|
-
}
|
|
37
|
-
const input = inputRef.current;
|
|
38
|
-
nativeInputValueSetter.call(input, nextValue);
|
|
39
|
-
const event = new Event('input', {
|
|
40
|
-
bubbles: true,
|
|
41
|
-
cancelable: true
|
|
42
|
-
});
|
|
43
|
-
if (input) {
|
|
44
|
-
input.dispatchEvent(event);
|
|
45
|
-
}
|
|
46
|
-
};
|
|
47
|
-
const handleUpClick = () => {
|
|
48
|
-
if (typeof value === 'undefined') {
|
|
49
|
-
return;
|
|
50
|
-
}
|
|
51
|
-
let nextValue = normalizedValue + normalizedStep;
|
|
52
|
-
if (nextValue <= max) {
|
|
53
|
-
if (normalizedValue < normalizedMin + normalizedStep) {
|
|
54
|
-
nextValue = normalizedMin + normalizedStep;
|
|
55
|
-
}
|
|
56
|
-
fireEvent(nextValue);
|
|
57
|
-
}
|
|
58
|
-
else if (normalizedValue !== normalizedMax) {
|
|
59
|
-
nextValue = normalizedMax;
|
|
60
|
-
fireEvent(nextValue);
|
|
61
|
-
}
|
|
62
|
-
};
|
|
63
|
-
const handleDownClick = () => {
|
|
64
|
-
if (typeof value === 'undefined') {
|
|
65
|
-
return;
|
|
66
|
-
}
|
|
67
|
-
let nextValue = normalizedValue - normalizedStep;
|
|
68
|
-
if (nextValue >= min) {
|
|
69
|
-
if (normalizedValue > normalizedMax - normalizedStep) {
|
|
70
|
-
nextValue = normalizedMax - normalizedStep;
|
|
71
|
-
}
|
|
72
|
-
fireEvent(nextValue);
|
|
73
|
-
}
|
|
74
|
-
else if (normalizedValue !== normalizedMin) {
|
|
75
|
-
nextValue = normalizedMin;
|
|
76
|
-
fireEvent(nextValue);
|
|
77
|
-
}
|
|
78
|
-
};
|
|
79
|
-
return (React.createElement(InputAdornment, { position: 'end' },
|
|
80
|
-
React.createElement(Container, { flex: true, direction: 'column', inline: true },
|
|
81
|
-
React.createElement(ButtonBase, { disabled: disabled, classes: {
|
|
82
|
-
root: cx(classes.control, classes[size]),
|
|
83
|
-
disabled: classes.controlDisabled
|
|
84
|
-
}, onClick: handleUpClick },
|
|
85
|
-
React.createElement(ArrowUpMinor16, null)),
|
|
86
|
-
React.createElement(ButtonBase, { disabled: disabled, classes: {
|
|
87
|
-
root: cx(classes.control, classes[size]),
|
|
88
|
-
disabled: classes.controlDisabled
|
|
89
|
-
}, onClick: handleDownClick },
|
|
90
|
-
React.createElement(ArrowDownMinor16, null)))));
|
|
91
|
-
};
|
|
18
|
+
import { NumberInputEndAdornment } from '../NumberInputEndAdornment';
|
|
92
19
|
const useStyles = makeStyles(styles, {
|
|
93
20
|
name: 'PicassoNumberInput'
|
|
94
21
|
});
|
|
95
22
|
export const NumberInput = forwardRef(function NumberInput(props, ref) {
|
|
96
23
|
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"]);
|
|
97
|
-
const classes = useStyles();
|
|
24
|
+
const classes = useStyles(props);
|
|
98
25
|
const inputRef = useCombinedRefs(ref, useRef(null));
|
|
99
|
-
const endAdornment = hideControls ? null : (React.createElement(
|
|
26
|
+
const endAdornment = hideControls ? null : (React.createElement(NumberInputEndAdornment, { step: step, min: min, max: max, value: value, disabled: disabled, size: size, inputRef: inputRef }));
|
|
100
27
|
const startAdornment = icon ? (React.createElement(InputAdornment, { position: 'start', disablePointerEvents: true }, icon)) : null;
|
|
101
28
|
return (React.createElement(OutlinedInput, { classes: {
|
|
102
29
|
root: classes.root,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAa,MAAM,OAAO,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAG5D,OAAO,aAA8C,MAAM,kBAAkB,CAAA;AAC7E,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAA;AA4BpE,MAAM,SAAS,GAAG,UAAU,CAAe,MAAM,EAAE;IACjD,IAAI,EAAE,oBAAoB;CAC3B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAAC,KAAK,EAAE,GAAG;IAC7B,MAAM,EACJ,IAAI,GAAG,CAAC,EACR,GAAG,GAAG,CAAC,QAAQ,EACf,GAAG,GAAG,QAAQ,EACd,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,WAAW,EACX,KAAK,EACL,IAAI,EACJ,IAAI,KAEF,KAAK,EADJ,IAAI,UACL,KAAK,EAfH,wIAeL,CAAQ,CAAA;IAET,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAEhC,MAAM,QAAQ,GAAG,eAAe,CAC9B,GAAG,EACH,MAAM,CAAmB,IAAI,CAAC,CAC/B,CAAA;IAED,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACzC,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,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,OAAO,CAAC,IAAI;YAClB,KAAK,EAAE,OAAO,CAAC,KAAK;SACrB,EACD,UAAU,kCACL,IAAI,KACP,IAAI;YACJ,GAAG;YACH,GAAG,KAEL,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,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,GACV,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,WAAW,CAAC,YAAY,GAAG;IACzB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,KAAK,EAAE,CAAC;IACR,IAAI,EAAE,CAAC;IACP,GAAG,EAAE,CAAC,QAAQ;IACd,GAAG,EAAE,QAAQ;IACb,YAAY,EAAE,KAAK;IACnB,IAAI,EAAE,QAAQ;CACf,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,eAAe,WAAW,CAAA"}
|
package/NumberInput/styles.d.ts
CHANGED
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
declare const _default: ({ palette, transitions, sizes: { borderRadius } }: Theme) => import("@material-ui/styles").StyleRules<{}, "medium" | "large" | "small" | "input" | "root" | "control" | "controlDisabled">;
|
|
1
|
+
declare const _default: () => import("@material-ui/styles").StyleRules<{}, "input" | "root">;
|
|
3
2
|
export default _default;
|
package/NumberInput/styles.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { createStyles } from '@material-ui/core/styles';
|
|
2
|
-
export default (
|
|
2
|
+
export default () => createStyles({
|
|
3
3
|
root: {
|
|
4
4
|
paddingRight: 0,
|
|
5
5
|
cursor: 'text'
|
|
@@ -11,46 +11,6 @@ export default ({ palette, transitions, sizes: { borderRadius } }) => createStyl
|
|
|
11
11
|
margin: 0
|
|
12
12
|
},
|
|
13
13
|
'-moz-appearance': 'textfield'
|
|
14
|
-
},
|
|
15
|
-
control: {
|
|
16
|
-
height: '1rem',
|
|
17
|
-
width: '1.625rem',
|
|
18
|
-
borderLeft: `1px solid ${palette.grey.light2}`,
|
|
19
|
-
borderRight: '1px solid transparent',
|
|
20
|
-
'&:hover': {
|
|
21
|
-
background: palette.grey.light2,
|
|
22
|
-
borderColor: palette.grey.light2
|
|
23
|
-
},
|
|
24
|
-
'& + &': {
|
|
25
|
-
borderTop: `1px solid ${palette.grey.light2}`
|
|
26
|
-
},
|
|
27
|
-
'&:active + &': {
|
|
28
|
-
borderTop: `1px solid ${palette.grey.main}`
|
|
29
|
-
},
|
|
30
|
-
'&:active': {
|
|
31
|
-
background: palette.grey.main,
|
|
32
|
-
borderColor: palette.grey.main
|
|
33
|
-
},
|
|
34
|
-
'&:first-child': {
|
|
35
|
-
borderTopRightRadius: borderRadius.small
|
|
36
|
-
},
|
|
37
|
-
'&:last-child': {
|
|
38
|
-
borderBottomRightRadius: borderRadius.small
|
|
39
|
-
},
|
|
40
|
-
transition: `all ${transitions.duration.short}ms ${transitions.easing.easeOut}`,
|
|
41
|
-
transitionProperty: 'border, color, background'
|
|
42
|
-
},
|
|
43
|
-
controlDisabled: {
|
|
44
|
-
opacity: 0.48
|
|
45
|
-
},
|
|
46
|
-
small: {
|
|
47
|
-
height: '0.75rem'
|
|
48
|
-
},
|
|
49
|
-
medium: {
|
|
50
|
-
height: '1rem'
|
|
51
|
-
},
|
|
52
|
-
large: {
|
|
53
|
-
height: '1.5rem'
|
|
54
14
|
}
|
|
55
15
|
});
|
|
56
16
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/NumberInput/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/NumberInput/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,GAAG,EAAE,CAClB,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;CACF,CAAC,CAAA"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { RefObject } from 'react';
|
|
2
|
+
import { BaseProps, SizeType } from '@toptal/picasso-shared';
|
|
3
|
+
export interface Props extends BaseProps {
|
|
4
|
+
/** Value of the `input` element. */
|
|
5
|
+
value?: string | number;
|
|
6
|
+
/** Minimum value for the `input` element */
|
|
7
|
+
min?: number | string;
|
|
8
|
+
/** Maximum value for the `input` element */
|
|
9
|
+
max?: number | string;
|
|
10
|
+
/** Next value of the `input` element will be calculated based on step */
|
|
11
|
+
step?: number | string;
|
|
12
|
+
/** Indicates whether component is in disabled state */
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
/** Component size */
|
|
15
|
+
size?: SizeType<'small' | 'medium' | 'large'>;
|
|
16
|
+
/** Ref of the input element */
|
|
17
|
+
inputRef: RefObject<HTMLInputElement>;
|
|
18
|
+
}
|
|
19
|
+
export declare const NumberInputEndAdornment: {
|
|
20
|
+
(props: Props): JSX.Element;
|
|
21
|
+
defaultProps: {
|
|
22
|
+
min: number;
|
|
23
|
+
max: number;
|
|
24
|
+
value: number;
|
|
25
|
+
step: number;
|
|
26
|
+
disabled: boolean;
|
|
27
|
+
size: string;
|
|
28
|
+
};
|
|
29
|
+
displayName: string;
|
|
30
|
+
};
|
|
31
|
+
export default NumberInputEndAdornment;
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
/* eslint-disable @typescript-eslint/no-non-null-assertion */
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { makeStyles } from '@material-ui/core/styles';
|
|
4
|
+
import ButtonBase from '@material-ui/core/ButtonBase';
|
|
5
|
+
import cx from 'classnames';
|
|
6
|
+
import InputAdornment from '../InputAdornment';
|
|
7
|
+
import Container from '../Container';
|
|
8
|
+
import { ArrowDownMinor16, ArrowUpMinor16, ArrowDownMinor24, ArrowUpMinor24 } from '../Icon';
|
|
9
|
+
import styles from './styles';
|
|
10
|
+
import isBrowser from '../utils/is-browser';
|
|
11
|
+
const useStyles = makeStyles(styles, {
|
|
12
|
+
name: 'NumberInputEndAdornment'
|
|
13
|
+
});
|
|
14
|
+
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
15
|
+
const nativeInputValueSetter = isBrowser()
|
|
16
|
+
? Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value').set
|
|
17
|
+
: undefined;
|
|
18
|
+
export const NumberInputEndAdornment = (props) => {
|
|
19
|
+
const { step = 1, min = -Infinity, max = Infinity, value, disabled, size = 'medium', inputRef } = props;
|
|
20
|
+
const classes = useStyles(props);
|
|
21
|
+
const normalizedStep = Number(step);
|
|
22
|
+
const normalizedValue = Number(value);
|
|
23
|
+
const normalizedMin = Number(min);
|
|
24
|
+
const normalizedMax = Number(max);
|
|
25
|
+
const fireEvent = (nextValue) => {
|
|
26
|
+
if (!nativeInputValueSetter) {
|
|
27
|
+
return;
|
|
28
|
+
}
|
|
29
|
+
const input = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current;
|
|
30
|
+
nativeInputValueSetter.call(input, nextValue);
|
|
31
|
+
const event = new Event('input', {
|
|
32
|
+
bubbles: true,
|
|
33
|
+
cancelable: true
|
|
34
|
+
});
|
|
35
|
+
if (input) {
|
|
36
|
+
input.dispatchEvent(event);
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
const handleUpClick = () => {
|
|
40
|
+
if (typeof value === 'undefined') {
|
|
41
|
+
return;
|
|
42
|
+
}
|
|
43
|
+
let nextValue = normalizedValue + normalizedStep;
|
|
44
|
+
if (nextValue <= max) {
|
|
45
|
+
if (normalizedValue < normalizedMin + normalizedStep) {
|
|
46
|
+
nextValue = normalizedMin + normalizedStep;
|
|
47
|
+
}
|
|
48
|
+
fireEvent(nextValue);
|
|
49
|
+
}
|
|
50
|
+
else if (normalizedValue !== normalizedMax) {
|
|
51
|
+
nextValue = normalizedMax;
|
|
52
|
+
fireEvent(nextValue);
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
const handleDownClick = () => {
|
|
56
|
+
if (typeof value === 'undefined') {
|
|
57
|
+
return;
|
|
58
|
+
}
|
|
59
|
+
let nextValue = normalizedValue - normalizedStep;
|
|
60
|
+
if (nextValue >= min) {
|
|
61
|
+
if (normalizedValue > normalizedMax - normalizedStep) {
|
|
62
|
+
nextValue = normalizedMax - normalizedStep;
|
|
63
|
+
}
|
|
64
|
+
fireEvent(nextValue);
|
|
65
|
+
}
|
|
66
|
+
else if (normalizedValue !== normalizedMin) {
|
|
67
|
+
nextValue = normalizedMin;
|
|
68
|
+
fireEvent(nextValue);
|
|
69
|
+
}
|
|
70
|
+
};
|
|
71
|
+
const rootClassName = cx({
|
|
72
|
+
[classes.disabled]: disabled
|
|
73
|
+
}, classes[size], classes.root);
|
|
74
|
+
return (React.createElement(InputAdornment, { position: 'end' },
|
|
75
|
+
React.createElement(Container, { flex: true, direction: 'column', inline: true },
|
|
76
|
+
React.createElement(ButtonBase, { disabled: disabled, classes: {
|
|
77
|
+
root: rootClassName
|
|
78
|
+
}, onClick: handleUpClick }, size === 'large' ? React.createElement(ArrowUpMinor24, null) : React.createElement(ArrowUpMinor16, null)),
|
|
79
|
+
React.createElement(ButtonBase, { disabled: disabled, classes: {
|
|
80
|
+
root: rootClassName
|
|
81
|
+
}, onClick: handleDownClick }, size === 'large' ? React.createElement(ArrowDownMinor24, null) : React.createElement(ArrowDownMinor16, null)))));
|
|
82
|
+
};
|
|
83
|
+
NumberInputEndAdornment.defaultProps = {
|
|
84
|
+
min: -Infinity,
|
|
85
|
+
max: Infinity,
|
|
86
|
+
value: 0,
|
|
87
|
+
step: 1,
|
|
88
|
+
disabled: false,
|
|
89
|
+
size: 'medium'
|
|
90
|
+
};
|
|
91
|
+
NumberInputEndAdornment.displayName = 'NumberInputEndAdornment';
|
|
92
|
+
export default NumberInputEndAdornment;
|
|
93
|
+
//# sourceMappingURL=NumberInputEndAdornment.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NumberInputEndAdornment.js","sourceRoot":"","sources":["../../src/NumberInputEndAdornment/NumberInputEndAdornment.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/NumberInputEndAdornment/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AACnD,cAAc,2BAA2B,CAAA"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { createStyles } from '@material-ui/core/styles';
|
|
2
|
+
export default ({ palette, transitions, sizes: { borderRadius } }) => createStyles({
|
|
3
|
+
root: {
|
|
4
|
+
borderLeft: `1px solid ${palette.grey.light2}`,
|
|
5
|
+
borderRight: '1px solid transparent',
|
|
6
|
+
'&:hover': {
|
|
7
|
+
background: palette.grey.light2,
|
|
8
|
+
borderColor: palette.grey.light2
|
|
9
|
+
},
|
|
10
|
+
'& + &': {
|
|
11
|
+
borderTop: `1px solid ${palette.grey.light2}`
|
|
12
|
+
},
|
|
13
|
+
'&:active + &': {
|
|
14
|
+
borderTop: `1px solid ${palette.grey.main}`
|
|
15
|
+
},
|
|
16
|
+
'&:active': {
|
|
17
|
+
background: palette.grey.main,
|
|
18
|
+
borderColor: palette.grey.main
|
|
19
|
+
},
|
|
20
|
+
'&:first-child': {
|
|
21
|
+
borderTopRightRadius: borderRadius.small
|
|
22
|
+
},
|
|
23
|
+
'&:last-child': {
|
|
24
|
+
borderBottomRightRadius: borderRadius.small
|
|
25
|
+
},
|
|
26
|
+
transition: `all ${transitions.duration.short}ms ${transitions.easing.easeOut}`,
|
|
27
|
+
transitionProperty: 'border, color, background'
|
|
28
|
+
},
|
|
29
|
+
disabled: {
|
|
30
|
+
opacity: 0.48
|
|
31
|
+
},
|
|
32
|
+
small: {
|
|
33
|
+
height: '0.75rem',
|
|
34
|
+
width: '1.375rem'
|
|
35
|
+
},
|
|
36
|
+
medium: {
|
|
37
|
+
height: '1rem',
|
|
38
|
+
width: '1.625rem'
|
|
39
|
+
},
|
|
40
|
+
large: {
|
|
41
|
+
height: '1.5rem',
|
|
42
|
+
width: '2.125rem'
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/NumberInputEndAdornment/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,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,QAAQ,EAAE;QACR,OAAO,EAAE,IAAI;KACd;IAED,KAAK,EAAE;QACL,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,UAAU;KAClB;IAED,MAAM,EAAE;QACN,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,UAAU;KAClB;IAED,KAAK,EAAE;QACL,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,UAAU;KAClB;CACF,CAAC,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React, { ChangeEvent } from 'react';
|
|
2
|
+
import { BaseProps, OmitInternalProps } from '@toptal/picasso-shared';
|
|
3
|
+
import { Props as OutlinedInputProps } from '../OutlinedInput';
|
|
4
|
+
import { InputProps } from '../Input';
|
|
5
|
+
export interface Props extends Omit<OmitInternalProps<OutlinedInputProps>, 'defaultValue' | 'type' | 'rows' | 'rowsMax' | 'multiline' | 'enableReset' | 'onResetClick'>, BaseProps {
|
|
6
|
+
/** Value of the `input` element. */
|
|
7
|
+
value?: string;
|
|
8
|
+
/** Indicates whether component is in error state */
|
|
9
|
+
error?: boolean;
|
|
10
|
+
/** Indicates whether component is in disabled state */
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
/** Callback invoked when `PasswordInput` changes its state. */
|
|
13
|
+
onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
14
|
+
testIds?: InputProps['testIds'] & {
|
|
15
|
+
input?: string;
|
|
16
|
+
toggle?: string;
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
export declare const PasswordInput: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
|
|
20
|
+
export default PasswordInput;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import React, { forwardRef, useState, useCallback } from 'react';
|
|
13
|
+
import { makeStyles } from '@material-ui/core/styles';
|
|
14
|
+
import cx from 'classnames';
|
|
15
|
+
import OutlinedInput from '../OutlinedInput';
|
|
16
|
+
import InputAdornment from '../InputAdornment';
|
|
17
|
+
import styles from './styles';
|
|
18
|
+
import SvgEye16 from '../Icon/Eye16';
|
|
19
|
+
import SvgEyeHidden16 from '../Icon/EyeHidden16';
|
|
20
|
+
import Button from '../Button';
|
|
21
|
+
const useStyles = makeStyles(styles, {
|
|
22
|
+
name: 'PicassoPasswordInput'
|
|
23
|
+
});
|
|
24
|
+
export const PasswordInput = forwardRef(function PasswordInput(props, ref) {
|
|
25
|
+
var _a, _b;
|
|
26
|
+
const { value, onChange, disabled, error, width, style, className } = props, rest = __rest(props, ["value", "onChange", "disabled", "error", "width", "style", "className"]);
|
|
27
|
+
const [showPassword, setShowPassword] = useState(false);
|
|
28
|
+
const classes = useStyles();
|
|
29
|
+
const handleToggleVisibilityClick = useCallback(() => {
|
|
30
|
+
setShowPassword(previousState => !previousState);
|
|
31
|
+
}, []);
|
|
32
|
+
const endAdornment = (React.createElement(InputAdornment, { position: 'end' },
|
|
33
|
+
React.createElement(Button.Circular, { className: classes.toggle, variant: 'flat', icon: showPassword ? React.createElement(SvgEyeHidden16, null) : React.createElement(SvgEye16, null), onClick: handleToggleVisibilityClick, "data-testid": (_a = rest.testIds) === null || _a === void 0 ? void 0 : _a.toggle, disabled: disabled })));
|
|
34
|
+
return (React.createElement(OutlinedInput, { style: style, className: cx(classes.root, className), classes: {
|
|
35
|
+
input: classes.input
|
|
36
|
+
}, inputProps: Object.assign(Object.assign({}, rest), { 'data-testid': (_b = rest.testIds) === null || _b === void 0 ? void 0 : _b.input }), width: width, error: error, inputRef: ref, type: showPassword ? 'text' : 'password', value: value, disabled: disabled, onChange: onChange, endAdornment: endAdornment }));
|
|
37
|
+
});
|
|
38
|
+
PasswordInput.defaultProps = {
|
|
39
|
+
onChange: () => { },
|
|
40
|
+
value: ''
|
|
41
|
+
};
|
|
42
|
+
PasswordInput.displayName = 'PasswordInput';
|
|
43
|
+
export default PasswordInput;
|
|
44
|
+
//# sourceMappingURL=PasswordInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../../src/PasswordInput/PasswordInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAe,WAAW,EAAE,MAAM,OAAO,CAAA;AAC7E,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,aAA8C,MAAM,kBAAkB,CAAA;AAC7E,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,QAAQ,MAAM,eAAe,CAAA;AACpC,OAAO,cAAc,MAAM,qBAAqB,CAAA;AAChD,OAAO,MAAM,MAAM,WAAW,CAAA;AA6B9B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,sBAAsB;CAC7B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,SAAS,aAAa,CAAC,KAAK,EAAE,GAAG;;IAC/B,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,KAAK,EACL,KAAK,EACL,SAAS,KAEP,KAAK,EADJ,IAAI,UACL,KAAK,EATH,yEASL,CAAQ,CAAA;IAET,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvD,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,2BAA2B,GAAG,WAAW,CAAC,GAAG,EAAE;QACnD,eAAe,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,aAAa,CAAC,CAAA;IAClD,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,YAAY,GAAG,CACnB,oBAAC,cAAc,IAAC,QAAQ,EAAC,KAAK;QAC5B,oBAAC,MAAM,CAAC,QAAQ,IACd,SAAS,EAAE,OAAO,CAAC,MAAM,EACzB,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,oBAAC,cAAc,OAAG,CAAC,CAAC,CAAC,oBAAC,QAAQ,OAAG,EACtD,OAAO,EAAE,2BAA2B,iBACvB,MAAA,IAAI,CAAC,OAAO,0CAAE,MAAM,EACjC,QAAQ,EAAE,QAAQ,GAClB,CACa,CAClB,CAAA;IAED,OAAO,CACL,oBAAC,aAAa,IACZ,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,EACtC,OAAO,EAAE;YACP,KAAK,EAAE,OAAO,CAAC,KAAK;SACrB,EACD,UAAU,kCACL,IAAI,KACP,aAAa,EAAE,MAAA,IAAI,CAAC,OAAO,0CAAE,KAAK,KAEpC,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,GAAG,EACb,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACxC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,GAC1B,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,aAAa,CAAC,YAAY,GAAG;IAC3B,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,KAAK,EAAE,EAAE;CACV,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAE3C,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/PasswordInput/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAEzC,cAAc,iBAAiB,CAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { createStyles } from '@material-ui/core/styles';
|
|
2
|
+
export default ({ spacing }) => createStyles({
|
|
3
|
+
root: {
|
|
4
|
+
paddingRight: 0,
|
|
5
|
+
cursor: 'text'
|
|
6
|
+
},
|
|
7
|
+
input: {
|
|
8
|
+
'&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {
|
|
9
|
+
'-webkit-appearance': 'none',
|
|
10
|
+
appearance: 'none',
|
|
11
|
+
margin: 0
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
toggle: {
|
|
15
|
+
marginRight: spacing(1)
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/PasswordInput/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAS,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,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;KACF;IAED,MAAM,EAAE;QACN,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;KACxB;CACF,CAAC,CAAA"}
|
package/Rating/Rating.d.ts
CHANGED
|
@@ -17,5 +17,7 @@ export interface Props extends BaseProps {
|
|
|
17
17
|
/** Size variant */
|
|
18
18
|
size?: RatingSize;
|
|
19
19
|
}
|
|
20
|
-
declare const
|
|
21
|
-
|
|
20
|
+
declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>> & {
|
|
21
|
+
Thumbs: React.ForwardRefExoticComponent<import("../RatingThumbs/RatingThumbs").Props & React.RefAttributes<HTMLDivElement>>;
|
|
22
|
+
};
|
|
23
|
+
export default _default;
|
package/Rating/Rating.js
CHANGED
|
@@ -14,6 +14,7 @@ import { makeStyles } from '@material-ui/core/styles';
|
|
|
14
14
|
import cx from 'classnames';
|
|
15
15
|
import Container from '../Container';
|
|
16
16
|
import RatingIcon from '../RatingIcon';
|
|
17
|
+
import Thumbs from '../RatingThumbs';
|
|
17
18
|
import styles from './styles';
|
|
18
19
|
const useStyles = makeStyles(styles, {
|
|
19
20
|
name: 'PicassoRating'
|
|
@@ -50,5 +51,7 @@ Rating.defaultProps = {
|
|
|
50
51
|
size: 'small'
|
|
51
52
|
};
|
|
52
53
|
Rating.displayName = 'Rating';
|
|
53
|
-
export default Rating
|
|
54
|
+
export default Object.assign(Rating, {
|
|
55
|
+
Thumbs
|
|
56
|
+
});
|
|
54
57
|
//# sourceMappingURL=Rating.js.map
|
package/Rating/Rating.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../src/Rating/Rating.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../src/Rating/Rating.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAA0B,WAAW,EAAE,MAAM,OAAO,CAAA;AAE9E,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,MAAM,MAAM,UAAU,CAAA;AAqB7B,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,EAAE;IACnC,IAAI,EAAE,eAAe;CACtB,CAAC,CAAA;AAEF,MAAM,MAAM,GAAG,UAAU,CAAwB,SAAS,MAAM,CAAC,KAAK,EAAE,GAAG;IACzE,MAAM,EACJ,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,UAAU,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,EAC9B,GAAG,EACH,WAAW,GAAG,IAAI,EAClB,IAAI,GAAG,OAAO,KAEZ,KAAK,EADJ,IAAI,UACL,KAAK,EATH,yEASL,CAAQ,CAAA;IAET,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAoC,EAAE,EAAE;QACvC,IAAI,QAAQ,IAAI,WAAW,EAAE;YAC3B,QAAQ,CAAC,KAAK,CAAC,CAAA;SAChB;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,WAAW,CAAC,CACxB,CAAA;IAED,MAAM,YAAY,GAAG,GAAG,IAAI,QAAQ,CAAA;IAEpC,OAAO,CACL,oBAAC,SAAS;IACR,wDAAwD;wBACpD,IAAI,IACR,GAAG,EAAE,GAAG;QAEP,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;YAChC,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC,CAAA;YAC3B,MAAM,MAAM,GAAG,GAAG,IAAI,IAAI,SAAS,EAAE,CAAA;YAErC,MAAM,WAAW,GAAG,CAClB,oBAAC,UAAU,IACT,MAAM,EAAE,CAAC,CAAC,KAAK,IAAI,SAAS,IAAI,KAAK,EACrC,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,GACV,CACH,CAAA;YAED,sEAAsE;YACtE,MAAM,WAAW,GAAG,SAAS,KAAK,MAAM,CAAC,KAAK,CAAC,CAAA;YAE/C,OAAO,CACL,+BACE,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,EAC5C,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE;oBAC3B,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,WAAW;iBACtC,CAAC;gBAED,UAAU,CAAC,SAAS,EAAE,WAAW,CAAC;gBACnC,+BACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,CAAC,WAAW,EACtB,OAAO,EAAE,SAAS,KAAK,KAAK,EAC5B,SAAS,EAAE,OAAO,CAAC,KAAK,iBACX,MAAM,GACnB,CACI,CACT,CAAA;QACH,CAAC,CAAC;QAGF,+BACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,YAAY,EAChB,KAAK,EAAC,EAAE,EACR,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,OAAO,CAAC,KAAK,GACxB,CACQ,CACb,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,YAAY,GAAG;IACpB,WAAW,EAAE,IAAI;IACjB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,OAAO;CACd,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,eAAe,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE;IACnC,MAAM;CACP,CAAC,CAAA"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { BaseProps, SizeType } from '@toptal/picasso-shared';
|
|
2
|
+
import React, { ChangeEvent } from 'react';
|
|
3
|
+
declare type Size = SizeType<'small' | 'large'>;
|
|
4
|
+
export interface Props extends BaseProps {
|
|
5
|
+
/**
|
|
6
|
+
* Name of the form input group
|
|
7
|
+
*/
|
|
8
|
+
name: string;
|
|
9
|
+
/**
|
|
10
|
+
* Current value for the rating, true means thumbs up, false thumbs down and undefined means not selected
|
|
11
|
+
*/
|
|
12
|
+
value?: boolean;
|
|
13
|
+
/**
|
|
14
|
+
* Callback invoked when the rating is changed
|
|
15
|
+
*/
|
|
16
|
+
onChange?: (value: boolean, event: ChangeEvent<HTMLDivElement>) => void;
|
|
17
|
+
/**
|
|
18
|
+
* If the component should respond to user interactions. If false the value cannot be changed by the user. Defaults to true
|
|
19
|
+
*/
|
|
20
|
+
interactive?: boolean;
|
|
21
|
+
/**
|
|
22
|
+
* Size of the input control. Defaults to small
|
|
23
|
+
*/
|
|
24
|
+
size?: Size;
|
|
25
|
+
testIds?: {
|
|
26
|
+
positiveInput?: string;
|
|
27
|
+
negativeInput?: string;
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
export declare const RatingThumbs: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
|
|
31
|
+
export default RatingThumbs;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { makeStyles } from '@material-ui/core/styles';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import React, { forwardRef, useCallback, useState } from 'react';
|
|
4
|
+
import { Container } from '../Container';
|
|
5
|
+
import { ThumbsDown16, ThumbsDown24, ThumbsUp16, ThumbsUp24 } from '../Icon';
|
|
6
|
+
import styles from './styles';
|
|
7
|
+
const useStyles = makeStyles(styles);
|
|
8
|
+
const componentsBySize = {
|
|
9
|
+
small: [ThumbsUp16, ThumbsDown16],
|
|
10
|
+
large: [ThumbsUp24, ThumbsDown24]
|
|
11
|
+
};
|
|
12
|
+
let globalId = 0;
|
|
13
|
+
export const RatingThumbs = forwardRef(function RatingThumbs({ name, interactive = true, size = 'small', value, onChange, testIds = {} }, ref) {
|
|
14
|
+
const classes = useStyles();
|
|
15
|
+
const [baseUniqueId] = useState(() => globalId++);
|
|
16
|
+
const positiveInputId = `${baseUniqueId}-posititve`;
|
|
17
|
+
const negativeInputId = `${baseUniqueId}-negative`;
|
|
18
|
+
const [ThumbsUp, ThumbsDown] = componentsBySize[size];
|
|
19
|
+
const handleChange = useCallback((event) => {
|
|
20
|
+
if (interactive) {
|
|
21
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(event.target.value === "positive" /* POSITIVE */, event);
|
|
22
|
+
}
|
|
23
|
+
}, [onChange, interactive]);
|
|
24
|
+
return (React.createElement(Container, { ref: ref },
|
|
25
|
+
React.createElement("label", { className: classes.label, htmlFor: positiveInputId },
|
|
26
|
+
React.createElement(ThumbsUp, { className: classNames(classes.thumbs, {
|
|
27
|
+
[classes.interactiveThumbs]: interactive,
|
|
28
|
+
[classes.thumbsPositive]: value === true
|
|
29
|
+
}) }),
|
|
30
|
+
React.createElement("input", { id: positiveInputId, className: classes.radio, type: 'radio', name: name, value: "positive" /* POSITIVE */, onChange: handleChange, readOnly: !interactive, checked: value === true, "data-testid": testIds.positiveInput })),
|
|
31
|
+
React.createElement("label", { className: classes.label, htmlFor: negativeInputId },
|
|
32
|
+
React.createElement(ThumbsDown, { className: classNames(classes.thumbs, {
|
|
33
|
+
[classes.interactiveThumbs]: interactive,
|
|
34
|
+
[classes.thumbsNegative]: value === false
|
|
35
|
+
}) }),
|
|
36
|
+
React.createElement("input", { id: negativeInputId, className: classes.radio, type: 'radio', name: name, value: "negative" /* NEGATIVE */, onChange: handleChange, readOnly: !interactive, checked: value === false, "data-testid": testIds.negativeInput }))));
|
|
37
|
+
});
|
|
38
|
+
RatingThumbs.displayName = 'RatingThumbs';
|
|
39
|
+
export default RatingThumbs;
|
|
40
|
+
//# sourceMappingURL=RatingThumbs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RatingThumbs.js","sourceRoot":"","sources":["../../src/RatingThumbs/RatingThumbs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/RatingThumbs/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { createStyles } from '@material-ui/core';
|
|
2
|
+
export default ({ palette, transitions }) => createStyles({
|
|
3
|
+
radio: {
|
|
4
|
+
display: 'none'
|
|
5
|
+
},
|
|
6
|
+
label: {
|
|
7
|
+
'&:not(:last-child)': {
|
|
8
|
+
marginRight: '1em'
|
|
9
|
+
}
|
|
10
|
+
},
|
|
11
|
+
thumbs: {
|
|
12
|
+
color: palette.grey.light2,
|
|
13
|
+
transition: `color ${transitions.duration.shorter}ms linear`
|
|
14
|
+
},
|
|
15
|
+
interactiveThumbs: {
|
|
16
|
+
cursor: 'pointer',
|
|
17
|
+
'&:hover': {
|
|
18
|
+
color: palette.text.primary
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
thumbsPositive: {
|
|
22
|
+
color: palette.green.main,
|
|
23
|
+
'&:hover': {
|
|
24
|
+
color: palette.green.main
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
thumbsNegative: {
|
|
28
|
+
color: palette.red.main,
|
|
29
|
+
'&:hover': {
|
|
30
|
+
color: palette.red.main
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/RatingThumbs/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAS,MAAM,mBAAmB,CAAA;AAEvD,eAAe,CAAC,EAAE,OAAO,EAAE,WAAW,EAAS,EAAE,EAAE,CACjD,YAAY,CAAC;IACX,KAAK,EAAE;QACL,OAAO,EAAE,MAAM;KAChB;IACD,KAAK,EAAE;QACL,oBAAoB,EAAE;YACpB,WAAW,EAAE,KAAK;SACnB;KACF;IACD,MAAM,EAAE;QACN,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM;QAC1B,UAAU,EAAE,SAAS,WAAW,CAAC,QAAQ,CAAC,OAAO,WAAW;KAC7D;IACD,iBAAiB,EAAE;QACjB,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE;YACT,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;SAC5B;KACF;IACD,cAAc,EAAE;QACd,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI;QACzB,SAAS,EAAE;YACT,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI;SAC1B;KACF;IACD,cAAc,EAAE;QACd,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI;QACvB,SAAS,EAAE;YACT,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI;SACxB;KACF;CACF,CAAC,CAAA"}
|
package/index.d.ts
CHANGED
|
@@ -160,6 +160,9 @@ export { default as Timeline } from './Timeline';
|
|
|
160
160
|
export type { TimelineProps } from './Timeline';
|
|
161
161
|
export { default as RichText } from './RichText';
|
|
162
162
|
export type { RichTextProps, ASTType } from './RichText';
|
|
163
|
+
export type { RatingThumbsProps } from './RatingThumbs';
|
|
164
|
+
export { default as PasswordInput } from './PasswordInput';
|
|
165
|
+
export type { PasswordInputProps } from './PasswordInput';
|
|
163
166
|
export * from './Icon';
|
|
164
167
|
declare const PicassoFallback: () => never;
|
|
165
168
|
export default PicassoFallback;
|
package/index.js
CHANGED
|
@@ -76,6 +76,7 @@ export { default as Section } from './Section';
|
|
|
76
76
|
export { default as Note } from './Note';
|
|
77
77
|
export { default as Timeline } from './Timeline';
|
|
78
78
|
export { default as RichText } from './RichText';
|
|
79
|
+
export { default as PasswordInput } from './PasswordInput';
|
|
79
80
|
// hygen code generator inserts export statements above this comment.
|
|
80
81
|
export * from './Icon';
|
|
81
82
|
// TODO: Remove in @toptal/picasso@11.x.x version
|
package/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/utils/index.d.ts
CHANGED
|
@@ -8,7 +8,6 @@ export { colorUtils };
|
|
|
8
8
|
export { breakpointsList as breakpoints, screens, isScreenSize, useBreakpoint, useScreens, shadows, colors as palette, generateRandomString, generateRandomStringOrGetEmptyInTest } from '@toptal/picasso-provider';
|
|
9
9
|
export { default as ClickAwayListener } from '@material-ui/core/ClickAwayListener';
|
|
10
10
|
export { capitalize } from './capitalize';
|
|
11
|
-
export { dashToCamelCase } from './dash-to-camel-case';
|
|
12
11
|
export { default as disableUnsupportedProps } from './disable-unsupported-props';
|
|
13
12
|
export { forwardRef, documentable } from './forward-ref';
|
|
14
13
|
export { default as getNameInitials } from './get-name-initials';
|
package/utils/index.js
CHANGED
|
@@ -9,7 +9,6 @@ export { colorUtils };
|
|
|
9
9
|
export { breakpointsList as breakpoints, screens, isScreenSize, useBreakpoint, useScreens, shadows, colors as palette, generateRandomString, generateRandomStringOrGetEmptyInTest } from '@toptal/picasso-provider';
|
|
10
10
|
export { default as ClickAwayListener } from '@material-ui/core/ClickAwayListener';
|
|
11
11
|
export { capitalize } from './capitalize';
|
|
12
|
-
export { dashToCamelCase } from './dash-to-camel-case';
|
|
13
12
|
export { default as disableUnsupportedProps } from './disable-unsupported-props';
|
|
14
13
|
export { forwardRef, documentable } from './forward-ref';
|
|
15
14
|
export { default as getNameInitials } from './get-name-initials';
|
package/utils/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAE/D,OAAO,KAAK,eAAe,MAAM,eAAe,CAAA;AAEhD,MAAM,UAAU,GAAG;IACjB,KAAK;IACL,OAAO;IACP,MAAM;CACP,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA;AAErB,OAAO,EACL,eAAe,IAAI,WAAW,EAC9B,OAAO,EACP,YAAY,EACZ,aAAa,EACb,UAAU,EACV,OAAO,EACP,MAAM,IAAI,OAAO,EACjB,oBAAoB,EACpB,oCAAoC,EACrC,MAAM,0BAA0B,CAAA;AAEjC,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qCAAqC,CAAA;AAElF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAE/D,OAAO,KAAK,eAAe,MAAM,eAAe,CAAA;AAEhD,MAAM,UAAU,GAAG;IACjB,KAAK;IACL,OAAO;IACP,MAAM;CACP,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA;AAErB,OAAO,EACL,eAAe,IAAI,WAAW,EAC9B,OAAO,EACP,YAAY,EACZ,aAAa,EACb,UAAU,EACV,OAAO,EACP,MAAM,IAAI,OAAO,EACjB,oBAAoB,EACpB,oCAAoC,EACrC,MAAM,0BAA0B,CAAA;AAEjC,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qCAAqC,CAAA;AAElF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AAChF,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAEnE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAA;AAKtC,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAA;AAE1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,cAAc,SAAS,CAAA;AAEvB,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const dashToCamelCase: (input: string) => string;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dash-to-camel-case.js","sourceRoot":"","sources":["../../../src/utils/dash-to-camel-case/dash-to-camel-case.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,EAAE,CAC/C,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { dashToCamelCase } from './dash-to-camel-case';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/dash-to-camel-case/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA"}
|