sag_components 1.0.88 → 1.0.90

package/dist/stories/components/Dropdown.js

@@ -53,10 +53,14 @@ var Dropdown = function Dropdown(_ref) {
     onInputChange = _ref.onInputChange,
     _ref$labelColor = _ref.labelColor,
     labelColor = _ref$labelColor === void 0 ? "#1B30AA" : _ref$labelColor,
-    required = _ref.required;
+    required = _ref.required,
+    defaultValue = _ref.defaultValue,
+    _ref$allowedInput = _ref.allowedInput,
+    allowedInput = _ref$allowedInput === void 0 ? "all" : _ref$allowedInput;
   /**
    *  SAG Dropdown
    */
+
   var _useState = (0, _react.useState)(null),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     currentInputValue = _useState2[0],
@@ -65,6 +69,15 @@ var Dropdown = function Dropdown(_ref) {
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     currentOption = _useState4[0],
     setCurrentOption = _useState4[1];
+  // const [valueState, setValueState] = useState(null);
+
+  // useEffect(() => {
+  //   {
+  //     if (defaultValue && getOptionByLabel(defaultValue) != null)
+  //       setValueState(getOptionByLabel(defaultValue));        
+  //   }
+  // }, []);
+
   (0, _react.useEffect)(function () {
     var delayDebounceFn = setTimeout(function () {
       onInputChange(currentInputValue);
@@ -131,6 +144,33 @@ var Dropdown = function Dropdown(_ref) {
       newValue: newValue
     });
   };
+  var getOptionByLabel = function getOptionByLabel(label) {
+    if (!label) return null;
+    if (!options) return null;
+    var foundOption = options.find(function (item) {
+      return item.label == label;
+    });
+    console.log(foundOption);
+    if (!foundOption) return null;
+    return foundOption;
+  };
+  var isInputAllowed = function isInputAllowed(inputChar) {
+    var NUMERIC_REGEX = /^[0-9-]+$/;
+    var ALPHA_REGEX = /^[a-zA-Z]+$/;
+    var ALPHA_NUMERIC_REGEX = /^[a-zA-Z0-9-]+$/;
+    switch (allowedInput) {
+      case "all":
+        return true;
+      case "alpha":
+        if (ALPHA_REGEX.test(inputChar)) return true;else return false;
+      case "numeric":
+        if (NUMERIC_REGEX.test(inputChar)) return true;else return false;
+      case "alphaNumeric":
+        if (ALPHA_NUMERIC_REGEX.test(inputChar)) return true;else return false;
+      default:
+        return true;
+    }
+  };
   var getAutocompleteSingle = function getAutocompleteSingle() {
     return /*#__PURE__*/_react.default.createElement(_styles.ThemeProvider, {
       theme: theme
@@ -142,6 +182,7 @@ var Dropdown = function Dropdown(_ref) {
         onInputChangeHandler(event, newInputValue);
       },
       disablePortal: true,
+      defaultValue: getOptionByLabel(defaultValue),
       id: "combo-box",
       options: options,
       sx: {
@@ -154,6 +195,11 @@ var Dropdown = function Dropdown(_ref) {
       forcePopupIcon: "auto",
       renderInput: function renderInput(params) {
         return /*#__PURE__*/_react.default.createElement(_TextField.default, Object.assign({}, params, {
+          onKeyDown: function onKeyDown(event) {
+            if (!isInputAllowed(event.key)) {
+              event.preventDefault();
+            }
+          },
           required: required,
           label: text,
           size: size,
@@ -233,6 +279,11 @@ var Dropdown = function Dropdown(_ref) {
           size: size,
           sx: getTextFieldStyle(),
           placeholder: placeHolder,
+          onKeyDown: function onKeyDown(event) {
+            if (!isInputAllowed(event.key)) {
+              event.preventDefault();
+            }
+          },
           required: required,
           InputProps: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, params.InputProps), {}, {
             style: {
@@ -257,6 +308,11 @@ var Dropdown = function Dropdown(_ref) {
           size: size,
           sx: getTextFieldStyle(),
           placeholder: placeHolder,
+          onKeyDown: function onKeyDown(event) {
+            if (!isInputAllowed(event.key)) {
+              event.preventDefault();
+            }
+          },
           required: required,
           InputLabelProps: {
             style: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sag_components",
-  "version": "1.0.88",
+  "version": "1.0.90",
   "description": "",
   "main": "dist/index.js",
   "scripts": {