sag_components 1.0.166 → 1.0.168

package/dist/stories/components/Datepicker.js

@@ -26,8 +26,7 @@ var Datepicker = function Datepicker(_ref) {
     format = _ref$format === void 0 ? "MMM DD, YYYY" : _ref$format,
     shape = _ref.shape,
     _onChange = _ref.onChange,
-    _ref$value = _ref.value,
-    value = _ref$value === void 0 ? "" : _ref$value;
+    value = _ref.value;
   /**
    *  SAG Datepicker
    */
@@ -37,7 +36,10 @@ var Datepicker = function Datepicker(_ref) {
     valueState = _React$useState2[0],
     setvalueState = _React$useState2[1];
   (0, _react.useEffect)(function () {
-    value !== null && value !== void 0 ? value : setvalueState(value);
+    if (value) {
+      console.log("value", value);
+      setvalueState((0, _dayjs.default)(value));
+    }
   }, [value]);
   var getTextFieldStyle = function getTextFieldStyle() {
     if (shape === "round") {

package/dist/stories/components/Dropdown.js

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