@toptal/picasso 19.3.0 → 19.4.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 +7 -2
- package/Autocomplete/Autocomplete.js +11 -3
- package/Autocomplete/Autocomplete.js.map +1 -1
- package/DatePicker/DatePicker.d.ts +8 -1
- package/DatePicker/DatePicker.js +11 -3
- package/DatePicker/DatePicker.js.map +1 -1
- package/FileInput/FileInput.js +1 -1
- package/FileInput/FileInput.js.map +1 -1
- package/Input/Input.d.ts +8 -2
- package/Input/Input.js +11 -3
- package/Input/Input.js.map +1 -1
- package/NativeSelect/NativeSelect.js +5 -5
- package/NativeSelect/NativeSelect.js.map +1 -1
- package/NonNativeSelect/NonNativeSelect.js +4 -4
- package/NonNativeSelect/NonNativeSelect.js.map +1 -1
- package/NumberInput/NumberInput.d.ts +0 -2
- package/NumberInput/NumberInput.js +11 -3
- package/NumberInput/NumberInput.js.map +1 -1
- package/OutlinedInput/OutlinedInput.d.ts +8 -1
- package/OutlinedInput/OutlinedInput.js +18 -6
- package/OutlinedInput/OutlinedInput.js.map +1 -1
- package/PageHead/PageHead.d.ts +3 -1
- package/PageHead/PageHead.js.map +1 -1
- package/PasswordInput/PasswordInput.d.ts +2 -5
- package/PasswordInput/PasswordInput.js +12 -5
- package/PasswordInput/PasswordInput.js.map +1 -1
- package/Select/Select.d.ts +1 -1
- package/Select/Select.js +8 -2
- package/Select/Select.js.map +1 -1
- package/Select/types.d.ts +4 -2
- package/TagSelector/TagSelector.d.ts +10 -1
- package/TagSelector/TagSelector.js +11 -3
- package/TagSelector/TagSelector.js.map +1 -1
- package/TagSelectorInput/TagSelectorInput.js +12 -4
- package/TagSelectorInput/TagSelectorInput.js.map +1 -1
- package/TimePicker/TimePicker.d.ts +7 -1
- package/TimePicker/TimePicker.js +13 -3
- package/TimePicker/TimePicker.js.map +1 -1
- package/index.d.ts +1 -0
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/test-utils/TestingPicasso.d.ts +5 -1
- package/test-utils/TestingPicasso.js.map +1 -1
|
@@ -3,7 +3,7 @@ import React, { InputHTMLAttributes, KeyboardEvent, ReactNode, ComponentType, Fo
|
|
|
3
3
|
import { BaseProps } from '@toptal/picasso-shared';
|
|
4
4
|
import { InputProps } from '../Input';
|
|
5
5
|
import { Item, ChangedOptions } from './types';
|
|
6
|
-
import { BaseInputProps } from '../OutlinedInput';
|
|
6
|
+
import { BaseInputProps, Status } from '../OutlinedInput';
|
|
7
7
|
export interface Props extends BaseProps, Omit<InputHTMLAttributes<HTMLInputElement>, 'defaultValue' | 'value' | 'onChange' | 'onSelect' | 'onKeyDown' | 'size'> {
|
|
8
8
|
/** Callback invoked when `input` element value is changed */
|
|
9
9
|
onChange?: (value: string, options: ChangedOptions) => void;
|
|
@@ -45,8 +45,13 @@ export interface Props extends BaseProps, Omit<InputHTMLAttributes<HTMLInputElem
|
|
|
45
45
|
startAdornment?: ReactNode;
|
|
46
46
|
/** ReactNode for labels that will be used as end InputAdornment - */
|
|
47
47
|
endAdornment?: ReactNode;
|
|
48
|
-
/**
|
|
48
|
+
/**
|
|
49
|
+
* @deprecated Use the `status` prop instead to both support success and error states
|
|
50
|
+
* Indicate whether `Autocomplete` is in error state
|
|
51
|
+
*/
|
|
49
52
|
error?: boolean;
|
|
53
|
+
/** Indicate `Autocomplete` status */
|
|
54
|
+
status?: Status;
|
|
50
55
|
/** Specify icon which should be rendered inside Input */
|
|
51
56
|
icon?: ReactNode;
|
|
52
57
|
/** Custom input component */
|
|
@@ -28,12 +28,19 @@ import OtherOptionMenuItem from './OtherOptionMenuItem';
|
|
|
28
28
|
import { useAutocomplete, EMPTY_INPUT_VALUE } from './use-autocomplete';
|
|
29
29
|
import styles from './styles';
|
|
30
30
|
import unsafeErrorLog from '../utils/unsafe-error-log';
|
|
31
|
+
import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings';
|
|
31
32
|
const useStyles = makeStyles(styles, {
|
|
32
33
|
name: 'PicassoAutocomplete'
|
|
33
34
|
});
|
|
34
35
|
const getItemText = (item) => (item && item.text) || EMPTY_INPUT_VALUE;
|
|
35
36
|
export const Autocomplete = forwardRef(function Autocomplete(props, ref) {
|
|
36
|
-
const { autoComplete, className, enableAutofill, enableReset, endAdornment, error, getDisplayValue = getItemText, getKey: customGetKey, icon, inputComponent, loading, menuWidth, name, noOptionsText = 'No options', onBlur, onChange, onFocus, onKeyDown, onOtherOptionSelect, onSelect, options, otherOptionText = 'Other option: ', placeholder, popperContainer, poweredByGoogle, renderOption, renderOtherOption, showOtherOption, style, testIds, value, width = 'auto', disabled = false } = props, rest = __rest(props, ["autoComplete", "className", "enableAutofill", "enableReset", "endAdornment", "error", "getDisplayValue", "getKey", "icon", "inputComponent", "loading", "menuWidth", "name", "noOptionsText", "onBlur", "onChange", "onFocus", "onKeyDown", "onOtherOptionSelect", "onSelect", "options", "otherOptionText", "placeholder", "popperContainer", "poweredByGoogle", "renderOption", "renderOtherOption", "showOtherOption", "style", "testIds", "value", "width", "disabled"]);
|
|
37
|
+
const { autoComplete, className, enableAutofill, enableReset, endAdornment, error, status, getDisplayValue = getItemText, getKey: customGetKey, icon, inputComponent, loading, menuWidth, name, noOptionsText = 'No options', onBlur, onChange, onFocus, onKeyDown, onOtherOptionSelect, onSelect, options, otherOptionText = 'Other option: ', placeholder, popperContainer, 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", "onBlur", "onChange", "onFocus", "onKeyDown", "onOtherOptionSelect", "onSelect", "options", "otherOptionText", "placeholder", "popperContainer", "poweredByGoogle", "renderOption", "renderOtherOption", "showOtherOption", "style", "testIds", "value", "width", "disabled"]);
|
|
38
|
+
usePropDeprecationWarning({
|
|
39
|
+
props,
|
|
40
|
+
name: 'error',
|
|
41
|
+
componentName: 'Autocomplete',
|
|
42
|
+
description: 'Use the `status` prop instead. `error` is deprecated and will be removed in the next major release.'
|
|
43
|
+
});
|
|
37
44
|
const classes = useStyles();
|
|
38
45
|
const getKey = (item) => {
|
|
39
46
|
if (customGetKey) {
|
|
@@ -74,7 +81,7 @@ export const Autocomplete = forwardRef(function Autocomplete(props, ref) {
|
|
|
74
81
|
return (React.createElement("div", { className: cx(classes.root, className, classes[`root${capitalize(width)}`]), style: style, role: 'combobox', "aria-expanded": isOpen, "aria-haspopup": 'listbox' },
|
|
75
82
|
React.createElement(Container, { flex: true, ref: inputWrapperRef },
|
|
76
83
|
!enableAutofill && name && (React.createElement("input", { type: 'hidden', value: value, name: name, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.disableAutofillInput })),
|
|
77
|
-
React.createElement(InputComponent, Object.assign({}, rest, getInputProps(), { error:
|
|
84
|
+
React.createElement(InputComponent, Object.assign({}, rest, getInputProps(), { 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 }))),
|
|
78
85
|
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 }, optionsMenu)))));
|
|
79
86
|
});
|
|
80
87
|
Autocomplete.defaultProps = {
|
|
@@ -94,7 +101,8 @@ Autocomplete.defaultProps = {
|
|
|
94
101
|
width: 'auto',
|
|
95
102
|
enableReset: true,
|
|
96
103
|
poweredByGoogle: false,
|
|
97
|
-
disabled: false
|
|
104
|
+
disabled: false,
|
|
105
|
+
status: 'default'
|
|
98
106
|
};
|
|
99
107
|
Autocomplete.displayName = 'Autocomplete';
|
|
100
108
|
export default Autocomplete;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../src/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,+CAA+C,CAAC,mDAAmD;;;;;;;;;;;;AAEnG,OAAO,KAAK,EAAE,EAGZ,UAAU,EAGV,MAAM,EAGP,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,UAAU,MAAM,oCAAoC,CAAA;AAC3D,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,KAAqB,MAAM,UAAU,CAAA;AAC5C,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,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;
|
|
1
|
+
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../src/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,7 @@ import { ReactNode } from 'react';
|
|
|
3
3
|
import { InputProps } from '../Input';
|
|
4
4
|
import { DayProps } from '../Calendar';
|
|
5
5
|
import { DatePickerValue, DatePickerInputCustomValueParser } from './types';
|
|
6
|
+
import { Status } from '../OutlinedInput';
|
|
6
7
|
export interface Props extends BaseProps, Omit<InputProps, 'value' | 'onSelect' | 'type' | 'multiline' | 'rows' | 'defaultValue' | 'onChange' | 'testIds'> {
|
|
7
8
|
/** Date that will be selected in `DatePicker` */
|
|
8
9
|
value?: DatePickerValue;
|
|
@@ -31,8 +32,13 @@ export interface Props extends BaseProps, Omit<InputProps, 'value' | 'onSelect'
|
|
|
31
32
|
icon?: ReactNode;
|
|
32
33
|
/** Specify a value if want to enable browser autofill */
|
|
33
34
|
autoComplete?: string;
|
|
34
|
-
/**
|
|
35
|
+
/**
|
|
36
|
+
* @deprecated Use the `status` prop instead to both support success and error states
|
|
37
|
+
* Indicate whether `DatePicker` is in error state
|
|
38
|
+
*/
|
|
35
39
|
error?: boolean;
|
|
40
|
+
/** Indicate `DatePicker` status */
|
|
41
|
+
status?: Status;
|
|
36
42
|
/** Function to override default markup to show Date */
|
|
37
43
|
renderDay?: (args: DayProps) => ReactNode;
|
|
38
44
|
popperContainer?: HTMLElement;
|
|
@@ -56,6 +62,7 @@ export declare const DatePicker: {
|
|
|
56
62
|
editDateFormat: string;
|
|
57
63
|
displayDateFormat: string;
|
|
58
64
|
autoComplete: string;
|
|
65
|
+
status: string;
|
|
59
66
|
};
|
|
60
67
|
displayName: string;
|
|
61
68
|
};
|
package/DatePicker/DatePicker.js
CHANGED
|
@@ -24,13 +24,20 @@ import Calendar from '../Calendar';
|
|
|
24
24
|
import { DEFAULT_DATE_PICKER_DISPLAY_DATE_FORMAT, DEFAULT_DATE_PICKER_EDIT_DATE_FORMAT, DEFAULT_POPPER_OPTIONS } from './constants';
|
|
25
25
|
import styles from './styles';
|
|
26
26
|
import { formatDateRange, datePickerParseDateString, timezoneConvert, timezoneFormat, getStartOfTheDayDate } from './utils';
|
|
27
|
+
import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings';
|
|
27
28
|
const EMPTY_INPUT_VALUE = '';
|
|
28
29
|
const useStyles = makeStyles(styles, {
|
|
29
30
|
name: 'PicassoDatePicker'
|
|
30
31
|
});
|
|
31
32
|
export const DatePicker = (props) => {
|
|
32
|
-
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 } = props, rest = __rest(props, ["range", "hideOnSelect", "displayDateFormat", "editDateFormat", "onBlur", "onChange", "onResetClick", "value", "width", "icon", "minDate", "maxDate", "disabledIntervals", "popperContainer", "renderDay", "weekStartsOn", "timezone", "size", "parseInputValue", "testIds"]);
|
|
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 } = 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"]);
|
|
33
34
|
const classes = useStyles();
|
|
35
|
+
usePropDeprecationWarning({
|
|
36
|
+
props,
|
|
37
|
+
name: 'error',
|
|
38
|
+
componentName: 'DatePicker',
|
|
39
|
+
description: 'Use the `status` prop instead. `error` is deprecated and will be removed in the next major release.'
|
|
40
|
+
});
|
|
34
41
|
const inputProps = rest;
|
|
35
42
|
const [calendarIsShown, setCalendarIsShown] = useState(false);
|
|
36
43
|
const [isInputFocused, setIsInputFocused] = useState(false);
|
|
@@ -181,7 +188,7 @@ export const DatePicker = (props) => {
|
|
|
181
188
|
const startAdornment = size !== 'small' ? (React.createElement(InputAdornment, { position: 'start', disablePointerEvents: true }, icon || React.createElement(Calendar16, null))) : (undefined);
|
|
182
189
|
return (React.createElement(React.Fragment, null,
|
|
183
190
|
React.createElement(Container, { inline: width !== 'full', ref: inputWrapperRef },
|
|
184
|
-
React.createElement(Input, Object.assign({}, inputProps, { 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 }))),
|
|
191
|
+
React.createElement(Input, Object.assign({}, inputProps, { status: error ? 'error' : status, 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 }))),
|
|
185
192
|
inputWrapperRef.current && (React.createElement(Popper, { placement: 'bottom-start', open: calendarIsShown, anchorEl: inputWrapperRef.current, autoWidth: false, enableCompactMode: true, container: popperContainer, popperOptions: DEFAULT_POPPER_OPTIONS, ref: popperRef },
|
|
186
193
|
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, renderDay: renderDay, onChange: handleCalendarChange, onBlur: handleBlur, className: classes.calendar, weekStartsOn: weekStartsOn })))));
|
|
187
194
|
};
|
|
@@ -191,7 +198,8 @@ DatePicker.defaultProps = {
|
|
|
191
198
|
onBlur: noop,
|
|
192
199
|
editDateFormat: 'MM-dd-yyyy',
|
|
193
200
|
displayDateFormat: 'MMM d, yyyy',
|
|
194
|
-
autoComplete: 'off'
|
|
201
|
+
autoComplete: 'off',
|
|
202
|
+
status: 'default'
|
|
195
203
|
};
|
|
196
204
|
DatePicker.displayName = 'DatePicker';
|
|
197
205
|
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,OAAO,EACP,MAAM,EACN,QAAQ,EACT,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,yBAAyB,EAAE,MAAM,UAAU,CAAA;AAC1D,OAAO,QAIN,MAAM,aAAa,CAAA;AACpB,OAAO,EACL,uCAAuC,EACvC,oCAAoC,EACpC,sBAAsB,EACvB,MAAM,aAAa,CAAA;AACpB,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,OAAO,EACL,eAAe,EACf,yBAAyB,EACzB,eAAe,EACf,cAAc,EACd,oBAAoB,EACrB,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../src/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
package/FileInput/FileInput.js
CHANGED
|
@@ -16,7 +16,7 @@ export const FileInput = forwardRef(function FileInput(props, ref) {
|
|
|
16
16
|
// so we create another ref manually if needed and merge both of them
|
|
17
17
|
const inputRef = useCombinedRefs(ref, useRef(null));
|
|
18
18
|
return (React.createElement(Container, { className: classes.root },
|
|
19
|
-
React.createElement(Button, { size: 'small', variant: 'secondary', disabled: disabled || preventAddingNewFiles, onClick: () => inputRef.current && inputRef.current.click() }, "Choose File"),
|
|
19
|
+
React.createElement(Button, { size: 'small', variant: 'secondary', disabled: Boolean(disabled || preventAddingNewFiles), onClick: () => inputRef.current && inputRef.current.click() }, "Choose File"),
|
|
20
20
|
React.createElement("input", { type: 'file', className: classes.nativeInput, ref: inputRef, accept: accept, onChange: onChange, multiple: isUnlimitedFiles }),
|
|
21
21
|
hint && React.createElement(FormHint, { className: classes.hint }, hint),
|
|
22
22
|
value && value.length > 0 && (React.createElement(Container, { top: 'xsmall' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileInput.js","sourceRoot":"","sources":["../../src/FileInput/FileInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAG5D,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE1C,OAAO,MAAM,MAAM,UAAU,CAAA;AAmB7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAA;AAEzE,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAA0B,SAAS,SAAS,CAC7E,KAAK,EACL,GAAG;IAEH,MAAM,EACJ,MAAM,EACN,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,QAAQ,GAAG,CAAC,EACZ,QAAQ,EACR,QAAQ,EACT,GAAG,KAAK,CAAA;IAET,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,gBAAgB,GAAG,QAAQ,KAAK,IAAI,CAAA;IAC1C,MAAM,qBAAqB,GACzB,CAAC,gBAAgB,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAA;IAEzD,2DAA2D;IAC3D,qEAAqE;IACrE,MAAM,QAAQ,GAAG,eAAe,CAC9B,GAAG,EACH,MAAM,CAAmB,IAAI,CAAC,CAC/B,CAAA;IAED,OAAO,CACL,oBAAC,SAAS,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI;QAChC,oBAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,WAAW,EACnB,QAAQ,EAAE,QAAQ,IAAI,qBAAqB,
|
|
1
|
+
{"version":3,"file":"FileInput.js","sourceRoot":"","sources":["../../src/FileInput/FileInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAG5D,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE1C,OAAO,MAAM,MAAM,UAAU,CAAA;AAmB7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAA;AAEzE,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAA0B,SAAS,SAAS,CAC7E,KAAK,EACL,GAAG;IAEH,MAAM,EACJ,MAAM,EACN,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,QAAQ,GAAG,CAAC,EACZ,QAAQ,EACR,QAAQ,EACT,GAAG,KAAK,CAAA;IAET,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,gBAAgB,GAAG,QAAQ,KAAK,IAAI,CAAA;IAC1C,MAAM,qBAAqB,GACzB,CAAC,gBAAgB,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAA;IAEzD,2DAA2D;IAC3D,qEAAqE;IACrE,MAAM,QAAQ,GAAG,eAAe,CAC9B,GAAG,EACH,MAAM,CAAmB,IAAI,CAAC,CAC/B,CAAA;IAED,OAAO,CACL,oBAAC,SAAS,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI;QAChC,oBAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,WAAW,EACnB,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,qBAAqB,CAAC,EACpD,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,kBAGpD;QAET,+BACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,OAAO,CAAC,WAAW,EAC9B,GAAG,EAAE,QAAQ,EACb,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,gBAAgB,GAC1B;QACD,IAAI,IAAI,oBAAC,QAAQ,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,IAAG,IAAI,CAAY;QAC5D,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5B,oBAAC,SAAS,IAAC,GAAG,EAAC,QAAQ;YACrB,oBAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,GAAI,CAC5D,CACb,CACS,CACb,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,CAAC,YAAY,GAAG;IACvB,QAAQ,EAAE,CAAC;CACZ,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,eAAe,SAAS,CAAA"}
|
package/Input/Input.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { ReactNode, ChangeEvent, InputHTMLAttributes, MouseEvent } from 'react';
|
|
2
2
|
import { BaseProps, SizeType } from '@toptal/picasso-shared';
|
|
3
|
-
import { BaseInputProps } from '../OutlinedInput';
|
|
3
|
+
import { BaseInputProps, Status } from '../OutlinedInput';
|
|
4
4
|
declare type IconPosition = 'start' | 'end';
|
|
5
5
|
declare type CounterType = 'remaining' | 'entered';
|
|
6
6
|
export interface Props extends BaseProps, Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
|
|
@@ -14,8 +14,13 @@ export interface Props extends BaseProps, Omit<InputHTMLAttributes<HTMLInputElem
|
|
|
14
14
|
value?: string;
|
|
15
15
|
/** Placeholder for value */
|
|
16
16
|
placeholder?: string;
|
|
17
|
-
/**
|
|
17
|
+
/**
|
|
18
|
+
* @deprecated Use the `status` prop instead to both support success and error states
|
|
19
|
+
* Indicate whether `Input` is in error state
|
|
20
|
+
*/
|
|
18
21
|
error?: boolean;
|
|
22
|
+
/** Indicate `Input` status */
|
|
23
|
+
status?: Status;
|
|
19
24
|
/** If true, the `Input` will be disabled */
|
|
20
25
|
disabled?: boolean;
|
|
21
26
|
/** Width of the component */
|
|
@@ -58,6 +63,7 @@ export interface Props extends BaseProps, Omit<InputHTMLAttributes<HTMLInputElem
|
|
|
58
63
|
testIds?: {
|
|
59
64
|
inputAdornment?: string;
|
|
60
65
|
resetButton?: string;
|
|
66
|
+
validIcon?: string;
|
|
61
67
|
};
|
|
62
68
|
}
|
|
63
69
|
export declare const Input: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
|
package/Input/Input.js
CHANGED
|
@@ -17,6 +17,7 @@ import InputAdornment from '../InputAdornment';
|
|
|
17
17
|
import OutlinedInput from '../OutlinedInput';
|
|
18
18
|
import { disableUnsupportedProps } from '../utils';
|
|
19
19
|
import styles from './styles';
|
|
20
|
+
import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings';
|
|
20
21
|
const useStyles = makeStyles(styles, { name: 'PicassoInput' });
|
|
21
22
|
const hasRemainingCounter = ({ counter, limit }) => Boolean(counter === 'remaining' && limit);
|
|
22
23
|
const hasEnteredCounter = ({ counter }) => counter === 'entered';
|
|
@@ -104,7 +105,13 @@ const purifyProps = (props) => {
|
|
|
104
105
|
return disableUnsupportedProps('Input', props, sizeOptions);
|
|
105
106
|
};
|
|
106
107
|
export const Input = forwardRef(function Input(props, ref) {
|
|
107
|
-
const _a = purifyProps(props), { id, name, defaultValue, value, placeholder, error, disabled, icon, iconPosition, inputProps, children, multiline, multilineResizable, autoFocus, width, className, style, rows, rowsMax, type, onChange, onClick, startAdornment, endAdornment, limit, counter, size, enableReset, onResetClick, outlineRef, testIds } = _a, rest = __rest(_a, ["id", "name", "defaultValue", "value", "placeholder", "error", "disabled", "icon", "iconPosition", "inputProps", "children", "multiline", "multilineResizable", "autoFocus", "width", "className", "style", "rows", "rowsMax", "type", "onChange", "onClick", "startAdornment", "endAdornment", "limit", "counter", "size", "enableReset", "onResetClick", "outlineRef", "testIds"]);
|
|
108
|
+
const _a = purifyProps(props), { id, name, defaultValue, value, placeholder, error, status, disabled, icon, iconPosition, inputProps, children, multiline, multilineResizable, autoFocus, width, className, style, rows, rowsMax, type, onChange, onClick, startAdornment, endAdornment, limit, counter, size, enableReset, onResetClick, outlineRef, testIds } = _a, rest = __rest(_a, ["id", "name", "defaultValue", "value", "placeholder", "error", "status", "disabled", "icon", "iconPosition", "inputProps", "children", "multiline", "multilineResizable", "autoFocus", "width", "className", "style", "rows", "rowsMax", "type", "onChange", "onClick", "startAdornment", "endAdornment", "limit", "counter", "size", "enableReset", "onResetClick", "outlineRef", "testIds"]);
|
|
109
|
+
usePropDeprecationWarning({
|
|
110
|
+
props,
|
|
111
|
+
name: 'error',
|
|
112
|
+
componentName: 'Input',
|
|
113
|
+
description: 'Use the `status` prop instead. `error` is deprecated and will be removed in the next major release.'
|
|
114
|
+
});
|
|
108
115
|
const charsLength = value ? value.length : 0;
|
|
109
116
|
const classes = useStyles();
|
|
110
117
|
return (React.createElement(OutlinedInput, { ref: outlineRef, inputRef: ref, className: className, style: style, classes: {
|
|
@@ -115,7 +122,7 @@ export const Input = forwardRef(function Input(props, ref) {
|
|
|
115
122
|
input: cx(classes.input, {
|
|
116
123
|
[classes.inputMultilineResizable]: multiline && multilineResizable
|
|
117
124
|
})
|
|
118
|
-
}, id: id, name: name, defaultValue: defaultValue, value: value, placeholder: placeholder, error:
|
|
125
|
+
}, id: id, name: name, defaultValue: defaultValue, value: value, placeholder: placeholder, status: error ? 'error' : status, disabled: disabled, multiline: multiline, autoFocus: autoFocus, rows: rows, rowsMax: rowsMax, type: type, width: width, size: size, onClick: onClick,
|
|
119
126
|
// html attributes
|
|
120
127
|
inputProps: Object.assign(Object.assign({}, rest), inputProps), startAdornment: startAdornment || (React.createElement(StartAdornment, { icon: icon, iconPosition: iconPosition, disabled: disabled })), endAdornment: endAdornment || (React.createElement(EndAdornment, { icon: icon, iconPosition: iconPosition, disabled: disabled, limit: limit, charsLength: charsLength, multiline: multiline, counter: counter, testIds: testIds })), onChange: onChange, enableReset: enableReset, onResetClick: onResetClick, testIds: testIds }, children));
|
|
121
128
|
});
|
|
@@ -127,7 +134,8 @@ Input.defaultProps = {
|
|
|
127
134
|
size: 'medium',
|
|
128
135
|
width: 'auto',
|
|
129
136
|
onChange: () => { },
|
|
130
|
-
onResetClick: () => { }
|
|
137
|
+
onResetClick: () => { },
|
|
138
|
+
status: 'default'
|
|
131
139
|
};
|
|
132
140
|
Input.displayName = 'Input';
|
|
133
141
|
export default Input;
|
package/Input/Input.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,8BAA8B;AAC9B,OAAO,KAAK,EAAE,EAMZ,UAAU,EACX,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAS,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAG5D,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -24,11 +24,11 @@ import styles from './styles';
|
|
|
24
24
|
const useStyles = makeStyles(styles);
|
|
25
25
|
const DEFAULT_EMPTY_ARRAY_VALUE = [];
|
|
26
26
|
export const NativeSelect = documentable(forwardRef((props, ref) => {
|
|
27
|
-
const { className, style, width = 'full', loading, id, icon, iconPosition = 'start', name, renderOption = defaultRenderOption, placeholder, disabled, error, multiple, value = multiple ? DEFAULT_EMPTY_ARRAY_VALUE : '', size, enableReset, onChange, options, getDisplayValue = getOptionText,
|
|
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
29
|
menuWidth, noOptionsText, popperContainer, enableAutofill, autoComplete, searchPlaceholder, searchThreshold, limit, native, testIds } = 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", "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"]);
|
|
32
32
|
const classes = useStyles();
|
|
33
33
|
const selectRef = useCombinedRefs(ref, useRef(null));
|
|
34
34
|
const inputWrapperRef = useRef(null);
|
|
@@ -56,7 +56,7 @@ export const NativeSelect = documentable(forwardRef((props, ref) => {
|
|
|
56
56
|
const endAdornment = selectEndAdornment && (React.createElement("div", { className: classes.endAdornment }, selectEndAdornment));
|
|
57
57
|
const nativeSelectComponent = (React.createElement(MuiNativeSelect
|
|
58
58
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
59
|
-
, Object.assign({}, rest, { ref: selectRef,
|
|
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
62
|
}),
|
|
@@ -73,7 +73,6 @@ export const NativeSelect = documentable(forwardRef((props, ref) => {
|
|
|
73
73
|
}));
|
|
74
74
|
NativeSelect.defaultProps = {
|
|
75
75
|
disabled: false,
|
|
76
|
-
error: false,
|
|
77
76
|
getDisplayValue: getOptionText,
|
|
78
77
|
iconPosition: 'start',
|
|
79
78
|
loading: false,
|
|
@@ -85,7 +84,8 @@ NativeSelect.defaultProps = {
|
|
|
85
84
|
width: 'full',
|
|
86
85
|
searchThreshold: 10,
|
|
87
86
|
enableAutofill: false,
|
|
88
|
-
searchPlaceholder: 'Search'
|
|
87
|
+
searchPlaceholder: 'Search',
|
|
88
|
+
status: 'default'
|
|
89
89
|
};
|
|
90
90
|
NativeSelect.displayName = 'NativeSelect';
|
|
91
91
|
export default NativeSelect;
|
|
@@ -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,MAAM,gCAAgC,CAAA;AAC5D,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,EACpC,MAAM,WAAW,CAAA;AAClB,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,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,KAGL,KAAK;IAFP,qDAAqD;IAClD,IAAI,UACL,KAAK,
|
|
1
|
+
{"version":3,"file":"NativeSelect.js","sourceRoot":"","sources":["../../src/NativeSelect/NativeSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -28,9 +28,9 @@ import NonNativeSelectLimitFooter from '../NonNativeSelectLimitFooter';
|
|
|
28
28
|
const useStyles = makeStyles(styles);
|
|
29
29
|
const DEFAULT_EMPTY_ARRAY_VALUE = [];
|
|
30
30
|
export const NonNativeSelect = documentable(forwardRef((props, ref) => {
|
|
31
|
-
const { className, style, width = 'full', menuWidth, loading, id, icon, iconPosition = 'start', name, noOptionsText, renderOption = defaultRenderOption, placeholder, disabled, error, multiple, value = multiple ? DEFAULT_EMPTY_ARRAY_VALUE : '', size, enableReset, popperContainer, enableAutofill, autoComplete, searchPlaceholder, searchThreshold = DEFAULT_SEARCH_THRESHOLD, limit = DEFAULT_LIMIT, getDisplayValue = getOptionText, options, onChange,
|
|
31
|
+
const { className, style, width = 'full', menuWidth, loading, id, icon, iconPosition = 'start', name, noOptionsText, renderOption = defaultRenderOption, placeholder, disabled, 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,
|
|
32
32
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
33
|
-
native, testIds } = props, rest = __rest(props, ["className", "style", "width", "menuWidth", "loading", "id", "icon", "iconPosition", "name", "noOptionsText", "renderOption", "placeholder", "disabled", "error", "multiple", "value", "size", "enableReset", "popperContainer", "enableAutofill", "autoComplete", "searchPlaceholder", "searchThreshold", "limit", "getDisplayValue", "options", "onChange", "native", "testIds"]);
|
|
33
|
+
native, testIds } = props, rest = __rest(props, ["className", "style", "width", "menuWidth", "loading", "id", "icon", "iconPosition", "name", "noOptionsText", "renderOption", "placeholder", "disabled", "error", "status", "multiple", "value", "size", "enableReset", "popperContainer", "enableAutofill", "autoComplete", "searchPlaceholder", "searchThreshold", "limit", "getDisplayValue", "options", "onChange", "native", "testIds"]);
|
|
34
34
|
const classes = useStyles();
|
|
35
35
|
const selectRef = useCombinedRefs(ref, useRef(null));
|
|
36
36
|
const searchInputRef = useRef(null);
|
|
@@ -66,7 +66,7 @@ export const NonNativeSelect = documentable(forwardRef((props, ref) => {
|
|
|
66
66
|
!enableAutofill && name && (React.createElement("input", { type: 'hidden', value: displayValue, name: name })),
|
|
67
67
|
React.createElement(OutlinedInput
|
|
68
68
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
69
|
-
, Object.assign({}, rest, { onChange: onChange, inputRef: selectRef, error:
|
|
69
|
+
, Object.assign({}, rest, { onChange: onChange, inputRef: selectRef, status: error ? 'error' : status, disabled: disabled, id: id, startAdornment: startAdornment, endAdornment: endAdornment,
|
|
70
70
|
// Input specific props
|
|
71
71
|
value: displayValue }, getInputProps(), { placeholder: placeholder, width: width, readOnly: true, defaultValue: undefined, className: classes.outlinedInput, inputProps: {
|
|
72
72
|
size: 1 // let input to have smallest width by default for width:'shrink'
|
|
@@ -83,7 +83,7 @@ export const NonNativeSelect = documentable(forwardRef((props, ref) => {
|
|
|
83
83
|
}));
|
|
84
84
|
NonNativeSelect.defaultProps = {
|
|
85
85
|
disabled: false,
|
|
86
|
-
|
|
86
|
+
status: 'default',
|
|
87
87
|
getDisplayValue: getOptionText,
|
|
88
88
|
iconPosition: 'start',
|
|
89
89
|
loading: false,
|
|
@@ -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,EACb,MAAM,WAAW,CAAA;AAClB,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;AAEtE,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,CAAC,CAAA;AAE3C,MAAM,yBAAyB,GAAgB,EAAE,CAAA;AAEjD,MAAM,CAAC,MAAM,eAAe,GAAG,YAAY,CACzC,UAAU,CACR,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,KAAK,EACL,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;IACR,6DAA6D;IAC7D,MAAM,EACN,OAAO,KAEL,KAAK,EADJ,IAAI,UACL,KAAK,
|
|
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,EACb,MAAM,WAAW,CAAA;AAClB,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;AAEtE,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,CAAC,CAAA;AAE3C,MAAM,yBAAyB,GAAgB,EAAE,CAAA;AAEjD,MAAM,CAAC,MAAM,eAAe,GAAG,YAAY,CACzC,UAAU,CACR,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,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;IACR,6DAA6D;IAC7D,MAAM,EACN,OAAO,KAEL,KAAK,EADJ,IAAI,UACL,KAAK,EAjCH,6XAiCL,CAAQ,CAAA;IAET,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,SAAS,GAAG,eAAe,CAC/B,GAAG,EACH,MAAM,CAAmB,IAAI,CAAC,CAC/B,CAAA;IACD,MAAM,cAAc,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IACrD,MAAM,SAAS,GAAG,MAAM,CAAW,IAAI,CAAC,CAAA;IACxC,MAAM,eAAe,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAEpD,MAAM,WAAW,GAAG,cAAc,CAAC;QACjC,eAAe;QACf,OAAO;QACP,QAAQ;QACR,QAAQ;QACR,KAAK;QACL,eAAe;QACf,KAAK;KACN,CAAC,CAAA;IACF,MAAM,EACJ,gBAAgB,EAChB,MAAM,EACN,UAAU,EACV,kBAAkB,EAClB,YAAY,EACZ,SAAS,EACT,eAAe,EAChB,GAAG,WAAW,CAAA;IACf,MAAM,EACJ,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,mBAAmB,EACpB,GAAG,cAAc,CAAC;QACjB,SAAS;QACT,SAAS;QACT,cAAc;QACd,WAAW,EAAE,KAAK;QAClB,WAAW;KACZ,CAAC,CAAA;IAEF,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,CAC/B,oBAAC,QAAQ,IACP,EAAE,EAAC,KAAK,EACR,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,EACxC,aAAa;QAEb,oBAAC,aAAa,kBACZ,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAE,OAAO,CAAC,mBAAmB,EACtC,cAAc,EAAE,oBAAC,QAAQ,IAAC,SAAS,EAAE,OAAO,CAAC,eAAe,GAAI,EAChE,WAAW,EAAE,iBAAiB,EAC9B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,kBAAkB,EACzB,OAAO,EAAE,OAAO,uBACE,MAAM,IAEpB,mBAAmB,EAAE,EACzB,CACO,CACZ,CAAC,CAAC,CAAC,IAAI,CAAA;IAER,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAEhC,MAAM,CAAC,cAAc,EAAE,YAAY,CAAC,GAAG,aAAa,CAAC;QACnD,QAAQ,EAAE,YAAY;QACtB,IAAI;QACJ,QAAQ;KACT,CAAC,CAAA;IAEF,MAAM,eAAe,GAAG,CACtB;QACE,6CAAS,SAAS,IAAE,SAAS,EAAE,OAAO,CAAC,YAAY;YAChD,CAAC,cAAc,IAAI,IAAI,IAAI,CAC1B,+BAAO,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,GAAI,CACzD;YACD,oBAAC,aAAa;YACZ,wDAAwD;gCACpD,IAAI,IACR,QAAQ,EAAE,QAAe,EACzB,QAAQ,EAAE,SAAS,EACnB,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAChC,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY;gBAC1B,uBAAuB;gBACvB,KAAK,EAAE,YAAY,IAEf,aAAa,EAAE,IACnB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,QACR,YAAY,EAAE,SAAS,EACvB,SAAS,EAAE,OAAO,CAAC,aAAa,EAChC,UAAU,EAAE;oBACV,IAAI,EAAE,CAAC,CAAC,iEAAiE;iBAC1E,EACD,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,EACxC,IAAI,EAAC,SAAS,EACd,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,KAAK,EACzD,YAAY,EACV,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,IAAI,KAAK,EAEvD,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACvC,OAAO,EAAE,OAAO,IAChB;YACF,oBAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAC/B;QACL,CAAC,QAAQ,IAAI,MAAM,IAAI,CACtB,oBAAC,MAAM,IACL,GAAG,EAAE,SAAS,EACd,SAAS,QACT,KAAK,EAAE,SAAS,EAChB,SAAS,EAAC,cAAc,EACxB,IAAI,QACJ,QAAQ,EAAE,eAAe,CAAC,OAAO,EACjC,SAAS,EAAE,eAAe,IAEzB,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,qBAAqB,mBAAc,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,GAAI,CACxD,CAAC,CAAC,CAAC,CACF,oBAAC,sBAAsB,IACrB,OAAO,EAAE,eAAe,EACxB,YAAY,EAAE,YAAmB,EACjC,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,YAAY;YAC1B,mDAAmD;YACnD,MAAM,EAAE,SAAS,CAAC,MAAM,EACxB,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,EACtC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,WAAW,EACT,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAC9B,oBAAC,0BAA0B,IACzB,UAAU,EAAE,YAAY,CAAC,OAAO,CAAC,EACjC,KAAK,EAAE,KAAK,iBACC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,GACjC,CACH,CAAC,CAAC,CAAC,IAAI,EAEV,OAAO,EAAE;gBACP,SAAS,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS;aAC9B,GACD,CACH,CACM,CACV,CACA,CACJ,CAAA;IAED,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,IAAI,EACZ,SAAS,EACT,OAAO,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,EACnC;YACE,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ;SACjC,CACF,EACD,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,eAAe,IAEnB,eAAe,CACZ,CACP,CAAA;AACH,CAAC,CACF,CACF,CAAA;AAED,eAAe,CAAC,YAAY,GAAG;IAC7B,QAAQ,EAAE,KAAK;IACf,MAAM,EAAE,SAAS;IACjB,eAAe,EAAE,aAAa;IAC9B,YAAY,EAAE,OAAO;IACrB,OAAO,EAAE,KAAK;IACd,aAAa,EAAE,kBAAkB;IACjC,QAAQ,EAAE,IAAI;IACd,MAAM,EAAE,IAAI;IACZ,YAAY,EAAE,mBAAmB;IACjC,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,MAAM;IACb,eAAe,EAAE,wBAAwB;IACzC,KAAK,EAAE,aAAa;IACpB,cAAc,EAAE,KAAK;IACrB,iBAAiB,EAAE,QAAQ;CAC5B,CAAA;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE/C,eAAe,eAAe,CAAA"}
|
|
@@ -14,8 +14,6 @@ export interface Props extends Omit<OmitInternalProps<OutlinedInputProps>, 'defa
|
|
|
14
14
|
hideControls?: boolean;
|
|
15
15
|
/** Specify icon which should be rendered inside NumberInput */
|
|
16
16
|
icon?: ReactNode;
|
|
17
|
-
/** Indicates whether component is in error state */
|
|
18
|
-
error?: boolean;
|
|
19
17
|
/** Indicates whether component is in disabled state */
|
|
20
18
|
disabled?: boolean;
|
|
21
19
|
/** Callback invoked when `NumberInput` changes its state. */
|
|
@@ -16,11 +16,18 @@ import InputAdornment from '../InputAdornment';
|
|
|
16
16
|
import { useCombinedRefs } from '../utils';
|
|
17
17
|
import styles from './styles';
|
|
18
18
|
import { NumberInputEndAdornment } from '../NumberInputEndAdornment';
|
|
19
|
+
import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings';
|
|
19
20
|
const useStyles = makeStyles(styles, {
|
|
20
21
|
name: 'PicassoNumberInput'
|
|
21
22
|
});
|
|
22
23
|
export const NumberInput = forwardRef(function NumberInput(props, ref) {
|
|
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"]);
|
|
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
|
+
usePropDeprecationWarning({
|
|
26
|
+
props,
|
|
27
|
+
name: 'error',
|
|
28
|
+
componentName: 'NumberInput',
|
|
29
|
+
description: 'Use the `status` prop instead. `error` is deprecated and will be removed in the next major release.'
|
|
30
|
+
});
|
|
24
31
|
const classes = useStyles(props);
|
|
25
32
|
const inputRef = useCombinedRefs(ref, useRef(null));
|
|
26
33
|
const endAdornment = hideControls ? null : (React.createElement(NumberInputEndAdornment, { step: step, min: min, max: max, value: value, disabled: disabled, size: size, inputRef: inputRef }));
|
|
@@ -30,7 +37,7 @@ export const NumberInput = forwardRef(function NumberInput(props, ref) {
|
|
|
30
37
|
input: classes.input
|
|
31
38
|
}, inputProps: Object.assign(Object.assign({}, rest), { step,
|
|
32
39
|
min,
|
|
33
|
-
max }), width: width, onResetClick: onResetClick, enableReset: enableReset, error:
|
|
40
|
+
max }), width: width, onResetClick: onResetClick, enableReset: enableReset, status: error ? 'error' : status, inputRef: inputRef, type: 'number', value: value, disabled: disabled, onChange: onChange, endAdornment: endAdornment, startAdornment: startAdornment, size: size, testIds: testIds }));
|
|
34
41
|
});
|
|
35
42
|
NumberInput.defaultProps = {
|
|
36
43
|
onChange: () => { },
|
|
@@ -39,7 +46,8 @@ NumberInput.defaultProps = {
|
|
|
39
46
|
min: -Infinity,
|
|
40
47
|
max: Infinity,
|
|
41
48
|
hideControls: false,
|
|
42
|
-
size: 'medium'
|
|
49
|
+
size: 'medium',
|
|
50
|
+
status: 'default'
|
|
43
51
|
};
|
|
44
52
|
NumberInput.displayName = 'NumberInput';
|
|
45
53
|
export default NumberInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,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;
|
|
1
|
+
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@ import React, { ChangeEventHandler, ReactType, ReactNode, InputHTMLAttributes, M
|
|
|
2
2
|
import { InputBaseComponentProps } from '@material-ui/core/InputBase';
|
|
3
3
|
import { StandardProps, SizeType } from '@toptal/picasso-shared';
|
|
4
4
|
declare type ValueType = (string | number | boolean | object)[] | string | number | boolean | object;
|
|
5
|
+
export declare type Status = 'error' | 'success' | 'default';
|
|
5
6
|
export declare type BaseInputProps = InputBaseComponentProps & {
|
|
6
7
|
variant?: 'dark' | 'light';
|
|
7
8
|
};
|
|
@@ -21,8 +22,13 @@ export interface Props extends StandardProps, Omit<InputHTMLAttributes<HTMLInput
|
|
|
21
22
|
rowsMax?: string | number;
|
|
22
23
|
/** Type attribute of the Input element. It should be a valid HTML5 input type */
|
|
23
24
|
type?: string;
|
|
24
|
-
/**
|
|
25
|
+
/**
|
|
26
|
+
* @deprecated Use the `status` prop instead to both support success and error states
|
|
27
|
+
* Indicate whether input is in error state
|
|
28
|
+
*/
|
|
25
29
|
error?: boolean;
|
|
30
|
+
/** Indicate input status */
|
|
31
|
+
status?: Status;
|
|
26
32
|
startAdornment?: ReactNode;
|
|
27
33
|
endAdornment?: ReactNode;
|
|
28
34
|
onChange?: ChangeEventHandler<HTMLInputElement>;
|
|
@@ -36,6 +42,7 @@ export interface Props extends StandardProps, Omit<InputHTMLAttributes<HTMLInput
|
|
|
36
42
|
inputRef?: React.Ref<HTMLInputElement>;
|
|
37
43
|
testIds?: {
|
|
38
44
|
resetButton?: string;
|
|
45
|
+
validIcon?: string;
|
|
39
46
|
};
|
|
40
47
|
}
|
|
41
48
|
declare const OutlinedInput: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>;
|
|
@@ -16,9 +16,10 @@ import MUIOutlinedInput from '@material-ui/core/OutlinedInput';
|
|
|
16
16
|
import capitalize from '@material-ui/core/utils/capitalize';
|
|
17
17
|
import InputAdornment from '../InputAdornment';
|
|
18
18
|
import Button from '../Button';
|
|
19
|
-
import { CloseMinor16 } from '../Icon';
|
|
19
|
+
import { CheckMinor24, CloseMinor16 } from '../Icon';
|
|
20
20
|
import styles from './styles';
|
|
21
21
|
import noop from '../utils/noop';
|
|
22
|
+
import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings';
|
|
22
23
|
const useStyles = makeStyles(styles, {
|
|
23
24
|
name: 'PicassoOutlinedInput'
|
|
24
25
|
});
|
|
@@ -26,13 +27,23 @@ const ResetButton = ({ classes, hasValue, onClick, testIds }) => (React.createEl
|
|
|
26
27
|
[classes.resetButtonDirty]: hasValue
|
|
27
28
|
}) },
|
|
28
29
|
React.createElement(Button.Circular, { tabIndex: -1, icon: React.createElement(CloseMinor16, null), variant: 'flat', role: 'reset', onClick: onClick, onMouseDown: (event) => event.preventDefault(), onFocus: (event) => event.stopPropagation() })));
|
|
30
|
+
const ValidIconAdornment = ({ 'data-testid': dataTestId }) => (React.createElement(InputAdornment, { position: 'end' },
|
|
31
|
+
React.createElement(CheckMinor24, { color: 'green', "data-testid": dataTestId })));
|
|
29
32
|
const OutlinedInput = forwardRef(function OutlinedInput(props, ref) {
|
|
30
|
-
const { className, style, multiline, autoFocus, rows, rowsMax, width = 'auto', inputComponent, inputProps, defaultValue, value, type, error, startAdornment, endAdornment: userDefinedEndAdornment, onChange, size = 'medium', enableReset, disabled, onResetClick = noop, inputRef, testIds } = props, rest = __rest(props, ["className", "style", "multiline", "autoFocus", "rows", "rowsMax", "width", "inputComponent", "inputProps", "defaultValue", "value", "type", "error", "startAdornment", "endAdornment", "onChange", "size", "enableReset", "disabled", "onResetClick", "inputRef", "testIds"]);
|
|
33
|
+
const { className, style, multiline, autoFocus, rows, rowsMax, width = 'auto', inputComponent, inputProps, defaultValue, value, type, error, status, startAdornment, endAdornment: userDefinedEndAdornment, onChange, size = 'medium', enableReset, disabled, onResetClick = noop, inputRef, testIds } = props, rest = __rest(props, ["className", "style", "multiline", "autoFocus", "rows", "rowsMax", "width", "inputComponent", "inputProps", "defaultValue", "value", "type", "error", "status", "startAdornment", "endAdornment", "onChange", "size", "enableReset", "disabled", "onResetClick", "inputRef", "testIds"]);
|
|
34
|
+
usePropDeprecationWarning({
|
|
35
|
+
props,
|
|
36
|
+
name: 'error',
|
|
37
|
+
componentName: 'OutlinedInput',
|
|
38
|
+
description: 'Use the `status` prop instead. `error` is deprecated and will be removed in the next major release.'
|
|
39
|
+
});
|
|
31
40
|
const classes = useStyles(props);
|
|
32
41
|
const isDark = (inputProps === null || inputProps === void 0 ? void 0 : inputProps.variant) === 'dark';
|
|
33
42
|
const shouldShowReset = enableReset && !disabled;
|
|
34
|
-
const
|
|
35
|
-
|
|
43
|
+
const hasEndAdornment = status === 'success' || shouldShowReset;
|
|
44
|
+
const endAdornment = hasEndAdornment ? (React.createElement(React.Fragment, null,
|
|
45
|
+
shouldShowReset && (React.createElement(ResetButton, { classes: classes, hasValue: Boolean(value), onClick: onResetClick, testIds: testIds })),
|
|
46
|
+
status === 'success' && (React.createElement(ValidIconAdornment, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.validIcon })),
|
|
36
47
|
userDefinedEndAdornment)) : (userDefinedEndAdornment);
|
|
37
48
|
return (React.createElement(MUIOutlinedInput, Object.assign({}, rest, { classes: {
|
|
38
49
|
root: cx(classes.root, classes[`root${capitalize(width)}`], classes[`root${capitalize(size)}`], { [`${classes.hidden}`]: type === 'hidden' }, { [classes.rootDark]: isDark }),
|
|
@@ -44,12 +55,13 @@ const OutlinedInput = forwardRef(function OutlinedInput(props, ref) {
|
|
|
44
55
|
[classes.notchedOutlineDark]: isDark
|
|
45
56
|
}),
|
|
46
57
|
focused: classes.focused
|
|
47
|
-
}, className: className, style: style, labelWidth: 0, fullWidth: width === 'full', error: error, inputComponent: inputComponent, inputProps: inputProps, ref: ref, inputRef: inputRef, defaultValue: defaultValue, value: value, type: type, startAdornment: startAdornment, endAdornment: endAdornment, multiline: multiline, autoFocus: autoFocus, rows: rows, rowsMax: rowsMax, onChange: onChange, disabled: disabled })));
|
|
58
|
+
}, className: className, style: style, labelWidth: 0, fullWidth: width === 'full', error: Boolean(status === 'error' || error), inputComponent: inputComponent, inputProps: inputProps, ref: ref, inputRef: inputRef, defaultValue: defaultValue, value: value, type: type, startAdornment: startAdornment, endAdornment: endAdornment, multiline: multiline, autoFocus: autoFocus, rows: rows, rowsMax: rowsMax, onChange: onChange, disabled: disabled })));
|
|
48
59
|
});
|
|
49
60
|
OutlinedInput.defaultProps = {
|
|
50
61
|
width: 'auto',
|
|
51
62
|
size: 'medium',
|
|
52
|
-
onResetClick: noop
|
|
63
|
+
onResetClick: noop,
|
|
64
|
+
status: 'default'
|
|
53
65
|
};
|
|
54
66
|
OutlinedInput.displayName = 'OutlinedInput';
|
|
55
67
|
export default OutlinedInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OutlinedInput.js","sourceRoot":"","sources":["../../src/OutlinedInput/OutlinedInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAMZ,UAAU,EACX,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,gBAAgB,MAAM,iCAAiC,CAAA;AAE9D,OAAO,UAAU,MAAM,oCAAoC,CAAA;AAG3D,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"OutlinedInput.js","sourceRoot":"","sources":["../../src/OutlinedInput/OutlinedInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAMZ,UAAU,EACX,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,gBAAgB,MAAM,iCAAiC,CAAA;AAE9D,OAAO,UAAU,MAAM,oCAAoC,CAAA;AAG3D,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACpD,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,IAAI,MAAM,eAAe,CAAA;AAChC,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;AA+D7E,MAAM,SAAS,GAAG,UAAU,CAAe,MAAM,EAAE;IACjD,IAAI,EAAE,sBAAsB;CAC7B,CAAC,CAAA;AAEF,MAAM,WAAW,GAAG,CAAC,EACnB,OAAO,EACP,QAAQ,EACR,OAAO,EACP,OAAO,EAMR,EAAE,EAAE,CAAC,CACJ,oBAAC,cAAc,mBACA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,EACjC,QAAQ,EAAC,KAAK,EACd,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE;QACjC,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,QAAQ;KACrC,CAAC;IAEF,oBAAC,MAAM,CAAC,QAAQ,IACd,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAE,oBAAC,YAAY,OAAG,EACtB,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,CACX,KAA8D,EAC9D,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,EAC3B,OAAO,EAAE,CACP,KAA8D,EAC9D,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,GAC5B,CACa,CAClB,CAAA;AAED,MAAM,kBAAkB,GAAG,CAAC,EAC1B,aAAa,EAAE,UAAU,EAG1B,EAAE,EAAE,CAAC,CACJ,oBAAC,cAAc,IAAC,QAAQ,EAAC,KAAK;IAC5B,oBAAC,YAAY,IAAC,KAAK,EAAC,OAAO,iBAAc,UAAU,GAAI,CACxC,CAClB,CAAA;AAED,MAAM,aAAa,GAAG,UAAU,CAAqB,SAAS,aAAa,CACzE,KAAK,EACL,GAAG;IAEH,MAAM,EACJ,SAAS,EACT,KAAK,EACL,SAAS,EACT,SAAS,EACT,IAAI,EACJ,OAAO,EACP,KAAK,GAAG,MAAM,EACd,cAAc,EACd,UAAU,EACV,YAAY,EACZ,KAAK,EACL,IAAI,EACJ,KAAK,EACL,MAAM,EACN,cAAc,EACd,YAAY,EAAE,uBAAuB,EACrC,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,WAAW,EACX,QAAQ,EACR,YAAY,GAAG,IAAI,EACnB,QAAQ,EACR,OAAO,KAEL,KAAK,EADJ,IAAI,UACL,KAAK,EAzBH,wRAyBL,CAAQ,CAAA;IAET,yBAAyB,CAAC;QACxB,KAAK;QACL,IAAI,EAAE,OAAO;QACb,aAAa,EAAE,eAAe;QAC9B,WAAW,EACT,qGAAqG;KACxG,CAAC,CAAA;IAEF,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAChC,MAAM,MAAM,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,MAAK,MAAM,CAAA;IAC7C,MAAM,eAAe,GAAG,WAAW,IAAI,CAAC,QAAQ,CAAA;IAChD,MAAM,eAAe,GAAG,MAAM,KAAK,SAAS,IAAI,eAAe,CAAA;IAC/D,MAAM,YAAY,GAAG,eAAe,CAAC,CAAC,CAAC,CACrC;QACG,eAAe,IAAI,CAClB,oBAAC,WAAW,IACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,EACxB,OAAO,EAAE,YAAY,EACrB,OAAO,EAAE,OAAO,GAChB,CACH;QACA,MAAM,KAAK,SAAS,IAAI,CACvB,oBAAC,kBAAkB,mBAAc,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,GAAI,CACxD;QACA,uBAAuB,CACvB,CACJ,CAAC,CAAC,CAAC,CACF,uBAAuB,CACxB,CAAA;IAED,OAAO,CACL,oBAAC,gBAAgB,oBACX,IAAI,IACR,OAAO,EAAE;YACP,IAAI,EAAE,EAAE,CACN,OAAO,CAAC,IAAI,EACZ,OAAO,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,EACnC,OAAO,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,EAClC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,IAAI,KAAK,QAAQ,EAAE,EAC5C,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAC/B;YACD,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,QAAQ,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;gBAC5D,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,MAAM;aAC5B,CAAC;YACF,cAAc,EAAE,OAAO,CAAC,cAAc;YACtC,cAAc,EAAE,EAAE,CAAC,OAAO,CAAC,cAAc,EAAE;gBACzC,CAAC,OAAO,CAAC,kBAAkB,CAAC,EAAE,MAAM;aACrC,CAAC;YACF,OAAO,EAAE,OAAO,CAAC,OAAO;SACzB,EACD,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,CAAC,EACb,SAAS,EAAE,KAAK,KAAK,MAAM,EAC3B,KAAK,EAAE,OAAO,CAAC,MAAM,KAAK,OAAO,IAAI,KAAK,CAAC,EAC3C,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,IAClB,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,aAAa,CAAC,YAAY,GAAG;IAC3B,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,QAAQ;IACd,YAAY,EAAE,IAAI;IAClB,MAAM,EAAE,SAAS;CAClB,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAE3C,eAAe,aAAa,CAAA"}
|
package/PageHead/PageHead.d.ts
CHANGED
|
@@ -8,7 +8,9 @@ export interface Props extends BaseProps {
|
|
|
8
8
|
}
|
|
9
9
|
export declare const PageHead: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
|
|
10
10
|
declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>> & {
|
|
11
|
-
Title: ({ titleCase, children }: TextLabelProps
|
|
11
|
+
Title: ({ titleCase, children }: TextLabelProps & {
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
}) => JSX.Element;
|
|
12
14
|
Tabs: ({ children }: {
|
|
13
15
|
children: React.ReactNode;
|
|
14
16
|
}) => JSX.Element;
|
package/PageHead/PageHead.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHead.js","sourceRoot":"","sources":["../../src/PageHead/PageHead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAa,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,MAAM,MAAM,UAAU,CAAA;AAS7B,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,EAAE;IACnC,IAAI,EAAE,iBAAiB;CACxB,CAAC,CAAA;AAEF,MAAM,aAAa,GAAG,UAAU,CAAC,MAAM,EAAE;IACvC,IAAI,EAAE,qBAAqB;CAC5B,CAAC,CAAA;AAEF,MAAM,KAAK,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"PageHead.js","sourceRoot":"","sources":["../../src/PageHead/PageHead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAa,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,MAAM,MAAM,UAAU,CAAA;AAS7B,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,EAAE;IACnC,IAAI,EAAE,iBAAiB;CACxB,CAAC,CAAA;AAEF,MAAM,aAAa,GAAG,UAAU,CAAC,MAAM,EAAE;IACvC,IAAI,EAAE,qBAAqB;CAC5B,CAAC,CAAA;AAEF,MAAM,KAAK,GAAG,CAAC,EACb,SAAS,EACT,QAAQ,EACiC,EAAE,EAAE;IAC7C,OAAO,CACL,oBAAC,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,SAAS,IAC5D,QAAQ,CACE,CACd,CAAA;AACH,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IACrD,OAAO,oBAAC,SAAS,QAAE,QAAQ,CAAa,CAAA;AAC1C,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,CAAC,KAA+B,EAAE,EAAE;IAC/C,MAAM,OAAO,GAAG,aAAa,CAAC,KAAK,CAAC,CAAA;IAEpC,OAAO,CACL,oBAAC,SAAS,IACR,IAAI,QACJ,cAAc,EAAC,eAAe,EAC9B,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAE,OAAO,CAAC,IAAI,IAEtB,KAAK,CAAC,QAAQ,CACL,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IACxD,OAAO,CACL,oBAAC,SAAS,IAAC,IAAI,QAAC,UAAU,EAAC,QAAQ,IAChC,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAwB,SAAS,QAAQ,CACzE,KAAK,EACL,GAAG;IAEH,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAC1B,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE;YAC1B,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY;SAC3C,CAAC,IAED,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,YAAY,GAAG;IACtB,YAAY,EAAE,KAAK;CACpB,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IACrC,KAAK;IACL,IAAI;IACJ,IAAI;IACJ,OAAO;CACR,CAAC,CAAA"}
|
|
@@ -1,17 +1,14 @@
|
|
|
1
1
|
import React, { ChangeEvent } from 'react';
|
|
2
2
|
import { BaseProps, OmitInternalProps } from '@toptal/picasso-shared';
|
|
3
3
|
import { Props as OutlinedInputProps } from '../OutlinedInput';
|
|
4
|
-
|
|
5
|
-
export interface Props extends Omit<OmitInternalProps<OutlinedInputProps>, 'defaultValue' | 'type' | 'rows' | 'rowsMax' | 'multiline' | 'enableReset' | 'onResetClick'>, BaseProps {
|
|
4
|
+
export interface Props extends Omit<OmitInternalProps<OutlinedInputProps>, 'defaultValue' | 'type' | 'rows' | 'rowsMax' | 'multiline'>, BaseProps {
|
|
6
5
|
/** Value of the `input` element. */
|
|
7
6
|
value?: string;
|
|
8
|
-
/** Indicates whether component is in error state */
|
|
9
|
-
error?: boolean;
|
|
10
7
|
/** Indicates whether component is in disabled state */
|
|
11
8
|
disabled?: boolean;
|
|
12
9
|
/** Callback invoked when `PasswordInput` changes its state. */
|
|
13
10
|
onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
14
|
-
testIds?:
|
|
11
|
+
testIds?: OutlinedInputProps['testIds'] & {
|
|
15
12
|
input?: string;
|
|
16
13
|
toggle?: string;
|
|
17
14
|
};
|
|
@@ -18,26 +18,33 @@ import styles from './styles';
|
|
|
18
18
|
import SvgEye16 from '../Icon/Eye16';
|
|
19
19
|
import SvgEyeHidden16 from '../Icon/EyeHidden16';
|
|
20
20
|
import Button from '../Button';
|
|
21
|
+
import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings';
|
|
21
22
|
const useStyles = makeStyles(styles, {
|
|
22
23
|
name: 'PicassoPasswordInput'
|
|
23
24
|
});
|
|
24
25
|
export const PasswordInput = forwardRef(function PasswordInput(props, ref) {
|
|
25
|
-
|
|
26
|
-
|
|
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"]);
|
|
27
|
+
usePropDeprecationWarning({
|
|
28
|
+
props,
|
|
29
|
+
name: 'error',
|
|
30
|
+
componentName: 'PasswordInput',
|
|
31
|
+
description: 'Use the `status` prop instead. `error` is deprecated and will be removed in the next major release.'
|
|
32
|
+
});
|
|
27
33
|
const [showPassword, setShowPassword] = useState(false);
|
|
28
34
|
const classes = useStyles();
|
|
29
35
|
const handleToggleVisibilityClick = useCallback(() => {
|
|
30
36
|
setShowPassword(previousState => !previousState);
|
|
31
37
|
}, []);
|
|
32
38
|
const endAdornment = (React.createElement(InputAdornment, { position: 'end' },
|
|
33
|
-
React.createElement(Button.Circular, { className: classes.toggle, variant: 'flat', icon: showPassword ? React.createElement(SvgEye16, null) : React.createElement(SvgEyeHidden16, null), onClick: handleToggleVisibilityClick, "data-testid":
|
|
39
|
+
React.createElement(Button.Circular, { 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 })));
|
|
34
40
|
return (React.createElement(OutlinedInput, { style: style, className: cx(classes.root, className), classes: {
|
|
35
41
|
input: classes.input
|
|
36
|
-
}, inputProps: Object.assign(Object.assign({}, rest), { 'data-testid':
|
|
42
|
+
}, 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 }));
|
|
37
43
|
});
|
|
38
44
|
PasswordInput.defaultProps = {
|
|
39
45
|
onChange: () => { },
|
|
40
|
-
value: ''
|
|
46
|
+
value: '',
|
|
47
|
+
status: 'default'
|
|
41
48
|
};
|
|
42
49
|
PasswordInput.displayName = 'PasswordInput';
|
|
43
50
|
export default PasswordInput;
|
|
@@ -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,MAAM,MAAM,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../../src/PasswordInput/PasswordInput.tsx"],"names":[],"mappings":"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"}
|
package/Select/Select.d.ts
CHANGED
|
@@ -3,7 +3,6 @@ export declare const Select: {
|
|
|
3
3
|
<T extends ValueType, M extends boolean = false>({ native, ...props }: SelectProps<T, M, M extends true ? T[] : T>): JSX.Element;
|
|
4
4
|
defaultProps: {
|
|
5
5
|
disabled: boolean;
|
|
6
|
-
error: boolean;
|
|
7
6
|
getDisplayValue: (option: import("./types").Option<string | number> | null) => string;
|
|
8
7
|
iconPosition: string;
|
|
9
8
|
loading: boolean;
|
|
@@ -18,6 +17,7 @@ export declare const Select: {
|
|
|
18
17
|
enableAutofill: boolean;
|
|
19
18
|
searchPlaceholder: string;
|
|
20
19
|
native: boolean;
|
|
20
|
+
status: string;
|
|
21
21
|
};
|
|
22
22
|
};
|
|
23
23
|
export default Select;
|
package/Select/Select.js
CHANGED
|
@@ -36,6 +36,12 @@ export const Select = (_a) => {
|
|
|
36
36
|
componentName: 'Select',
|
|
37
37
|
description: 'Use the Autocomplete component if you require dynamic options.'
|
|
38
38
|
});
|
|
39
|
+
usePropDeprecationWarning({
|
|
40
|
+
props,
|
|
41
|
+
name: 'error',
|
|
42
|
+
componentName: 'Select',
|
|
43
|
+
description: 'Use the `status` prop instead. `error` is deprecated and will be removed in the next major release.'
|
|
44
|
+
});
|
|
39
45
|
return native ? (
|
|
40
46
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
41
47
|
React.createElement(NativeSelect, Object.assign({}, purifyProps(props)))) : (
|
|
@@ -44,7 +50,6 @@ export const Select = (_a) => {
|
|
|
44
50
|
};
|
|
45
51
|
Select.defaultProps = {
|
|
46
52
|
disabled: false,
|
|
47
|
-
error: false,
|
|
48
53
|
getDisplayValue: getOptionText,
|
|
49
54
|
iconPosition: 'start',
|
|
50
55
|
loading: false,
|
|
@@ -58,7 +63,8 @@ Select.defaultProps = {
|
|
|
58
63
|
limit: DEFAULT_LIMIT,
|
|
59
64
|
enableAutofill: false,
|
|
60
65
|
searchPlaceholder: 'Search',
|
|
61
|
-
native: false
|
|
66
|
+
native: false,
|
|
67
|
+
status: 'default'
|
|
62
68
|
};
|
|
63
69
|
export default Select;
|
|
64
70
|
//# sourceMappingURL=Select.js.map
|
package/Select/Select.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAC1C,OAAO,eAAe,MAAM,oBAAoB,CAAA;AAChD,OAAO,uBAEN,MAAM,oCAAoC,CAAA;AAC3C,OAAO,IAAI,MAAM,eAAe,CAAA;AAChC,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;AAE7E,OAAO,EACL,aAAa,EACb,wBAAwB,EACxB,aAAa,EACb,YAAY,EACb,MAAM,SAAS,CAAA;AAEhB,MAAM,WAAW,GAAG,CAClB,KAA4B,EACK,EAAE;IACnC,MAAM,WAAW,GAAgC;QAC/C,YAAY,EAAE;YACZ,IAAI,EAAE,OAAO;SACd;QACD,gBAAgB,EAAE;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,KAAK;SACf;KACF,CAAA;IAED,OAAO,uBAAuB,CAAC,QAAQ,EAAE,KAAK,EAAE,WAAW,CAAC,CAAA;AAC9D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,CAAiD,EAGnD,EAAE,EAAE;QAH+C,EACrE,MAAM,OAEY,EADf,KAAK,cAF6D,UAGtE,CADS;IAER,yBAAyB,CAAC;QACxB,KAAK;QACL,IAAI,EAAE,gBAAgB;QACtB,aAAa,EAAE,QAAQ;QACvB,WAAW,EACT,gEAAgE;KACnE,CAAC,CAAA;IAEF,OAAO,MAAM,CAAC,CAAC,CAAC;IACd,wDAAwD;IACxD,oBAAC,YAAY,oBAAK,WAAW,CAAC,KAAK,CAAC,EAAI,CACzC,CAAC,CAAC,CAAC;IACF,wDAAwD;IACxD,oBAAC,eAAe,oBAAK,WAAW,CAAC,KAAK,CAAC,EAAI,CAC5C,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,KAAK;IACf,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAC1C,OAAO,eAAe,MAAM,oBAAoB,CAAA;AAChD,OAAO,uBAEN,MAAM,oCAAoC,CAAA;AAC3C,OAAO,IAAI,MAAM,eAAe,CAAA;AAChC,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;AAE7E,OAAO,EACL,aAAa,EACb,wBAAwB,EACxB,aAAa,EACb,YAAY,EACb,MAAM,SAAS,CAAA;AAEhB,MAAM,WAAW,GAAG,CAClB,KAA4B,EACK,EAAE;IACnC,MAAM,WAAW,GAAgC;QAC/C,YAAY,EAAE;YACZ,IAAI,EAAE,OAAO;SACd;QACD,gBAAgB,EAAE;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,KAAK;SACf;KACF,CAAA;IAED,OAAO,uBAAuB,CAAC,QAAQ,EAAE,KAAK,EAAE,WAAW,CAAC,CAAA;AAC9D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,CAAiD,EAGnD,EAAE,EAAE;QAH+C,EACrE,MAAM,OAEY,EADf,KAAK,cAF6D,UAGtE,CADS;IAER,yBAAyB,CAAC;QACxB,KAAK;QACL,IAAI,EAAE,gBAAgB;QACtB,aAAa,EAAE,QAAQ;QACvB,WAAW,EACT,gEAAgE;KACnE,CAAC,CAAA;IAEF,yBAAyB,CAAC;QACxB,KAAK;QACL,IAAI,EAAE,OAAO;QACb,aAAa,EAAE,QAAQ;QACvB,WAAW,EACT,qGAAqG;KACxG,CAAC,CAAA;IAEF,OAAO,MAAM,CAAC,CAAC,CAAC;IACd,wDAAwD;IACxD,oBAAC,YAAY,oBAAK,WAAW,CAAC,KAAK,CAAC,EAAI,CACzC,CAAC,CAAC,CAAC;IACF,wDAAwD;IACxD,oBAAC,eAAe,oBAAK,WAAW,CAAC,KAAK,CAAC,EAAI,CAC5C,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,aAAa;IAC9B,YAAY,EAAE,OAAO;IACrB,OAAO,EAAE,KAAK;IACd,aAAa,EAAE,kBAAkB;IACjC,QAAQ,EAAE,IAAI;IACd,MAAM,EAAE,IAAI;IACZ,YAAY,EAAE,YAAY;IAC1B,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,MAAM;IACb,eAAe,EAAE,wBAAwB;IACzC,KAAK,EAAE,aAAa;IACpB,cAAc,EAAE,KAAK;IACrB,iBAAiB,EAAE,QAAQ;IAC3B,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,SAAS;CAClB,CAAA;AAED,eAAe,MAAM,CAAA"}
|
package/Select/types.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { HTMLAttributes, InputHTMLAttributes, ChangeEvent, ReactNode } from 'react';
|
|
2
2
|
import PopperJs from 'popper.js';
|
|
3
3
|
import { BaseProps, SizeType } from '@toptal/picasso-shared';
|
|
4
|
-
import { OutlinedInputProps } from '../OutlinedInput';
|
|
4
|
+
import { OutlinedInputProps, Status } from '../OutlinedInput';
|
|
5
5
|
/**
|
|
6
6
|
* Select props are generalized over possible values in the component and whether
|
|
7
7
|
* Select should be a multiselect. If you want `onChange` to take a handler that
|
|
@@ -15,8 +15,10 @@ import { OutlinedInputProps } from '../OutlinedInput';
|
|
|
15
15
|
export interface SelectProps<T extends ValueType = ValueType, M extends boolean = boolean, V = M extends true ? T[] : T> extends BaseProps, Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'size' | 'color' | 'value'> {
|
|
16
16
|
/** If true, the 'Select' will be disabled */
|
|
17
17
|
disabled?: boolean;
|
|
18
|
-
/** Indicate whether `Select` is in error state */
|
|
18
|
+
/** @deprecated Indicate whether `Select` is in error state */
|
|
19
19
|
error?: boolean;
|
|
20
|
+
/** Indicate whether `Select` is in error state */
|
|
21
|
+
status?: Exclude<Status, 'success'>;
|
|
20
22
|
/** Component ID */
|
|
21
23
|
id?: string;
|
|
22
24
|
/** Width of the component */
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React, { InputHTMLAttributes, ReactNode, FocusEventHandler } from 'react';
|
|
2
2
|
import { BaseProps } from '@toptal/picasso-shared';
|
|
3
3
|
import { Item as AutocompleteItem } from '../Autocomplete';
|
|
4
|
+
import { Status } from '../OutlinedInput';
|
|
4
5
|
export interface Item extends AutocompleteItem {
|
|
5
6
|
value?: string;
|
|
6
7
|
}
|
|
@@ -10,8 +11,13 @@ export interface Props extends BaseProps, Omit<InputHTMLAttributes<HTMLInputElem
|
|
|
10
11
|
placeholder?: string;
|
|
11
12
|
/** Disables `TagSelector` */
|
|
12
13
|
disabled?: boolean;
|
|
13
|
-
/**
|
|
14
|
+
/**
|
|
15
|
+
* @deprecated Use the `status` prop instead to both support success and error states
|
|
16
|
+
* Indicate whether `TagSelector` is in error state
|
|
17
|
+
*/
|
|
14
18
|
error?: boolean;
|
|
19
|
+
/** Indicate `TagSelector` status */
|
|
20
|
+
status?: Status;
|
|
15
21
|
/** Shows the loading icon when options are loading */
|
|
16
22
|
loading?: boolean;
|
|
17
23
|
/** Text prefix for other option */
|
|
@@ -55,6 +61,9 @@ export interface Props extends BaseProps, Omit<InputHTMLAttributes<HTMLInputElem
|
|
|
55
61
|
}) => ReactNode;
|
|
56
62
|
/** DOM element that wraps the Popper */
|
|
57
63
|
popperContainer?: HTMLElement;
|
|
64
|
+
testIds?: {
|
|
65
|
+
validIcon?: string;
|
|
66
|
+
};
|
|
58
67
|
}
|
|
59
68
|
export declare const TagSelector: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
|
|
60
69
|
declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>> & {
|
|
@@ -15,11 +15,18 @@ import TagSelectorInput from '../TagSelectorInput';
|
|
|
15
15
|
import TagSelectorLabel from '../TagSelectorLabel';
|
|
16
16
|
import unsafeErrorLog from '../utils/unsafe-error-log';
|
|
17
17
|
import noop from '../utils/noop';
|
|
18
|
+
import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings';
|
|
18
19
|
const EMPTY_INPUT_VALUE = '';
|
|
19
20
|
export const isIncluded = (items, currentItem) => items.some(({ value }) => value === currentItem.value);
|
|
20
21
|
const getItemText = (item) => (item && item.text) || EMPTY_INPUT_VALUE;
|
|
21
22
|
export const TagSelector = forwardRef(function TagSelector(props, ref) {
|
|
22
|
-
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 } = 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"]);
|
|
23
|
+
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, 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", "error", "status", "testIds"]);
|
|
24
|
+
usePropDeprecationWarning({
|
|
25
|
+
props,
|
|
26
|
+
name: 'error',
|
|
27
|
+
componentName: 'TagSelector',
|
|
28
|
+
description: 'Use the `status` prop instead. `error` is deprecated and will be removed in the next major release.'
|
|
29
|
+
});
|
|
23
30
|
const handleDelete = (value) => {
|
|
24
31
|
if (disabled) {
|
|
25
32
|
return;
|
|
@@ -67,7 +74,7 @@ export const TagSelector = forwardRef(function TagSelector(props, ref) {
|
|
|
67
74
|
}
|
|
68
75
|
return (React.createElement(TagSelectorLabel, { disabled: disabled, onDelete: handleItemDelete }, displayValue));
|
|
69
76
|
};
|
|
70
|
-
return (React.createElement(Autocomplete, Object.assign({}, rest, { 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: values.map(item => (React.createElement(Fragment, { key: getKey(item) }, renderLabel(item)))), 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 })));
|
|
77
|
+
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: values.map(item => (React.createElement(Fragment, { key: getKey(item) }, renderLabel(item)))), 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, testIds: testIds })));
|
|
71
78
|
});
|
|
72
79
|
TagSelector.defaultProps = {
|
|
73
80
|
enableAutofill: false,
|
|
@@ -80,7 +87,8 @@ TagSelector.defaultProps = {
|
|
|
80
87
|
otherOptionLabel: 'Add new option: ',
|
|
81
88
|
noOptionsText: 'No matches found',
|
|
82
89
|
placeholder: '',
|
|
83
|
-
showOtherOption: false
|
|
90
|
+
showOtherOption: false,
|
|
91
|
+
status: 'default'
|
|
84
92
|
};
|
|
85
93
|
TagSelector.displayName = 'TagSelector';
|
|
86
94
|
export default Object.assign(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,EACT,MAAM,OAAO,CAAA;AAGd,OAAO,YAA0C,MAAM,iBAAiB,CAAA;AACxE,OAAO,gBAAgB,MAAM,qBAAqB,CAAA;AAElD,OAAO,gBAAgB,MAAM,qBAAqB,CAAA;AAClD,OAAO,cAAc,MAAM,2BAA2B,CAAA;AACtD,OAAO,IAAI,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"TagSelector.js","sourceRoot":"","sources":["../../src/TagSelector/TagSelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,15 +14,22 @@ import cx from 'classnames';
|
|
|
14
14
|
import { makeStyles } from '@material-ui/core/styles';
|
|
15
15
|
import OutlinedInput from '../OutlinedInput';
|
|
16
16
|
import styles from './styles';
|
|
17
|
+
import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings';
|
|
17
18
|
const useStyles = makeStyles(styles, {
|
|
18
19
|
name: 'PicassoTagSelectorInput'
|
|
19
20
|
});
|
|
20
21
|
export const TagSelectorInput = forwardRef(function TagSelectorInput(props, ref) {
|
|
21
|
-
const { id, name, defaultValue, value, placeholder, error, disabled, autoFocus, autoComplete, children, multiline, width, style, rows, rowsMax, type, onChange, startAdornment, endAdornment,
|
|
22
|
+
const { id, name, defaultValue, value, placeholder, status, error, disabled, autoFocus, autoComplete, children, multiline, width, style, rows, rowsMax, type, onChange, startAdornment, endAdornment,
|
|
22
23
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
23
24
|
onResetClick,
|
|
24
25
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
25
|
-
enableReset, inputProps, testIds } = props, rest = __rest(props, ["id", "name", "defaultValue", "value", "placeholder", "error", "disabled", "autoFocus", "autoComplete", "children", "multiline", "width", "style", "rows", "rowsMax", "type", "onChange", "startAdornment", "endAdornment", "onResetClick", "enableReset", "inputProps", "testIds"]);
|
|
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"]);
|
|
27
|
+
usePropDeprecationWarning({
|
|
28
|
+
props,
|
|
29
|
+
name: 'error',
|
|
30
|
+
componentName: 'TagSelectorInput',
|
|
31
|
+
description: 'Use the `status` prop instead. `error` is deprecated and will be removed in the next major release.'
|
|
32
|
+
});
|
|
26
33
|
const classes = useStyles();
|
|
27
34
|
let usedEndAdornment = null;
|
|
28
35
|
if (endAdornment) {
|
|
@@ -32,13 +39,14 @@ export const TagSelectorInput = forwardRef(function TagSelectorInput(props, ref)
|
|
|
32
39
|
}
|
|
33
40
|
return (React.createElement(OutlinedInput, { inputRef: ref, style: style, className: cx(classes.inputBase, {
|
|
34
41
|
[classes.withEndAdornment]: Boolean(endAdornment)
|
|
35
|
-
}), id: id, name: name, defaultValue: defaultValue, value: value, placeholder: placeholder, error:
|
|
42
|
+
}), 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,
|
|
36
43
|
// html attributes
|
|
37
44
|
inputProps: Object.assign(Object.assign({}, rest), inputProps), testIds: testIds, endAdornment: usedEndAdornment, startAdornment: startAdornment, onChange: onChange }, children));
|
|
38
45
|
});
|
|
39
46
|
TagSelectorInput.defaultProps = {
|
|
40
47
|
multiline: false,
|
|
41
|
-
width: 'auto'
|
|
48
|
+
width: 'auto',
|
|
49
|
+
status: 'default'
|
|
42
50
|
};
|
|
43
51
|
TagSelectorInput.displayName = 'TagSelectorInput';
|
|
44
52
|
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;
|
|
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,KAEL,KAAK,EADJ,IAAI,UACL,KAAK,EA5BH,8RA4BL,CAAQ,CAAA;IAET,yBAAyB,CAAC;QACxB,KAAK;QACL,IAAI,EAAE,OAAO;QACb,aAAa,EAAE,kBAAkB;QACjC,WAAW,EACT,qGAAqG;KACxG,CAAC,CAAA;IAEF,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,IAAI,gBAAgB,GAAG,IAAI,CAAA;IAE3B,IAAI,YAAY,EAAE;QAChB,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAAC,YAA4B,EAAE;YAClE,SAAS,EAAE,OAAO,CAAC,YAAY;SAChC,CAAC,CAAA;KACH;IAED,OAAO,CACL,oBAAC,aAAa,IACZ,QAAQ,EAAE,GAAG,EACb,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE;YAC/B,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC;SAClD,CAAC,EACF,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAChC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK;QACZ,kBAAkB;QAClB,UAAU,kCACL,IAAI,GACJ,UAAU,GAEf,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,gBAAgB,EAC9B,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,IAEjB,QAAQ,CACK,CACjB,CAAA;AACH,CAAC,CACF,CAAA;AAED,gBAAgB,CAAC,YAAY,GAAG;IAC9B,SAAS,EAAE,KAAK;IAChB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,SAAS;CAClB,CAAA;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEjD,eAAe,gBAAgB,CAAA"}
|
|
@@ -1,11 +1,17 @@
|
|
|
1
1
|
import { BaseProps } from '@toptal/picasso-shared';
|
|
2
2
|
import { InputProps } from '../Input';
|
|
3
|
-
|
|
3
|
+
import { Status } from '../OutlinedInput';
|
|
4
|
+
export interface Props extends BaseProps, Omit<InputProps, 'id' | 'value' | 'onSelect' | 'type' | 'multiline' | 'rows' | 'defaultValue' | 'step' | 'icon' | 'iconPosition' | 'counter' | 'endAdornment' | 'startAdornment' | 'multilineResizable' | 'rowsMax' | 'limit' | 'placeholder' | 'status'> {
|
|
4
5
|
/** Time value that will be selected in TimePicker */
|
|
5
6
|
value?: string;
|
|
7
|
+
/** Indicate whether `TimePicker` is in error state */
|
|
8
|
+
status?: Exclude<Status, 'success'>;
|
|
6
9
|
}
|
|
7
10
|
export declare const TimePicker: {
|
|
8
11
|
(props: Props): JSX.Element;
|
|
12
|
+
defaultProps: {
|
|
13
|
+
status: string;
|
|
14
|
+
};
|
|
9
15
|
displayName: string;
|
|
10
16
|
};
|
|
11
17
|
export default TimePicker;
|
package/TimePicker/TimePicker.js
CHANGED
|
@@ -17,11 +17,18 @@ import cx from 'classnames';
|
|
|
17
17
|
import Input from '../Input';
|
|
18
18
|
import { Time16 } from '../Icon';
|
|
19
19
|
import styles from './styles';
|
|
20
|
+
import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings';
|
|
20
21
|
const useStyles = makeStyles(styles, {
|
|
21
22
|
name: 'PicassoTimePicker'
|
|
22
23
|
});
|
|
23
24
|
export const TimePicker = (props) => {
|
|
24
|
-
const { onChange, value, width, className } = props, rest = __rest(props, ["onChange", "value", "width", "className"]);
|
|
25
|
+
const { onChange, value, width, className, error, status } = props, rest = __rest(props, ["onChange", "value", "width", "className", "error", "status"]);
|
|
26
|
+
usePropDeprecationWarning({
|
|
27
|
+
props,
|
|
28
|
+
name: 'error',
|
|
29
|
+
componentName: 'TimePicker',
|
|
30
|
+
description: 'Use the `status` prop instead. `error` is deprecated and will be removed in the next major release.'
|
|
31
|
+
});
|
|
25
32
|
const classes = useStyles();
|
|
26
33
|
const browser = detect();
|
|
27
34
|
const isSafari = (browser === null || browser === void 0 ? void 0 : browser.name) === 'safari';
|
|
@@ -35,12 +42,15 @@ export const TimePicker = (props) => {
|
|
|
35
42
|
];
|
|
36
43
|
const icon = React.createElement(Time16, { classes: { root: classes.icon } });
|
|
37
44
|
if (isSafari) {
|
|
38
|
-
return (React.createElement(Input, { type: 'text', readOnly: true, iconPosition: 'end', icon: icon, width: width, className: cx(classes.root, className), inputProps: Object.assign({ className: classes.inputBase }, rest), startAdornment: React.createElement(InputMask, { mask: inputMask, alwaysShowMask: true,
|
|
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,
|
|
39
46
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
40
47
|
// @ts-ignore
|
|
41
48
|
maskPlaceholder: '-', value: value, onChange: onChange, className: classes.inputMask }) }));
|
|
42
49
|
}
|
|
43
|
-
return (React.createElement(Input, { type: 'time', value: value, className: cx(classes.root, className), onChange: onChange, iconPosition: 'end', icon: icon, width: width, inputProps: Object.assign({ className: classes.inputBase, step: 60 }, rest) }));
|
|
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) }));
|
|
51
|
+
};
|
|
52
|
+
TimePicker.defaultProps = {
|
|
53
|
+
status: 'default'
|
|
44
54
|
};
|
|
45
55
|
TimePicker.displayName = 'TimePicker';
|
|
46
56
|
export default TimePicker;
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../src/TimePicker/TimePicker.tsx"],"names":[],"mappings":"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"}
|
package/index.d.ts
CHANGED
|
@@ -166,6 +166,7 @@ export { default as PasswordInput } from './PasswordInput';
|
|
|
166
166
|
export type { PasswordInputProps } from './PasswordInput';
|
|
167
167
|
export { default as FieldRequirements } from './FieldRequirements';
|
|
168
168
|
export type { FieldRequirementsProps, FieldRequirement } from './FieldRequirements';
|
|
169
|
+
export type { Status as OutlinedInputStatus } from './OutlinedInput';
|
|
169
170
|
export * from './Icon';
|
|
170
171
|
declare const PicassoFallback: () => never;
|
|
171
172
|
export default PicassoFallback;
|
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
|
@@ -1,6 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { TextLabelProps } from '@toptal/picasso-shared';
|
|
3
|
+
export declare type Props = TextLabelProps & {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
};
|
|
2
6
|
export declare const TestingPicasso: {
|
|
3
|
-
({ children, titleCase }:
|
|
7
|
+
({ children, titleCase }: Props): JSX.Element;
|
|
4
8
|
displayName: string;
|
|
5
9
|
};
|
|
6
10
|
export default TestingPicasso;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TestingPicasso.js","sourceRoot":"","sources":["../../src/test-utils/TestingPicasso.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,OAAO,MAAM,0BAA0B,CAAA;
|
|
1
|
+
{"version":3,"file":"TestingPicasso.js","sourceRoot":"","sources":["../../src/test-utils/TestingPicasso.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,OAAO,MAAM,0BAA0B,CAAA;AAO9C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAS,EAAE,EAAE;IAC/D,OAAO,CACL,oBAAC,OAAO,IACN,WAAW,EAAE,KAAK,EAClB,SAAS,EAAE,KAAK,EAChB,WAAW,EAAE,KAAK,EAClB,SAAS,EAAE,SAAS,EACpB,kBAAkB,UAEjB,QAAQ,CACD,CACX,CAAA;AACH,CAAC,CAAA;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAE7C,eAAe,cAAc,CAAA"}
|