sag_components 1.0.374 → 1.0.376

package/dist/stories/components/Dropdown.js

@@ -73,11 +73,10 @@ var Dropdown = exports.Dropdown = function Dropdown(_ref) {
     setCurrentInputValue = _useState2[1];
   var _useState3 = (0, _react.useState)(filterOptionsMultiSelect ? filterOptionsMultiSelect : undefined),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    currentFilterMultiSelectState = _useState4[0],
-    setCurrentFilterMultiSelectState = _useState4[1];
+    filterMultiSelectState = _useState4[0],
+    setFilterMultiSelectState = _useState4[1];
   (0, _react.useEffect)(function () {
-    setCurrentFilterMultiSelectState(filterOptionsMultiSelect);
-    console.log("currentFilterMultiSelectState", currentFilterMultiSelectState);
+    setFilterMultiSelectState(filterOptionsMultiSelect);
   }, [filterOptionsMultiSelect]);
   (0, _react.useEffect)(function () {
     var delayDebounceFn = setTimeout(function () {
@@ -213,8 +212,7 @@ var Dropdown = exports.Dropdown = function Dropdown(_ref) {
     });
   };
   var onChangeHandler = function onChangeHandler(event, newValue) {
-    setCurrentFilterMultiSelectState(newValue);
-    console.log("currentFilterMultiSelectState", currentFilterMultiSelectState);
+    setFilterMultiSelectState(newValue);
     onChange({
       syntheticBaseEvent: event,
       newValue: newValue
@@ -321,7 +319,7 @@ var Dropdown = exports.Dropdown = function Dropdown(_ref) {
       limitTags: limitTagsOnMultiSelect,
       id: "checkboxes-tags",
       options: options,
-      value: currentFilterMultiSelectState,
+      value: filterMultiSelectState !== null && filterMultiSelectState !== void 0 ? filterMultiSelectState : undefined,
       disabled: disabled,
       disableCloseOnSelect: true,
       disableClearable: disableClearable,
@@ -336,12 +334,8 @@ var Dropdown = exports.Dropdown = function Dropdown(_ref) {
         var selected = _ref2.selected;
         return /*#__PURE__*/_react.default.createElement("li", props, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
           icon: icon,
-          checkedIcon: checkedIcon
-          // checked={
-          //   variantName.findIndex((item) => item.id === variant.id) >= 0
-          // }   
-          ,
-          checked: selected
+          checkedIcon: checkedIcon,
+          checked: isOptionChecked(option) //{selected}
         }), option.label);
       },
       renderInput: function renderInput(params) {
@@ -378,6 +372,16 @@ var Dropdown = exports.Dropdown = function Dropdown(_ref) {
       }
     }));
   };
+  var isOptionChecked = function isOptionChecked(option) {
+    var _Object$values;
+    if (filterMultiSelectState && (_Object$values = Object.values(filterMultiSelectState)) !== null && _Object$values !== void 0 && _Object$values.map(function (itemFilter) {
+      return itemFilter.label;
+    }).includes(option.label)) {
+      return true;
+    } else {
+      return false;
+    }
+  };
 
   // --------------------------------- MAIN -------------------------------------
   return /*#__PURE__*/_react.default.createElement(_Dropdown.DropdownContainer, {

package/package.json

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