tenjin-ui-kit 0.2.178 → 0.2.180

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", "loading"];
+var _excluded = ["options", "errorMessage", "error", "fullWidth", "isDisabled", "label", "isRequired", "helperText", "isSearch", "isClearOption", "loading"];
 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; }
@@ -28,6 +28,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 // import { Input } from "tenjin-ui-kit";
 
 var SimpleSelect = function SimpleSelect(_ref) {
+  var _isClearOption;
   var options = _ref.options,
     errorMessage = _ref.errorMessage,
     error = _ref.error,
@@ -37,10 +38,11 @@ var SimpleSelect = function SimpleSelect(_ref) {
     isRequired = _ref.isRequired,
     helperText = _ref.helperText,
     isSearch = _ref.isSearch,
+    isClearOption = _ref.isClearOption,
     loading = _ref.loading,
     rest = _objectWithoutProperties(_ref, _excluded);
   isSearch = true; //by default
-
+  isClearOption = (_isClearOption = isClearOption) !== null && _isClearOption !== void 0 ? _isClearOption : true;
   var _useState = (0, _react.useState)(""),
     _useState2 = _slicedToArray(_useState, 2),
     searchText = _useState2[0],
@@ -120,6 +122,13 @@ var SimpleSelect = function SimpleSelect(_ref) {
       }
     }
   }), isSearch && /*#__PURE__*/_react.default.createElement(_material.TextField, {
+    id: "search-box",
+    sx: {
+      position: "sticky",
+      top: 0,
+      zIndex: 9999,
+      backgroundColor: "white !important"
+    },
     size: "small",
     autoFocus: false,
     placeholder: "Type to search...",
@@ -138,7 +147,7 @@ var SimpleSelect = function SimpleSelect(_ref) {
         e.stopPropagation();
       }
     }
-  }), !loading && /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
+  }), isClearOption && !loading && /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
     value: ""
   }, /*#__PURE__*/_react.default.createElement("em", {
     style: {

package/package.json

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