tenjin-ui-kit 0.2.61 → 0.2.63

package/components/InputWithChip/index.js

@@ -9,7 +9,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
 var _material = require("@mui/material");
 var _Clear = _interopRequireDefault(require("@mui/icons-material/Clear"));
-var _excluded = ["value", "onChange", "fullWidth"];
+var _styles = require("@mui/material/styles");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _excluded = ["value", "onChange", "fullWidth", "label", "isRequired", "isDisabled", "errorMessage", "error"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 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; }
@@ -30,11 +32,17 @@ var InputWithChip = function InputWithChip(_ref) {
   var value = _ref.value,
     onChange = _ref.onChange,
     fullWidth = _ref.fullWidth,
+    label = _ref.label,
+    isRequired = _ref.isRequired,
+    isDisabled = _ref.isDisabled,
+    errorMessage = _ref.errorMessage,
+    error = _ref.error,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = (0, _react.useState)([]),
     _useState2 = _slicedToArray(_useState, 2),
     chips = _useState2[0],
     setChips = _useState2[1];
+  var theme = (0, _styles.useTheme)();
   (0, _react.useEffect)(function () {
     if (onChange) {
       onChange(chips);
@@ -42,7 +50,7 @@ var InputWithChip = function InputWithChip(_ref) {
   }, [chips]);
   var handleAddChip = function handleAddChip(event) {
     var value = event.target.value;
-    if (event.key === 'Enter' || event.keyCode === 188) {
+    if (event.key === 'Enter' || event.keyCode === 188 || event.keyCode === 9) {
       var newValue = typeof value === 'string' ? value.replace(',', '') : value;
       setChips([].concat(_toConsumableArray(chips), [newValue]));
       console.log(event.target.value, newValue);
@@ -60,9 +68,40 @@ var InputWithChip = function InputWithChip(_ref) {
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.FormControl, {
     variant: "standard",
     fullWidth: fullWidth
-  }, /*#__PURE__*/_react.default.createElement(_material.TextField, _extends({}, rest, {
+  }, label && /*#__PURE__*/_react.default.createElement(_material.InputLabel, {
+    sx: {
+      fontWeight: 500,
+      '& .MuiFormLabel-asterisk': {
+        color: '#FF0000'
+      }
+    },
+    size: "small",
+    shrink: true,
+    required: isRequired
+  }, label), /*#__PURE__*/_react.default.createElement(_material.TextField, _extends({}, rest, {
+    required: isRequired,
+    disabled: isDisabled
     //   value={value}
+    ,
     onKeyDown: handleAddChip,
+    style: {
+      backgroundColor: isDisabled && '#E7E7E7'
+    },
+    sx: {
+      '& MuiOutlinedInput': {
+        backgroundColor: isDisabled && '#E7E7E7'
+      },
+      '& input': {
+        // backgroundColor: isDisabled && '#E7E7E7',
+        color: isDisabled && '#000000'
+      },
+      marginTop: label ? theme.spacing(2.5) : 0,
+      '& label': {
+        fontWeight: 500
+      }
+    },
+    helperText: errorMessage,
+    error: error,
     InputProps: {
       startAdornment: chips.map(function (chip) {
         return /*#__PURE__*/_react.default.createElement(_Chip.default, {
@@ -83,5 +122,13 @@ var InputWithChip = function InputWithChip(_ref) {
     }
   }))));
 };
+InputWithChip.propTypes = {
+  label: _propTypes.default.string,
+  fullWidth: _propTypes.default.bool,
+  size: _propTypes.default.string,
+  isRequired: _propTypes.default.bool,
+  isDisabled: _propTypes.default.bool,
+  error: _propTypes.default.bool
+};
 var _default = InputWithChip;
 exports.default = _default;

package/components/table/index.js

@@ -15,13 +15,12 @@ var Table = function Table(_ref) {
   var rows = _ref.rows,
     columns = _ref.columns;
   return /*#__PURE__*/_react.default.createElement(_material.TableContainer, null, /*#__PURE__*/_react.default.createElement(_material.Table, null, /*#__PURE__*/_react.default.createElement(_material.TableHead, null, columns.map(function (c) {
-    var _c$displayName;
     return /*#__PURE__*/_react.default.createElement(_material.TableCell, {
       key: c.name,
       style: {
         color: '#7D7D7D'
       }
-    }, (_c$displayName = c.displayName) === null || _c$displayName === void 0 ? void 0 : _c$displayName.toUpperCase());
+    }, c.displayName);
   })), /*#__PURE__*/_react.default.createElement(_material.TableBody, null, rows.map(function (u) {
     return /*#__PURE__*/_react.default.createElement(_material.TableRow, {
       key: u.id

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tenjin-ui-kit",
-  "version": "0.2.61",
+  "version": "0.2.63",
   "repository": {
     "url": "https://gitlab.com/yethi/react/tenjin-ui-kit.git"
   },