tenjin-ui-kit 0.2.55 → 0.2.57

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.
Files changed (7) hide show
  1. package/components/button/index.js +3 -3
  2. package/components/input/index.js +2 -2
  3. package/components/table/index.js +21 -16
  4. package/http/index.js +57 -22
  5. package/index.js +6 -0
  6. package/package.json +1 -1
  7. package/themes/default.js +2 -1
package/components/button/index.js CHANGED
@@ -16,7 +16,8 @@ var Button = function Button(props) {
16
16
  children = props.children,
17
17
  size = props.size,
18
18
  onClick = props.onClick,
19
- color = props.color;
19
+ color = props.color,
20
+ fixedWidth = props.fixedWidth;
20
21
  var handleClick = function handleClick(e) {
21
22
  if (loading) {
22
23
  e.preventDefault();
@@ -27,8 +28,7 @@ var Button = function Button(props) {
27
28
  return /*#__PURE__*/_react.default.createElement(_material.Button, _extends({
28
29
  onClick: handleClick
29
30
  }, props, {
30
- size: "small",
31
- sx: {
31
+ sx: fixedWidth && {
32
32
  minWidth: 148
33
33
  }
34
34
  }), loading ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(ButtonLoader, {
package/components/input/index.js CHANGED
@@ -45,7 +45,7 @@ var Input = function Input(_ref) {
45
45
  shrink: true,
46
46
  htmlFor: id,
47
47
  required: isRequired
48
- }, label), !error && /*#__PURE__*/_react.default.createElement(_material.OutlinedInput, _extends({}, rest, {
48
+ }, label), !error && /*#__PURE__*/_react.default.createElement(_material.OutlinedInput, _extends({
49
49
  id: id,
50
50
  required: isRequired,
51
51
  autoComplete: disableAutocomplete ? 'nothing' : null,
@@ -66,7 +66,7 @@ var Input = function Input(_ref) {
66
66
  inputProps: isPastDateDisabled && {
67
67
  min: minDate
68
68
  }
69
- })), error && /*#__PURE__*/_react.default.createElement(_material.TextField, _extends({
69
+ }, rest)), error && /*#__PURE__*/_react.default.createElement(_material.TextField, _extends({
70
70
  required: isRequired,
71
71
  id: id,
72
72
  autoComplete: disableAutocomplete ? 'nothing' : null,
package/components/table/index.js CHANGED
@@ -4,10 +4,12 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- var _react = _interopRequireDefault(require("react"));
7
+ var _react = _interopRequireWildcard(require("react"));
8
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
9
  var _material = require("@mui/material");
10
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ 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); }
12
+ 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; }
11
13
  function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
12
14
  var Table = function Table(_ref) {
13
15
  var rows = _ref.rows,
@@ -20,7 +22,7 @@ var Table = function Table(_ref) {
20
22
  return /*#__PURE__*/_react.default.createElement(_material.TableRow, {
21
23
  key: u.id
22
24
  }, columns.map(function (c) {
23
- var _c$render, _c$render$props$child, _c$render2, _c$render2$props$chil, _c$render3, _c$render4, _c$render5, _u$c$name, _u$c$name2;
25
+ var _c$render, _c$render$props$child, _c$render2, _c$render4, _c$render4$props, _c$render5, _c$render5$props, _c$render6, _c$render6$props$chil, _c$render8, _c$render8$props, _c$render9, _c$render9$props, _c$render10, _c$render11, _c$render12, _u$c$name, _u$c$name2;
24
26
  return /*#__PURE__*/_react.default.createElement(_material.TableCell, {
25
27
  key: u[c.name]
26
28
  }, c.render ? /*#__PURE__*/_react.default.createElement("span", {
@@ -31,25 +33,28 @@ var Table = function Table(_ref) {
31
33
  maxWidth: '200px'
32
34
  }
33
35
  }, _typeof(c.render(u)) === 'object' ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ((_c$render = c.render(u)) === null || _c$render === void 0 ? void 0 : (_c$render$props$child = _c$render.props.children) === null || _c$render$props$child === void 0 ? void 0 : _c$render$props$child.length) > 20 ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
34
- title: c.render(u),
36
+ title: (_c$render2 = c.render(u)) === null || _c$render2 === void 0 ? void 0 : _c$render2.props.children,
35
37
  arrow: true,
36
38
  placement: "top"
37
- }, /*#__PURE__*/_react.default.createElement(_material.Typography, null, ((_c$render2 = c.render(u)) === null || _c$render2 === void 0 ? void 0 : (_c$render2$props$chil = _c$render2.props.children) === null || _c$render2$props$chil === void 0 ? void 0 : _c$render2$props$chil.slice(0, 20)) + '...')) : /*#__PURE__*/_react.default.createElement(_material.Typography, null, (_c$render3 = c.render(u)) === null || _c$render3 === void 0 ? void 0 : _c$render3.props.children)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ((_c$render4 = c.render(u)) === null || _c$render4 === void 0 ? void 0 : _c$render4.length) > 20 ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
39
+ }, /*#__PURE__*/_react.default.createElement("a", {
40
+ onClick: function onClick() {
41
+ var _c$render3, _c$render3$props;
42
+ return (_c$render3 = c.render(u)) === null || _c$render3 === void 0 ? void 0 : (_c$render3$props = _c$render3.props) === null || _c$render3$props === void 0 ? void 0 : _c$render3$props.onClick();
43
+ },
44
+ style: (_c$render4 = c.render(u)) === null || _c$render4 === void 0 ? void 0 : (_c$render4$props = _c$render4.props) === null || _c$render4$props === void 0 ? void 0 : _c$render4$props.style,
45
+ href: (_c$render5 = c.render(u)) === null || _c$render5 === void 0 ? void 0 : (_c$render5$props = _c$render5.props) === null || _c$render5$props === void 0 ? void 0 : _c$render5$props.href
46
+ }, ((_c$render6 = c.render(u)) === null || _c$render6 === void 0 ? void 0 : (_c$render6$props$chil = _c$render6.props.children) === null || _c$render6$props$chil === void 0 ? void 0 : _c$render6$props$chil.slice(0, 20)) + '...')) : /*#__PURE__*/_react.default.createElement("a", {
47
+ onClick: function onClick() {
48
+ var _c$render7, _c$render7$props;
49
+ return (_c$render7 = c.render(u)) === null || _c$render7 === void 0 ? void 0 : (_c$render7$props = _c$render7.props) === null || _c$render7$props === void 0 ? void 0 : _c$render7$props.onClick();
50
+ },
51
+ style: (_c$render8 = c.render(u)) === null || _c$render8 === void 0 ? void 0 : (_c$render8$props = _c$render8.props) === null || _c$render8$props === void 0 ? void 0 : _c$render8$props.style,
52
+ href: (_c$render9 = c.render(u)) === null || _c$render9 === void 0 ? void 0 : (_c$render9$props = _c$render9.props) === null || _c$render9$props === void 0 ? void 0 : _c$render9$props.href
53
+ }, (_c$render10 = c.render(u)) === null || _c$render10 === void 0 ? void 0 : _c$render10.props.children)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ((_c$render11 = c.render(u)) === null || _c$render11 === void 0 ? void 0 : _c$render11.length) > 20 ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
38
54
  title: c.render(u),
39
55
  arrow: true,
40
56
  placement: "top"
41
- }, /*#__PURE__*/_react.default.createElement(_material.Typography, null, ((_c$render5 = c.render(u)) === null || _c$render5 === void 0 ? void 0 : _c$render5.slice(0, 20)) + '...')) : /*#__PURE__*/_react.default.createElement(_material.Typography, null, c.render(u)))) :
42
- /*#__PURE__*/
43
- // c.render(u)?.length > 20 ? (
44
- // <Tooltip title={c.render(u)} arrow placement="top">
45
- // <Typography>
46
- // {c.render(u)?.slice(0, 20) + '...'}
47
- // </Typography>
48
- // </Tooltip>
49
- // ) : (
50
- // <Typography>{c.render(u)}</Typography>
51
- // )
52
- _react.default.createElement("span", {
57
+ }, /*#__PURE__*/_react.default.createElement("span", null, ((_c$render12 = c.render(u)) === null || _c$render12 === void 0 ? void 0 : _c$render12.slice(0, 20)) + '...')) : /*#__PURE__*/_react.default.createElement("span", null, c.render(u)))) : /*#__PURE__*/_react.default.createElement("span", {
53
58
  style: {
54
59
  whiteSpace: 'nowrap',
55
60
  overflow: 'hidden',
package/http/index.js CHANGED
@@ -4,7 +4,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.put = exports.post = exports.parseAxiosError = exports.getSecureClient = exports.getClient = exports.get = exports.doDelete = void 0;
7
+ exports.put = exports.postClient = exports.post = exports.parseAxiosError = exports.getSecureClient = exports.getClient = exports.get = exports.doDelete = void 0;
8
8
  var _axios = _interopRequireDefault(require("axios"));
9
9
  var _authenticationProvider = _interopRequireDefault(require("../components/authenticationProvider"));
10
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -20,7 +20,7 @@ var getApiAccessToken = _authenticationProvider.default.getApiAccessToken;
20
20
  var getClient = function getClient() {
21
21
  return _axios.default.create({
22
22
  headers: {
23
- "Content-Type": "application/json"
23
+ 'Content-Type': 'application/json'
24
24
  }
25
25
  });
26
26
  };
@@ -28,7 +28,7 @@ exports.getClient = getClient;
28
28
  var getSecureClient = function getSecureClient() {
29
29
  return _axios.default.create({
30
30
  headers: {
31
- "Content-Type": "application/json",
31
+ 'Content-Type': 'application/json',
32
32
  Authorization: "Bearer ".concat(getApiAccessToken())
33
33
  }
34
34
  });
@@ -104,7 +104,7 @@ var post = /*#__PURE__*/function () {
104
104
  };
105
105
  }();
106
106
  exports.post = post;
107
- var put = /*#__PURE__*/function () {
107
+ var postClient = /*#__PURE__*/function () {
108
108
  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(url, data) {
109
109
  var response, parsedError;
110
110
  return _regeneratorRuntime().wrap(function _callee3$(_context3) {
@@ -112,7 +112,7 @@ var put = /*#__PURE__*/function () {
112
112
  case 0:
113
113
  _context3.prev = 0;
114
114
  _context3.next = 3;
115
- return getSecureClient().put(url, data);
115
+ return _axios.default.post(url, data);
116
116
  case 3:
117
117
  response = _context3.sent;
118
118
  return _context3.abrupt("return", {
@@ -122,7 +122,7 @@ var put = /*#__PURE__*/function () {
122
122
  case 7:
123
123
  _context3.prev = 7;
124
124
  _context3.t0 = _context3["catch"](0);
125
- console.warn("Put ".concat(url, " failed"));
125
+ console.warn("Post ".concat(url, " failed"));
126
126
  parsedError = parseAxiosError(_context3.t0);
127
127
  return _context3.abrupt("return", {
128
128
  success: false,
@@ -134,55 +134,90 @@ var put = /*#__PURE__*/function () {
134
134
  }
135
135
  }, _callee3, null, [[0, 7]]);
136
136
  }));
137
- return function put(_x4, _x5) {
137
+ return function postClient(_x4, _x5) {
138
138
  return _ref3.apply(this, arguments);
139
139
  };
140
140
  }();
141
- exports.put = put;
142
- var doDelete = /*#__PURE__*/function () {
143
- var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(url) {
144
- var parsedError;
141
+ exports.postClient = postClient;
142
+ var put = /*#__PURE__*/function () {
143
+ var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(url, data) {
144
+ var response, parsedError;
145
145
  return _regeneratorRuntime().wrap(function _callee4$(_context4) {
146
146
  while (1) switch (_context4.prev = _context4.next) {
147
147
  case 0:
148
148
  _context4.prev = 0;
149
149
  _context4.next = 3;
150
- return getSecureClient().delete(url);
150
+ return getSecureClient().put(url, data);
151
151
  case 3:
152
+ response = _context4.sent;
152
153
  return _context4.abrupt("return", {
153
- success: true
154
+ success: true,
155
+ data: response.data
154
156
  });
155
- case 6:
156
- _context4.prev = 6;
157
+ case 7:
158
+ _context4.prev = 7;
157
159
  _context4.t0 = _context4["catch"](0);
158
- console.warn("Delete ".concat(url, " failed"));
160
+ console.warn("Put ".concat(url, " failed"));
159
161
  parsedError = parseAxiosError(_context4.t0);
160
162
  return _context4.abrupt("return", {
161
163
  success: false,
162
164
  data: parsedError
163
165
  });
164
- case 11:
166
+ case 12:
165
167
  case "end":
166
168
  return _context4.stop();
167
169
  }
168
- }, _callee4, null, [[0, 6]]);
170
+ }, _callee4, null, [[0, 7]]);
169
171
  }));
170
- return function doDelete(_x6) {
172
+ return function put(_x6, _x7) {
171
173
  return _ref4.apply(this, arguments);
172
174
  };
173
175
  }();
176
+ exports.put = put;
177
+ var doDelete = /*#__PURE__*/function () {
178
+ var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(url) {
179
+ var parsedError;
180
+ return _regeneratorRuntime().wrap(function _callee5$(_context5) {
181
+ while (1) switch (_context5.prev = _context5.next) {
182
+ case 0:
183
+ _context5.prev = 0;
184
+ _context5.next = 3;
185
+ return getSecureClient().delete(url);
186
+ case 3:
187
+ return _context5.abrupt("return", {
188
+ success: true
189
+ });
190
+ case 6:
191
+ _context5.prev = 6;
192
+ _context5.t0 = _context5["catch"](0);
193
+ console.warn("Delete ".concat(url, " failed"));
194
+ parsedError = parseAxiosError(_context5.t0);
195
+ return _context5.abrupt("return", {
196
+ success: false,
197
+ data: parsedError
198
+ });
199
+ case 11:
200
+ case "end":
201
+ return _context5.stop();
202
+ }
203
+ }, _callee5, null, [[0, 6]]);
204
+ }));
205
+ return function doDelete(_x8) {
206
+ return _ref5.apply(this, arguments);
207
+ };
208
+ }();
174
209
  exports.doDelete = doDelete;
175
210
  var parseAxiosError = function parseAxiosError(error) {
176
211
  var parsedError = {
177
212
  status: 500,
178
- statusText: "Internal Server Error",
179
- message: "An unexpected error occurred while processing your request. Please try again. If problem persists, please contact Tenjin support"
213
+ statusText: 'Internal Server Error',
214
+ message: 'An unexpected error occurred while processing your request. Please try again. If problem persists, please contact Tenjin support'
180
215
  };
181
216
  if (error && error.response) {
182
217
  parsedError = _objectSpread(_objectSpread({}, parsedError), {}, {
183
218
  status: error.response.status,
184
219
  statusText: error.response.statusText,
185
- message: error.response.status === 503 ? "A network error occurred. Please try again" : error.response.status === 401 ? "Authentication Failed" : error.response.data ? error.response.data.message ? error.response.data.message : "An unexpected error occurred while processing your request. Please try again. If problem persists, please contact Tenjin support" : "An unexpected error occurred while processing your request. Please try again. If problem persists, please contact Tenjin support"
220
+ message: error.response.status === 503 ? 'A network error occurred. Please try again' : error.response.status === 401 ? 'Authentication Failed' : error.response.data ? error.response.data.message ? error.response.data.message : 'An unexpected error occurred while processing your request. Please try again. If problem persists, please contact Tenjin support' : 'An unexpected error occurred while processing your request. Please try again. If problem persists, please contact Tenjin support'
186
221
  });
187
222
  }
188
223
  return parsedError;
package/index.js CHANGED
@@ -166,6 +166,12 @@ Object.defineProperty(exports, "post", {
166
166
  return _http.post;
167
167
  }
168
168
  });
169
+ Object.defineProperty(exports, "postClient", {
170
+ enumerable: true,
171
+ get: function get() {
172
+ return _http.postClient;
173
+ }
174
+ });
169
175
  Object.defineProperty(exports, "put", {
170
176
  enumerable: true,
171
177
  get: function get() {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tenjin-ui-kit",
3
- "version": "0.2.55",
3
+ "version": "0.2.57",
4
4
  "repository": {
5
5
  "url": "https://gitlab.com/yethi/react/tenjin-ui-kit.git"
6
6
  },
package/themes/default.js CHANGED
@@ -10,7 +10,8 @@ var _default = (0, _material.createTheme)({
10
10
  MuiButton: {
11
11
  defaultProps: {
12
12
  variant: 'contained',
13
- disableRipple: true
13
+ disableRipple: true,
14
+ size: 'small'
14
15
  },
15
16
  styleOverrides: {
16
17
  root: {