sag_components 1.0.168 → 1.0.169

package/dist/stories/components/Dropdown.js

@@ -38,8 +38,7 @@ var checkedIcon = /*#__PURE__*/_react.default.createElement(_CheckBox.default, {
  *  SAG Dropdown
  */
 var Dropdown = function Dropdown(_ref) {
-  var value = _ref.value,
-    _ref$width = _ref.width,
+  var _ref$width = _ref.width,
     width = _ref$width === void 0 ? "100%" : _ref$width,
     size = _ref.size,
     text = _ref.text,
@@ -56,27 +55,29 @@ var Dropdown = function Dropdown(_ref) {
     labelColor = _ref$labelColor === void 0 ? "#1B30AA" : _ref$labelColor,
     required = _ref.required,
     inputRef = _ref.inputRef,
+    defaultValue = _ref.defaultValue,
     _ref$allowedInput = _ref.allowedInput,
-    allowedInput = _ref$allowedInput === void 0 ? "all" : _ref$allowedInput;
+    allowedInput = _ref$allowedInput === void 0 ? "all" : _ref$allowedInput,
+    _ref$reset = _ref.reset,
+    reset = _ref$reset === void 0 ? false : _ref$reset;
   /**
    *  SAG Dropdown
    */
 
-  var _useState = (0, _react.useState)(value || undefined),
+  var _useState = (0, _react.useState)(null),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    valueState = _useState2[0],
-    setValueState = _useState2[1];
-  var _useState3 = (0, _react.useState)(),
+    currentInputValue = _useState2[0],
+    setCurrentInputValue = _useState2[1];
+  var _useState3 = (0, _react.useState)(null),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    currentInputValue = _useState4[0],
-    setCurrentInputValue = _useState4[1];
-  (0, _react.useEffect)(function () {
-    console.log("valueState", valueState);
-  }, [valueState]);
-  (0, _react.useEffect)(function () {
-    console.log("value", value);
-    setValueState(value);
-  }, [value]);
+    currentOption = _useState4[0],
+    setCurrentOption = _useState4[1];
+  //const [defaultValueSetFlag, setDefaultValueSetFlag] = useState(false);
+
+  // useEffect(() => {
+  //   reset ? setDefaultValueSetFlag(false) : null;
+  // }, [reset]);
+
   (0, _react.useEffect)(function () {
     var delayDebounceFn = setTimeout(function () {
       onInputChange(currentInputValue);
@@ -134,7 +135,11 @@ var Dropdown = function Dropdown(_ref) {
     });
   };
   var onChangeHandler = function onChangeHandler(event, newValue) {
-    setValueState(newValue);
+    setCurrentOption({
+      syntheticBaseEvent: event,
+      newValue: newValue
+    });
+    //setDefaultValueSetFlag(true);
     onChange({
       syntheticBaseEvent: event,
       newValue: newValue
@@ -171,14 +176,22 @@ var Dropdown = function Dropdown(_ref) {
     return /*#__PURE__*/_react.default.createElement(_styles.ThemeProvider, {
       theme: theme
     }, /*#__PURE__*/_react.default.createElement(_Autocomplete.default, {
-      value: valueState !== null && valueState !== void 0 ? valueState : undefined,
+      key: reset,
       onChange: function onChange(event, newValue) {
         onChangeHandler(event, newValue);
       },
       onInputChange: function onInputChange(event, newInputValue) {
         onInputChangeHandler(event, newInputValue);
       },
-      disablePortal: true,
+      disablePortal: true
+      // value={defaultValue && !currentOption?.newValue ? defaultValue : currentOption?.newValue}
+      // value={
+      //   defaultValue && !defaultValueSetFlag
+      //     ? defaultValue
+      //     : currentOption?.newValue
+      // }
+      ,
+      defaultValue: defaultValue,
       id: "combo-box",
       options: options,
       sx: {
@@ -234,7 +247,8 @@ var Dropdown = function Dropdown(_ref) {
     return /*#__PURE__*/_react.default.createElement(_styles.ThemeProvider, {
       theme: theme
     }, /*#__PURE__*/_react.default.createElement(_Autocomplete.default, {
-      value: valueState !== null && valueState !== void 0 ? valueState : undefined,
+      key: reset,
+      defaultValue: defaultValue,
       style: {
         width: width
       },
@@ -270,7 +284,7 @@ var Dropdown = function Dropdown(_ref) {
         }), option.label);
       },
       renderInput: function renderInput(params) {
-        return showSearchIcon && (!valueState || valueState && (valueState === null || valueState === void 0 ? void 0 : valueState.length) === 0) ? /*#__PURE__*/_react.default.createElement(_TextField.default, Object.assign({}, params, {
+        return showSearchIcon && (!currentOption || currentOption && currentOption.length === 0) ? /*#__PURE__*/_react.default.createElement(_TextField.default, Object.assign({}, params, {
           label: text,
           size: size,
           sx: getTextFieldStyle(),

package/package.json

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