tenjin-ui-kit 0.3.15 → 0.3.17

package/components/editableField/index.js

@@ -21,7 +21,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 // import Select from "../select";
 
 var EditableField = function EditableField(props) {
-  var _useState = (0, _react.useState)(props.editableData),
+  var _useState = (0, _react.useState)(props.editableData || "N/A"),
     _useState2 = _slicedToArray(_useState, 2),
     name = _useState2[0],
     setName = _useState2[1];
@@ -34,15 +34,24 @@ var EditableField = function EditableField(props) {
     show = _useState6[0],
     isShow = _useState6[1];
   var handleKeyDown = function handleKeyDown(event) {
-    if ((name === null || name === void 0 ? void 0 : name.length) > 0 || typeof name === "number") {
-      if (event.key === "Enter") {
+    // if (name?.length > 0 || typeof name === "number") {
+    // if (event.key === "Enter") {
+    //   setIsNameFocused(false);
+    //   isShow(false);
+    // }
+    // } else {
+    //   window.alert("Sorry, data should be there");
+    //   setName(props.editableData ?? <Text>Please, enter some data</Text>);
+    // }
+    if (event.key === "Enter") {
+      if ((name === null || name === void 0 ? void 0 : name.length) > 0) {
         setIsNameFocused(false);
         isShow(false);
+      } else {
+        var _props$editableData;
+        window.alert("Sorry, data should be there");
+        setName((_props$editableData = props.editableData) !== null && _props$editableData !== void 0 ? _props$editableData : /*#__PURE__*/_react.default.createElement(_text.default, null, "Please, enter some data"));
       }
-    } else {
-      var _props$editableData;
-      window.alert("Sorry, data should be there");
-      setName((_props$editableData = props.editableData) !== null && _props$editableData !== void 0 ? _props$editableData : /*#__PURE__*/_react.default.createElement(_text.default, null, "Please, enter some data"));
     }
   };
   var onBLurHandeler = function onBLurHandeler() {
@@ -99,12 +108,14 @@ var EditableField = function EditableField(props) {
       padding: "0.5rem"
     }
   }, name))) : props.isSelect ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, "Select")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.TextField, {
+    placeholder: props.placeholder || "Please Enter Some Value",
     id: "standard-basic",
     variant: "standard",
     autoFocus: true,
     value: name,
     onChange: function onChange(e) {
-      return setName(e.target.value);
+      setName(e.target.value);
+      props.onChange(e.target.value);
     },
     onBlur: onBLurHandeler,
     onKeyDown: handleKeyDown,

package/components/select/SimpleSelect.js

@@ -155,21 +155,14 @@ 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;
-    },
+    // displayEmpty // To display the placeholder
+    // renderValue={(selected) => {
+    //   if (!selected) {
+    //     return <span style={{ color: "#acacac" }}>{placeholder || "Select an option"}</span>;
+    //   }
+    //   const selectedOption = options?.find((option) => option?.value === selected);
+    //   return selectedOption?.label;
+    // }}
     fullWidth: true,
     onClose: function onClose() {
       return setSearchText("");

package/package.json

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