@toptal/picasso 31.8.1 → 31.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/Autocomplete/Autocomplete.d.ts +1 -0
- package/Autocomplete/Autocomplete.js +3 -2
- package/Autocomplete/Autocomplete.js.map +1 -1
- package/DatePicker/DatePicker.d.ts +2 -0
- package/DatePicker/DatePicker.js +3 -2
- package/DatePicker/DatePicker.js.map +1 -1
- package/Input/styles.d.ts +1 -1
- package/Input/styles.js +6 -14
- package/Input/styles.js.map +1 -1
- package/InputBase/highlightAutofillStyles.d.ts +7 -0
- package/InputBase/highlightAutofillStyles.js +9 -0
- package/InputBase/highlightAutofillStyles.js.map +1 -0
- package/NativeSelect/NativeSelect.js +3 -2
- package/NativeSelect/NativeSelect.js.map +1 -1
- package/NativeSelect/styles.d.ts +1 -1
- package/NativeSelect/styles.js +37 -46
- package/NativeSelect/styles.js.map +1 -1
- package/NonNativeSelect/NonNativeSelect.js +4 -2
- package/NonNativeSelect/NonNativeSelect.js.map +1 -1
- package/NonNativeSelect/styles.d.ts +1 -1
- package/NonNativeSelect/styles.js +36 -45
- package/NonNativeSelect/styles.js.map +1 -1
- package/NumberInput/NumberInput.d.ts +1 -0
- package/NumberInput/NumberInput.js +6 -2
- package/NumberInput/NumberInput.js.map +1 -1
- package/NumberInput/styles.d.ts +2 -1
- package/NumberInput/styles.js +4 -6
- package/NumberInput/styles.js.map +1 -1
- package/PasswordInput/PasswordInput.d.ts +1 -0
- package/PasswordInput/PasswordInput.js +2 -1
- package/PasswordInput/PasswordInput.js.map +1 -1
- package/PasswordInput/styles.d.ts +1 -1
- package/PasswordInput/styles.js +16 -16
- package/PasswordInput/styles.js.map +1 -1
- package/RichTextEditor/RichTextEditor.d.ts +1 -0
- package/RichTextEditor/RichTextEditor.js +3 -1
- package/RichTextEditor/RichTextEditor.js.map +1 -1
- package/RichTextEditor/styles.d.ts +1 -1
- package/RichTextEditor/styles.js +20 -21
- package/RichTextEditor/styles.js.map +1 -1
- package/SelectBase/types.d.ts +1 -0
- package/TagSelector/TagSelector.d.ts +1 -0
- package/TagSelector/TagSelector.js +3 -2
- package/TagSelector/TagSelector.js.map +1 -1
- package/TagSelectorInput/TagSelectorInput.js +5 -2
- package/TagSelectorInput/TagSelectorInput.js.map +1 -1
- package/TagSelectorInput/styles.d.ts +2 -1
- package/TagSelectorInput/styles.js +5 -8
- package/TagSelectorInput/styles.js.map +1 -1
- package/TimePicker/TimePicker.js +3 -6
- package/TimePicker/TimePicker.js.map +1 -1
- package/package.json +1 -1
|
@@ -85,6 +85,7 @@ export interface Props extends BaseProps, Omit<InputHTMLAttributes<HTMLInputElem
|
|
|
85
85
|
input?: string;
|
|
86
86
|
disableAutofillInput?: string;
|
|
87
87
|
};
|
|
88
|
+
highlightAutofill?: boolean;
|
|
88
89
|
}
|
|
89
90
|
export declare const Autocomplete: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
|
|
90
91
|
export default Autocomplete;
|
|
@@ -35,7 +35,7 @@ const useStyles = makeStyles(styles, {
|
|
|
35
35
|
});
|
|
36
36
|
const getItemText = (item) => (item && item.text) || EMPTY_INPUT_VALUE;
|
|
37
37
|
export const Autocomplete = forwardRef(function Autocomplete(props, customRef) {
|
|
38
|
-
const { autoComplete, className, enableAutofill, enableReset, endAdornment, error, status, getDisplayValue = getItemText, getKey: customGetKey, icon, inputComponent, loading, menuWidth, name, noOptionsText = 'No options', closeOnSelect, onBlur, onChange, onFocus, onKeyDown, onOtherOptionSelect, onResetClick, onSelect, options, otherOptionText = 'Other option: ', placeholder, popperContainer, popperOptions, poweredByGoogle, renderOption, renderOtherOption, showOtherOption, style, testIds, value, width = 'auto', disabled = false } = props, rest = __rest(props, ["autoComplete", "className", "enableAutofill", "enableReset", "endAdornment", "error", "status", "getDisplayValue", "getKey", "icon", "inputComponent", "loading", "menuWidth", "name", "noOptionsText", "closeOnSelect", "onBlur", "onChange", "onFocus", "onKeyDown", "onOtherOptionSelect", "onResetClick", "onSelect", "options", "otherOptionText", "placeholder", "popperContainer", "popperOptions", "poweredByGoogle", "renderOption", "renderOtherOption", "showOtherOption", "style", "testIds", "value", "width", "disabled"]);
|
|
38
|
+
const { autoComplete, className, enableAutofill, enableReset, endAdornment, error, status, getDisplayValue = getItemText, getKey: customGetKey, icon, inputComponent, loading, menuWidth, name, noOptionsText = 'No options', closeOnSelect, onBlur, onChange, onFocus, onKeyDown, onOtherOptionSelect, onResetClick, onSelect, options, otherOptionText = 'Other option: ', placeholder, popperContainer, popperOptions, poweredByGoogle, renderOption, renderOtherOption, showOtherOption, style, testIds, value, width = 'auto', disabled = false, highlightAutofill } = props, rest = __rest(props, ["autoComplete", "className", "enableAutofill", "enableReset", "endAdornment", "error", "status", "getDisplayValue", "getKey", "icon", "inputComponent", "loading", "menuWidth", "name", "noOptionsText", "closeOnSelect", "onBlur", "onChange", "onFocus", "onKeyDown", "onOtherOptionSelect", "onResetClick", "onSelect", "options", "otherOptionText", "placeholder", "popperContainer", "popperOptions", "poweredByGoogle", "renderOption", "renderOtherOption", "showOtherOption", "style", "testIds", "value", "width", "disabled", "highlightAutofill"]);
|
|
39
39
|
const inputRef = useRef(null);
|
|
40
40
|
let ref = customRef || inputRef;
|
|
41
41
|
if (inputComponent && !isForwardRef(inputComponent)) {
|
|
@@ -92,7 +92,7 @@ export const Autocomplete = forwardRef(function Autocomplete(props, customRef) {
|
|
|
92
92
|
return (React.createElement("div", { className: cx(classes.root, className, classes[`root${capitalize(width)}`]), style: style, role: 'combobox', "aria-expanded": isOpen, "aria-haspopup": 'listbox' },
|
|
93
93
|
React.createElement(Container, { flex: true, ref: inputWrapperRef, onClick: inputProps.onClick },
|
|
94
94
|
!enableAutofill && name && (React.createElement("input", { type: 'hidden', value: value, name: name, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.disableAutofillInput })),
|
|
95
|
-
React.createElement(InputComponent, Object.assign({}, rest, inputProps, { status: error ? 'error' : status, icon: icon, disabled: disabled, defaultValue: undefined, value: value, ref: ref, placeholder: placeholder, inputProps: rest.inputProps, endAdornment: loading ? loadingComponent : endAdornment, width: width, name: enableAutofill ? name : undefined, autoComplete: enableAutofill ? autoComplete : autoComplete || 'off', testIds: testIds, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.input }))),
|
|
95
|
+
React.createElement(InputComponent, Object.assign({}, rest, inputProps, { status: error ? 'error' : status, icon: icon, disabled: disabled, defaultValue: undefined, value: value, ref: ref, placeholder: placeholder, inputProps: rest.inputProps, endAdornment: loading ? loadingComponent : endAdornment, width: width, name: enableAutofill ? name : undefined, autoComplete: enableAutofill ? autoComplete : autoComplete || 'off', testIds: testIds, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.input, highlightAutofill: highlightAutofill }))),
|
|
96
96
|
React.createElement("div", { role: 'listbox' }, isOpen && inputWrapperRef.current && optionsMenu && (React.createElement(Popper, { autoWidth: true, width: menuWidth, placement: 'bottom-start', open: isOpen && !loading, anchorEl: inputWrapperRef.current, container: popperContainer, popperOptions: popperOptions }, optionsMenu)))));
|
|
97
97
|
});
|
|
98
98
|
Autocomplete.defaultProps = {
|
|
@@ -115,6 +115,7 @@ Autocomplete.defaultProps = {
|
|
|
115
115
|
poweredByGoogle: false,
|
|
116
116
|
disabled: false,
|
|
117
117
|
status: 'default',
|
|
118
|
+
highlightAutofill: false,
|
|
118
119
|
};
|
|
119
120
|
Autocomplete.displayName = 'Autocomplete';
|
|
120
121
|
export default Autocomplete;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../src/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,uEAAuE,CAAC,mDAAmD;;;;;;;;;;;;AAE3H,OAAO,KAAK,EAAE,EAGZ,UAAU,EAGV,MAAM,GAIP,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,UAAU,MAAM,oCAAoC,CAAA;AAC3D,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAa,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAGhE,OAAO,KAAqB,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAC5C,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAC/C,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AACnD,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AAEvD,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AACvE,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,OAAO,cAAc,MAAM,2BAA2B,CAAA;AACtD,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;
|
|
1
|
+
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../src/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -65,6 +65,7 @@ export interface Props extends BaseProps, Omit<InputProps, 'value' | 'onSelect'
|
|
|
65
65
|
start: Date;
|
|
66
66
|
end: Date;
|
|
67
67
|
}[];
|
|
68
|
+
highlightAutofill?: boolean;
|
|
68
69
|
}
|
|
69
70
|
export declare const DatePicker: {
|
|
70
71
|
(props: Props): JSX.Element;
|
|
@@ -76,6 +77,7 @@ export declare const DatePicker: {
|
|
|
76
77
|
displayDateFormat: string;
|
|
77
78
|
autoComplete: string;
|
|
78
79
|
status: string;
|
|
80
|
+
highlightAutofill: boolean;
|
|
79
81
|
};
|
|
80
82
|
displayName: string;
|
|
81
83
|
};
|
package/DatePicker/DatePicker.js
CHANGED
|
@@ -30,7 +30,7 @@ const useStyles = makeStyles(styles, {
|
|
|
30
30
|
name: 'PicassoDatePicker',
|
|
31
31
|
});
|
|
32
32
|
export const DatePicker = (props) => {
|
|
33
|
-
const { range, hideOnSelect, displayDateFormat = DEFAULT_DATE_PICKER_DISPLAY_DATE_FORMAT, editDateFormat = DEFAULT_DATE_PICKER_EDIT_DATE_FORMAT, onBlur = noop, onChange, onResetClick, value, width, icon, minDate, maxDate, disabledIntervals, popperContainer, renderDay, weekStartsOn, timezone, size, parseInputValue, testIds, error, status, popperProps, disabled, footer, indicatedIntervals, footerBackgroundColor } = props, rest = __rest(props, ["range", "hideOnSelect", "displayDateFormat", "editDateFormat", "onBlur", "onChange", "onResetClick", "value", "width", "icon", "minDate", "maxDate", "disabledIntervals", "popperContainer", "renderDay", "weekStartsOn", "timezone", "size", "parseInputValue", "testIds", "error", "status", "popperProps", "disabled", "footer", "indicatedIntervals", "footerBackgroundColor"]);
|
|
33
|
+
const { range, hideOnSelect, displayDateFormat = DEFAULT_DATE_PICKER_DISPLAY_DATE_FORMAT, editDateFormat = DEFAULT_DATE_PICKER_EDIT_DATE_FORMAT, onBlur = noop, onChange, onResetClick, value, width, icon, minDate, maxDate, disabledIntervals, popperContainer, renderDay, weekStartsOn, timezone, size, parseInputValue, testIds, error, status, popperProps, disabled, footer, indicatedIntervals, footerBackgroundColor, highlightAutofill } = props, rest = __rest(props, ["range", "hideOnSelect", "displayDateFormat", "editDateFormat", "onBlur", "onChange", "onResetClick", "value", "width", "icon", "minDate", "maxDate", "disabledIntervals", "popperContainer", "renderDay", "weekStartsOn", "timezone", "size", "parseInputValue", "testIds", "error", "status", "popperProps", "disabled", "footer", "indicatedIntervals", "footerBackgroundColor", "highlightAutofill"]);
|
|
34
34
|
const classes = useStyles();
|
|
35
35
|
usePropDeprecationWarning({
|
|
36
36
|
props,
|
|
@@ -191,7 +191,7 @@ export const DatePicker = (props) => {
|
|
|
191
191
|
const startAdornment = size !== 'small' ? (React.createElement(InputAdornment, { position: 'start', disablePointerEvents: true }, icon || React.createElement(Calendar16, null))) : undefined;
|
|
192
192
|
return (React.createElement(React.Fragment, null,
|
|
193
193
|
React.createElement(Container, { inline: width !== 'full', ref: inputWrapperRef },
|
|
194
|
-
React.createElement(Input, Object.assign({}, inputProps, { status: error ? 'error' : status, disabled: disabled, ref: inputRef, onKeyDown: handleInputKeydown, onClick: handleFocusOrClick, onFocus: handleFocusOrClick, onBlur: handleBlur, onResetClick: handleResetClick, value: inputValue, onChange: handleInputChange, size: size, startAdornment: startAdornment, width: width, testIds: testIds, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.input }))),
|
|
194
|
+
React.createElement(Input, Object.assign({}, inputProps, { status: error ? 'error' : status, disabled: disabled, ref: inputRef, onKeyDown: handleInputKeydown, onClick: handleFocusOrClick, onFocus: handleFocusOrClick, onBlur: handleBlur, onResetClick: handleResetClick, value: inputValue, onChange: handleInputChange, size: size, startAdornment: startAdornment, width: width, testIds: testIds, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.input, highlightAutofill: highlightAutofill }))),
|
|
195
195
|
inputWrapperRef.current && (React.createElement(Popper, Object.assign({ placement: 'bottom-start', open: calendarIsShown, anchorEl: inputWrapperRef.current, autoWidth: false, enableCompactMode: true, container: popperContainer, popperOptions: DEFAULT_POPPER_OPTIONS, ref: popperRef }, popperProps),
|
|
196
196
|
React.createElement(Calendar, { activeMonth: activeMonth, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.calendar, ref: calendarRef, range: range, value: calendarValue !== null && calendarValue !== void 0 ? calendarValue : undefined, minDate: normalizedMinDate, maxDate: normalizedMaxDate, disabledIntervals: disabledIntervals, indicatedIntervals: indicatedIntervals, renderDay: renderDay, onChange: handleCalendarChange, onBlur: handleBlur, className: classes.calendar, hasFooter: Boolean(footer), weekStartsOn: weekStartsOn }),
|
|
197
197
|
footer && (React.createElement("div", { className: classes.footer, style: { backgroundColor: footerBackgroundColor } }, footer))))));
|
|
@@ -204,6 +204,7 @@ DatePicker.defaultProps = {
|
|
|
204
204
|
displayDateFormat: 'MMM d, yyyy',
|
|
205
205
|
autoComplete: 'off',
|
|
206
206
|
status: 'default',
|
|
207
|
+
highlightAutofill: false,
|
|
207
208
|
};
|
|
208
209
|
DatePicker.displayName = 'DatePicker';
|
|
209
210
|
export default DatePicker;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../src/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,sDAAsD;AACtD,+CAA+C,CAAC,mDAAmD;AACnG,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,UAAU,MAAM,iBAAiB,CAAA;AAExC,OAAO,KAAK,EAAE,EAGZ,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,KAAqB,MAAM,UAAU,CAAA;AAC5C,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAC/B,OAAO,QAIN,MAAM,aAAa,CAAA;AACpB,OAAO,EACL,uCAAuC,EACvC,oCAAoC,EACpC,sBAAsB,GACvB,MAAM,aAAa,CAAA;AACpB,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,OAAO,EACL,eAAe,EACf,yBAAyB,EACzB,eAAe,EACf,cAAc,EACd,oBAAoB,GACrB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;AAG7E,MAAM,iBAAiB,GAAG,EAAE,CAAA;AAE5B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,mBAAmB;CAC1B,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../src/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
package/Input/styles.d.ts
CHANGED
|
@@ -3,5 +3,5 @@ import '../InputBase/styles';
|
|
|
3
3
|
import '../InputLabel/styles';
|
|
4
4
|
import '../OutlinedInput/styles';
|
|
5
5
|
import '../InputAdornment/styles';
|
|
6
|
-
declare const _default: (
|
|
6
|
+
declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "root" | "rootMultiline" | "inputMultilineResizable" | "highlightAutofill">;
|
|
7
7
|
export default _default;
|
package/Input/styles.js
CHANGED
|
@@ -1,24 +1,16 @@
|
|
|
1
1
|
import { createStyles } from '@material-ui/core/styles';
|
|
2
|
-
import
|
|
2
|
+
import highlightAutofillStyles from '../InputBase/highlightAutofillStyles';
|
|
3
3
|
import '../InputBase/styles';
|
|
4
4
|
import '../InputLabel/styles';
|
|
5
5
|
import '../OutlinedInput/styles';
|
|
6
6
|
import '../InputAdornment/styles';
|
|
7
|
-
export default (
|
|
8
|
-
root: {
|
|
7
|
+
export default (theme) => createStyles(Object.assign({ root: {
|
|
9
8
|
fontSize: '1rem',
|
|
10
|
-
backgroundColor: palette.common.white,
|
|
9
|
+
backgroundColor: theme.palette.common.white,
|
|
11
10
|
cursor: 'text',
|
|
12
|
-
},
|
|
13
|
-
rootMultiline: {
|
|
11
|
+
}, rootMultiline: {
|
|
14
12
|
height: 'auto',
|
|
15
|
-
},
|
|
16
|
-
highlightAutofill: {
|
|
17
|
-
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
18
|
-
backgroundColor: alpha(palette.yellow.lighter, 0.6),
|
|
19
|
-
},
|
|
20
|
-
inputMultilineResizable: {
|
|
13
|
+
}, inputMultilineResizable: {
|
|
21
14
|
resize: 'vertical',
|
|
22
|
-
},
|
|
23
|
-
});
|
|
15
|
+
} }, highlightAutofillStyles(theme)));
|
|
24
16
|
//# sourceMappingURL=styles.js.map
|
package/Input/styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Input/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Input/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE9D,OAAO,uBAAuB,MAAM,sCAAsC,CAAA;AAC1E,OAAO,qBAAqB,CAAA;AAC5B,OAAO,sBAAsB,CAAA;AAC7B,OAAO,yBAAyB,CAAA;AAChC,OAAO,0BAA0B,CAAA;AAEjC,eAAe,CAAC,KAAY,EAAE,EAAE,CAC9B,YAAY,iBACV,IAAI,EAAE;QACJ,QAAQ,EAAE,MAAM;QAChB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;QAC3C,MAAM,EAAE,MAAM;KACf,EACD,aAAa,EAAE;QACb,MAAM,EAAE,MAAM;KACf,EACD,uBAAuB,EAAE;QACvB,MAAM,EAAE,UAAU;KACnB,IACE,uBAAuB,CAAC,KAAK,CAAC,EACjC,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { alpha } from '@toptal/picasso-shared';
|
|
2
|
+
const highlightAutofillStyles = ({ 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 highlightAutofillStyles;
|
|
9
|
+
//# sourceMappingURL=highlightAutofillStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"highlightAutofillStyles.js","sourceRoot":"","sources":["../../src/InputBase/highlightAutofillStyles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAE9C,MAAM,uBAAuB,GAAG,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CAAC,CAAC;IACvD,iBAAiB,EAAE;QACjB,oEAAoE;QACpE,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,OAAQ,EAAE,GAAG,CAAC;KACrD;CACF,CAAC,CAAA;AAEF,eAAe,uBAAuB,CAAA"}
|
|
@@ -26,9 +26,9 @@ const DEFAULT_EMPTY_ARRAY_VALUE = [];
|
|
|
26
26
|
export const NativeSelect = documentable(forwardRef((props, ref) => {
|
|
27
27
|
const { className, style, width = 'full', loading, id, icon, iconPosition = 'start', name, renderOption = defaultRenderOption, placeholder, disabled, error, status, multiple, value = multiple ? DEFAULT_EMPTY_ARRAY_VALUE : '', size, enableReset, onChange, options, getDisplayValue = getOptionText,
|
|
28
28
|
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
29
|
-
menuWidth, noOptionsText, popperContainer, enableAutofill, autoComplete, searchPlaceholder, searchThreshold, limit, native, testIds } = props,
|
|
29
|
+
menuWidth, noOptionsText, popperContainer, enableAutofill, autoComplete, searchPlaceholder, searchThreshold, limit, native, testIds, highlightAutofill } = props,
|
|
30
30
|
/* eslint-enable @typescript-eslint/no-unused-vars */
|
|
31
|
-
rest = __rest(props, ["className", "style", "width", "loading", "id", "icon", "iconPosition", "name", "renderOption", "placeholder", "disabled", "error", "status", "multiple", "value", "size", "enableReset", "onChange", "options", "getDisplayValue", "menuWidth", "noOptionsText", "popperContainer", "enableAutofill", "autoComplete", "searchPlaceholder", "searchThreshold", "limit", "native", "testIds"]);
|
|
31
|
+
rest = __rest(props, ["className", "style", "width", "loading", "id", "icon", "iconPosition", "name", "renderOption", "placeholder", "disabled", "error", "status", "multiple", "value", "size", "enableReset", "onChange", "options", "getDisplayValue", "menuWidth", "noOptionsText", "popperContainer", "enableAutofill", "autoComplete", "searchPlaceholder", "searchThreshold", "limit", "native", "testIds", "highlightAutofill"]);
|
|
32
32
|
const classes = useStyles();
|
|
33
33
|
const selectRef = useCombinedRefs(ref, useRef(null));
|
|
34
34
|
const inputWrapperRef = useRef(null);
|
|
@@ -59,6 +59,7 @@ export const NativeSelect = documentable(forwardRef((props, ref) => {
|
|
|
59
59
|
, 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: {
|
|
60
60
|
root: cx(classes.select, {
|
|
61
61
|
[classes.placeholder]: !selection.isSelected(),
|
|
62
|
+
[classes.highlightAutofill]: highlightAutofill,
|
|
62
63
|
}),
|
|
63
64
|
select: cx({
|
|
64
65
|
[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;AACnE,OAAO,EAAS,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,UAAU,MAAM,oCAAoC,CAAA;AAE3D,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAC5C,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAEL,aAAa,EACb,aAAa,EACb,cAAc,EACd,cAAc,EAEd,YAAY,IAAI,mBAAmB,GACpC,MAAM,eAAe,CAAA;AACtB,OAAO,mBAAmB,MAAM,wBAAwB,CAAA;AACxD,OAAO,uBAAuB,MAAM,4BAA4B,CAAA;AAChE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC1E,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,CAAC,CAAA;AAE3C,MAAM,yBAAyB,GAAgB,EAAE,CAAA;AAEjD,MAAM,CAAC,MAAM,YAAY,GAAG,YAAY,CACtC,UAAU,CACR,CACE,KAAwB,EACxB,GAAuC,EACvC,EAAE;IACF,MAAM,EACJ,SAAS,EACT,KAAK,EACL,KAAK,GAAG,MAAM,EACd,OAAO,EACP,EAAE,EACF,IAAI,EACJ,YAAY,GAAG,OAAO,EACtB,IAAI,EACJ,YAAY,GAAG,mBAAmB,EAClC,WAAW,EACX,QAAQ,EACR,KAAK,EACL,MAAM,EACN,QAAQ,EACR,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,EACjD,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,OAAO,EACP,eAAe,GAAG,aAAa;IAC/B,sDAAsD;IACtD,SAAS,EACT,aAAa,EACb,eAAe,EACf,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,eAAe,EACf,KAAK,EACL,MAAM,EACN,OAAO,
|
|
1
|
+
{"version":3,"file":"NativeSelect.js","sourceRoot":"","sources":["../../src/NativeSelect/NativeSelect.tsx"],"names":[],"mappings":"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"}
|
package/NativeSelect/styles.d.ts
CHANGED
|
@@ -3,5 +3,5 @@ import '../InputLabel/styles';
|
|
|
3
3
|
import '../InputBase/styles';
|
|
4
4
|
import '../Input/styles';
|
|
5
5
|
import '../Loader/styles';
|
|
6
|
-
declare const _default: (
|
|
6
|
+
declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "select" | "root" | "placeholder" | "endAdornment" | "startAdornment" | "rootDisabled" | "rootFull" | "rootShrink" | "rootAuto" | "highlightAutofill" | "nativeInput" | "startAdornmentPadding" | "endAdornmentPadding">;
|
|
7
7
|
export default _default;
|
package/NativeSelect/styles.js
CHANGED
|
@@ -3,50 +3,41 @@ import '../InputLabel/styles';
|
|
|
3
3
|
import '../InputBase/styles';
|
|
4
4
|
import '../Input/styles';
|
|
5
5
|
import '../Loader/styles';
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
right: '1.625rem',
|
|
44
|
-
},
|
|
45
|
-
startAdornmentPadding: {
|
|
46
|
-
paddingLeft: '2.5625rem',
|
|
47
|
-
},
|
|
48
|
-
endAdornmentPadding: {
|
|
49
|
-
paddingRight: '3.5625rem',
|
|
50
|
-
},
|
|
51
|
-
});
|
|
6
|
+
import highlightAutofillStyles from '../InputBase/highlightAutofillStyles';
|
|
7
|
+
export default (theme) => {
|
|
8
|
+
const { palette } = theme;
|
|
9
|
+
return createStyles(Object.assign({ root: {
|
|
10
|
+
position: 'relative',
|
|
11
|
+
display: 'inline-flex',
|
|
12
|
+
fontSize: '1rem',
|
|
13
|
+
cursor: 'pointer',
|
|
14
|
+
}, rootFull: {
|
|
15
|
+
width: '100%',
|
|
16
|
+
}, rootShrink: {
|
|
17
|
+
width: 'auto',
|
|
18
|
+
}, rootAuto: {}, rootDisabled: {
|
|
19
|
+
cursor: 'default',
|
|
20
|
+
}, select: {
|
|
21
|
+
width: '100%',
|
|
22
|
+
padding: '0.5rem',
|
|
23
|
+
'&:focus': {
|
|
24
|
+
backgroundColor: 'inherit',
|
|
25
|
+
},
|
|
26
|
+
}, nativeInput: {
|
|
27
|
+
padding: 0,
|
|
28
|
+
backgroundColor: palette.common.white,
|
|
29
|
+
}, placeholder: {
|
|
30
|
+
color: palette.grey.main2,
|
|
31
|
+
}, startAdornment: {
|
|
32
|
+
position: 'absolute',
|
|
33
|
+
left: '0.625rem',
|
|
34
|
+
}, endAdornment: {
|
|
35
|
+
position: 'absolute',
|
|
36
|
+
right: '1.625rem',
|
|
37
|
+
}, startAdornmentPadding: {
|
|
38
|
+
paddingLeft: '2.5625rem',
|
|
39
|
+
}, endAdornmentPadding: {
|
|
40
|
+
paddingRight: '3.5625rem',
|
|
41
|
+
} }, highlightAutofillStyles(theme)));
|
|
42
|
+
};
|
|
52
43
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/NativeSelect/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE9D,OAAO,sBAAsB,CAAA;AAC7B,OAAO,qBAAqB,CAAA;AAC5B,OAAO,iBAAiB,CAAA;AACxB,OAAO,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/NativeSelect/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE9D,OAAO,sBAAsB,CAAA;AAC7B,OAAO,qBAAqB,CAAA;AAC5B,OAAO,iBAAiB,CAAA;AACxB,OAAO,kBAAkB,CAAA;AACzB,OAAO,uBAAuB,MAAM,sCAAsC,CAAA;AAE1E,eAAe,CAAC,KAAY,EAAE,EAAE;IAC9B,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IAEzB,OAAO,YAAY,iBACjB,IAAI,EAAE;YACJ,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,aAAa;YACtB,QAAQ,EAAE,MAAM;YAChB,MAAM,EAAE,SAAS;SAClB,EACD,QAAQ,EAAE;YACR,KAAK,EAAE,MAAM;SACd,EACD,UAAU,EAAE;YACV,KAAK,EAAE,MAAM;SACd,EACD,QAAQ,EAAE,EAAE,EACZ,YAAY,EAAE;YACZ,MAAM,EAAE,SAAS;SAClB,EACD,MAAM,EAAE;YACN,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,QAAQ;YAEjB,SAAS,EAAE;gBACT,eAAe,EAAE,SAAS;aAC3B;SACF,EACD,WAAW,EAAE;YACX,OAAO,EAAE,CAAC;YACV,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;SACtC,EACD,WAAW,EAAE;YACX,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;SAC1B,EACD,cAAc,EAAE;YACd,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,UAAU;SACjB,EACD,YAAY,EAAE;YACZ,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,UAAU;SAClB,EACD,qBAAqB,EAAE;YACrB,WAAW,EAAE,WAAW;SACzB,EACD,mBAAmB,EAAE;YACnB,YAAY,EAAE,WAAW;SAC1B,IACE,uBAAuB,CAAC,KAAK,CAAC,EACjC,CAAA;AACJ,CAAC,CAAA"}
|
|
@@ -33,7 +33,7 @@ export const NonNativeSelect = documentable(forwardRef(
|
|
|
33
33
|
(props, ref) => {
|
|
34
34
|
const { className, style, width = 'full', menuWidth, loading, id, icon, iconPosition = 'start', name, noOptionsText, renderOption = defaultRenderOption, placeholder, disabled, disablePortal, error, status, multiple, value = multiple ? DEFAULT_EMPTY_ARRAY_VALUE : '', size, enableReset, popperContainer, enableAutofill, autoComplete, searchPlaceholder, searchThreshold = DEFAULT_SEARCH_THRESHOLD, limit = DEFAULT_LIMIT, getDisplayValue = getOptionText, options, onChange, filterOptions = defaultFilterOptions,
|
|
35
35
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
36
|
-
native, testIds } = props, rest = __rest(props, ["className", "style", "width", "menuWidth", "loading", "id", "icon", "iconPosition", "name", "noOptionsText", "renderOption", "placeholder", "disabled", "disablePortal", "error", "status", "multiple", "value", "size", "enableReset", "popperContainer", "enableAutofill", "autoComplete", "searchPlaceholder", "searchThreshold", "limit", "getDisplayValue", "options", "onChange", "filterOptions", "native", "testIds"]);
|
|
36
|
+
native, testIds, highlightAutofill } = props, rest = __rest(props, ["className", "style", "width", "menuWidth", "loading", "id", "icon", "iconPosition", "name", "noOptionsText", "renderOption", "placeholder", "disabled", "disablePortal", "error", "status", "multiple", "value", "size", "enableReset", "popperContainer", "enableAutofill", "autoComplete", "searchPlaceholder", "searchThreshold", "limit", "getDisplayValue", "options", "onChange", "filterOptions", "native", "testIds", "highlightAutofill"]);
|
|
37
37
|
const classes = useStyles();
|
|
38
38
|
const selectRef = useCombinedRefs(ref, useRef(null));
|
|
39
39
|
const searchInputRef = useRef(null);
|
|
@@ -73,7 +73,9 @@ export const NonNativeSelect = documentable(forwardRef(
|
|
|
73
73
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
74
74
|
, Object.assign({}, rest, { onChange: onChange, inputRef: selectRef, status: error ? 'error' : status, disabled: disabled, id: id, startAdornment: startAdornment, endAdornment: endAdornment,
|
|
75
75
|
// Input specific props
|
|
76
|
-
value: displayValue }, getInputProps(), { placeholder: placeholder, width: width, readOnly: true, defaultValue: undefined, className: classes.outlinedInput,
|
|
76
|
+
value: displayValue }, getInputProps(), { placeholder: placeholder, width: width, readOnly: true, defaultValue: undefined, className: classes.outlinedInput, classes: {
|
|
77
|
+
root: cx({ [classes.highlightAutofill]: highlightAutofill }),
|
|
78
|
+
}, inputProps: {
|
|
77
79
|
size: 1, // let input to have smallest width by default for width:'shrink'
|
|
78
80
|
}, size: size === 'large' ? 'medium' : size, role: 'textbox', enableReset: enableReset ? selection.isSelected() : false, autoComplete: enableAutofill ? autoComplete : autoComplete || 'off', name: enableAutofill ? name : undefined, testIds: testIds })),
|
|
79
81
|
React.createElement(SelectCaret, { disabled: disabled })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NonNativeSelect.js","sourceRoot":"","sources":["../../src/NonNativeSelect/NonNativeSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,+BAA+B;AAC/B,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAErC,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAS,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,UAAU,MAAM,oCAAoC,CAAA;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAC5C,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,qBAAqB,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EACL,aAAa,EACb,cAAc,EACd,cAAc,EACd,YAAY,IAAI,mBAAmB,EAGnC,aAAa,EACb,aAAa,EACb,wBAAwB,EACxB,YAAY,EACZ,iBAAiB,IAAI,oBAAoB,GAC1C,MAAM,eAAe,CAAA;AACtB,OAAO,sBAAsB,MAAM,2BAA2B,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC1E,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,0BAA0B,MAAM,+BAA+B,CAAA;AACtE,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAE9C,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,CAAC,CAAA;AAE3C,MAAM,yBAAyB,GAAgB,EAAE,CAAA;AAEjD,MAAM,CAAC,MAAM,eAAe,GAAG,YAAY,CACzC,UAAU;AACR,kDAAkD;AAClD,CACE,KAAwB,EACxB,GAAuC,EACvC,EAAE;IACF,MAAM,EACJ,SAAS,EACT,KAAK,EACL,KAAK,GAAG,MAAM,EACd,SAAS,EACT,OAAO,EACP,EAAE,EACF,IAAI,EACJ,YAAY,GAAG,OAAO,EACtB,IAAI,EACJ,aAAa,EACb,YAAY,GAAG,mBAAmB,EAClC,WAAW,EACX,QAAQ,EACR,aAAa,EACb,KAAK,EACL,MAAM,EACN,QAAQ,EACR,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,EACjD,IAAI,EACJ,WAAW,EACX,eAAe,EACf,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,eAAe,GAAG,wBAAwB,EAC1C,KAAK,GAAG,aAAa,EACrB,eAAe,GAAG,aAAa,EAC/B,OAAO,EACP,QAAQ,EACR,aAAa,GAAG,oBAAoB;IACpC,6DAA6D;IAC7D,MAAM,EACN,OAAO,
|
|
1
|
+
{"version":3,"file":"NonNativeSelect.js","sourceRoot":"","sources":["../../src/NonNativeSelect/NonNativeSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,5 +5,5 @@ import '../Input/styles';
|
|
|
5
5
|
import '../Menu/styles';
|
|
6
6
|
import '../MenuItem/styles';
|
|
7
7
|
import '../Loader/styles';
|
|
8
|
-
declare const _default: (
|
|
8
|
+
declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "select" | "root" | "placeholder" | "rootDisabled" | "rootFull" | "rootShrink" | "rootAuto" | "highlightAutofill" | "nativeInput" | "inputWrapper" | "outlinedInput" | "searchOutlinedInput" | "searchInputGutters">;
|
|
9
9
|
export default _default;
|
|
@@ -5,49 +5,40 @@ import '../Input/styles';
|
|
|
5
5
|
import '../Menu/styles';
|
|
6
6
|
import '../MenuItem/styles';
|
|
7
7
|
import '../Loader/styles';
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
padding: '0.375rem 0.5rem 0.5rem 0.5rem',
|
|
45
|
-
},
|
|
46
|
-
nativeInput: {
|
|
47
|
-
padding: 0,
|
|
48
|
-
},
|
|
49
|
-
placeholder: {
|
|
50
|
-
color: palette.grey.main2,
|
|
51
|
-
},
|
|
52
|
-
});
|
|
8
|
+
import highlightAutofillStyles from '../InputBase/highlightAutofillStyles';
|
|
9
|
+
export default (theme) => {
|
|
10
|
+
const { palette } = theme;
|
|
11
|
+
return createStyles(Object.assign({ root: {
|
|
12
|
+
position: 'relative',
|
|
13
|
+
display: 'inline-flex',
|
|
14
|
+
fontSize: '1rem',
|
|
15
|
+
cursor: 'pointer',
|
|
16
|
+
}, rootFull: {
|
|
17
|
+
width: '100%',
|
|
18
|
+
}, rootShrink: {
|
|
19
|
+
width: 'auto',
|
|
20
|
+
}, rootAuto: {}, rootDisabled: {
|
|
21
|
+
cursor: 'default',
|
|
22
|
+
}, select: {
|
|
23
|
+
width: '100%',
|
|
24
|
+
padding: '0.5rem',
|
|
25
|
+
'&:focus': {
|
|
26
|
+
backgroundColor: 'inherit',
|
|
27
|
+
},
|
|
28
|
+
}, inputWrapper: {
|
|
29
|
+
width: 'inherit',
|
|
30
|
+
outline: 0,
|
|
31
|
+
}, outlinedInput: {
|
|
32
|
+
backgroundColor: palette.common.white,
|
|
33
|
+
paddingRight: '1.625rem',
|
|
34
|
+
}, searchOutlinedInput: {
|
|
35
|
+
width: '100%',
|
|
36
|
+
}, searchInputGutters: {
|
|
37
|
+
padding: '0.375rem 0.5rem 0.5rem 0.5rem',
|
|
38
|
+
}, nativeInput: {
|
|
39
|
+
padding: 0,
|
|
40
|
+
}, placeholder: {
|
|
41
|
+
color: palette.grey.main2,
|
|
42
|
+
} }, highlightAutofillStyles(theme)));
|
|
43
|
+
};
|
|
53
44
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/NonNativeSelect/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE9D,OAAO,sBAAsB,CAAA;AAC7B,OAAO,qBAAqB,CAAA;AAC5B,OAAO,iBAAiB,CAAA;AACxB,OAAO,gBAAgB,CAAA;AACvB,OAAO,oBAAoB,CAAA;AAC3B,OAAO,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/NonNativeSelect/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE9D,OAAO,sBAAsB,CAAA;AAC7B,OAAO,qBAAqB,CAAA;AAC5B,OAAO,iBAAiB,CAAA;AACxB,OAAO,gBAAgB,CAAA;AACvB,OAAO,oBAAoB,CAAA;AAC3B,OAAO,kBAAkB,CAAA;AACzB,OAAO,uBAAuB,MAAM,sCAAsC,CAAA;AAE1E,eAAe,CAAC,KAAY,EAAE,EAAE;IAC9B,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IAEzB,OAAO,YAAY,iBACjB,IAAI,EAAE;YACJ,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,aAAa;YACtB,QAAQ,EAAE,MAAM;YAChB,MAAM,EAAE,SAAS;SAClB,EACD,QAAQ,EAAE;YACR,KAAK,EAAE,MAAM;SACd,EACD,UAAU,EAAE;YACV,KAAK,EAAE,MAAM;SACd,EACD,QAAQ,EAAE,EAAE,EACZ,YAAY,EAAE;YACZ,MAAM,EAAE,SAAS;SAClB,EACD,MAAM,EAAE;YACN,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,QAAQ;YAEjB,SAAS,EAAE;gBACT,eAAe,EAAE,SAAS;aAC3B;SACF,EACD,YAAY,EAAE;YACZ,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,CAAC;SACX,EACD,aAAa,EAAE;YACb,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;YACrC,YAAY,EAAE,UAAU;SACzB,EACD,mBAAmB,EAAE;YACnB,KAAK,EAAE,MAAM;SACd,EACD,kBAAkB,EAAE;YAClB,OAAO,EAAE,+BAA+B;SACzC,EACD,WAAW,EAAE;YACX,OAAO,EAAE,CAAC;SACX,EACD,WAAW,EAAE;YACX,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;SAC1B,IACE,uBAAuB,CAAC,KAAK,CAAC,EACjC,CAAA;AACJ,CAAC,CAAA"}
|
|
@@ -18,6 +18,7 @@ export interface Props extends Omit<OmitInternalProps<OutlinedInputProps>, 'defa
|
|
|
18
18
|
disabled?: boolean;
|
|
19
19
|
/** Callback invoked when `NumberInput` changes its state. */
|
|
20
20
|
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
21
|
+
highlightAutofill?: boolean;
|
|
21
22
|
}
|
|
22
23
|
export declare const NumberInput: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
|
|
23
24
|
export default NumberInput;
|
|
@@ -11,6 +11,7 @@ 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 cx from 'classnames';
|
|
14
15
|
import OutlinedInput from '../OutlinedInput';
|
|
15
16
|
import InputAdornment from '../InputAdornment';
|
|
16
17
|
import { useCombinedRefs } from '../utils';
|
|
@@ -21,7 +22,7 @@ const useStyles = makeStyles(styles, {
|
|
|
21
22
|
name: 'PicassoNumberInput',
|
|
22
23
|
});
|
|
23
24
|
export const NumberInput = forwardRef(function NumberInput(props, ref) {
|
|
24
|
-
const { step = 1, min = -Infinity, max = Infinity, hideControls, value, onChange, disabled, error, status, onResetClick, enableReset, width, icon, size, testIds } = props, rest = __rest(props, ["step", "min", "max", "hideControls", "value", "onChange", "disabled", "error", "status", "onResetClick", "enableReset", "width", "icon", "size", "testIds"]);
|
|
25
|
+
const { step = 1, min = -Infinity, max = Infinity, hideControls, value, onChange, disabled, error, status, onResetClick, enableReset, width, icon, size, testIds, highlightAutofill } = props, rest = __rest(props, ["step", "min", "max", "hideControls", "value", "onChange", "disabled", "error", "status", "onResetClick", "enableReset", "width", "icon", "size", "testIds", "highlightAutofill"]);
|
|
25
26
|
usePropDeprecationWarning({
|
|
26
27
|
props,
|
|
27
28
|
name: 'error',
|
|
@@ -33,7 +34,9 @@ export const NumberInput = forwardRef(function NumberInput(props, ref) {
|
|
|
33
34
|
const endAdornment = hideControls ? null : (React.createElement(NumberInputEndAdornment, { step: step, min: min, max: max, value: value, disabled: disabled, size: size, inputRef: inputRef }));
|
|
34
35
|
const startAdornment = icon ? (React.createElement(InputAdornment, { position: 'start', disablePointerEvents: true }, icon)) : null;
|
|
35
36
|
return (React.createElement(OutlinedInput, { classes: {
|
|
36
|
-
root: classes.root,
|
|
37
|
+
root: cx(classes.root, {
|
|
38
|
+
[classes.highlightAutofill]: highlightAutofill,
|
|
39
|
+
}),
|
|
37
40
|
input: classes.input,
|
|
38
41
|
}, inputProps: Object.assign(Object.assign({}, rest), { step,
|
|
39
42
|
min,
|
|
@@ -46,6 +49,7 @@ NumberInput.defaultProps = {
|
|
|
46
49
|
min: -Infinity,
|
|
47
50
|
max: Infinity,
|
|
48
51
|
hideControls: false,
|
|
52
|
+
highlightAutofill: false,
|
|
49
53
|
size: 'medium',
|
|
50
54
|
status: 'default',
|
|
51
55
|
};
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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,2 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import { Theme } from '@material-ui/core/styles';
|
|
2
|
+
declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "input" | "root" | "highlightAutofill">;
|
|
2
3
|
export default _default;
|
package/NumberInput/styles.js
CHANGED
|
@@ -1,16 +1,14 @@
|
|
|
1
1
|
import { createStyles } from '@material-ui/core/styles';
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
import highlightAutofillStyles from '../InputBase/highlightAutofillStyles';
|
|
3
|
+
export default (theme) => createStyles(Object.assign({ root: {
|
|
4
4
|
paddingRight: 0,
|
|
5
5
|
cursor: 'text',
|
|
6
|
-
},
|
|
7
|
-
input: {
|
|
6
|
+
}, input: {
|
|
8
7
|
'&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {
|
|
9
8
|
'-webkit-appearance': 'none',
|
|
10
9
|
appearance: 'none',
|
|
11
10
|
margin: 0,
|
|
12
11
|
},
|
|
13
12
|
'-moz-appearance': 'textfield',
|
|
14
|
-
},
|
|
15
|
-
});
|
|
13
|
+
} }, highlightAutofillStyles(theme)));
|
|
16
14
|
//# 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,EAAS,MAAM,0BAA0B,CAAA;AAE9D,OAAO,uBAAuB,MAAM,sCAAsC,CAAA;AAE1E,eAAe,CAAC,KAAY,EAAE,EAAE,CAC9B,YAAY,iBACV,IAAI,EAAE;QACJ,YAAY,EAAE,CAAC;QACf,MAAM,EAAE,MAAM;KACf,EACD,KAAK,EAAE;QACL,4DAA4D,EAAE;YAC5D,oBAAoB,EAAE,MAAM;YAC5B,UAAU,EAAE,MAAM;YAClB,MAAM,EAAE,CAAC;SACV;QACD,iBAAiB,EAAE,WAAW;KAC/B,IACE,uBAAuB,CAAC,KAAK,CAAC,EACjC,CAAA"}
|
|
@@ -12,6 +12,7 @@ export interface Props extends Omit<OmitInternalProps<OutlinedInputProps>, 'defa
|
|
|
12
12
|
input?: string;
|
|
13
13
|
toggle?: string;
|
|
14
14
|
};
|
|
15
|
+
highlightAutofill?: boolean;
|
|
15
16
|
}
|
|
16
17
|
export declare const PasswordInput: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
|
|
17
18
|
export default PasswordInput;
|
|
@@ -23,7 +23,7 @@ const useStyles = makeStyles(styles, {
|
|
|
23
23
|
name: 'PicassoPasswordInput',
|
|
24
24
|
});
|
|
25
25
|
export const PasswordInput = forwardRef(function PasswordInput(props, ref) {
|
|
26
|
-
const { value, onChange, disabled, error, status, width, style, className, testIds, enableReset, onResetClick } = props, rest = __rest(props, ["value", "onChange", "disabled", "error", "status", "width", "style", "className", "testIds", "enableReset", "onResetClick"]);
|
|
26
|
+
const { value, onChange, disabled, error, status, width, style, className, testIds, enableReset, onResetClick, highlightAutofill } = props, rest = __rest(props, ["value", "onChange", "disabled", "error", "status", "width", "style", "className", "testIds", "enableReset", "onResetClick", "highlightAutofill"]);
|
|
27
27
|
usePropDeprecationWarning({
|
|
28
28
|
props,
|
|
29
29
|
name: 'error',
|
|
@@ -38,6 +38,7 @@ export const PasswordInput = forwardRef(function PasswordInput(props, ref) {
|
|
|
38
38
|
const endAdornment = (React.createElement(InputAdornment, { position: 'end' },
|
|
39
39
|
React.createElement(ButtonCircular, { className: classes.toggle, variant: 'flat', icon: showPassword ? React.createElement(SvgEye16, null) : React.createElement(SvgEyeHidden16, null), onClick: handleToggleVisibilityClick, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.toggle, disabled: disabled })));
|
|
40
40
|
return (React.createElement(OutlinedInput, { style: style, className: cx(classes.root, className), classes: {
|
|
41
|
+
root: cx({ [classes.highlightAutofill]: highlightAutofill }),
|
|
41
42
|
input: classes.input,
|
|
42
43
|
}, inputProps: Object.assign(Object.assign({}, rest), { 'data-testid': testIds === null || testIds === void 0 ? void 0 : testIds.input }), width: width, status: error ? 'error' : status, inputRef: ref, type: showPassword ? 'text' : 'password', value: value, disabled: disabled, onChange: onChange, endAdornment: endAdornment, testIds: testIds, onResetClick: onResetClick, enableReset: enableReset }));
|
|
43
44
|
});
|
|
@@ -1 +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,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;
|
|
1
|
+
{"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../../src/PasswordInput/PasswordInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Theme } from '@material-ui/core/styles';
|
|
2
|
-
declare const _default: (
|
|
2
|
+
declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "input" | "toggle" | "root" | "highlightAutofill">;
|
|
3
3
|
export default _default;
|
package/PasswordInput/styles.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { createStyles } from '@material-ui/core/styles';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
'-webkit-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}
|
|
2
|
+
import highlightAutofillStyles from '../InputBase/highlightAutofillStyles';
|
|
3
|
+
export default (theme) => {
|
|
4
|
+
const { spacing } = theme;
|
|
5
|
+
return createStyles(Object.assign(Object.assign({ root: {
|
|
6
|
+
paddingRight: 0,
|
|
7
|
+
cursor: 'text',
|
|
8
|
+
}, input: {
|
|
9
|
+
'&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {
|
|
10
|
+
'-webkit-appearance': 'none',
|
|
11
|
+
appearance: 'none',
|
|
12
|
+
margin: 0,
|
|
13
|
+
},
|
|
14
|
+
} }, highlightAutofillStyles(theme)), { toggle: {
|
|
15
|
+
marginRight: spacing(1),
|
|
16
|
+
} }));
|
|
17
|
+
};
|
|
18
18
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +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,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/PasswordInput/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAS,MAAM,0BAA0B,CAAA;AAE9D,OAAO,uBAAuB,MAAM,sCAAsC,CAAA;AAE1E,eAAe,CAAC,KAAY,EAAE,EAAE;IAC9B,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IAEzB,OAAO,YAAY,+BACjB,IAAI,EAAE;YACJ,YAAY,EAAE,CAAC;YACf,MAAM,EAAE,MAAM;SACf,EACD,KAAK,EAAE;YACL,4DAA4D,EAAE;gBAC5D,oBAAoB,EAAE,MAAM;gBAC5B,UAAU,EAAE,MAAM;gBAClB,MAAM,EAAE,CAAC;aACV;SACF,IAEE,uBAAuB,CAAC,KAAK,CAAC,KAEjC,MAAM,EAAE;YACN,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;SACxB,IACD,CAAA;AACJ,CAAC,CAAA"}
|
|
@@ -70,6 +70,7 @@ export interface Props extends BaseProps {
|
|
|
70
70
|
unorderedListButton?: string;
|
|
71
71
|
orderedListButton?: string;
|
|
72
72
|
};
|
|
73
|
+
highlightAutofill?: boolean;
|
|
73
74
|
}
|
|
74
75
|
export declare const RichTextEditor: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
|
|
75
76
|
export default RichTextEditor;
|
|
@@ -16,7 +16,7 @@ const useStyles = makeStyles(styles, {
|
|
|
16
16
|
name: 'RichTextEditor',
|
|
17
17
|
});
|
|
18
18
|
export const RichTextEditor = forwardRef(function RichTextEditor(props, ref) {
|
|
19
|
-
const { 'data-testid': dataTestId, plugins, autoFocus = false, className, defaultValue, disabled, id, onChange = noop, onFocus = noop, onBlur = noop, placeholder, minLength, maxLength, minLengthMessage, maxLengthMessage, style, status, testIds, hiddenInputId, setHasMultilineCounter, name, } = props;
|
|
19
|
+
const { 'data-testid': dataTestId, plugins, autoFocus = false, className, defaultValue, disabled, id, onChange = noop, onFocus = noop, onBlur = noop, placeholder, minLength, maxLength, minLengthMessage, maxLengthMessage, style, status, testIds, hiddenInputId, setHasMultilineCounter, name, highlightAutofill, } = props;
|
|
20
20
|
const classes = useStyles();
|
|
21
21
|
const toolbarRef = useRef(null);
|
|
22
22
|
const editorRef = useRef(null);
|
|
@@ -62,6 +62,7 @@ export const RichTextEditor = forwardRef(function RichTextEditor(props, ref) {
|
|
|
62
62
|
[classes.disabled]: disabled,
|
|
63
63
|
[classes.focused]: isEditorFocused,
|
|
64
64
|
[classes.error]: status === 'error',
|
|
65
|
+
[classes.highlightAutofill]: highlightAutofill,
|
|
65
66
|
}, className), tabIndex: -1, style: style, ref: node => {
|
|
66
67
|
if (typeof ref === 'function') {
|
|
67
68
|
ref(node);
|
|
@@ -96,6 +97,7 @@ RichTextEditor.defaultProps = {
|
|
|
96
97
|
onBlur: noop,
|
|
97
98
|
disabled: false,
|
|
98
99
|
status: 'default',
|
|
100
|
+
highlightAutofill: false,
|
|
99
101
|
};
|
|
100
102
|
RichTextEditor.displayName = 'RichTextEditor';
|
|
101
103
|
export default RichTextEditor;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RichTextEditor.js","sourceRoot":"","sources":["../../src/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACpE,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAa,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAC1E,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,YAAY,MAAM,oBAAoB,CAAA;AAE7C,OAAO,IAAI,MAAM,eAAe,CAAA;AAChC,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,WAA6B,MAAM,gBAAgB,CAAA;AAC1D,OAAO,uBAAuB,MAAM,4BAA4B,CAAA;AAChE,OAAO,OAAO,MAAM,0BAA0B,CAAA;AAC9C,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACpB,eAAe,EACf,UAAU,EACV,kBAAkB,EAClB,UAAU,GACX,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;
|
|
1
|
+
{"version":3,"file":"RichTextEditor.js","sourceRoot":"","sources":["../../src/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Theme } from '@material-ui/core/styles';
|
|
2
|
-
declare const _default: (
|
|
2
|
+
declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "disabled" | "error" | "focused" | "highlightAutofill" | "editorWrapper">;
|
|
3
3
|
export default _default;
|
package/RichTextEditor/styles.js
CHANGED
|
@@ -1,24 +1,23 @@
|
|
|
1
1
|
import { outline } from '@toptal/picasso-shared';
|
|
2
2
|
import { createStyles } from '@material-ui/core/styles';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
});
|
|
3
|
+
import highlightAutofillStyles from '../InputBase/highlightAutofillStyles';
|
|
4
|
+
export default (theme) => {
|
|
5
|
+
const { palette, sizes } = theme;
|
|
6
|
+
return createStyles(Object.assign({ editorWrapper: {
|
|
7
|
+
position: 'relative',
|
|
8
|
+
borderRadius: sizes.borderRadius.small,
|
|
9
|
+
border: `1px solid ${palette.grey.light2}`,
|
|
10
|
+
padding: '0.5em',
|
|
11
|
+
'&:hover:not($disabled):not($error)': {
|
|
12
|
+
borderColor: palette.grey.main2,
|
|
13
|
+
},
|
|
14
|
+
}, disabled: {
|
|
15
|
+
pointerEvents: 'none',
|
|
16
|
+
background: palette.grey.lighter,
|
|
17
|
+
border: `1px solid ${palette.grey.lighter2}`,
|
|
18
|
+
}, error: {
|
|
19
|
+
borderColor: palette.red.main,
|
|
20
|
+
'&$focused': Object.assign({ borderColor: palette.red.main }, outline(palette.red.main)),
|
|
21
|
+
}, focused: Object.assign({ borderColor: palette.grey.main2 }, outline(palette.primary.main)) }, highlightAutofillStyles(theme)));
|
|
22
|
+
};
|
|
24
23
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/RichTextEditor/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAChD,OAAO,EAAE,YAAY,EAAS,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/RichTextEditor/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAChD,OAAO,EAAE,YAAY,EAAS,MAAM,0BAA0B,CAAA;AAE9D,OAAO,uBAAuB,MAAM,sCAAsC,CAAA;AAE1E,eAAe,CAAC,KAAY,EAAE,EAAE;IAC9B,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAEhC,OAAO,YAAY,iBACjB,aAAa,EAAE;YACb,QAAQ,EAAE,UAAU;YACpB,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK;YACtC,MAAM,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;YAC1C,OAAO,EAAE,OAAO;YAEhB,oCAAoC,EAAE;gBACpC,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;aAChC;SACF,EAED,QAAQ,EAAE;YACR,aAAa,EAAE,MAAM;YACrB,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;YAChC,MAAM,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE;SAC7C,EAED,KAAK,EAAE;YACL,WAAW,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI;YAC7B,WAAW,kBACT,WAAW,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI,IAC1B,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAC7B;SACF,EAED,OAAO,kBACL,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,IAC5B,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,KAG/B,uBAAuB,CAAC,KAAK,CAAC,EACjC,CAAA;AACJ,CAAC,CAAA"}
|
package/SelectBase/types.d.ts
CHANGED
|
@@ -83,6 +83,7 @@ export interface SelectProps<T extends ValueType = ValueType, M extends boolean
|
|
|
83
83
|
limitFooter?: string;
|
|
84
84
|
searchInput?: string;
|
|
85
85
|
};
|
|
86
|
+
highlightAutofill?: boolean;
|
|
86
87
|
}
|
|
87
88
|
export declare type ValueType = string | number;
|
|
88
89
|
export declare type Option<T extends string | number = string | number> = {
|
|
@@ -67,6 +67,7 @@ export interface Props extends BaseProps, Omit<InputHTMLAttributes<HTMLInputElem
|
|
|
67
67
|
/** Options provided to the popper.js instance */
|
|
68
68
|
popperOptions?: PopperOptions;
|
|
69
69
|
testIds?: AutocompleteProps['testIds'];
|
|
70
|
+
highlightAutofill?: boolean;
|
|
70
71
|
}
|
|
71
72
|
export declare const TagSelector: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
|
|
72
73
|
export default TagSelector;
|
|
@@ -26,7 +26,7 @@ export const filterOutSelectedOptions = (options, values, getKey = (item) => ite
|
|
|
26
26
|
};
|
|
27
27
|
const getItemText = (item) => (item && item.text) || EMPTY_INPUT_VALUE;
|
|
28
28
|
export const TagSelector = forwardRef(function TagSelector(props, ref) {
|
|
29
|
-
const { disabled, enableAutofill, getDisplayValue = getItemText, getKey: customGetKey, inputValue = '', loading, noOptionsText, onBlur, onChange = noop, onFocus, onInputChange = noop, onOtherOptionSelect = noop, options = [], otherOptionLabel, placeholder, renderLabel: customRenderLabel, renderOption, showOtherOption, value: values = [], width, popperContainer, popperOptions, error, status, testIds } = props, rest = __rest(props, ["disabled", "enableAutofill", "getDisplayValue", "getKey", "inputValue", "loading", "noOptionsText", "onBlur", "onChange", "onFocus", "onInputChange", "onOtherOptionSelect", "options", "otherOptionLabel", "placeholder", "renderLabel", "renderOption", "showOtherOption", "value", "width", "popperContainer", "popperOptions", "error", "status", "testIds"]);
|
|
29
|
+
const { disabled, enableAutofill, getDisplayValue = getItemText, getKey: customGetKey, inputValue = '', loading, noOptionsText, onBlur, onChange = noop, onFocus, onInputChange = noop, onOtherOptionSelect = noop, options = [], otherOptionLabel, placeholder, renderLabel: customRenderLabel, renderOption, showOtherOption, value: values = [], width, popperContainer, popperOptions, error, status, testIds, highlightAutofill } = props, rest = __rest(props, ["disabled", "enableAutofill", "getDisplayValue", "getKey", "inputValue", "loading", "noOptionsText", "onBlur", "onChange", "onFocus", "onInputChange", "onOtherOptionSelect", "options", "otherOptionLabel", "placeholder", "renderLabel", "renderOption", "showOtherOption", "value", "width", "popperContainer", "popperOptions", "error", "status", "testIds", "highlightAutofill"]);
|
|
30
30
|
usePropDeprecationWarning({
|
|
31
31
|
props,
|
|
32
32
|
name: 'error',
|
|
@@ -81,7 +81,7 @@ export const TagSelector = forwardRef(function TagSelector(props, ref) {
|
|
|
81
81
|
return (React.createElement(TagSelectorLabel, { disabled: disabled, onDelete: handleItemDelete }, displayValue));
|
|
82
82
|
};
|
|
83
83
|
const renderTags = values.map(item => (React.createElement(Fragment, { key: getKey(item) }, renderLabel(item))));
|
|
84
|
-
return (React.createElement(Autocomplete, Object.assign({}, rest, { status: error ? 'error' : status, ref: ref, placeholder: values.length === 0 ? placeholder : undefined, options: autocompleteOptions, value: inputValue, onSelect: handleSelect, onOtherOptionSelect: handleOtherOptionSelect, onChange: onInputChange, onKeyDown: handleKeyDown, onFocus: onFocus, onBlur: onBlur, startAdornment: renderTags, loading: loading, disabled: disabled, inputComponent: TagSelectorInput, width: width, showOtherOption: showOtherOption, otherOptionText: otherOptionLabel, noOptionsText: noOptionsText, enableAutofill: enableAutofill, getDisplayValue: getDisplayValue, renderOption: renderOption, enableReset: false, getKey: getKey, popperContainer: popperContainer, popperOptions: popperOptions, testIds: testIds })));
|
|
84
|
+
return (React.createElement(Autocomplete, Object.assign({}, rest, { status: error ? 'error' : status, ref: ref, placeholder: values.length === 0 ? placeholder : undefined, options: autocompleteOptions, value: inputValue, onSelect: handleSelect, onOtherOptionSelect: handleOtherOptionSelect, onChange: onInputChange, onKeyDown: handleKeyDown, onFocus: onFocus, onBlur: onBlur, startAdornment: renderTags, loading: loading, disabled: disabled, inputComponent: TagSelectorInput, width: width, showOtherOption: showOtherOption, otherOptionText: otherOptionLabel, noOptionsText: noOptionsText, enableAutofill: enableAutofill, getDisplayValue: getDisplayValue, renderOption: renderOption, enableReset: false, getKey: getKey, popperContainer: popperContainer, popperOptions: popperOptions, testIds: testIds, highlightAutofill: highlightAutofill })));
|
|
85
85
|
});
|
|
86
86
|
TagSelector.defaultProps = {
|
|
87
87
|
enableAutofill: false,
|
|
@@ -97,6 +97,7 @@ TagSelector.defaultProps = {
|
|
|
97
97
|
placeholder: '',
|
|
98
98
|
showOtherOption: false,
|
|
99
99
|
status: 'default',
|
|
100
|
+
highlightAutofill: false,
|
|
100
101
|
};
|
|
101
102
|
TagSelector.displayName = 'TagSelector';
|
|
102
103
|
export default TagSelector;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TagSelector.js","sourceRoot":"","sources":["../../src/TagSelector/TagSelector.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAEZ,UAAU,EAKV,QAAQ,GACT,MAAM,OAAO,CAAA;AAId,OAAO,YAGN,MAAM,iBAAiB,CAAA;AACxB,OAAO,gBAAgB,MAAM,qBAAqB,CAAA;AAElD,OAAO,gBAAgB,MAAM,qBAAqB,CAAA;AAClD,OAAO,cAAc,MAAM,2BAA2B,CAAA;AACtD,OAAO,IAAI,MAAM,eAAe,CAAA;AAChC,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;AAO7E,MAAM,iBAAiB,GAAG,EAAE,CAAA;AAE5B,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,OAAsB,EACtB,MAAc,EACd,SAAS,CAAC,IAAU,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,EACR,EAAE;IAC7B,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,IAAI,CAAA;KACZ;IAED,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAChC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAW,CAAC,EAC9C,IAAI,GAAG,EAAU,CAClB,CAAA;IAED,OAAO,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAW,CAAC,CAAC,CAAA;AAC9E,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,IAAiB,EAAE,EAAE,CACxC,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"TagSelector.js","sourceRoot":"","sources":["../../src/TagSelector/TagSelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -23,7 +23,7 @@ export const TagSelectorInput = forwardRef(function TagSelectorInput(props, ref)
|
|
|
23
23
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
24
24
|
onResetClick,
|
|
25
25
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
26
|
-
enableReset, inputProps, testIds } = props, rest = __rest(props, ["id", "name", "defaultValue", "value", "placeholder", "status", "error", "disabled", "autoFocus", "autoComplete", "children", "multiline", "width", "style", "rows", "rowsMax", "type", "onChange", "startAdornment", "endAdornment", "onResetClick", "enableReset", "inputProps", "testIds"]);
|
|
26
|
+
enableReset, inputProps, testIds, highlightAutofill } = props, rest = __rest(props, ["id", "name", "defaultValue", "value", "placeholder", "status", "error", "disabled", "autoFocus", "autoComplete", "children", "multiline", "width", "style", "rows", "rowsMax", "type", "onChange", "startAdornment", "endAdornment", "onResetClick", "enableReset", "inputProps", "testIds", "highlightAutofill"]);
|
|
27
27
|
usePropDeprecationWarning({
|
|
28
28
|
props,
|
|
29
29
|
name: 'error',
|
|
@@ -39,7 +39,9 @@ export const TagSelectorInput = forwardRef(function TagSelectorInput(props, ref)
|
|
|
39
39
|
}
|
|
40
40
|
return (React.createElement(OutlinedInput, { inputRef: ref, style: style, className: cx(classes.inputBase, {
|
|
41
41
|
[classes.withEndAdornment]: Boolean(endAdornment),
|
|
42
|
-
}),
|
|
42
|
+
}), classes: {
|
|
43
|
+
root: cx({ [classes.highlightAutofill]: highlightAutofill }),
|
|
44
|
+
}, id: id, name: name, defaultValue: defaultValue, value: value, placeholder: placeholder, status: error ? 'error' : status, disabled: disabled, autoFocus: autoFocus, autoComplete: autoComplete, multiline: multiline, rows: rows, rowsMax: rowsMax, type: type, width: width,
|
|
43
45
|
// html attributes
|
|
44
46
|
inputProps: Object.assign(Object.assign({}, rest), inputProps), testIds: testIds, endAdornment: usedEndAdornment, startAdornment: startAdornment, onChange: onChange }, children));
|
|
45
47
|
});
|
|
@@ -47,6 +49,7 @@ TagSelectorInput.defaultProps = {
|
|
|
47
49
|
multiline: false,
|
|
48
50
|
width: 'auto',
|
|
49
51
|
status: 'default',
|
|
52
|
+
highlightAutofill: false,
|
|
50
53
|
};
|
|
51
54
|
TagSelectorInput.displayName = 'TagSelectorInput';
|
|
52
55
|
export default TagSelectorInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TagSelectorInput.js","sourceRoot":"","sources":["../../src/TagSelectorInput/TagSelectorInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAgB,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAG5D,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAC5C,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;AAE7E,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,yBAAyB;CAChC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CACxC,SAAS,gBAAgB,CAAC,KAAK,EAAE,GAAG;IAClC,MAAM,EACJ,EAAE,EACF,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,MAAM,EACN,KAAK,EACL,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,KAAK,EACL,KAAK,EACL,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,YAAY;IACZ,6DAA6D;IAC7D,YAAY;IACZ,6DAA6D;IAC7D,WAAW,EACX,UAAU,EACV,OAAO,
|
|
1
|
+
{"version":3,"file":"TagSelectorInput.js","sourceRoot":"","sources":["../../src/TagSelectorInput/TagSelectorInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { Theme } from '@material-ui/core/styles';
|
|
1
2
|
export declare const TAG_SELECTOR_INPUT_GUTTER_SIZE: string;
|
|
2
|
-
declare const _default: () => import("@material-ui/styles").StyleRules<{}, "endAdornment" | "inputBase" | "withEndAdornment">;
|
|
3
|
+
declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "endAdornment" | "highlightAutofill" | "inputBase" | "withEndAdornment">;
|
|
3
4
|
export default _default;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { createStyles } from '@material-ui/core/styles';
|
|
2
2
|
import { rem } from '@toptal/picasso-shared';
|
|
3
|
+
import highlightAutofillStyles from '../InputBase/highlightAutofillStyles';
|
|
3
4
|
export const TAG_SELECTOR_INPUT_GUTTER_SIZE = rem('4px');
|
|
4
5
|
const END_ADORNMENT_PADDING = '0.625em';
|
|
5
6
|
const END_ADORNMENT_HEIGHT = '1em';
|
|
6
|
-
export default () => createStyles({
|
|
7
|
-
inputBase: {
|
|
7
|
+
export default (theme) => createStyles(Object.assign(Object.assign({ inputBase: {
|
|
8
8
|
display: 'flex',
|
|
9
9
|
flexWrap: 'wrap',
|
|
10
10
|
height: 'auto',
|
|
@@ -21,15 +21,12 @@ export default () => createStyles({
|
|
|
21
21
|
paddingRight: 0,
|
|
22
22
|
marginBottom: 0,
|
|
23
23
|
},
|
|
24
|
-
},
|
|
25
|
-
withEndAdornment: {
|
|
24
|
+
} }, highlightAutofillStyles(theme)), { withEndAdornment: {
|
|
26
25
|
paddingRight: `calc(2*${END_ADORNMENT_PADDING} + ${END_ADORNMENT_HEIGHT})`,
|
|
27
|
-
},
|
|
28
|
-
endAdornment: {
|
|
26
|
+
}, endAdornment: {
|
|
29
27
|
position: 'absolute',
|
|
30
28
|
top: `calc(50% - 0.5 * ${END_ADORNMENT_HEIGHT})`,
|
|
31
29
|
right: '0.625em',
|
|
32
30
|
height: END_ADORNMENT_HEIGHT,
|
|
33
|
-
}
|
|
34
|
-
});
|
|
31
|
+
} }));
|
|
35
32
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/TagSelectorInput/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/TagSelectorInput/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAS,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAA;AAE5C,OAAO,uBAAuB,MAAM,sCAAsC,CAAA;AAE1E,MAAM,CAAC,MAAM,8BAA8B,GAAG,GAAG,CAAC,KAAK,CAAC,CAAA;AACxD,MAAM,qBAAqB,GAAG,SAAS,CAAA;AACvC,MAAM,oBAAoB,GAAG,KAAK,CAAA;AAElC,eAAe,CAAC,KAAY,EAAE,EAAE,CAC9B,YAAY,+BACV,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,MAAM;QACd,aAAa,EAAE,8BAA8B;QAC7C,WAAW,EAAE,8BAA8B;QAC3C,UAAU,EAAE,8BAA8B;QAC1C,MAAM,EAAE,SAAS;QAEjB,WAAW,EAAE;YACX,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,CAAC;YACX,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC;YACnB,WAAW,EAAE,GAAG,CAAC,KAAK,CAAC;YACvB,YAAY,EAAE,CAAC;YACf,YAAY,EAAE,CAAC;SAChB;KACF,IACE,uBAAuB,CAAC,KAAK,CAAC,KACjC,gBAAgB,EAAE;QAChB,YAAY,EAAE,UAAU,qBAAqB,MAAM,oBAAoB,GAAG;KAC3E,EACD,YAAY,EAAE;QACZ,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,oBAAoB,oBAAoB,GAAG;QAChD,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,oBAAoB;KAC7B,IACD,CAAA"}
|
package/TimePicker/TimePicker.js
CHANGED
|
@@ -22,7 +22,7 @@ const useStyles = makeStyles(styles, {
|
|
|
22
22
|
name: 'PicassoTimePicker',
|
|
23
23
|
});
|
|
24
24
|
export const TimePicker = (props) => {
|
|
25
|
-
const { onChange, value, width, className, error, status } = props, rest = __rest(props, ["onChange", "value", "width", "className", "error", "status"]);
|
|
25
|
+
const { onChange, value, width, className, error, status, highlightAutofill } = props, rest = __rest(props, ["onChange", "value", "width", "className", "error", "status", "highlightAutofill"]);
|
|
26
26
|
usePropDeprecationWarning({
|
|
27
27
|
props,
|
|
28
28
|
name: 'error',
|
|
@@ -42,12 +42,9 @@ export const TimePicker = (props) => {
|
|
|
42
42
|
];
|
|
43
43
|
const icon = React.createElement(Time16, { classes: { root: classes.icon } });
|
|
44
44
|
if (isSafari) {
|
|
45
|
-
return (React.createElement(Input, { type: 'text', readOnly: true, iconPosition: 'end', icon: icon, width: width, status: error ? 'error' : status, className: cx(classes.root, className), inputProps: Object.assign({ className: classes.inputBase }, rest), startAdornment: React.createElement(InputMask, { mask: inputMask, alwaysShowMask: true,
|
|
46
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
47
|
-
// @ts-ignore
|
|
48
|
-
maskPlaceholder: '-', value: value, onChange: onChange, className: classes.inputMask }) }));
|
|
45
|
+
return (React.createElement(Input, { type: 'text', readOnly: true, iconPosition: 'end', icon: icon, width: width, status: error ? 'error' : status, className: cx(classes.root, className), highlightAutofill: highlightAutofill, inputProps: Object.assign({ className: classes.inputBase }, rest), startAdornment: React.createElement(InputMask, { mask: inputMask, alwaysShowMask: true, maskPlaceholder: '-', value: value, onChange: onChange, className: classes.inputMask }) }));
|
|
49
46
|
}
|
|
50
|
-
return (React.createElement(Input, { type: 'time', value: value, className: cx(classes.root, className), onChange: onChange, iconPosition: 'end', icon: icon, width: width, status: error ? 'error' : status, inputProps: Object.assign({ className: classes.inputBase, step: 60 }, rest) }));
|
|
47
|
+
return (React.createElement(Input, { type: 'time', value: value, className: cx(classes.root, className), onChange: onChange, iconPosition: 'end', highlightAutofill: highlightAutofill, icon: icon, width: width, status: error ? 'error' : status, inputProps: Object.assign({ className: classes.inputBase, step: 60 }, rest) }));
|
|
51
48
|
};
|
|
52
49
|
TimePicker.defaultProps = {
|
|
53
50
|
status: 'default',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../src/TimePicker/TimePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAS,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,SAAS,MAAM,kBAAkB,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,KAAqB,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAChC,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;AAG7E,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,mBAAmB;CAC1B,CAAC,CAAA;AA+BF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAY,EAAE,EAAE;IACzC,MAAM,
|
|
1
|
+
{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../src/TimePicker/TimePicker.tsx"],"names":[],"mappings":"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"}
|