tenjin-ui-kit 0.3.11 → 0.3.13

package/components/layout/topBar/ProjectTopbar.js

@@ -214,7 +214,20 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
     style: {
       fontWeight: "600"
     }
-  }, "Administration")), /*#__PURE__*/_react.default.createElement(_system.Box, {
+  }, "Administration")), /*#__PURE__*/_react.default.createElement(_button.default, {
+    variant: "text",
+    startIcon: /*#__PURE__*/_react.default.createElement(_reactFeather.HelpCircle, {
+      size: "1rem"
+    }),
+    onClick: function onClick() {
+      window.open("/docs", "_blank");
+    }
+  }, /*#__PURE__*/_react.default.createElement(_text.default, {
+    variant: "subtitle1",
+    style: {
+      fontWeight: "600"
+    }
+  }, "Help")), /*#__PURE__*/_react.default.createElement(_system.Box, {
     sx: {
       marginLeft: theme.spacing(1)
     }

package/components/select/SimpleSelect.js

@@ -10,7 +10,7 @@ var _material = require("@mui/material");
 var _text = _interopRequireDefault(require("../text"));
 var _Search = _interopRequireDefault(require("@mui/icons-material/Search"));
 var _iconsMaterial = require("@mui/icons-material");
-var _excluded = ["options", "errorMessage", "error", "fullWidth", "isDisabled", "label", "isRequired", "helperText", "isSearch", "isClearOption", "loading", "isSort"];
+var _excluded = ["options", "errorMessage", "error", "fullWidth", "isDisabled", "label", "isRequired", "helperText", "isSearch", "isClearOption", "loading", "isSort", "placeholder"];
 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; }
@@ -42,6 +42,7 @@ var SimpleSelect = function SimpleSelect(_ref) {
     isClearOption = _ref.isClearOption,
     loading = _ref.loading,
     isSort = _ref.isSort,
+    placeholder = _ref.placeholder,
     rest = _objectWithoutProperties(_ref, _excluded);
   isSort = (_isSort = isSort) !== null && _isSort !== void 0 ? _isSort : true; //by default true
   isSearch = (_isSearch = isSearch) !== null && _isSearch !== void 0 ? _isSearch : true; //by default true
@@ -154,6 +155,21 @@ var SimpleSelect = function SimpleSelect(_ref) {
       color: "red"
     }
   }, " * ") : "")), /*#__PURE__*/_react.default.createElement(_material.Select, _extends({}, rest, {
+    displayEmpty: true // To display the placeholder
+    ,
+    renderValue: function renderValue(selected) {
+      if (!selected) {
+        return /*#__PURE__*/_react.default.createElement("span", {
+          style: {
+            color: "#acacac"
+          }
+        }, placeholder || "Select an option");
+      }
+      var selectedOption = options === null || options === void 0 ? void 0 : options.find(function (option) {
+        return (option === null || option === void 0 ? void 0 : option.value) === selected;
+      });
+      return selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label;
+    },
     fullWidth: true,
     onClose: function onClose() {
       return setSearchText("");

package/package.json

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