@vuu-ui/vuu-filters 0.8.20-debug → 0.8.21-debug

package/cjs/index.js

@@ -1317,7 +1317,7 @@ var useOverflowContainer = ({
     },
     [onMoveItem]
   );
-  const { onMouseDown: dragDropHookHandleMouseDown, ...dragDropHook } = (0, import_vuu_ui_controls2.useDragDropNext)({
+  const { onMouseDown: dragDropHookHandleMouseDown, ...dragDropHook } = (0, import_vuu_ui_controls2.useDragDrop)({
     allowDragDrop,
     containerRef,
     // this is for useDragDropNext
@@ -2556,21 +2556,13 @@ var TextInput = (0, import_react25.forwardRef)(function TextInput2({
   const [typeaheadValues, setTypeaheadValues] = (0, import_react25.useState)([]);
   const getSuggestions = suggestionProvider();
   const handleSingleValueSelectionChange = (0, import_react25.useCallback)(
-    (evt, value2) => onInputComplete(value2),
+    (_, value2) => onInputComplete(value2),
     [onInputComplete]
   );
   const handleMultiValueSelectionChange = (0, import_react25.useCallback)(
-    (evt, value2) => {
-      if (value2.length === 1) {
-        onInputComplete(value2[0]);
-      } else if (value2.length > 1) {
-        onInputComplete(value2);
-      }
-    },
+    (_, values) => onInputComplete(values),
     [onInputComplete]
   );
-  (0, import_react25.useEffect)(() => {
-  }, [column]);
   (0, import_react25.useEffect)(() => {
     if (table) {
       const params = valueInputValue ? [table, column.name, valueInputValue] : [table, column.name];
@@ -4168,7 +4160,7 @@ var KeySet = class {
   }
   next() {
     if (this.free.length > 0) {
-      return this.free.pop();
+      return this.free.shift();
     } else {
       return this.nextKeyValue++;
     }
@@ -4206,7 +4198,7 @@ var KeySet = class {
     return key;
   }
   toDebugString() {
-    return Array.from(this.keys.entries()).map((k, v) => \`\${k}=>\${v}\`).join(",");
+    return Array.from(this.keys.entries()).map(([k, v]) => \`\${k}=>\${v}\`).join(",");
   }
 };
 
@@ -9908,12 +9900,12 @@ var useFilters = ({
     [filters, onFiltersChanged, saveFilterToSettings, setFilters]
   );
   const handleChangeFilter = (0, import_react48.useCallback)(
-    (filter) => {
+    (oldFilter, newFilter) => {
       let index = -1;
       const newFilters = filters.map((f, i) => {
-        if (f === filter) {
+        if (f === oldFilter) {
           index = i;
-          return filter;
+          return newFilter;
         } else {
           return f;
         }
@@ -10118,21 +10110,27 @@ var useFilterBar = ({
     },
     [deleteFilter, editPillLabel, filters, focusFilterClause]
   );
+  const addIfNewElseUpdate = (0, import_react49.useCallback)(
+    (edited, existing) => {
+      if (existing === void 0) {
+        const idx = onAddFilter(edited);
+        editPillLabel(idx);
+        return idx;
+      } else {
+        return onChangeFilter(existing, edited);
+      }
+    },
+    [editPillLabel, onAddFilter, onChangeFilter]
+  );
   const handleMenuAction = (0, import_react49.useCallback)(
     ({ menuId }) => {
       switch (menuId) {
         case "apply-save": {
-          const isNewFilter = editingFilter.current === void 0;
-          const newFilter = editFilter;
-          const changeHandler = isNewFilter ? onAddFilter : onChangeFilter;
-          const indexOfNewFilter = changeHandler(newFilter);
-          if (isNewFilter) {
-            editPillLabel(indexOfNewFilter);
-          }
+          const editedFilter = editFilter;
+          const idx = addIfNewElseUpdate(editedFilter, editingFilter.current);
+          setActiveFilterIndex(appendIfNotPresent(idx));
           setEditFilter(void 0);
-          setActiveFilterIndex(
-            (indices) => indices.includes(indexOfNewFilter) ? indices : indices.concat(indexOfNewFilter)
-          );
+          editingFilter.current = void 0;
           setShowMenu(false);
           return true;
         }
@@ -10141,7 +10139,6 @@ var useFilterBar = ({
             editFilter,
             EMPTY_FILTER_CLAUSE
           );
-          console.log({ newFilter });
           setEditFilter(newFilter);
           setShowMenu(false);
           return true;
@@ -10156,7 +10153,7 @@ var useFilterBar = ({
           return false;
       }
     },
-    [editFilter, editPillLabel, onAddFilter, onChangeFilter]
+    [editFilter, addIfNewElseUpdate]
   );
   (0, import_react49.useEffect)(() => {
     if (activeFilterIndex.length > 0) {
@@ -10309,6 +10306,7 @@ var useFilterBar = ({
     showMenu
   };
 };
+var appendIfNotPresent = (n) => (ns) => ns.includes(n) ? ns : ns.concat(n);
 
 // src/filter-bar/FilterBarMenu.tsx
 var import_vuu_popups7 = require("@vuu-ui/vuu-popups");