tenjin-ui-kit 0.2.193 → 0.2.195

package/components/input/index.js

@@ -12,7 +12,7 @@ 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", "readOnly", "helperText"];
+var _excluded = ["label", "id", "fullWidth", "disableAutocomplete", "startIcon", "endIcon", "size", "error", "errorMessage", "isRequired", "isDisabled", "isPastDateDisabled", "readOnly", "helperText", "autoFocus", "onBlurDelay"];
 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; }
@@ -37,6 +37,8 @@ var Input = function Input(_ref) {
     isPastDateDisabled = _ref.isPastDateDisabled,
     readOnly = _ref.readOnly,
     helperText = _ref.helperText,
+    autoFocus = _ref.autoFocus,
+    onBlurDelay = _ref.onBlurDelay,
     rest = _objectWithoutProperties(_ref, _excluded);
   var theme = (0, _styles.useTheme)();
   var minDate = new Date().toISOString().split("T")[0];
@@ -75,6 +77,12 @@ var Input = function Input(_ref) {
     endAdornment: endIcon,
     helperText: errorMessage,
     disabled: isDisabled,
+    onBlur: function onBlur(e) {
+      setTimeout(function () {
+        rest.onBlur(e);
+      }, onBlurDelay || 100);
+    },
+    autoFocus: !!autoFocus ? rest.value ? rest.value : true : false,
     inputProps: _objectSpread({
       readOnly: readOnly ? "readOnly" : null
     }, isPastDateDisabled && {
@@ -102,6 +110,12 @@ var Input = function Input(_ref) {
     endAdornment: endIcon,
     helperText: errorMessage,
     error: true,
+    onBlur: function onBlur(e) {
+      setTimeout(function () {
+        rest.onBlur(e);
+      }, onBlurDelay || 100);
+    },
+    autoFocus: !!autoFocus ? rest.value ? rest.value : true : false,
     inputProps: _objectSpread({
       readOnly: readOnly ? "readOnly" : null
     }, isPastDateDisabled && {
@@ -124,7 +138,9 @@ Input.propTypes = {
   size: _propTypes.default.string,
   isRequired: _propTypes.default.bool,
   isDisabled: _propTypes.default.bool,
-  readOnly: _propTypes.default.bool // Added readOnly prop type
+  readOnly: _propTypes.default.bool,
+  // Added readOnly prop type
+  autoFocus: _propTypes.default.bool
 };
 var _default = Input;
 exports.default = _default;

package/components/reactSelect/index.js

@@ -9,7 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactSelect = _interopRequireWildcard(require("react-select"));
 var _material = require("@mui/material");
-var _KeyboardArrowDown = _interopRequireDefault(require("@mui/icons-material/KeyboardArrowDown"));
 var _style = require("./style");
 var _excluded = ["getStyles", "Icon", "isDisabled", "isFocused", "isSelected", "children", "innerProps", "isCheckBox"],
   _excluded2 = ["options", "value", "label", "defaultValue", "isMulti", "isDisabled", "placeholder", "className", "isRequired", "simulateNativeSelect", "onChange", "theme", "error", "helperText", "isBlueTheme", "isLoading", "isCheckBox"];
@@ -31,7 +30,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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 DropdownIndicator = function DropdownIndicator(props) {
-  return /*#__PURE__*/_react.default.createElement(_reactSelect.components.DropdownIndicator, props, /*#__PURE__*/_react.default.createElement(_KeyboardArrowDown.default, null));
+  return /*#__PURE__*/_react.default.createElement(_reactSelect.components.DropdownIndicator, props, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Icon"));
 };
 var InputOption = function InputOption(_ref) {
   var getStyles = _ref.getStyles,

package/components/select/SimpleSelect.js

@@ -81,7 +81,10 @@ var SimpleSelect = function SimpleSelect(_ref) {
     if (isSearch) {
       setNoDataAvailable(filteredOptions.length === 0);
     }
-    return filteredOptions.map(function (option) {
+    var sortedOptions = filteredOptions.sort(function (a, b) {
+      return a.label.localeCompare(b.label);
+    });
+    return sortedOptions.map(function (option) {
       return {
         label: option.label,
         value: option.value

package/components/table/index.js

@@ -9,8 +9,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _text = _interopRequireDefault(require("../text"));
 var _material = require("@mui/material");
 var _reactBeautifulDnd = require("react-beautiful-dnd");
-var _KeyboardArrowUp = _interopRequireDefault(require("@mui/icons-material/KeyboardArrowUp"));
-var _KeyboardArrowDown = _interopRequireDefault(require("@mui/icons-material/KeyboardArrowDown"));
 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; }
@@ -31,6 +29,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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); }
+// import KeyboardArrowUpIcon from "@mui/icons-material/KeyboardArrowUp";
+// import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown";
+
 var Table = function Table(_ref) {
   var rows = _ref.rows,
     columns = _ref.columns,

package/package.json

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