tenjin-ui-kit 0.2.117 → 0.2.119

package/dist/components/browsingTestCaseLayout/index.js

@@ -62,7 +62,7 @@ var BrowsingTestCaseLayout = function BrowsingTestCaseLayout(_ref) {
     if (collapse) {
       setExpand(false);
     }
-  }, []);
+  }, [collapse]);
   _react.default.useEffect(function () {
     if (expand) {
       document.addEventListener("mousemove", handleMouseMove);

package/dist/components/input/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,9 +12,14 @@ var _styles = require("@mui/material/styles");
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _text = _interopRequireDefault(require("../text"));
-var _excluded = ["label", "id", "fullWidth", "disableAutocomplete", "startIcon", "endIcon", "size", "error", "errorMessage", "isRequired", "isDisabled", "isPastDateDisabled"];
+var _excluded = ["label", "id", "fullWidth", "disableAutocomplete", "startIcon", "endIcon", "size", "error", "errorMessage", "isRequired", "isDisabled", "isPastDateDisabled", "readOnly"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
+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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+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); }
 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; }
 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; }
 var Input = function Input(_ref) {
@@ -29,6 +35,7 @@ var Input = function Input(_ref) {
     isRequired = _ref.isRequired,
     isDisabled = _ref.isDisabled,
     isPastDateDisabled = _ref.isPastDateDisabled,
+    readOnly = _ref.readOnly,
     rest = _objectWithoutProperties(_ref, _excluded);
   var theme = (0, _styles.useTheme)();
   var minDate = new Date().toISOString().split("T")[0];
@@ -67,9 +74,11 @@ var Input = function Input(_ref) {
     endAdornment: endIcon,
     helperText: errorMessage,
     disabled: isDisabled,
-    inputProps: isPastDateDisabled && {
+    inputProps: _objectSpread({
+      readOnly: readOnly ? 'readOnly' : null
+    }, isPastDateDisabled && {
       min: minDate
-    }
+    })
   }, rest)), error && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.TextField, _extends({
     required: isRequired,
     id: id,
@@ -92,9 +101,11 @@ var Input = function Input(_ref) {
     endAdornment: endIcon,
     helperText: errorMessage,
     error: true,
-    inputProps: isPastDateDisabled && {
+    inputProps: _objectSpread({
+      readOnly: readOnly ? 'readOnly' : null
+    }, isPastDateDisabled && {
       min: minDate
-    }
+    })
   }, rest))));
 };
 Input.propTypes = {
@@ -106,7 +117,8 @@ Input.propTypes = {
   disableAutocomplete: _propTypes.default.bool,
   size: _propTypes.default.string,
   isRequired: _propTypes.default.bool,
-  isDisabled: _propTypes.default.bool
+  isDisabled: _propTypes.default.bool,
+  readOnly: _propTypes.default.bool // Added readOnly prop type
 };
 var _default = Input;
 exports.default = _default;

package/dist/components/valuePicker/ValueSelector.js

@@ -10,6 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _fi = require("react-icons/fi");
 var _input = _interopRequireDefault(require("../input"));
 var _text = _interopRequireDefault(require("../text"));
+var colors = _interopRequireWildcard(require("@mui/material/colors"));
 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; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -45,11 +46,14 @@ var ValueSelector = function ValueSelector(_ref) {
   var options = _ref.options,
     valueKey = _ref.valueKey,
     displayKey = _ref.displayKey,
+    avatarKey = _ref.avatarKey,
+    colorKey = _ref.colorKey,
     onChange = _ref.onChange,
     multiple = _ref.multiple,
     defaultSelectedOptionIds = _ref.defaultSelectedOptionIds,
     fetchData = _ref.fetchData,
-    showClearItems = _ref.showClearItems;
+    showClearItems = _ref.showClearItems,
+    showAvatar = _ref.showAvatar;
   var theme = (0, _material.useTheme)();
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -181,6 +185,8 @@ var ValueSelector = function ValueSelector(_ref) {
     onChange([]);
     setLocalOptions(newOptions);
   };
+  // console.log("hi", options);
+
   return /*#__PURE__*/_react.default.createElement(_material.List, {
     dense: true,
     disablePadding: true
@@ -208,6 +214,8 @@ var ValueSelector = function ValueSelector(_ref) {
       return setFilter(e.target.value);
     }
   })), filteredLocalOptions.map(function (o) {
+    var altVal = o[avatarKey] === "/" ? " " : o[displayKey];
+    var bgcAvatar = colors[o[colorKey]] ? colors[o[colorKey]][500] : "red";
     return /*#__PURE__*/_react.default.createElement(_material.ListItem, {
       dense: true,
       disablePadding: true,
@@ -227,6 +235,12 @@ var ValueSelector = function ValueSelector(_ref) {
       checked: o.selected === true,
       disableRipple: true,
       size: "small"
+    })), showAvatar && /*#__PURE__*/_react.default.createElement(_material.ListItemAvatar, null, /*#__PURE__*/_react.default.createElement(_material.Avatar, {
+      sx: {
+        bgcolor: bgcAvatar
+      },
+      alt: altVal,
+      src: o[avatarKey]
     })), /*#__PURE__*/_react.default.createElement(_material.ListItemText, null, /*#__PURE__*/_react.default.createElement(_text.default, null, o[displayKey]))));
   })), showClearItems && /*#__PURE__*/_react.default.createElement(_material.ListItem, {
     dense: true,

package/dist/components/valuePicker/index.js

@@ -32,7 +32,10 @@ var ValuePicker = function ValuePicker(_ref) {
     defaultSelectedOptions = _ref.defaultSelectedOptions,
     fetchData = _ref.fetchData,
     showSelectedValue = _ref.showSelectedValue,
-    buttonVariant = _ref.buttonVariant;
+    buttonVariant = _ref.buttonVariant,
+    avatarKey = _ref.avatarKey,
+    colorKey = _ref.colorKey,
+    showAvatar = _ref.showAvatar;
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     menuExpanded = _useState2[0],
@@ -62,9 +65,7 @@ var ValuePicker = function ValuePicker(_ref) {
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_button.default, {
     endIcon: /*#__PURE__*/_react.default.createElement(_KeyboardArrowDown.default, null),
     variant: buttonVariant,
-    onClick: handleMenuOpen
-    // color={buttonVariant==="text" && 'primary'}
-    ,
+    onClick: handleMenuOpen,
     color: menuExpanded || atleastOneItemSelected ? "primary" : buttonVariant === "text" ? 'primary' : "info"
   }, showSelectedValue ? /*#__PURE__*/_react.default.createElement(_text.default, null, "".concat(label).concat(atleastOneItemSelected ? ": ".concat(selectedValues[0][displayKey]).concat(selectedValues.length > 1 ? " +".concat(selectedValues.length - 1) : "") : "")) : /*#__PURE__*/_react.default.createElement(_text.default, {
     semibold: true
@@ -105,6 +106,9 @@ var ValuePicker = function ValuePicker(_ref) {
     }),
     valueKey: valueKey,
     displayKey: displayKey,
+    avatarKey: avatarKey,
+    colorKey: colorKey,
+    showAvatar: showAvatar,
     onChange: handleChange,
     multiple: multiple,
     fetchData: fetchData,

package/dist/package.json

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

package/package.json

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