@vuu-ui/vuu-data-react 0.8.20-debug → 0.8.21-debug

package/cjs/index.js

@@ -22033,9 +22033,37 @@ var useViewActionDispatcher = (id, root, viewPath, dropTargets) => {
 var import_vuu_utils26 = require("@vuu-ui/vuu-utils");
 var import_react86 = __toESM(require("react"));
 
-// ../vuu-ui-controls/src/combo-box/ComboBox.tsx
-var import_vuu_utils18 = require("@vuu-ui/vuu-utils");
-var import_react69 = require("react");
+// ../vuu-ui-controls/src/dropdown/DropdownBase.tsx
+var import_vuu_utils10 = require("@vuu-ui/vuu-utils");
+var import_react45 = require("react");
+
+// ../vuu-ui-controls/src/utils/escapeRegExp.ts
+var regExp = /[.*+?^${}()|[\]\\]/g;
+function escapeRegExp(string2) {
+  return string2.replace(regExp, "\\$&");
+}
+
+// ../vuu-ui-controls/src/utils/forwardCallbackProps.ts
+var forwardCallbackProps = (ownProps, overrideProps) => {
+  const props = Object.keys(ownProps).reduce(
+    (map, name2) => {
+      const ownProp = ownProps[name2];
+      const overrideProp = overrideProps[name2];
+      if (typeof ownProp === "function" && typeof overrideProp === "function") {
+        map[name2] = (...args) => {
+          ownProp(...args);
+          overrideProp(...args);
+        };
+      }
+      return map;
+    },
+    { ...overrideProps }
+  );
+  return props;
+};
+
+// ../vuu-ui-controls/src/dropdown/useDropdownBase.ts
+var import_react44 = require("react");
 
 // ../vuu-ui-controls/src/common-hooks/collectionProvider.tsx
 var import_react38 = require("react");
@@ -22055,8 +22083,10 @@ function useCollection() {
   }
 }
 
-// ../vuu-ui-controls/src/common-hooks/itemToString.ts
+// ../vuu-ui-controls/src/common-hooks/isPlainObject.ts
 var isPlainObject = (obj) => Object.prototype.toString.call(obj) === "[object Object]";
+
+// ../vuu-ui-controls/src/common-hooks/itemToString.ts
 function itemToString(item) {
   if (typeof item === "string") {
     return item;
@@ -22251,31 +22281,6 @@ function replaceCollectionItem(nodes, id, props) {
   return newNodes;
 }
 
-// ../vuu-ui-controls/src/utils/escapeRegExp.ts
-var regExp = /[.*+?^${}()|[\]\\]/g;
-function escapeRegExp(string2) {
-  return string2.replace(regExp, "\\$&");
-}
-
-// ../vuu-ui-controls/src/utils/forwardCallbackProps.ts
-var forwardCallbackProps = (ownProps, overrideProps) => {
-  const props = Object.keys(ownProps).reduce(
-    (map, name2) => {
-      const ownProp = ownProps[name2];
-      const overrideProp = overrideProps[name2];
-      if (typeof ownProp === "function" && typeof overrideProp === "function") {
-        map[name2] = (...args) => {
-          ownProp(...args);
-          overrideProp(...args);
-        };
-      }
-      return map;
-    },
-    { ...overrideProps }
-  );
-  return props;
-};
-
 // ../vuu-ui-controls/src/list/common-hooks/utils/filter-utils.ts
 var leftTrim = (value) => value ? value.replace(/^\s+/g, "") : value;
 var getDefaultFilterRegex = (value) => new RegExp(`(${escapeRegExp(leftTrim(value))})`, "gi");
@@ -22776,13 +22781,6 @@ var selectionIsDisallowed = (selection) => selection === "none";
 var hasSelection = (selected) => selected !== void 0 && selected.length > 0;
 var getFirstSelectedItem = (selected) => selected[0];
 
-// ../vuu-ui-controls/src/dropdown/DropdownBase.tsx
-var import_vuu_utils10 = require("@vuu-ui/vuu-utils");
-var import_react45 = require("react");
-
-// ../vuu-ui-controls/src/dropdown/useDropdownBase.ts
-var import_react44 = require("react");
-
 // ../vuu-ui-controls/src/dropdown/useClickAway.ts
 var import_react43 = require("react");
 var NO_HANDLERS = [];
@@ -24089,7 +24087,7 @@ var useDragDropProvider = (id) => {
 
 // ../vuu-ui-controls/src/drag-drop/DragDropState.ts
 var DragDropState = class {
-  constructor(evt, dragElement) {
+  constructor(mousePosition, dragElement) {
     /** Element being dragged, (initial element cloned and rendered in portal). */
     this.draggableElement = null;
     this.payload = null;
@@ -24098,13 +24096,13 @@ var DragDropState = class {
       this.draggableElement = el;
     };
     this.initialDragElement = dragElement;
-    this.mouseOffset = this.getMouseOffset(evt, dragElement);
+    this.mouseOffset = this.getMouseOffset(mousePosition, dragElement);
   }
   setPayload(payload) {
     this.payload = payload;
   }
-  getMouseOffset(evt, dragElement) {
-    const { clientX, clientY } = evt;
+  getMouseOffset(mousePosition, dragElement) {
+    const { clientX, clientY } = mousePosition;
     const draggableRect = dragElement.getBoundingClientRect();
     return {
       x: clientX - draggableRect.left,
@@ -24113,7 +24111,7 @@ var DragDropState = class {
   }
 };
 
-// ../vuu-ui-controls/src/drag-drop/useDragDropNext.tsx
+// ../vuu-ui-controls/src/drag-drop/useDragDrop.tsx
 var import_vuu_utils14 = require("@vuu-ui/vuu-utils");
 var import_react61 = require("react");
 
@@ -24776,7 +24774,7 @@ var useDragDropIndicator = ({
   };
 };
 
-// ../vuu-ui-controls/src/drag-drop/useDragDropNaturalMovementNext.tsx
+// ../vuu-ui-controls/src/drag-drop/useDragDropNaturalMovement.tsx
 var import_react60 = require("react");
 
 // ../vuu-ui-controls/src/drag-drop/useDragDisplacers.ts
@@ -24915,7 +24913,7 @@ var useDragDisplacers = (orientation = "horizontal") => {
   };
 };
 
-// ../vuu-ui-controls/src/drag-drop/useDragDropNaturalMovementNext.tsx
+// ../vuu-ui-controls/src/drag-drop/useDragDropNaturalMovement.tsx
 var import_vuu_utils13 = require("@vuu-ui/vuu-utils");
 var useDragDropNaturalMovement = ({
   onDrop,
@@ -25175,7 +25173,7 @@ var useDragDropNaturalMovement = ({
   };
 };
 
-// ../vuu-ui-controls/src/drag-drop/useDragDropNext.tsx
+// ../vuu-ui-controls/src/drag-drop/useDragDrop.tsx
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var NULL_DRAG_DROP_RESULT = {
   beginDrag: () => void 0,
@@ -25196,14 +25194,14 @@ var UNBOUNDED = {
 };
 var noDragDrop = () => NULL_DRAG_DROP_RESULT;
 var dragThreshold = 3;
-var getDraggableElement = (el, query) => el.closest(query);
+var getDraggableElement = (el, query) => el == null ? void 0 : el.closest(query);
 var getLastElement = (container, itemQuery) => {
   const fullItemQuery = `:is(${itemQuery}${NOT_OVERFLOWED},.vuuOverflowContainer-OverflowIndicator)`;
   const childElements = Array.from(container.querySelectorAll(fullItemQuery));
   const lastElement = childElements.pop();
   return [lastElement, isOverflowElement(lastElement)];
 };
-var useDragDropNext = ({
+var useDragDrop = ({
   allowDragDrop,
   containerRef,
   draggableClassName,
@@ -25230,6 +25228,7 @@ var useDragDropNext = ({
   const dragDropStateRef = (0, import_react61.useRef)(null);
   const mouseDownTimer = (0, import_react61.useRef)(null);
   const isScrollableRef = (0, import_react61.useRef)(false);
+  const mousedownElementRef = (0, import_react61.useRef)(null);
   const mousePosRef = (0, import_react61.useRef)({ x: 0, y: 0 });
   const startPosRef = (0, import_react61.useRef)({ x: 0, y: 0 });
   const settlingItemRef = (0, import_react61.useRef)(null);
@@ -25494,10 +25493,10 @@ var useDragDropNext = ({
     [attachDragHandlers, beginDrag, containerRef, setDragBoundaries]
   );
   const dragStart = (0, import_react61.useCallback)(
-    (evt) => {
-      const { target } = evt;
-      const dragElement = getDraggableElement(target, itemQuery);
+    (mousePosition) => {
       const { current: container } = containerRef;
+      const { current: target } = mousedownElementRef;
+      const dragElement = getDraggableElement(target, itemQuery);
       if (container && dragElement) {
         const scrollableContainer = getScrollableContainer(
           container,
@@ -25511,7 +25510,7 @@ var useDragDropNext = ({
         const containerRect = container.getBoundingClientRect();
         const draggableRect = dragElement.getBoundingClientRect();
         const dragDropState = dragDropStateRef.current = new DragDropState(
-          evt,
+          mousePosition,
           dragElement
         );
         setDragBoundaries(containerRect, draggableRect);
@@ -25536,6 +25535,7 @@ var useDragDropNext = ({
         });
         onDragStart == null ? void 0 : onDragStart(dragDropState);
         attachDragHandlers();
+        mousedownElementRef.current = null;
       }
     },
     [
@@ -25552,9 +25552,10 @@ var useDragDropNext = ({
   );
   const preDragMouseMoveHandler = (0, import_react61.useCallback)(
     (evt) => {
+      const { current: mouseDownPosition } = startPosRef;
       const { CLIENT_POS, POS } = dimensions(orientation);
       const { [CLIENT_POS]: clientPos } = evt;
-      const mouseMoveDistance = Math.abs(clientPos - startPosRef.current[POS]);
+      const mouseMoveDistance = Math.abs(clientPos - mouseDownPosition[POS]);
       if (mouseMoveDistance > dragThreshold && containerRef.current) {
         if (mouseDownTimer.current) {
           window.clearTimeout(mouseDownTimer.current);
@@ -25562,7 +25563,11 @@ var useDragDropNext = ({
         }
         document.removeEventListener("mousemove", preDragMouseMoveHandler);
         document.removeEventListener("mouseup", preDragMouseUpHandler, false);
-        dragStart(evt);
+        const mousePosition = {
+          clientX: mouseDownPosition.x,
+          clientY: mouseDownPosition.y
+        };
+        dragStart(mousePosition);
       }
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -25584,6 +25589,11 @@ var useDragDropNext = ({
         const { clientX, clientY } = evt;
         mousePosRef.current.x = startPosRef.current.x = clientX;
         mousePosRef.current.y = startPosRef.current.y = clientY;
+        mousedownElementRef.current = evt.target;
+        const mousePosition = {
+          clientX,
+          clientY
+        };
         document.addEventListener("mousemove", preDragMouseMoveHandler, false);
         document.addEventListener("mouseup", preDragMouseUpHandler, false);
         evt.persist();
@@ -25594,7 +25604,7 @@ var useDragDropNext = ({
             false
           );
           document.removeEventListener("mouseup", preDragMouseUpHandler, false);
-          dragStart(evt.nativeEvent);
+          dragStart(mousePosition);
         }, 500);
       }
     },
@@ -25880,7 +25890,7 @@ var useList = ({
     isDragging,
     isScrolling: isDragDropScrolling,
     ...dragDropHook
-  } = useDragDropNext({
+  } = useDragDrop({
     allowDragDrop,
     draggableClassName: "list-item",
     orientation: "vertical",
@@ -26431,6 +26441,10 @@ var List = (0, import_react66.forwardRef)(function List2({
   );
 });
 
+// ../vuu-ui-controls/src/combo-box/ComboBox.tsx
+var import_vuu_utils18 = require("@vuu-ui/vuu-utils");
+var import_react69 = require("react");
+
 // ../vuu-ui-controls/src/list/ChevronIcon.tsx
 var import_jsx_runtime27 = require("react/jsx-runtime");
 var classBase8 = "vuuChevronIcon";
@@ -27673,7 +27687,7 @@ var useTabstrip = ({
       suspendAnimation
     ]
   );
-  const { onMouseDown: dragDropHookHandleMouseDown, ...dragDropHook } = useDragDropNext({
+  const { onMouseDown: dragDropHookHandleMouseDown, ...dragDropHook } = useDragDrop({
     allowDragDrop,
     containerRef,
     // this is for useDragDropNext
@@ -29396,7 +29410,7 @@ var useOverflowContainer = ({
     },
     [onMoveItem]
   );
-  const { onMouseDown: dragDropHookHandleMouseDown, ...dragDropHook } = useDragDropNext({
+  const { onMouseDown: dragDropHookHandleMouseDown, ...dragDropHook } = useDragDrop({
     allowDragDrop,
     containerRef,
     // this is for useDragDropNext
@@ -30134,21 +30148,13 @@ var TextInput = (0, import_react105.forwardRef)(function TextInput2({
   const [typeaheadValues, setTypeaheadValues] = (0, import_react105.useState)([]);
   const getSuggestions = suggestionProvider();
   const handleSingleValueSelectionChange = (0, import_react105.useCallback)(
-    (evt, value2) => onInputComplete(value2),
+    (_, value2) => onInputComplete(value2),
     [onInputComplete]
   );
   const handleMultiValueSelectionChange = (0, import_react105.useCallback)(
-    (evt, value2) => {
-      if (value2.length === 1) {
-        onInputComplete(value2[0]);
-      } else if (value2.length > 1) {
-        onInputComplete(value2);
-      }
-    },
+    (_, values) => onInputComplete(values),
     [onInputComplete]
   );
-  (0, import_react105.useEffect)(() => {
-  }, [column]);
   (0, import_react105.useEffect)(() => {
     if (table) {
       const params = valueInputValue ? [table, column.name, valueInputValue] : [table, column.name];