analytica-frontend-lib 1.2.81 → 1.2.82

package/dist/ActivityFilters/index.js

@@ -674,9 +674,9 @@ var CheckboxGroup = ({
   showSingleItem = false
 }) => {
   const [openAccordion, setOpenAccordion] = (0, import_react3.useState)("");
-  const autoSelectionAppliedRef = (0, import_react3.useRef)(false);
   const onCategoriesChangeRef = (0, import_react3.useRef)(onCategoriesChange);
   const previousCategoriesRef = (0, import_react3.useRef)(categories);
+  const appliedAutoSelectionRef = (0, import_react3.useRef)("");
   (0, import_react3.useEffect)(() => {
     onCategoriesChangeRef.current = onCategoriesChange;
   }, [onCategoriesChange]);
@@ -697,9 +697,6 @@ var CheckboxGroup = ({
   }, [categories]);
   (0, import_react3.useEffect)(() => {
     const categoriesChanged = categories !== previousCategoriesRef.current;
-    if (!categoriesChanged && autoSelectionAppliedRef.current) {
-      return;
-    }
     previousCategoriesRef.current = categories;
     const hasAutoSelectionChanges = categoriesWithAutoSelection.some(
       (cat, index) => {
@@ -707,11 +704,18 @@ var CheckboxGroup = ({
         return !areSelectedIdsEqual(cat.selectedIds, originalCat.selectedIds);
       }
     );
-    if (hasAutoSelectionChanges) {
-      autoSelectionAppliedRef.current = true;
+    if (!hasAutoSelectionChanges) {
+      if (categoriesChanged) {
+        appliedAutoSelectionRef.current = "";
+      }
+      return;
+    }
+    const autoSelectionSignature = JSON.stringify(
+      categoriesWithAutoSelection.map((c) => c.selectedIds)
+    );
+    if (appliedAutoSelectionRef.current !== autoSelectionSignature) {
+      appliedAutoSelectionRef.current = autoSelectionSignature;
       onCategoriesChangeRef.current(categoriesWithAutoSelection);
-    } else if (categoriesChanged) {
-      autoSelectionAppliedRef.current = false;
     }
   }, [categoriesWithAutoSelection, categories]);
   const isCheckBoxIsSelected = (categoryKey, itemId) => {
@@ -968,36 +972,24 @@ var CheckboxGroup = ({
   };
   const renderCheckboxItem = (item, categoryKey) => {
     const uniqueId = `${categoryKey}-${item.id}`;
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-      "div",
-      {
-        className: "flex items-center gap-3 px-2",
-        role: "presentation",
-        onClick: (e) => e.stopPropagation(),
-        onMouseDown: (e) => e.stopPropagation(),
-        onMouseUp: (e) => e.stopPropagation(),
-        onKeyDown: (e) => e.stopPropagation(),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            CheckBox_default,
-            {
-              id: uniqueId,
-              checked: isCheckBoxIsSelected(categoryKey, item.id),
-              onChange: () => toggleItem(categoryKey, item.id)
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            "label",
-            {
-              htmlFor: uniqueId,
-              className: "text-sm text-text-950 cursor-pointer select-none",
-              children: item.name
-            }
-          )
-        ]
-      },
-      item.id
-    );
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-3 px-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        CheckBox_default,
+        {
+          id: uniqueId,
+          checked: isCheckBoxIsSelected(categoryKey, item.id),
+          onChange: () => toggleItem(categoryKey, item.id)
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        "label",
+        {
+          htmlFor: uniqueId,
+          className: "text-sm text-text-950 cursor-pointer select-none",
+          children: item.name
+        }
+      )
+    ] }, item.id);
   };
   const renderFormattedGroup = (formattedGroup, idx, categoryKey) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     "div",