tenjin-ui-kit 0.3.48 → 0.3.50
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.
|
@@ -40,6 +40,10 @@ var AuthenticationProvider = function AuthenticationProvider(_ref) {
|
|
|
40
40
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
41
41
|
loggedInUser = _useState4[0],
|
|
42
42
|
setLoggedInUser = _useState4[1];
|
|
43
|
+
var _useState5 = (0, _react.useState)(null),
|
|
44
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
45
|
+
license = _useState6[0],
|
|
46
|
+
setLicense = _useState6[1];
|
|
43
47
|
var _useSearchParams = (0, _reactRouterDom.useSearchParams)(),
|
|
44
48
|
_useSearchParams2 = _slicedToArray(_useSearchParams, 2),
|
|
45
49
|
searchParams = _useSearchParams2[0],
|
|
@@ -48,50 +52,86 @@ var AuthenticationProvider = function AuthenticationProvider(_ref) {
|
|
|
48
52
|
(0, _react.useEffect)(function () {
|
|
49
53
|
resolveAuthentication();
|
|
50
54
|
}, []);
|
|
51
|
-
var
|
|
55
|
+
var resolveLicense = /*#__PURE__*/function () {
|
|
52
56
|
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
53
|
-
var token,
|
|
57
|
+
var token, licenseResponse;
|
|
54
58
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
55
59
|
while (1) switch (_context.prev = _context.next) {
|
|
60
|
+
case 0:
|
|
61
|
+
_context.prev = 0;
|
|
62
|
+
token = resolveToken();
|
|
63
|
+
_context.next = 4;
|
|
64
|
+
return _axios.default.get("/api/license/details", {
|
|
65
|
+
headers: {
|
|
66
|
+
Authorization: "Bearer ".concat(token)
|
|
67
|
+
}
|
|
68
|
+
});
|
|
69
|
+
case 4:
|
|
70
|
+
licenseResponse = _context.sent;
|
|
71
|
+
setLicense(licenseResponse.data);
|
|
72
|
+
_context.next = 11;
|
|
73
|
+
break;
|
|
74
|
+
case 8:
|
|
75
|
+
_context.prev = 8;
|
|
76
|
+
_context.t0 = _context["catch"](0);
|
|
77
|
+
console.log('Unable to fetch license', _context.t0);
|
|
78
|
+
case 11:
|
|
79
|
+
case "end":
|
|
80
|
+
return _context.stop();
|
|
81
|
+
}
|
|
82
|
+
}, _callee, null, [[0, 8]]);
|
|
83
|
+
}));
|
|
84
|
+
return function resolveLicense() {
|
|
85
|
+
return _ref2.apply(this, arguments);
|
|
86
|
+
};
|
|
87
|
+
}();
|
|
88
|
+
var resolveAuthentication = /*#__PURE__*/function () {
|
|
89
|
+
var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
|
|
90
|
+
var token, profileValidationResponse;
|
|
91
|
+
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
|
92
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
56
93
|
case 0:
|
|
57
94
|
token = resolveToken();
|
|
58
95
|
if (!token) {
|
|
59
|
-
|
|
96
|
+
_context2.next = 20;
|
|
60
97
|
break;
|
|
61
98
|
}
|
|
62
|
-
|
|
63
|
-
|
|
99
|
+
_context2.prev = 2;
|
|
100
|
+
_context2.next = 5;
|
|
64
101
|
return _axios.default.get("/api/me", {
|
|
65
102
|
headers: {
|
|
66
103
|
Authorization: "Bearer ".concat(token)
|
|
67
104
|
}
|
|
68
105
|
});
|
|
69
106
|
case 5:
|
|
70
|
-
profileValidationResponse =
|
|
107
|
+
profileValidationResponse = _context2.sent;
|
|
108
|
+
_context2.next = 8;
|
|
109
|
+
return resolveLicense();
|
|
110
|
+
case 8:
|
|
71
111
|
setLoggedInUser(profileValidationResponse.data);
|
|
72
112
|
setAuthLoading(false);
|
|
73
|
-
|
|
113
|
+
_context2.next = 18;
|
|
74
114
|
break;
|
|
75
|
-
case
|
|
76
|
-
|
|
77
|
-
|
|
115
|
+
case 12:
|
|
116
|
+
_context2.prev = 12;
|
|
117
|
+
_context2.t0 = _context2["catch"](2);
|
|
78
118
|
console.error("Profile validation error");
|
|
79
|
-
console.error("Error: ",
|
|
119
|
+
console.error("Error: ", _context2.t0);
|
|
80
120
|
setLoggedInUser(null);
|
|
81
121
|
redirectToLogin();
|
|
82
|
-
case 16:
|
|
83
|
-
_context.next = 19;
|
|
84
|
-
break;
|
|
85
122
|
case 18:
|
|
123
|
+
_context2.next = 21;
|
|
124
|
+
break;
|
|
125
|
+
case 20:
|
|
86
126
|
redirectToLogin();
|
|
87
|
-
case
|
|
127
|
+
case 21:
|
|
88
128
|
case "end":
|
|
89
|
-
return
|
|
129
|
+
return _context2.stop();
|
|
90
130
|
}
|
|
91
|
-
},
|
|
131
|
+
}, _callee2, null, [[2, 12]]);
|
|
92
132
|
}));
|
|
93
133
|
return function resolveAuthentication() {
|
|
94
|
-
return
|
|
134
|
+
return _ref3.apply(this, arguments);
|
|
95
135
|
};
|
|
96
136
|
}();
|
|
97
137
|
var redirectToLogin = function redirectToLogin() {
|
|
@@ -112,7 +152,8 @@ var AuthenticationProvider = function AuthenticationProvider(_ref) {
|
|
|
112
152
|
};
|
|
113
153
|
return authLoading ? /*#__PURE__*/_react.default.createElement(_AuthLoader.default, null) : loggedInUser ? /*#__PURE__*/_react.default.createElement(SystemContext.Provider, {
|
|
114
154
|
value: {
|
|
115
|
-
loggedInUser: loggedInUser
|
|
155
|
+
loggedInUser: loggedInUser,
|
|
156
|
+
license: license
|
|
116
157
|
}
|
|
117
158
|
}, children) : /*#__PURE__*/_react.default.createElement(_AuthError.default, null);
|
|
118
159
|
};
|
|
@@ -9,10 +9,12 @@ var _material = require("@mui/material");
|
|
|
9
9
|
var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
|
|
10
10
|
var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
|
|
11
11
|
var _styles = require("@mui/material/styles");
|
|
12
|
-
var _react =
|
|
12
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
13
13
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
14
14
|
var _text = _interopRequireDefault(require("../text"));
|
|
15
|
-
var _excluded = ["label", "id", "fullWidth", "disableAutocomplete", "startIcon", "endIcon", "size", "error", "errorMessage", "isRequired", "isDisabled", "isPastDateDisabled", "readOnly", "helperText", "autoFocus", "onBlurDelay"];
|
|
15
|
+
var _excluded = ["label", "id", "fullWidth", "disableAutocomplete", "startIcon", "endIcon", "size", "error", "errorMessage", "isRequired", "isDisabled", "isPastDateDisabled", "readOnly", "helperText", "autoFocus", "onBlurDelay", "restrictSpecialChars"];
|
|
16
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
16
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
19
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
18
20
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
@@ -20,6 +22,12 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
20
22
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
21
23
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
22
24
|
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
25
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
26
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
27
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
28
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
29
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
30
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
23
31
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
24
32
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
25
33
|
var Input = function Input(_ref) {
|
|
@@ -39,9 +47,41 @@ var Input = function Input(_ref) {
|
|
|
39
47
|
helperText = _ref.helperText,
|
|
40
48
|
autoFocus = _ref.autoFocus,
|
|
41
49
|
onBlurDelay = _ref.onBlurDelay,
|
|
50
|
+
_ref$restrictSpecialC = _ref.restrictSpecialChars,
|
|
51
|
+
restrictSpecialChars = _ref$restrictSpecialC === void 0 ? false : _ref$restrictSpecialC,
|
|
42
52
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
43
53
|
var theme = (0, _styles.useTheme)();
|
|
44
54
|
var minDate = new Date().toISOString().split("T")[0];
|
|
55
|
+
var _useState = (0, _react.useState)(rest.value || ""),
|
|
56
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
57
|
+
localValue = _useState2[0],
|
|
58
|
+
setLocalValue = _useState2[1];
|
|
59
|
+
var _useState3 = (0, _react.useState)(false),
|
|
60
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
61
|
+
localError = _useState4[0],
|
|
62
|
+
setLocalError = _useState4[1];
|
|
63
|
+
var _useState5 = (0, _react.useState)(""),
|
|
64
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
65
|
+
localErrorMessage = _useState6[0],
|
|
66
|
+
setLocalErrorMessage = _useState6[1];
|
|
67
|
+
var allowedPattern = /^[a-zA-Z0-9.,@_\-() ]*$/;
|
|
68
|
+
var handleChange = function handleChange(e) {
|
|
69
|
+
var value = e.target.value;
|
|
70
|
+
if (restrictSpecialChars) {
|
|
71
|
+
if (!allowedPattern.test(value)) {
|
|
72
|
+
setLocalError(true);
|
|
73
|
+
setLocalErrorMessage("Only . , _ - @ ( ) characters are allowed.");
|
|
74
|
+
return;
|
|
75
|
+
} else {
|
|
76
|
+
setLocalError(false);
|
|
77
|
+
setLocalErrorMessage("");
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
setLocalValue(value);
|
|
81
|
+
if (typeof rest.onChange === "function") rest.onChange(e);
|
|
82
|
+
};
|
|
83
|
+
var effectiveError = error || localError;
|
|
84
|
+
var effectiveErrorMessage = localErrorMessage || errorMessage;
|
|
45
85
|
return /*#__PURE__*/_react.default.createElement(_FormControl.default, {
|
|
46
86
|
variant: "standard",
|
|
47
87
|
fullWidth: fullWidth
|
|
@@ -56,8 +96,9 @@ var Input = function Input(_ref) {
|
|
|
56
96
|
style: {
|
|
57
97
|
color: "red"
|
|
58
98
|
}
|
|
59
|
-
}, " * ") : "")),
|
|
99
|
+
}, " * ") : "")), /*#__PURE__*/_react.default.createElement(_material.OutlinedInput, _extends({
|
|
60
100
|
id: id,
|
|
101
|
+
value: localValue,
|
|
61
102
|
required: isRequired,
|
|
62
103
|
autoComplete: disableAutocomplete ? "nothing" : null,
|
|
63
104
|
sx: {
|
|
@@ -75,43 +116,9 @@ var Input = function Input(_ref) {
|
|
|
75
116
|
},
|
|
76
117
|
startAdornment: startIcon,
|
|
77
118
|
endAdornment: endIcon,
|
|
78
|
-
helperText: errorMessage,
|
|
79
|
-
disabled: isDisabled,
|
|
80
|
-
onBlur: function onBlur(e) {
|
|
81
|
-
setTimeout(function () {
|
|
82
|
-
if (e && typeof rest.onBlur === "function") {
|
|
83
|
-
rest.onBlur(e);
|
|
84
|
-
}
|
|
85
|
-
}, onBlurDelay || 100);
|
|
86
|
-
},
|
|
87
|
-
autoFocus: !!autoFocus ? rest.value ? rest.value : true : false,
|
|
88
|
-
inputProps: _objectSpread({
|
|
89
|
-
readOnly: readOnly ? "readOnly" : null
|
|
90
|
-
}, isPastDateDisabled && {
|
|
91
|
-
min: minDate
|
|
92
|
-
})
|
|
93
|
-
}, rest)), error && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.OutlinedInput, _extends({
|
|
94
|
-
required: isRequired,
|
|
95
|
-
id: id,
|
|
96
|
-
autoComplete: disableAutocomplete ? "nothing" : null,
|
|
97
119
|
disabled: isDisabled,
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
backgroundColor: isDisabled && "#DDDDDD",
|
|
101
|
-
color: isDisabled && "#000000"
|
|
102
|
-
},
|
|
103
|
-
"& label": {
|
|
104
|
-
fontWeight: 500
|
|
105
|
-
},
|
|
106
|
-
"& svg": {
|
|
107
|
-
marginRight: startIcon ? theme.spacing(1) : 0,
|
|
108
|
-
marginLeft: endIcon ? theme.spacing(1) : 0
|
|
109
|
-
}
|
|
110
|
-
},
|
|
111
|
-
startAdornment: startIcon,
|
|
112
|
-
endAdornment: endIcon,
|
|
113
|
-
helperText: errorMessage,
|
|
114
|
-
error: true,
|
|
120
|
+
error: effectiveError,
|
|
121
|
+
onChange: handleChange,
|
|
115
122
|
onBlur: function onBlur(e) {
|
|
116
123
|
setTimeout(function () {
|
|
117
124
|
if (e && typeof rest.onBlur === "function") {
|
|
@@ -125,12 +132,12 @@ var Input = function Input(_ref) {
|
|
|
125
132
|
}, isPastDateDisabled && {
|
|
126
133
|
min: minDate
|
|
127
134
|
})
|
|
128
|
-
}, rest)), /*#__PURE__*/_react.default.createElement(_material.FormHelperText, {
|
|
135
|
+
}, rest)), effectiveError && /*#__PURE__*/_react.default.createElement(_material.FormHelperText, {
|
|
129
136
|
sx: {
|
|
130
137
|
color: "red"
|
|
131
138
|
},
|
|
132
139
|
id: "component-error-text"
|
|
133
|
-
},
|
|
140
|
+
}, effectiveErrorMessage || helperText));
|
|
134
141
|
};
|
|
135
142
|
Input.propTypes = {
|
|
136
143
|
label: _propTypes.default.string,
|
|
@@ -144,7 +151,8 @@ Input.propTypes = {
|
|
|
144
151
|
isDisabled: _propTypes.default.bool,
|
|
145
152
|
readOnly: _propTypes.default.bool,
|
|
146
153
|
// Added readOnly prop type
|
|
147
|
-
autoFocus: _propTypes.default.bool
|
|
154
|
+
autoFocus: _propTypes.default.bool,
|
|
155
|
+
restrictSpecialChars: _propTypes.default.bool
|
|
148
156
|
};
|
|
149
157
|
var _default = Input;
|
|
150
158
|
exports.default = _default;
|