@epilot/base-elements 3.3.3 → 3.3.5
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/Accordion/index.d.ts +1 -3
- package/dist/Accordion/index.js +5 -3
- package/dist/Accordion/index.js.map +1 -1
- package/dist/Autocomplete/Autocomplete.d.ts +1 -1
- package/dist/Collapse/index.d.ts +1 -2
- package/dist/Collapse/index.js +10 -3
- package/dist/Collapse/index.js.map +1 -1
- package/dist/Divider/index.d.ts +1 -2
- package/dist/Divider/index.js +10 -3
- package/dist/Divider/index.js.map +1 -1
- package/dist/Drawer/index.d.ts +1 -2
- package/dist/Drawer/index.js +10 -3
- package/dist/Drawer/index.js.map +1 -1
- package/dist/Drawer360/ActionFooter.d.ts +2 -1
- package/dist/Drawer360/ActionFooter.js +5 -64
- package/dist/Drawer360/ActionFooter.js.map +1 -1
- package/dist/Drawer360/Drawer360.d.ts +1 -1
- package/dist/Drawer360/Drawer360.js +6 -48
- package/dist/Drawer360/Drawer360.js.map +1 -1
- package/dist/Drawer360/helpers.js +1 -6
- package/dist/Drawer360/helpers.js.map +1 -1
- package/dist/Drawer360/styles.d.ts +11 -0
- package/dist/Drawer360/styles.js +106 -0
- package/dist/Drawer360/styles.js.map +1 -0
- package/dist/Drawer360/types.d.ts +1 -0
- package/dist/FeedbackMessage/types.d.ts +1 -1
- package/dist/Form/index.d.ts +1 -7
- package/dist/Form/index.js +8 -14
- package/dist/Form/index.js.map +1 -1
- package/dist/Form/types.d.ts +2 -2
- package/dist/Grid/index.d.ts +1 -2
- package/dist/Grid/index.js.map +1 -1
- package/dist/Hidden/index.d.ts +1 -1
- package/dist/Hidden/index.js +3 -1
- package/dist/Hidden/index.js.map +1 -1
- package/dist/Icon/Icon.d.ts +5 -5
- package/dist/Icon/Icon.js +15 -17
- package/dist/Icon/Icon.js.map +1 -1
- package/dist/Icon/index.d.ts +1 -1
- package/dist/Icon/index.js +1 -5
- package/dist/Icon/index.js.map +1 -1
- package/dist/Icon/types.d.ts +4 -8
- package/dist/IconButton/IconButton.d.ts +3 -4
- package/dist/IconButton/IconButton.js +10 -10
- package/dist/IconButton/IconButton.js.map +1 -1
- package/dist/IconButton/types.d.ts +2 -2
- package/dist/Image/Image.d.ts +3 -3
- package/dist/Image/Image.js +5 -5
- package/dist/Image/Image.js.map +1 -1
- package/dist/Link/index.d.ts +1 -1
- package/dist/Link/index.js +2 -2
- package/dist/Link/index.js.map +1 -1
- package/dist/Link/types.d.ts +4 -36
- package/dist/List/List.d.ts +5 -8
- package/dist/List/List.js +14 -27
- package/dist/List/List.js.map +1 -1
- package/dist/List/types.d.ts +2 -6
- package/dist/Menu/Menu.d.ts +1 -6
- package/dist/Menu/Menu.js +12 -5
- package/dist/Menu/Menu.js.map +1 -1
- package/dist/Menu/index.d.ts +1 -1
- package/dist/Menu/index.js +7 -1
- package/dist/Menu/index.js.map +1 -1
- package/dist/Menu/types.d.ts +2 -2
- package/dist/Notification/Notification.d.ts +6 -6
- package/dist/Notification/Notification.js +26 -25
- package/dist/Notification/Notification.js.map +1 -1
- package/dist/Pagination/Pagination.d.ts +2 -3
- package/dist/Pagination/Pagination.js +20 -31
- package/dist/Pagination/Pagination.js.map +1 -1
- package/dist/Pagination/PaginationHelper.d.ts +2 -5
- package/dist/Pagination/PaginationHelper.js +4 -7
- package/dist/Pagination/PaginationHelper.js.map +1 -1
- package/dist/Pagination/index.d.ts +1 -1
- package/dist/Pagination/index.js +1 -3
- package/dist/Pagination/index.js.map +1 -1
- package/dist/Pagination/types.d.ts +2 -2
- package/dist/Paper/Paper.d.ts +1 -2
- package/dist/Paper/Paper.js +8 -1
- package/dist/Paper/Paper.js.map +1 -1
- package/dist/Paper/index.d.ts +1 -2
- package/dist/Paper/index.js +10 -3
- package/dist/Paper/index.js.map +1 -1
- package/dist/Paper/types.d.ts +1 -2
- package/dist/Pickers/DatePicker.d.ts +1 -7
- package/dist/Pickers/DatePicker.js.map +1 -1
- package/dist/Popover/Popover.d.ts +1 -2
- package/dist/Popover/Popover.js +8 -1
- package/dist/Popover/Popover.js.map +1 -1
- package/dist/Popover/index.d.ts +1 -3
- package/dist/Popover/index.js +9 -4
- package/dist/Popover/index.js.map +1 -1
- package/dist/Popover/types.d.ts +1 -2
- package/dist/Progress/Progress.d.ts +1 -5
- package/dist/Progress/Progress.js +10 -9
- package/dist/Progress/Progress.js.map +1 -1
- package/dist/Progress/index.d.ts +1 -2
- package/dist/Progress/index.js +11 -3
- package/dist/Progress/index.js.map +1 -1
- package/dist/Progress/types.d.ts +1 -3
- package/dist/Radio/Radio.d.ts +3 -3
- package/dist/Radio/Radio.js +5 -4
- package/dist/Radio/Radio.js.map +1 -1
- package/dist/Radio/RadioGroup.d.ts +1 -3
- package/dist/Radio/RadioGroup.js +9 -6
- package/dist/Radio/RadioGroup.js.map +1 -1
- package/dist/Radio/index.d.ts +2 -2
- package/dist/Radio/index.js +4 -4
- package/dist/Radio/index.js.map +1 -1
- package/dist/Radio/types.d.ts +2 -3
- package/dist/Rating/Rating.d.ts +3 -3
- package/dist/Rating/Rating.js +9 -6
- package/dist/Rating/Rating.js.map +1 -1
- package/dist/Select/Select.d.ts +2 -2
- package/dist/Select/Select.js +10 -12
- package/dist/Select/Select.js.map +1 -1
- package/dist/Select/types.d.ts +2 -57
- package/dist/Slide/Slide.d.ts +1 -3
- package/dist/Slide/Slide.js +9 -8
- package/dist/Slide/Slide.js.map +1 -1
- package/dist/Slide/index.d.ts +1 -1
- package/dist/Slide/index.js +2 -2
- package/dist/Slide/index.js.map +1 -1
- package/dist/Snackbar/Snackbar.d.ts +1 -3
- package/dist/Snackbar/Snackbar.js +8 -7
- package/dist/Snackbar/Snackbar.js.map +1 -1
- package/dist/Snackbar/index.d.ts +1 -2
- package/dist/Snackbar/index.js +9 -4
- package/dist/Snackbar/index.js.map +1 -1
- package/dist/Snackbar/types.d.ts +1 -2
- package/dist/Spacing/Spacing.d.ts +6 -6
- package/dist/Spacing/Spacing.js +21 -24
- package/dist/Spacing/Spacing.js.map +1 -1
- package/dist/Spacing/types.d.ts +2 -6
- package/dist/Stepper/MobileStepper.d.ts +1 -2
- package/dist/Stepper/MobileStepper.js +8 -4
- package/dist/Stepper/MobileStepper.js.map +1 -1
- package/dist/Stepper/index.d.ts +1 -1
- package/dist/Stepper/index.js +3 -1
- package/dist/Stepper/index.js.map +1 -1
- package/dist/Switch/Switch.d.ts +3 -3
- package/dist/Switch/Switch.js +7 -6
- package/dist/Switch/Switch.js.map +1 -1
- package/dist/Switch/index.d.ts +1 -1
- package/dist/Switch/index.js +1 -3
- package/dist/Switch/index.js.map +1 -1
- package/dist/Table/ResizeTableCell/ResizeTableCell.d.ts +2 -2
- package/dist/Table/ResizeTableCell/ResizeTableCell.js +3 -6
- package/dist/Table/ResizeTableCell/ResizeTableCell.js.map +1 -1
- package/dist/Table/ResizeTableCell/ResizeTableContext.d.ts +2 -5
- package/dist/Table/ResizeTableCell/ResizeTableContext.js +4 -4
- package/dist/Table/ResizeTableCell/ResizeTableContext.js.map +1 -1
- package/dist/Table/Table.d.ts +1 -9
- package/dist/Table/Table.js +16 -9
- package/dist/Table/Table.js.map +1 -1
- package/dist/Table/types.d.ts +1 -7
- package/dist/TableColumnSettings/TableColumnSettings.d.ts +2 -3
- package/dist/TableColumnSettings/TableColumnSettings.js +5 -4
- package/dist/TableColumnSettings/TableColumnSettings.js.map +1 -1
- package/dist/TableColumnSettings/index.d.ts +1 -2
- package/dist/TableColumnSettings/index.js +2 -2
- package/dist/TableColumnSettings/index.js.map +1 -1
- package/dist/TableColumnSettings/types.d.ts +1 -0
- package/dist/TextField/InlineTextField.d.ts +3 -3
- package/dist/TextField/InlineTextField.js +32 -102
- package/dist/TextField/InlineTextField.js.map +1 -1
- package/dist/TextField/TextField.d.ts +2 -2
- package/dist/TextField/TextField.js +4 -4
- package/dist/TextField/TextField.js.map +1 -1
- package/dist/TextField/ValidatedTextField.d.ts +2 -2
- package/dist/TextField/ValidatedTextField.js +7 -20
- package/dist/TextField/ValidatedTextField.js.map +1 -1
- package/dist/TextField/styles.d.ts +2 -1
- package/dist/TextField/styles.js +79 -1
- package/dist/TextField/styles.js.map +1 -1
- package/dist/ThemeProvider/DefaultEpilotTheme.d.ts +3 -2
- package/dist/ThemeProvider/DefaultEpilotTheme.js.map +1 -1
- package/dist/ThemeProvider/ThemeProvider.js +7 -5
- package/dist/ThemeProvider/ThemeProvider.js.map +1 -1
- package/dist/ThemeProvider/mapping.js +148 -164
- package/dist/ThemeProvider/mapping.js.map +1 -1
- package/dist/ThemeProvider/types.d.ts +3 -0
- package/dist/ToggleButton/ToggleButton.d.ts +1 -2
- package/dist/ToggleButton/ToggleButton.js +9 -3
- package/dist/ToggleButton/ToggleButton.js.map +1 -1
- package/dist/ToggleButton/types.d.ts +2 -2
- package/dist/ToggleButtonGroup/index.d.ts +1 -2
- package/dist/ToggleButtonGroup/index.js +10 -3
- package/dist/ToggleButtonGroup/index.js.map +1 -1
- package/dist/Tooltip/Tooltip.d.ts +2 -2
- package/dist/Tooltip/Tooltip.js +4 -4
- package/dist/Tooltip/Tooltip.js.map +1 -1
- package/dist/bundle.js +73 -73
- package/dist/bundle.js.map +1 -1
- package/dist/context/ClassPrefixContext.js +2 -2
- package/dist/context/ClassPrefixContext.js.map +1 -1
- package/dist/utils.d.ts +2 -3
- package/dist/utils.js.map +1 -1
- package/package.json +1 -1
- package/CHANGELOG.md +0 -1138
|
@@ -3,92 +3,20 @@ exports.__esModule = true;
|
|
|
3
3
|
exports.InlineTextField = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var core_1 = require("@material-ui/core");
|
|
6
|
+
var classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
6
7
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
7
8
|
var Icon_1 = require("../Icon");
|
|
8
9
|
var IconButton_1 = require("../IconButton");
|
|
9
10
|
var styles_1 = require("../styles");
|
|
10
|
-
var
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
backgroundColor: 'transparent',
|
|
15
|
-
'& fieldset': {
|
|
16
|
-
borderWidth: 0
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
},
|
|
20
|
-
sizes: function (_a) {
|
|
21
|
-
var size = _a.size;
|
|
22
|
-
return ({
|
|
23
|
-
'& div': getSizeStyle(size)
|
|
24
|
-
});
|
|
25
|
-
}
|
|
26
|
-
});
|
|
27
|
-
});
|
|
28
|
-
function getSizeStyle(size) {
|
|
29
|
-
switch (size) {
|
|
30
|
-
case 'medium':
|
|
31
|
-
return {
|
|
32
|
-
paddingRight: 14,
|
|
33
|
-
fontSize: 16,
|
|
34
|
-
height: 40,
|
|
35
|
-
'& input': {
|
|
36
|
-
paddingLeft: 10
|
|
37
|
-
},
|
|
38
|
-
'& i': {
|
|
39
|
-
fontSize: '12px !important'
|
|
40
|
-
}
|
|
41
|
-
};
|
|
42
|
-
case 'small':
|
|
43
|
-
return {
|
|
44
|
-
paddingRight: 10,
|
|
45
|
-
fontSize: 14,
|
|
46
|
-
height: 32,
|
|
47
|
-
'& input': {
|
|
48
|
-
paddingLeft: 8
|
|
49
|
-
},
|
|
50
|
-
'& i': {
|
|
51
|
-
fontSize: '12px !important'
|
|
52
|
-
}
|
|
53
|
-
};
|
|
54
|
-
case 'large':
|
|
55
|
-
return {
|
|
56
|
-
paddingRight: 14,
|
|
57
|
-
fontSize: 16,
|
|
58
|
-
height: 48,
|
|
59
|
-
'& i': {
|
|
60
|
-
fontSize: '12px !important'
|
|
61
|
-
}
|
|
62
|
-
};
|
|
63
|
-
case 'veryLarge':
|
|
64
|
-
return {
|
|
65
|
-
paddingRight: 16,
|
|
66
|
-
fontSize: 20,
|
|
67
|
-
height: 56,
|
|
68
|
-
'& i': {
|
|
69
|
-
fontSize: '16px !important'
|
|
70
|
-
}
|
|
71
|
-
};
|
|
72
|
-
case 'verySmall':
|
|
73
|
-
return {
|
|
74
|
-
paddingRight: 8,
|
|
75
|
-
fontSize: 12,
|
|
76
|
-
height: 24,
|
|
77
|
-
'& input': {
|
|
78
|
-
paddingLeft: 8
|
|
79
|
-
},
|
|
80
|
-
'& i': {
|
|
81
|
-
fontSize: '8px !important'
|
|
82
|
-
}
|
|
83
|
-
};
|
|
84
|
-
default:
|
|
85
|
-
return {};
|
|
86
|
-
}
|
|
11
|
+
var styles_2 = require("./styles");
|
|
12
|
+
function countCapitalLetters(string) {
|
|
13
|
+
var matches = string.match(/[A-Z]/g);
|
|
14
|
+
return matches ? matches.length : 0;
|
|
87
15
|
}
|
|
88
|
-
function
|
|
16
|
+
exports.InlineTextField = react_1.memo(function (props) {
|
|
89
17
|
var initialValue = props.value, onChange = props.onChange, containerStyle = props.containerStyle, isLabel = props.isLabel, compact = props.compact, _a = props.inputProps, inputProps = _a === void 0 ? {} : _a, labelStyle = props.labelStyle, _b = props.clickAwayAction, clickAwayAction = _b === void 0 ? 'ABORT' : _b, _c = props.size, size = _c === void 0 ? 'medium' : _c, rest = tslib_1.__rest(props, ["value", "onChange", "containerStyle", "isLabel", "compact", "inputProps", "labelStyle", "clickAwayAction", "size"]);
|
|
90
18
|
var style = inputProps.style, restinputProps = tslib_1.__rest(inputProps, ["style"]);
|
|
91
|
-
var classes =
|
|
19
|
+
var classes = styles_2.useInlineTextFieldStyles(props);
|
|
92
20
|
var _d = react_1.useState(false), showControls = _d[0], setShowControls = _d[1];
|
|
93
21
|
var _e = react_1.useState(false), showEditingIcon = _e[0], setShowEditingIcon = _e[1];
|
|
94
22
|
var _f = react_1.useState(initialValue), value = _f[0], setValue = _f[1];
|
|
@@ -97,22 +25,23 @@ function InlineTextField(props) {
|
|
|
97
25
|
}, [initialValue]);
|
|
98
26
|
var theme = styles_1.useTheme();
|
|
99
27
|
var ignoreBlur = react_1.useRef(false);
|
|
100
|
-
var
|
|
28
|
+
var handleClickCheck = function () {
|
|
101
29
|
ignoreBlur.current = true;
|
|
102
|
-
onChange
|
|
103
|
-
onChange({ target: { value: value } });
|
|
30
|
+
onChange === null || onChange === void 0 ? void 0 : onChange({ target: { value: value } });
|
|
104
31
|
setShowControls(false);
|
|
105
32
|
// allow the async process to ignore the blur undo for 300 ms
|
|
33
|
+
/**
|
|
34
|
+
* @todo Remove setTimeout
|
|
35
|
+
*/
|
|
106
36
|
setTimeout(function () {
|
|
107
37
|
ignoreBlur.current = false;
|
|
108
38
|
}, 300);
|
|
109
39
|
};
|
|
110
|
-
var
|
|
40
|
+
var handleClickCancel = function () {
|
|
111
41
|
if (!ignoreBlur.current) {
|
|
112
|
-
onChange
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
});
|
|
42
|
+
onChange === null || onChange === void 0 ? void 0 : onChange({
|
|
43
|
+
target: { value: initialValue }
|
|
44
|
+
});
|
|
116
45
|
setValue(initialValue);
|
|
117
46
|
}
|
|
118
47
|
setShowControls(false);
|
|
@@ -120,36 +49,37 @@ function InlineTextField(props) {
|
|
|
120
49
|
var onFormSubmit = function (e) {
|
|
121
50
|
e.preventDefault();
|
|
122
51
|
setShowControls(false);
|
|
123
|
-
onChange
|
|
124
|
-
onChange({ target: { value: value } });
|
|
52
|
+
onChange === null || onChange === void 0 ? void 0 : onChange({ target: { value: value } });
|
|
125
53
|
};
|
|
126
54
|
var handleKeyDown = function (e) {
|
|
127
|
-
if (e
|
|
128
|
-
|
|
55
|
+
if ((e === null || e === void 0 ? void 0 : e.keyCode) === 27) {
|
|
56
|
+
handleClickCancel();
|
|
129
57
|
}
|
|
130
|
-
if (e
|
|
131
|
-
|
|
58
|
+
else if ((e === null || e === void 0 ? void 0 : e.keyCode) === 13) {
|
|
59
|
+
handleClickCheck();
|
|
132
60
|
e.target.blur();
|
|
133
61
|
}
|
|
134
62
|
};
|
|
63
|
+
var numberOfCapitalLetters = typeof value === 'string' ? countCapitalLetters(value) : 0;
|
|
64
|
+
var numberOfNonCapitalLetters = typeof value === 'string' ? value.length - numberOfCapitalLetters : 0;
|
|
65
|
+
var sizeInLetters = numberOfCapitalLetters * 1.5 + numberOfNonCapitalLetters + 1;
|
|
135
66
|
return (react_1["default"].createElement("form", { onSubmit: onFormSubmit, style: tslib_1.__assign({ position: 'relative', display: 'inline-flex', flexDirection: 'column', alignItems: 'flex-end' }, containerStyle) },
|
|
136
67
|
react_1["default"].createElement(core_1.TextField, tslib_1.__assign({ InputProps: {
|
|
137
68
|
endAdornment: (react_1["default"].createElement(Icon_1.EIcon, { color: "secondary", name: "pencil2", style: {
|
|
138
69
|
visibility: showEditingIcon && !showControls ? 'visible' : 'hidden'
|
|
139
70
|
} }))
|
|
140
|
-
}, className: classes.sizes
|
|
71
|
+
}, className: classnames_1["default"](classes.sizes, isLabel && classes.withLabel), inputProps: tslib_1.__assign(tslib_1.__assign({ size: compact && typeof value === 'string' ? sizeInLetters : undefined, maxLength: compact && typeof value === 'string' ? 'auto' : undefined }, restinputProps), { style: tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, style), labelStyle), { color: showControls || showEditingIcon
|
|
141
72
|
? theme.palette.text.primary
|
|
142
|
-
: (labelStyle === null || labelStyle === void 0 ? void 0 : labelStyle.color) || (style === null || style === void 0 ? void 0 : style.color) }) }), onBlur: function () {
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
function renderControls(onClickCheck, onClickCancel) {
|
|
73
|
+
: (labelStyle === null || labelStyle === void 0 ? void 0 : labelStyle.color) || (style === null || style === void 0 ? void 0 : style.color) }) }), onBlur: clickAwayAction === 'ABORT' ? handleClickCancel : handleClickCheck, onChange: function (e) { return setValue(e.target.value); }, onFocus: function () { return setShowControls(true); }, onKeyDown: handleKeyDown, onMouseEnter: function () { return setShowEditingIcon(true); }, onMouseLeave: function () { return setShowEditingIcon(false); }, value: value, variant: "outlined" }, rest)),
|
|
74
|
+
showControls && (react_1["default"].createElement(Controls, { onClickCancel: handleClickCancel, onClickCheck: handleClickCheck }))));
|
|
75
|
+
});
|
|
76
|
+
exports.InlineTextField.displayName = 'InlineTextField';
|
|
77
|
+
var Controls = function (_a) {
|
|
78
|
+
var onClickCheck = _a.onClickCheck, onClickCancel = _a.onClickCancel;
|
|
149
79
|
return (react_1["default"].createElement("span", { style: { position: 'absolute', top: '100%', marginTop: 4, lineHeight: 1 } },
|
|
150
80
|
react_1["default"].createElement(IconButton_1.ElevatedIconButton, { onMouseDown: onClickCheck, style: { zIndex: 999 }, variant: "rounded" },
|
|
151
81
|
react_1["default"].createElement(Icon_1.EIcon, { color: "secondary", fontSize: 16, name: "check" })),
|
|
152
82
|
react_1["default"].createElement(IconButton_1.ElevatedIconButton, { onMouseDown: onClickCancel, style: { marginLeft: 4, zIndex: 999 }, variant: "rounded" },
|
|
153
83
|
react_1["default"].createElement(Icon_1.EIcon, { fontSize: 16, name: "x" }))));
|
|
154
|
-
}
|
|
84
|
+
};
|
|
155
85
|
//# sourceMappingURL=InlineTextField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineTextField.js","sourceRoot":"","sources":["../../src/TextField/InlineTextField.tsx"],"names":[],"mappings":";;;;AAAA,0CAA6C;AAC7C,
|
|
1
|
+
{"version":3,"file":"InlineTextField.js","sourceRoot":"","sources":["../../src/TextField/InlineTextField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { TextFieldProps } from './types';
|
|
3
|
-
export declare
|
|
3
|
+
export declare const TextField: React.MemoExoticComponent<({ InputProps, customBackgroundColor, ...props }: TextFieldProps) => JSX.Element>;
|
|
@@ -3,12 +3,12 @@ exports.__esModule = true;
|
|
|
3
3
|
exports.TextField = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var core_1 = require("@material-ui/core");
|
|
6
|
-
var react_1 = tslib_1.
|
|
6
|
+
var react_1 = tslib_1.__importStar(require("react"));
|
|
7
7
|
var styles_1 = require("./styles");
|
|
8
|
-
function
|
|
8
|
+
exports.TextField = react_1.memo(function (_a) {
|
|
9
9
|
var InputProps = _a.InputProps, customBackgroundColor = _a.customBackgroundColor, props = tslib_1.__rest(_a, ["InputProps", "customBackgroundColor"]);
|
|
10
10
|
var classes = styles_1.useTextFieldStyles(tslib_1.__assign({ customBackgroundColor: customBackgroundColor }, props));
|
|
11
11
|
return react_1["default"].createElement(core_1.TextField, tslib_1.__assign({ InputProps: tslib_1.__assign({ classes: classes }, InputProps) }, props));
|
|
12
|
-
}
|
|
13
|
-
exports.TextField = TextField;
|
|
12
|
+
});
|
|
13
|
+
exports.TextField.displayName = 'TextField';
|
|
14
14
|
//# sourceMappingURL=TextField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../src/TextField/TextField.tsx"],"names":[],"mappings":";;;;AAAA,0CAA6D;AAC7D,
|
|
1
|
+
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../src/TextField/TextField.tsx"],"names":[],"mappings":";;;;AAAA,0CAA6D;AAC7D,qDAAmC;AAEnC,mCAA6C;AAGhC,QAAA,SAAS,GAAG,YAAI,CAC3B,UAAC,EAA+D;IAA7D,IAAA,UAAU,gBAAA,EAAE,qBAAqB,2BAAA,EAAK,KAAK,sBAA7C,uCAA+C,CAAF;IAC5C,IAAM,OAAO,GAAG,2BAAkB,oBAAG,qBAAqB,uBAAA,IAAK,KAAK,EAAG,CAAA;IAEvE,OAAO,iCAAC,gBAAY,qBAAC,UAAU,qBAAI,OAAO,SAAA,IAAK,UAAU,KAAQ,KAAK,EAAI,CAAA;AAC5E,CAAC,CACF,CAAA;AAED,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAA"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { ValidatedTextFieldProps } from './types';
|
|
3
|
-
export declare
|
|
3
|
+
export declare const ValidatedTextField: React.MemoExoticComponent<(props: ValidatedTextFieldProps) => JSX.Element>;
|
|
@@ -4,33 +4,20 @@ exports.ValidatedTextField = void 0;
|
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
6
6
|
var TextField_1 = require("./TextField");
|
|
7
|
-
function
|
|
7
|
+
exports.ValidatedTextField = react_1.memo(function (props) {
|
|
8
8
|
var onError = props.onError, onChange = props.onChange, validationRegEx = props.validationRegEx, value = props.value, variant = props.variant, rest = tslib_1.__rest(props, ["onError", "onChange", "validationRegEx", "value", "variant"]);
|
|
9
9
|
var _a = react_1.useState(false), error = _a[0], setError = _a[1];
|
|
10
10
|
var handleChange = function (event) {
|
|
11
11
|
// is valid
|
|
12
12
|
var isValid = validationRegEx.test(event.target.value);
|
|
13
13
|
// show error if it does not match
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
if (onError) {
|
|
18
|
-
onError(false);
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
else {
|
|
22
|
-
setError(true);
|
|
23
|
-
// fire the callback if any
|
|
24
|
-
if (onError) {
|
|
25
|
-
onError(true);
|
|
26
|
-
}
|
|
27
|
-
}
|
|
14
|
+
setError(!isValid);
|
|
15
|
+
// fire the callback if any
|
|
16
|
+
onError === null || onError === void 0 ? void 0 : onError(!isValid);
|
|
28
17
|
// fire the callback for change
|
|
29
|
-
|
|
30
|
-
onChange(event);
|
|
31
|
-
}
|
|
18
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(event);
|
|
32
19
|
};
|
|
33
20
|
return (react_1["default"].createElement(TextField_1.TextField, tslib_1.__assign({}, rest, { error: error, onChange: handleChange, value: value, variant: variant })));
|
|
34
|
-
}
|
|
35
|
-
exports.ValidatedTextField = ValidatedTextField;
|
|
21
|
+
});
|
|
22
|
+
exports.ValidatedTextField.displayName = 'ValidatedTextField';
|
|
36
23
|
//# sourceMappingURL=ValidatedTextField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ValidatedTextField.js","sourceRoot":"","sources":["../../src/TextField/ValidatedTextField.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"ValidatedTextField.js","sourceRoot":"","sources":["../../src/TextField/ValidatedTextField.tsx"],"names":[],"mappings":";;;;AAAA,qDAA6C;AAE7C,yCAAuC;AAG1B,QAAA,kBAAkB,GAAG,YAAI,CAAC,UAAC,KAA8B;IAC5D,IAAA,OAAO,GAAyD,KAAK,QAA9D,EAAE,QAAQ,GAA+C,KAAK,SAApD,EAAE,eAAe,GAA8B,KAAK,gBAAnC,EAAE,KAAK,GAAuB,KAAK,MAA5B,EAAE,OAAO,GAAc,KAAK,QAAnB,EAAK,IAAI,kBAAK,KAAK,EAAvE,8DAA+D,CAAF,CAAU;IACvE,IAAA,KAAoB,gBAAQ,CAAC,KAAK,CAAC,EAAlC,KAAK,QAAA,EAAE,QAAQ,QAAmB,CAAA;IAEzC,IAAM,YAAY,GAAG,UAAC,KAA0C;QAC9D,WAAW;QACX,IAAM,OAAO,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAExD,kCAAkC;QAClC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAA;QAClB,2BAA2B;QAC3B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,OAAO,EAAC;QACnB,+BAA+B;QAC/B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,EAAC;IACnB,CAAC,CAAA;IAED,OAAO,CACL,iCAAC,qBAAS,uBACJ,IAAI,IACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,IAChB,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,0BAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAA"}
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
import { TextFieldProps } from './types';
|
|
1
|
+
import { InlineTextFieldProps, TextFieldProps } from './types';
|
|
2
2
|
export declare const useTextFieldStyles: (props: TextFieldProps) => Record<"root", string>;
|
|
3
|
+
export declare const useInlineTextFieldStyles: (props: InlineTextFieldProps) => Record<"sizes" | "withLabel", string>;
|
package/dist/TextField/styles.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
exports.__esModule = true;
|
|
3
|
-
exports.useTextFieldStyles = void 0;
|
|
3
|
+
exports.useInlineTextFieldStyles = exports.useTextFieldStyles = void 0;
|
|
4
4
|
var core_1 = require("@material-ui/core");
|
|
5
5
|
exports.useTextFieldStyles = core_1.makeStyles(function () {
|
|
6
6
|
return core_1.createStyles({
|
|
@@ -16,4 +16,82 @@ exports.useTextFieldStyles = core_1.makeStyles(function () {
|
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
});
|
|
19
|
+
exports.useInlineTextFieldStyles = core_1.makeStyles(function () {
|
|
20
|
+
return core_1.createStyles({
|
|
21
|
+
withLabel: {
|
|
22
|
+
'& div': {
|
|
23
|
+
backgroundColor: 'transparent',
|
|
24
|
+
'& fieldset': {
|
|
25
|
+
borderWidth: 0
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
sizes: function (_a) {
|
|
30
|
+
var size = _a.size;
|
|
31
|
+
return ({
|
|
32
|
+
'& div': getSizeStyle(size)
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
});
|
|
37
|
+
function getSizeStyle(size) {
|
|
38
|
+
switch (size) {
|
|
39
|
+
case 'medium':
|
|
40
|
+
return {
|
|
41
|
+
paddingRight: 14,
|
|
42
|
+
fontSize: 16,
|
|
43
|
+
height: 40,
|
|
44
|
+
'& input': {
|
|
45
|
+
paddingLeft: 10
|
|
46
|
+
},
|
|
47
|
+
'& i': {
|
|
48
|
+
fontSize: '12px !important'
|
|
49
|
+
}
|
|
50
|
+
};
|
|
51
|
+
case 'small':
|
|
52
|
+
return {
|
|
53
|
+
paddingRight: 10,
|
|
54
|
+
fontSize: 14,
|
|
55
|
+
height: 32,
|
|
56
|
+
'& input': {
|
|
57
|
+
paddingLeft: 8
|
|
58
|
+
},
|
|
59
|
+
'& i': {
|
|
60
|
+
fontSize: '12px !important'
|
|
61
|
+
}
|
|
62
|
+
};
|
|
63
|
+
case 'large':
|
|
64
|
+
return {
|
|
65
|
+
paddingRight: 14,
|
|
66
|
+
fontSize: 16,
|
|
67
|
+
height: 48,
|
|
68
|
+
'& i': {
|
|
69
|
+
fontSize: '12px !important'
|
|
70
|
+
}
|
|
71
|
+
};
|
|
72
|
+
case 'veryLarge':
|
|
73
|
+
return {
|
|
74
|
+
paddingRight: 16,
|
|
75
|
+
fontSize: 20,
|
|
76
|
+
height: 56,
|
|
77
|
+
'& i': {
|
|
78
|
+
fontSize: '16px !important'
|
|
79
|
+
}
|
|
80
|
+
};
|
|
81
|
+
case 'verySmall':
|
|
82
|
+
return {
|
|
83
|
+
paddingRight: 8,
|
|
84
|
+
fontSize: 12,
|
|
85
|
+
height: 24,
|
|
86
|
+
'& input': {
|
|
87
|
+
paddingLeft: 8
|
|
88
|
+
},
|
|
89
|
+
'& i': {
|
|
90
|
+
fontSize: '8px !important'
|
|
91
|
+
}
|
|
92
|
+
};
|
|
93
|
+
default:
|
|
94
|
+
return {};
|
|
95
|
+
}
|
|
96
|
+
}
|
|
19
97
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/TextField/styles.ts"],"names":[],"mappings":";;;AAAA,0CAA4D;AAI/C,QAAA,kBAAkB,GAAG,iBAAU,CAAC;IAC3C,OAAA,mBAAY,CAAC;QACX,IAAI,EAAE;YACJ,eAAe,EAAE,UAAC,KAAqB;gBACrC,OAAG,KAAK,CAAC,qBAAqB,gBAAa;YAA3C,CAA2C;YAE7C,4BAA4B,EAAE;gBAC5B,eAAe,EAAE,UAAC,KAAqB;oBACrC,OAAG,KAAK,CAAC,qBAAqB,gBAAa;gBAA3C,CAA2C;aAC9C;SACF;KACF,CAAC;AAVF,CAUE,CACH,CAAA"}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/TextField/styles.ts"],"names":[],"mappings":";;;AAAA,0CAA4D;AAI/C,QAAA,kBAAkB,GAAG,iBAAU,CAAC;IAC3C,OAAA,mBAAY,CAAC;QACX,IAAI,EAAE;YACJ,eAAe,EAAE,UAAC,KAAqB;gBACrC,OAAG,KAAK,CAAC,qBAAqB,gBAAa;YAA3C,CAA2C;YAE7C,4BAA4B,EAAE;gBAC5B,eAAe,EAAE,UAAC,KAAqB;oBACrC,OAAG,KAAK,CAAC,qBAAqB,gBAAa;gBAA3C,CAA2C;aAC9C;SACF;KACF,CAAC;AAVF,CAUE,CACH,CAAA;AAEY,QAAA,wBAAwB,GAAG,iBAAU,CAAC;IACjD,OAAA,mBAAY,CAAC;QACX,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,eAAe,EAAE,aAAa;gBAC9B,YAAY,EAAE;oBACZ,WAAW,EAAE,CAAC;iBACf;aACF;SACF;QACD,KAAK,EAAE,UAAC,EAA8B;gBAA5B,IAAI,UAAA;YAA6B,OAAA,CAAC;gBAC1C,OAAO,EAAE,YAAY,CAAC,IAAI,CAAC;aAC5B,CAAC;QAFyC,CAEzC;KACH,CAAC;AAZF,CAYE,CACH,CAAA;AAED,SAAS,YAAY,CAAC,IAAkC;IACtD,QAAQ,IAAI,EAAE;QACZ,KAAK,QAAQ;YACX,OAAO;gBACL,YAAY,EAAE,EAAE;gBAChB,QAAQ,EAAE,EAAE;gBACZ,MAAM,EAAE,EAAE;gBACV,SAAS,EAAE;oBACT,WAAW,EAAE,EAAE;iBAChB;gBACD,KAAK,EAAE;oBACL,QAAQ,EAAE,iBAAiB;iBAC5B;aACF,CAAA;QACH,KAAK,OAAO;YACV,OAAO;gBACL,YAAY,EAAE,EAAE;gBAChB,QAAQ,EAAE,EAAE;gBACZ,MAAM,EAAE,EAAE;gBACV,SAAS,EAAE;oBACT,WAAW,EAAE,CAAC;iBACf;gBACD,KAAK,EAAE;oBACL,QAAQ,EAAE,iBAAiB;iBAC5B;aACF,CAAA;QACH,KAAK,OAAO;YACV,OAAO;gBACL,YAAY,EAAE,EAAE;gBAChB,QAAQ,EAAE,EAAE;gBACZ,MAAM,EAAE,EAAE;gBACV,KAAK,EAAE;oBACL,QAAQ,EAAE,iBAAiB;iBAC5B;aACF,CAAA;QACH,KAAK,WAAW;YACd,OAAO;gBACL,YAAY,EAAE,EAAE;gBAChB,QAAQ,EAAE,EAAE;gBACZ,MAAM,EAAE,EAAE;gBACV,KAAK,EAAE;oBACL,QAAQ,EAAE,iBAAiB;iBAC5B;aACF,CAAA;QACH,KAAK,WAAW;YACd,OAAO;gBACL,YAAY,EAAE,CAAC;gBACf,QAAQ,EAAE,EAAE;gBACZ,MAAM,EAAE,EAAE;gBACV,SAAS,EAAE;oBACT,WAAW,EAAE,CAAC;iBACf;gBACD,KAAK,EAAE;oBACL,QAAQ,EAAE,gBAAgB;iBAC3B;aACF,CAAA;QACH;YACE,OAAO,EAAE,CAAA;KACZ;AACH,CAAC"}
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
import { EpilotTheme } from './types';
|
|
2
|
-
export declare
|
|
1
|
+
import type { EpilotTheme, WithRequiredProperty } from './types';
|
|
2
|
+
export declare type DefaultEpilotThemeValue = WithRequiredProperty<EpilotTheme, 'prefix' | 'typography' | 'palette' | 'spacing' | 'shape' | 'props' | 'shadows'>;
|
|
3
|
+
export declare const DefaultEpilotTheme: DefaultEpilotThemeValue;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultEpilotTheme.js","sourceRoot":"","sources":["../../src/ThemeProvider/DefaultEpilotTheme.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"DefaultEpilotTheme.js","sourceRoot":"","sources":["../../src/ThemeProvider/DefaultEpilotTheme.ts"],"names":[],"mappings":"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"}
|
|
@@ -3,15 +3,17 @@ exports.__esModule = true;
|
|
|
3
3
|
exports.ThemeProvider = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var core_1 = require("@material-ui/core");
|
|
6
|
-
var react_1 = tslib_1.
|
|
6
|
+
var react_1 = tslib_1.__importStar(require("react"));
|
|
7
7
|
var ClassPrefixContext_1 = require("../context/ClassPrefixContext");
|
|
8
8
|
var DefaultEpilotTheme_1 = require("./DefaultEpilotTheme");
|
|
9
9
|
var mapping_1 = require("./mapping");
|
|
10
10
|
function ThemeProvider(_a) {
|
|
11
11
|
var children = _a.children, _b = _a.theme, theme = _b === void 0 ? DefaultEpilotTheme_1.DefaultEpilotTheme : _b, _c = _a.classPrefix, classPrefix = _c === void 0 ? '' : _c, isMuiTheme = _a.isMuiTheme;
|
|
12
|
-
var muiTheme =
|
|
13
|
-
|
|
14
|
-
|
|
12
|
+
var muiTheme = react_1.useMemo(function () {
|
|
13
|
+
return isMuiTheme
|
|
14
|
+
? theme
|
|
15
|
+
: core_1.createTheme(mapping_1.parseMuiTheme(theme, classPrefix));
|
|
16
|
+
}, [classPrefix, isMuiTheme, theme]);
|
|
15
17
|
var generateClassName = core_1.createGenerateClassName({
|
|
16
18
|
seed: classPrefix || DefaultEpilotTheme_1.DefaultEpilotTheme.prefix
|
|
17
19
|
});
|
|
@@ -21,7 +23,7 @@ function ThemeProvider(_a) {
|
|
|
21
23
|
//Generate random ID for to randomise jss class rule - eg. 7yadq
|
|
22
24
|
var id = (Math.random() + 1).toString(36).substring(7);
|
|
23
25
|
return className.includes('jss') ? className + "--" + id : className;
|
|
24
|
-
} },
|
|
26
|
+
}, injectFirst: true },
|
|
25
27
|
react_1["default"].createElement(core_1.ThemeProvider, { theme: muiTheme }, children))));
|
|
26
28
|
}
|
|
27
29
|
exports.ThemeProvider = ThemeProvider;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":";;;;AAAA,0CAM0B;AAC1B,
|
|
1
|
+
{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":";;;;AAAA,0CAM0B;AAC1B,qDAAsC;AAEtC,oEAAmE;AAEnE,2DAAyD;AACzD,qCAAyC;AAGzC,SAAgB,aAAa,CAAC,EAKT;QAJnB,QAAQ,cAAA,EACR,aAAyC,EAAzC,KAAK,mBAAG,uCAAiC,KAAA,EACzC,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA,EAChB,UAAU,gBAAA;IAEV,IAAM,QAAQ,GAAG,eAAO,CACtB;QACE,OAAA,UAAU;YACR,CAAC,CAAE,KAAe;YAClB,CAAC,CAAC,kBAAW,CAAC,uBAAa,CAAC,KAAoB,EAAE,WAAW,CAAC,CAAC;IAFjE,CAEiE,EACnE,CAAC,WAAW,EAAE,UAAU,EAAE,KAAK,CAAC,CACjC,CAAA;IAED,IAAM,iBAAiB,GAAG,8BAAuB,CAAC;QAChD,IAAI,EAAE,WAAW,IAAI,uCAAkB,CAAC,MAAM;KAC/C,CAAC,CAAA;IAEF,OAAO,CACL,iCAAC,wCAAmB,IAAC,WAAW,EAAE,WAAW;QAC3C,iCAAC,qBAAiB,IAChB,iBAAiB,EAAE,UAAC,IAAI,EAAE,KAAK;gBAC7B,IAAM,SAAS,GAAG,iBAAiB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;gBAChD,gEAAgE;gBAChE,IAAM,EAAE,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;gBAExD,OAAO,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAI,SAAS,UAAK,EAAI,CAAC,CAAC,CAAC,SAAS,CAAA;YACtE,CAAC,EACD,WAAW;YAEX,iCAAC,oBAAgB,IAAC,KAAK,EAAE,QAAQ,IAAG,QAAQ,CAAoB,CAC9C,CACA,CACvB,CAAA;AACH,CAAC;AAlCD,sCAkCC"}
|