@orfium/ictinus 4.32.0 → 4.32.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/DatePicker/DatePickInput/DatePickInput.d.ts +2 -1
- package/dist/components/DatePicker/DatePickInput/DatePickInput.js +4 -1
- package/dist/components/DatePicker/DatePicker.d.ts +2 -1
- package/dist/components/DatePicker/DatePicker.js +4 -2
- package/dist/components/SearchField/SearchField.d.ts +2 -1
- package/dist/components/SearchField/SearchField.js +4 -2
- package/dist/components/Select/Select.d.ts +2 -1
- package/dist/components/Select/Select.js +1 -1
- package/dist/components/TextArea/TextArea.d.ts +2 -1
- package/dist/components/TextArea/TextArea.js +1 -1
- package/dist/components/TextField/TextField.d.ts +2 -1
- package/dist/components/TextField/TextField.js +1 -1
- package/dist/components/TextInputBase/TextInputBase.d.ts +2 -1
- package/dist/components/TextInputBase/TextInputBase.js +5 -0
- package/package.json +1 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { TestProps } from '../../../utils/types';
|
|
2
3
|
import { FilterType, StyleType } from '../../Filter/types';
|
|
3
4
|
import { Props as TextFieldProps } from '../../TextField/TextField';
|
|
4
5
|
import { DateFormatType } from '../DatePicker';
|
|
@@ -25,5 +26,5 @@ declare type Props = {
|
|
|
25
26
|
/** Defines whether the component is open */
|
|
26
27
|
isOpen: boolean;
|
|
27
28
|
};
|
|
28
|
-
declare const DatePickInput: React.ForwardRefExoticComponent<Props & Partial<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">> & React.RefAttributes<HTMLInputElement>>;
|
|
29
|
+
declare const DatePickInput: React.ForwardRefExoticComponent<Props & Partial<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">> & TestProps & React.RefAttributes<HTMLInputElement>>;
|
|
29
30
|
export default DatePickInput;
|
|
@@ -30,6 +30,7 @@ var DatePickInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref, re
|
|
|
30
30
|
var handleFocus = _ref.handleFocus,
|
|
31
31
|
filterConfig = _ref.filterConfig,
|
|
32
32
|
handleClear = _ref.handleClear,
|
|
33
|
+
dataTestId = _ref.dataTestId,
|
|
33
34
|
isRangePicker = _ref.isRangePicker,
|
|
34
35
|
inputProps = _ref.inputProps,
|
|
35
36
|
selectedDay = _ref.selectedDay,
|
|
@@ -47,7 +48,7 @@ var DatePickInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref, re
|
|
|
47
48
|
if (filterConfig != null && filterConfig.filterType) {
|
|
48
49
|
return (0, _react2.jsx)(_FilterBase["default"], {
|
|
49
50
|
isDatePicker: true,
|
|
50
|
-
dataTestId: 'filter',
|
|
51
|
+
dataTestId: (0, _helpers.generateTestDataId)('filter', dataTestId),
|
|
51
52
|
disabled: false,
|
|
52
53
|
buttonType: (filterConfig == null ? void 0 : filterConfig.buttonType) || 'primary',
|
|
53
54
|
styleType: (filterConfig == null ? void 0 : filterConfig.styleType) || 'filled',
|
|
@@ -67,6 +68,7 @@ var DatePickInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref, re
|
|
|
67
68
|
}, inputProps, {
|
|
68
69
|
onFocus: handleFocus,
|
|
69
70
|
onKeyDown: handleClear,
|
|
71
|
+
dataTestId: dataTestId,
|
|
70
72
|
onChange: ON_CHANGE_MOCK,
|
|
71
73
|
placeholder: "Date (start) - Date (end)",
|
|
72
74
|
value: selectedDay.from && getDateFormatted(selectedDay.from) + " - " + getDateFormatted(selectedDay.to),
|
|
@@ -79,6 +81,7 @@ var DatePickInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref, re
|
|
|
79
81
|
}, inputProps, {
|
|
80
82
|
onFocus: handleFocus,
|
|
81
83
|
onKeyDown: handleClear,
|
|
84
|
+
dataTestId: dataTestId,
|
|
82
85
|
onChange: ON_CHANGE_MOCK,
|
|
83
86
|
placeholder: "Select date",
|
|
84
87
|
value: selectedDay.to && getDateFormatted(selectedDay.to),
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { Dayjs } from 'dayjs';
|
|
2
2
|
import React from 'react';
|
|
3
|
+
import { TestProps } from '../../utils/types';
|
|
3
4
|
import { FilterType, StyleType } from '../Filter/types';
|
|
4
5
|
import { Props as TextFieldProps } from '../TextField/TextField';
|
|
5
6
|
import { Range } from './OverlayComponent/OverlayComponent';
|
|
@@ -46,5 +47,5 @@ export declare type ExtraOption = {
|
|
|
46
47
|
};
|
|
47
48
|
export declare type DateFormatType = 'MM/DD/YYYY' | 'DD/MM/YYYY' | 'MMMM D, YYYY' | 'dddd, MMMM D, YYYY' | 'M/D/YYYY' | 'MMM D, YYYY' | 'ddd, MMM D, YYYY';
|
|
48
49
|
export declare const extraOptions: ExtraOption[];
|
|
49
|
-
declare const DatePicker: React.FC<Props>;
|
|
50
|
+
declare const DatePicker: React.FC<Props & TestProps>;
|
|
50
51
|
export default DatePicker;
|
|
@@ -59,7 +59,8 @@ var DatePicker = function DatePicker(_ref) {
|
|
|
59
59
|
isClearable = _ref$isClearable === void 0 ? false : _ref$isClearable,
|
|
60
60
|
filterConfig = _ref.filterConfig,
|
|
61
61
|
_ref$isDefaultNow = _ref.isDefaultNow,
|
|
62
|
-
isDefaultNow = _ref$isDefaultNow === void 0 ? true : _ref$isDefaultNow
|
|
62
|
+
isDefaultNow = _ref$isDefaultNow === void 0 ? true : _ref$isDefaultNow,
|
|
63
|
+
dataTestId = _ref.dataTestId;
|
|
63
64
|
|
|
64
65
|
var _useState = (0, _react.useState)(false),
|
|
65
66
|
isOpen = _useState[0],
|
|
@@ -215,7 +216,8 @@ var DatePicker = function DatePicker(_ref) {
|
|
|
215
216
|
dateFormatOverride: dateFormatOverride,
|
|
216
217
|
handleFocus: handleFocus,
|
|
217
218
|
handleClear: handleClear,
|
|
218
|
-
isOpen: isOpen
|
|
219
|
+
isOpen: isOpen,
|
|
220
|
+
dataTestId: dataTestId
|
|
219
221
|
});
|
|
220
222
|
}
|
|
221
223
|
}, (0, _react2.jsx)("div", {
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { TestProps } from '../../utils/types';
|
|
2
3
|
export declare type Props = {
|
|
3
4
|
/** A callback that's called when the user clicks the 'clear' icon */
|
|
4
5
|
onClear: () => void;
|
|
@@ -10,5 +11,5 @@ declare const SearchField: React.ForwardRefExoticComponent<Props & {
|
|
|
10
11
|
onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
|
|
11
12
|
onKeyDown?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
|
|
12
13
|
onInput?: ((event: any) => void) | undefined;
|
|
13
|
-
} & import("components/TextInputBase").Props & React.RefAttributes<HTMLInputElement>>;
|
|
14
|
+
} & import("components/TextInputBase").Props & TestProps & React.RefAttributes<HTMLInputElement>>;
|
|
14
15
|
export default SearchField;
|
|
@@ -19,7 +19,7 @@ var _TextInputBase2 = require("../TextInputBase/TextInputBase.style");
|
|
|
19
19
|
|
|
20
20
|
var _react2 = require("@emotion/react");
|
|
21
21
|
|
|
22
|
-
var _excluded = ["placeholder", "disabled", "size", "dark", "onClear", "value"];
|
|
22
|
+
var _excluded = ["placeholder", "disabled", "size", "dark", "onClear", "dataTestId", "value"];
|
|
23
23
|
|
|
24
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
25
25
|
|
|
@@ -35,7 +35,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
35
35
|
} : {
|
|
36
36
|
name: "1mz673n-SearchField",
|
|
37
37
|
styles: "width:100%;label:SearchField;",
|
|
38
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
38
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlYXJjaEZpZWxkL1NlYXJjaEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRGUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvU2VhcmNoRmllbGQvU2VhcmNoRmllbGQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHVzZVRoZW1lIGZyb20gJ2hvb2tzL3VzZVRoZW1lJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBERUZBVUxUX1NJWkUgfSBmcm9tICd1dGlscy9zaXplLXV0aWxzJztcblxuaW1wb3J0IHsgVGVzdFByb3BzIH0gZnJvbSAnLi4vLi4vdXRpbHMvdHlwZXMnO1xuaW1wb3J0IEljb24gZnJvbSAnLi4vSWNvbic7XG5pbXBvcnQgeyBJY29uV3JhcHBlciB9IGZyb20gJy4uL1RleHRGaWVsZC9jb21wb25lbnRzL2NvbW1vbnMnO1xuaW1wb3J0IHsgUHJvcHMgYXMgVGV4dEZpZWxkUHJvcHMgfSBmcm9tICdjb21wb25lbnRzL1RleHRGaWVsZC9UZXh0RmllbGQnO1xuaW1wb3J0IFRleHRJbnB1dEJhc2UgZnJvbSAnY29tcG9uZW50cy9UZXh0SW5wdXRCYXNlJztcbmltcG9ydCB7IGlucHV0U3R5bGUgfSBmcm9tICdjb21wb25lbnRzL1RleHRJbnB1dEJhc2UvVGV4dElucHV0QmFzZS5zdHlsZSc7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0ge1xuICAvKiogQSBjYWxsYmFjayB0aGF0J3MgY2FsbGVkIHdoZW4gdGhlIHVzZXIgY2xpY2tzIHRoZSAnY2xlYXInIGljb24gKi9cbiAgb25DbGVhcjogKCkgPT4gdm9pZDtcbn07XG5cbmNvbnN0IFNlYXJjaEZpZWxkID0gUmVhY3QuZm9yd2FyZFJlZjxIVE1MSW5wdXRFbGVtZW50LCBQcm9wcyAmIFRleHRGaWVsZFByb3BzICYgVGVzdFByb3BzPihcbiAgKHByb3BzLCByZWYpID0+IHtcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgICBjb25zdCB7XG4gICAgICBwbGFjZWhvbGRlciA9ICdTZWFyY2gnLFxuICAgICAgZGlzYWJsZWQsXG4gICAgICBzaXplID0gREVGQVVMVF9TSVpFLFxuICAgICAgZGFyayA9IGZhbHNlLFxuICAgICAgb25DbGVhcixcbiAgICAgIGRhdGFUZXN0SWQsXG4gICAgICB2YWx1ZSA9ICcnLFxuICAgICAgLi4ucmVzdFxuICAgIH0gPSBwcm9wcztcblxuICAgIGNvbnN0IHNob3VsZFNob3dDbGVhciA9ICh2YWx1ZSBhcyBzdHJpbmcpLmxlbmd0aCA+IDA7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFJlYWN0LkZyYWdtZW50PlxuICAgICAgICA8VGV4dElucHV0QmFzZVxuICAgICAgICAgIGRhdGFUZXN0SWQ9e2RhdGFUZXN0SWR9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgaXNTZWFyY2hcbiAgICAgICAgICBzdHlsZVR5cGU9eydvdXRsaW5lZCd9XG4gICAgICAgICAgbGVmdEljb249eydzZWFyY2gnfVxuICAgICAgICAgIHJpZ2h0SWNvbj17J2Nsb3NlJ31cbiAgICAgICAgPlxuICAgICAgICAgIDxJY29uV3JhcHBlciBpY29uUG9zaXRpb249eydsZWZ0J30+XG4gICAgICAgICAgICA8SWNvbiBuYW1lPXsnc2VhcmNoJ30gc2l6ZT17MjB9IGNvbG9yPXt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNjUwKX0gLz5cbiAgICAgICAgICA8L0ljb25XcmFwcGVyPlxuXG4gICAgICAgICAgPGRpdiBjc3M9e3sgd2lkdGg6ICcxMDAlJyB9fT5cbiAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICBjc3M9e2lucHV0U3R5bGUoeyBzaXplLCBkYXJrLCBwbGFjZWhvbGRlciB9KX1cbiAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgIHtzaG91bGRTaG93Q2xlYXIgJiYgIWRpc2FibGVkICYmIChcbiAgICAgICAgICAgIDxJY29uV3JhcHBlclxuICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgb25DbGVhcigpO1xuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICBpY29uUG9zaXRpb249eydyaWdodCd9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxJY29uIG5hbWU9eydjbG9zZSd9IHNpemU9ezIwfSBjb2xvcj17dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDY1MCl9IC8+XG4gICAgICAgICAgICA8L0ljb25XcmFwcGVyPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvVGV4dElucHV0QmFzZT5cbiAgICAgIDwvUmVhY3QuRnJhZ21lbnQ+XG4gICAgKTtcbiAgfVxuKTtcblxuU2VhcmNoRmllbGQuZGlzcGxheU5hbWUgPSAnU2VhcmNoRmllbGQnO1xuXG5leHBvcnQgZGVmYXVsdCBTZWFyY2hGaWVsZDtcbiJdfQ== */",
|
|
39
39
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
40
40
|
};
|
|
41
41
|
|
|
@@ -50,12 +50,14 @@ var SearchField = /*#__PURE__*/_react["default"].forwardRef(function (props, ref
|
|
|
50
50
|
_props$dark = props.dark,
|
|
51
51
|
dark = _props$dark === void 0 ? false : _props$dark,
|
|
52
52
|
onClear = props.onClear,
|
|
53
|
+
dataTestId = props.dataTestId,
|
|
53
54
|
_props$value = props.value,
|
|
54
55
|
value = _props$value === void 0 ? '' : _props$value,
|
|
55
56
|
rest = _objectWithoutPropertiesLoose(props, _excluded);
|
|
56
57
|
|
|
57
58
|
var shouldShowClear = value.length > 0;
|
|
58
59
|
return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_TextInputBase["default"], {
|
|
60
|
+
dataTestId: dataTestId,
|
|
59
61
|
disabled: disabled,
|
|
60
62
|
size: size,
|
|
61
63
|
isSearch: true,
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { TestProps } from '../../utils/types';
|
|
2
3
|
import { Props as TextFieldProps } from '../TextField/TextField';
|
|
3
4
|
export declare type SelectOption = {
|
|
4
5
|
value: string | number;
|
|
@@ -71,5 +72,5 @@ declare const Select: React.ForwardRefExoticComponent<{
|
|
|
71
72
|
onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
|
|
72
73
|
onKeyDown?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
|
|
73
74
|
onInput?: ((event: any) => void) | undefined;
|
|
74
|
-
} & import("../TextInputBase").Props & Partial<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">> & React.RefAttributes<HTMLInputElement>>;
|
|
75
|
+
} & import("../TextInputBase").Props & Partial<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">> & TestProps & React.RefAttributes<HTMLInputElement>>;
|
|
75
76
|
export default Select;
|
|
@@ -224,7 +224,7 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
|
|
|
224
224
|
readOnly: !isSearchable,
|
|
225
225
|
disabled: disabled,
|
|
226
226
|
locked: locked,
|
|
227
|
-
|
|
227
|
+
dataTestId: (0, _helpers.generateTestDataId)('select-input', dataTestId)
|
|
228
228
|
}, restInputProps, {
|
|
229
229
|
status: status,
|
|
230
230
|
value: searchValue || inputValue.label,
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { formFieldStyles } from '../../theme/palette';
|
|
3
|
+
import { TestProps } from '../../utils/types';
|
|
3
4
|
export declare type Props = {
|
|
4
5
|
/** The id of the text field that will be used as for in label too */
|
|
5
6
|
id?: string;
|
|
@@ -28,5 +29,5 @@ export declare type Props = {
|
|
|
28
29
|
/** Callback fired when the `input` value typed is changed */
|
|
29
30
|
onInput?: React.EventHandler<any>;
|
|
30
31
|
};
|
|
31
|
-
declare const TextArea: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLTextAreaElement>>;
|
|
32
|
+
declare const TextArea: React.ForwardRefExoticComponent<Props & TestProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
32
33
|
export default TextArea;
|
|
@@ -33,7 +33,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
33
33
|
} : {
|
|
34
34
|
name: "1v8u42f-TextArea",
|
|
35
35
|
styles: "width:100% ;label:TextArea;",
|
|
36
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
36
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRBcmVhL1RleHRBcmVhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRGEiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IG9taXQgZnJvbSAnbG9kYXNoL29taXQnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBmb3JtRmllbGRTdHlsZXMgfSBmcm9tICcuLi8uLi90aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IFRlc3RQcm9wcyB9IGZyb20gJy4uLy4uL3V0aWxzL3R5cGVzJztcbmltcG9ydCBUZXh0SW5wdXRCYXNlIGZyb20gJy4uL1RleHRJbnB1dEJhc2UvVGV4dElucHV0QmFzZSc7XG5pbXBvcnQgeyBpbnB1dFN0eWxlIH0gZnJvbSAnLi9UZXh0QXJlYS5zdHlsZSc7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0ge1xuICAvKiogVGhlIGlkIG9mIHRoZSB0ZXh0IGZpZWxkIHRoYXQgd2lsbCBiZSB1c2VkIGFzIGZvciBpbiBsYWJlbCB0b28gKi9cbiAgaWQ/OiBzdHJpbmc7XG4gIC8qKiBUaGUgcGxhY2Vob2xkZXIgb2YgdGhlIGlucHV0IHRoYXQgd2lsbCBiZSB1c2VkLiBUaGlzIGlzIHNob3duIGlmIG5vIGxhYmVsIGV4aXN0cyAqL1xuICBwbGFjZWhvbGRlcj86IHN0cmluZztcbiAgLyoqIElmIHRoZSB0ZXh0IGZpZWxkIHZhbHVlIGlzIHJlcXVpcmVkICovXG4gIHJlcXVpcmVkPzogYm9vbGVhbjtcbiAgLyoqIElmIHRoZSB0ZXh0IGZpZWxkIGlzIGRpc2FibGVkICovXG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqIElmIHRoZSB0ZXh0IGFyZWEgY2FuIGJlIHJlc2l6ZWQgKi9cbiAgcmVzaXplRW5hYmxlZD86IGJvb2xlYW47XG4gIC8qKiBTdHlsZSBvZiBpbnB1dCBmaWVsZCAqL1xuICBzdHlsZVR5cGU/OiBmb3JtRmllbGRTdHlsZXM7XG4gIC8qKiBFcnJvciBtZXNzYWdlICovXG4gIGhpbnRNc2c/OiBSZWFjdC5SZWFjdE5vZGUgfCBzdHJpbmc7XG4gIC8qKiBUaGUgc3RhdHVzIG9mIHRoZSBidXR0b24gcmVnYXJkaW5nIHRoZSBzdGF0dXMgd2hpY2ggaXMgaW4gLSBkZWZhdWx0IG5vcm1hbCAqL1xuICBzdGF0dXM/OiAnc3VjY2VzcycgfCAnbm9ybWFsJyB8ICdoaW50JyB8ICdlcnJvcic7XG4gIC8qKiBDYWxsYmFjayBmaXJlZCB3aGVuIHRoZSBgaW5wdXRgIGlzIGJsdXJyZWQuICovXG4gIG9uQmx1cj86IFJlYWN0LkZvY3VzRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQgfCBIVE1MVGV4dEFyZWFFbGVtZW50PjtcbiAgLyoqIENhbGxiYWNrIGZpcmVkIHdoZW4gdGhlIGBpbnB1dGAgaXMgY2hhbmdlZC4gKi9cbiAgb25DaGFuZ2U/OiBSZWFjdC5DaGFuZ2VFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudCB8IEhUTUxJbnB1dEVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCBpcyBmb2N1c2VkLiAqL1xuICBvbkZvY3VzPzogUmVhY3QuRm9jdXNFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudCB8IEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCBoYXMgYSBrZXkgZG93biBldmVudC4gKi9cbiAgb25LZXlEb3duPzogUmVhY3QuS2V5Ym9hcmRFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudCB8IEhUTUxJbnB1dEVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCB2YWx1ZSB0eXBlZCBpcyBjaGFuZ2VkICovXG4gIG9uSW5wdXQ/OiBSZWFjdC5FdmVudEhhbmRsZXI8YW55Pjtcbn07XG5cbmNvbnN0IFRleHRBcmVhID0gUmVhY3QuZm9yd2FyZFJlZjxIVE1MVGV4dEFyZWFFbGVtZW50LCBQcm9wcyAmIFRlc3RQcm9wcz4oKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGlkID0gdW5kZWZpbmVkLFxuICAgIHBsYWNlaG9sZGVyID0gJycsXG4gICAgcmVxdWlyZWQgPSBmYWxzZSxcbiAgICBkaXNhYmxlZCxcbiAgICByZXNpemVFbmFibGVkID0gdHJ1ZSxcbiAgICAuLi5yZXN0XG4gIH0gPSBwcm9wcztcblxuICByZXR1cm4gKFxuICAgIDxSZWFjdC5GcmFnbWVudD5cbiAgICAgIDxUZXh0SW5wdXRCYXNlIGlzVGV4dEFyZWEgey4uLnByb3BzfT5cbiAgICAgICAgPGRpdiBjc3M9e3sgd2lkdGg6ICcxMDAlICcgfX0+XG4gICAgICAgICAgPHRleHRhcmVhXG4gICAgICAgICAgICBjc3M9e2lucHV0U3R5bGUoeyBwbGFjZWhvbGRlciwgcmVzaXplRW5hYmxlZDogIWRpc2FibGVkICYmIHJlc2l6ZUVuYWJsZWQgfSl9XG4gICAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICB7Li4ub21pdChyZXN0LCBbJ3N0eWxlVHlwZScsICdoaW50TXNnJ10pfVxuICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L1RleHRJbnB1dEJhc2U+XG4gICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgKTtcbn0pO1xuXG5UZXh0QXJlYS5kaXNwbGF5TmFtZSA9ICdUZXh0QXJlYSc7XG5cbmV4cG9ydCBkZWZhdWx0IFRleHRBcmVhO1xuIl19 */",
|
|
37
37
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
38
38
|
};
|
|
39
39
|
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { TestProps } from '../../utils/types';
|
|
2
3
|
import { Props as TextInputWrapperProps } from 'components/TextInputBase';
|
|
3
4
|
export declare type Props = {
|
|
4
5
|
/** The id of the text field that will be used as for in label too */
|
|
@@ -27,5 +28,5 @@ declare const TextField: React.ForwardRefExoticComponent<{
|
|
|
27
28
|
onKeyDown?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
|
|
28
29
|
/** Callback fired when the `input` value typed is changed */
|
|
29
30
|
onInput?: ((event: any) => void) | undefined;
|
|
30
|
-
} & TextInputWrapperProps & Partial<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">> & React.RefAttributes<HTMLInputElement>>;
|
|
31
|
+
} & TextInputWrapperProps & Partial<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">> & TestProps & React.RefAttributes<HTMLInputElement>>;
|
|
31
32
|
export default TextField;
|
|
@@ -37,7 +37,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
37
37
|
} : {
|
|
38
38
|
name: "1rlc0zw-TextField",
|
|
39
39
|
styles: "width:100% ;label:TextField;",
|
|
40
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
40
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRGaWVsZC9UZXh0RmllbGQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9FZSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UZXh0RmllbGQvVGV4dEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB1c2VUaGVtZSBmcm9tICdob29rcy91c2VUaGVtZSc7XG5pbXBvcnQgUmVhY3QsIHsgSW5wdXRIVE1MQXR0cmlidXRlcyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IERFRkFVTFRfU0laRSB9IGZyb20gJ3V0aWxzL3NpemUtdXRpbHMnO1xuXG5pbXBvcnQgeyBUZXN0UHJvcHMgfSBmcm9tICcuLi8uLi91dGlscy90eXBlcyc7XG5pbXBvcnQgSWNvbiBmcm9tICcuLi9JY29uJztcbmltcG9ydCBMYWJlbCBmcm9tICcuLi9MYWJlbCc7XG5pbXBvcnQgeyBJY29uV3JhcHBlciB9IGZyb20gJy4vY29tcG9uZW50cy9jb21tb25zJztcbmltcG9ydCB7IEFjY2VwdGVkSWNvbk5hbWVzIH0gZnJvbSAnY29tcG9uZW50cy9JY29uL3R5cGVzJztcbmltcG9ydCBUZXh0SW5wdXRCYXNlLCB7IFByb3BzIGFzIFRleHRJbnB1dFdyYXBwZXJQcm9wcyB9IGZyb20gJ2NvbXBvbmVudHMvVGV4dElucHV0QmFzZSc7XG5pbXBvcnQgeyBpbnB1dFN0eWxlIH0gZnJvbSAnY29tcG9uZW50cy9UZXh0SW5wdXRCYXNlL1RleHRJbnB1dEJhc2Uuc3R5bGUnO1xuXG5leHBvcnQgdHlwZSBQcm9wcyA9IHtcbiAgLyoqIFRoZSBpZCBvZiB0aGUgdGV4dCBmaWVsZCB0aGF0IHdpbGwgYmUgdXNlZCBhcyBmb3IgaW4gbGFiZWwgdG9vICovXG4gIGlkPzogc3RyaW5nO1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCBpcyBibHVycmVkLiAqL1xuICBvbkJsdXI/OiBSZWFjdC5Gb2N1c0V2ZW50SGFuZGxlcjxIVE1MSW5wdXRFbGVtZW50IHwgSFRNTFRleHRBcmVhRWxlbWVudD47XG4gIC8qKiBDYWxsYmFjayBmaXJlZCB3aGVuIHRoZSBgaW5wdXRgIGlzIGNoYW5nZWQuICovXG4gIG9uQ2hhbmdlPzogUmVhY3QuQ2hhbmdlRXZlbnRIYW5kbGVyPEhUTUxUZXh0QXJlYUVsZW1lbnQgfCBIVE1MSW5wdXRFbGVtZW50PjtcbiAgLyoqIENhbGxiYWNrIGZpcmVkIHdoZW4gdGhlIGBpbnB1dGAgaXMgZm9jdXNlZC4gKi9cbiAgb25Gb2N1cz86IFJlYWN0LkZvY3VzRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQgfCBIVE1MVGV4dEFyZWFFbGVtZW50PjtcbiAgLyoqIENhbGxiYWNrIGZpcmVkIHdoZW4gdGhlIGBpbnB1dGAgaGFzIGEga2V5IGRvd24gZXZlbnQuICovXG4gIG9uS2V5RG93bj86IFJlYWN0LktleWJvYXJkRXZlbnRIYW5kbGVyPEhUTUxUZXh0QXJlYUVsZW1lbnQgfCBIVE1MSW5wdXRFbGVtZW50PjtcbiAgLyoqIENhbGxiYWNrIGZpcmVkIHdoZW4gdGhlIGBpbnB1dGAgdmFsdWUgdHlwZWQgaXMgY2hhbmdlZCAqL1xuICBvbklucHV0PzogUmVhY3QuRXZlbnRIYW5kbGVyPGFueT47XG59ICYgVGV4dElucHV0V3JhcHBlclByb3BzO1xuXG50eXBlIElucHV0UHJvcHMgPSBQYXJ0aWFsPE9taXQ8SW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgJ3NpemUnPj47XG5cbmNvbnN0IFRleHRGaWVsZCA9IFJlYWN0LmZvcndhcmRSZWY8SFRNTElucHV0RWxlbWVudCwgUHJvcHMgJiBJbnB1dFByb3BzICYgVGVzdFByb3BzPihcbiAgKHByb3BzLCByZWYpID0+IHtcbiAgICBjb25zdCB7XG4gICAgICBpZCA9IHVuZGVmaW5lZCxcbiAgICAgIHJpZ2h0SWNvbiA9IG51bGwsXG4gICAgICBsZWZ0SWNvbiA9IG51bGwsXG4gICAgICBsYWJlbCxcbiAgICAgIHBsYWNlaG9sZGVyID0gJycsXG4gICAgICByZXF1aXJlZCA9IGZhbHNlLFxuICAgICAgZGlzYWJsZWQsXG4gICAgICBsb2NrZWQgPSBmYWxzZSxcbiAgICAgIHNpemUgPSBERUZBVUxUX1NJWkUsXG4gICAgICBkYXJrID0gZmFsc2UsXG4gICAgICBsZWFuLFxuICAgICAgaGludE1zZzogX19oaW50TXNnLFxuICAgICAgc3R5bGVUeXBlOiBfX3N0eWxlVHlwZSxcbiAgICAgIHJlYWRPbmx5LFxuICAgICAgc3RhdHVzLFxuICAgICAgLi4ucmVzdFxuICAgIH0gPSBwcm9wcztcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgICBjb25zdCBnZXRJY29uID0gKGljb246IEFjY2VwdGVkSWNvbk5hbWVzIHwgSlNYLkVsZW1lbnQgfCBudWxsKSA9PlxuICAgICAgaWNvbiA/IChcbiAgICAgICAgdHlwZW9mIGljb24gPT09ICdzdHJpbmcnID8gKFxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBuYW1lPXtpY29uIGFzIEFjY2VwdGVkSWNvbk5hbWVzfVxuICAgICAgICAgICAgc2l6ZT17MjR9XG4gICAgICAgICAgICBjb2xvcj17dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDY1MCl9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBpY29uXG4gICAgICAgIClcbiAgICAgICkgOiBudWxsO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxSZWFjdC5GcmFnbWVudD5cbiAgICAgICAgPFRleHRJbnB1dEJhc2Ugey4uLnByb3BzfT5cbiAgICAgICAgICB7bGVmdEljb24gJiYgPEljb25XcmFwcGVyIGljb25Qb3NpdGlvbj17J2xlZnQnfT57Z2V0SWNvbihsZWZ0SWNvbil9PC9JY29uV3JhcHBlcj59XG4gICAgICAgICAgPGRpdiBjc3M9e3sgd2lkdGg6ICcxMDAlICcgfX0+XG4gICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5fVxuICAgICAgICAgICAgICBjc3M9e2lucHV0U3R5bGUoeyBsYWJlbCwgcGxhY2Vob2xkZXIsIHNpemUsIGRhcmssIGxlYW4gfSl9XG4gICAgICAgICAgICAgIHBsYWNlaG9sZGVyPXshbGFiZWwgJiYgcGxhY2Vob2xkZXIgPyBgJHtwbGFjZWhvbGRlcn0gJHtyZXF1aXJlZCA/ICcqJyA6ICcnfWAgOiBsYWJlbH1cbiAgICAgICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZCB8fCBsb2NrZWR9XG4gICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgICA8TGFiZWxcbiAgICAgICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgICAgICAgIGh0bWxGb3I9e2lkfVxuICAgICAgICAgICAgICAgIGxhYmVsPXtsYWJlbH1cbiAgICAgICAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgICAgICAgYW5pbWF0ZVRvVG9wPXtCb29sZWFuKHJlc3QudmFsdWUpfVxuICAgICAgICAgICAgICAgIGVycm9yPXtzdGF0dXMgPT09ICdlcnJvcid9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIHtyaWdodEljb24gJiYgIWxvY2tlZCAmJiAoXG4gICAgICAgICAgICA8SWNvbldyYXBwZXIgaWNvblBvc2l0aW9uPXsncmlnaHQnfT57Z2V0SWNvbihyaWdodEljb24pfTwvSWNvbldyYXBwZXI+XG4gICAgICAgICAgKX1cbiAgICAgICAgICB7bG9ja2VkICYmIChcbiAgICAgICAgICAgIDxJY29uV3JhcHBlciBpY29uUG9zaXRpb249eydyaWdodCd9PlxuICAgICAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgICAgIG5hbWU9XCJsb2NrXCJcbiAgICAgICAgICAgICAgICBzaXplPXtzaXplID09PSAnbWQnID8gMjAgOiAxNn1cbiAgICAgICAgICAgICAgICBjb2xvcj17dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDY1MCl9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L0ljb25XcmFwcGVyPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvVGV4dElucHV0QmFzZT5cbiAgICAgIDwvUmVhY3QuRnJhZ21lbnQ+XG4gICAgKTtcbiAgfVxuKTtcblxuVGV4dEZpZWxkLmRpc3BsYXlOYW1lID0gJ1RleHRGaWVsZCc7XG5cbmV4cG9ydCBkZWZhdWx0IFRleHRGaWVsZDtcbiJdfQ== */",
|
|
41
41
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
42
42
|
};
|
|
43
43
|
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React, { FC } from 'react';
|
|
2
2
|
import { formFieldStyles } from 'theme/palette';
|
|
3
|
+
import { TestProps } from '../../utils/types';
|
|
3
4
|
import { textInputSizes } from './config';
|
|
4
5
|
import { AcceptedIconNames } from 'components/Icon/types';
|
|
5
6
|
export declare type Props = {
|
|
@@ -38,5 +39,5 @@ export declare type Props = {
|
|
|
38
39
|
};
|
|
39
40
|
/** This Component is a wrapper for all primitives that hold text like Select, TextArea, TextInput. Here we keep the
|
|
40
41
|
* logic of all the hover, focus status etc and the styling of these centralized **/
|
|
41
|
-
declare const TextInputBase: FC<Props>;
|
|
42
|
+
declare const TextInputBase: FC<Props & TestProps>;
|
|
42
43
|
export default TextInputBase;
|
|
@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
9
9
|
|
|
10
10
|
var _sizeUtils = require("../../utils/size-utils");
|
|
11
11
|
|
|
12
|
+
var _helpers = require("../../utils/helpers");
|
|
13
|
+
|
|
12
14
|
var _TextInputBase = require("./TextInputBase.style");
|
|
13
15
|
|
|
14
16
|
var _Icon = _interopRequireDefault(require("../Icon"));
|
|
@@ -30,6 +32,7 @@ var TextInputBase = function TextInputBase(_ref) {
|
|
|
30
32
|
hintMsg = _ref.hintMsg,
|
|
31
33
|
_ref$styleType = _ref.styleType,
|
|
32
34
|
styleType = _ref$styleType === void 0 ? 'filled' : _ref$styleType,
|
|
35
|
+
dataTestId = _ref.dataTestId,
|
|
33
36
|
_ref$status = _ref.status,
|
|
34
37
|
status = _ref$status === void 0 ? 'normal' : _ref$status,
|
|
35
38
|
_ref$locked = _ref.locked,
|
|
@@ -41,6 +44,7 @@ var TextInputBase = function TextInputBase(_ref) {
|
|
|
41
44
|
children = _ref.children;
|
|
42
45
|
var theme = (0, _useTheme["default"])();
|
|
43
46
|
var hintMessageToShow = hintMsg && (0, _react2.jsx)("div", {
|
|
47
|
+
"data-testid": (0, _helpers.generateTestDataId)('error', dataTestId),
|
|
44
48
|
css: (0, _TextInputBase.errorMsgStyle)({
|
|
45
49
|
status: status
|
|
46
50
|
})
|
|
@@ -50,6 +54,7 @@ var TextInputBase = function TextInputBase(_ref) {
|
|
|
50
54
|
size: 12
|
|
51
55
|
}), hintMsg);
|
|
52
56
|
return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)("div", {
|
|
57
|
+
"data-testid": dataTestId,
|
|
53
58
|
css: (0, _TextInputBase.wrapperStyle)({
|
|
54
59
|
dark: dark,
|
|
55
60
|
locked: locked,
|