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

package/esm/index.js

@@ -22055,12 +22055,40 @@ import React9, {
   useState as useState27
 } from "react";
 
-// ../vuu-ui-controls/src/combo-box/ComboBox.tsx
-import { useId as useId7 } from "@vuu-ui/vuu-utils";
+// ../vuu-ui-controls/src/dropdown/DropdownBase.tsx
+import { useId as useId5 } from "@vuu-ui/vuu-utils";
+import { Children as Children3, cloneElement as cloneElement4, forwardRef as forwardRef7, useRef as useRef17 } from "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
 import {
-  forwardRef as forwardRef11,
-  useCallback as useCallback39,
-  useRef as useRef34
+  useCallback as useCallback18,
+  useRef as useRef16,
+  useState as useState16
 } from "react";
 
 // ../vuu-ui-controls/src/common-hooks/collectionProvider.tsx
@@ -22081,8 +22109,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;
@@ -22277,31 +22307,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");
@@ -22813,17 +22818,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
-import { useId as useId5 } from "@vuu-ui/vuu-utils";
-import { Children as Children3, cloneElement as cloneElement4, forwardRef as forwardRef7, useRef as useRef17 } from "react";
-
-// ../vuu-ui-controls/src/dropdown/useDropdownBase.ts
-import {
-  useCallback as useCallback18,
-  useRef as useRef16,
-  useState as useState16
-} from "react";
-
 // ../vuu-ui-controls/src/dropdown/useClickAway.ts
 import { useEffect as useEffect8, useRef as useRef15 } from "react";
 var NO_HANDLERS = [];
@@ -24161,7 +24155,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;
@@ -24170,13 +24164,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,
@@ -24185,7 +24179,7 @@ var DragDropState = class {
   }
 };
 
-// ../vuu-ui-controls/src/drag-drop/useDragDropNext.tsx
+// ../vuu-ui-controls/src/drag-drop/useDragDrop.tsx
 import { dispatchCustomEvent } from "@vuu-ui/vuu-utils";
 import {
   useCallback as useCallback32,
@@ -24858,7 +24852,7 @@ var useDragDropIndicator = ({
   };
 };
 
-// ../vuu-ui-controls/src/drag-drop/useDragDropNaturalMovementNext.tsx
+// ../vuu-ui-controls/src/drag-drop/useDragDropNaturalMovement.tsx
 import { useCallback as useCallback31, useMemo as useMemo17, useRef as useRef26, useState as useState19 } from "react";
 
 // ../vuu-ui-controls/src/drag-drop/useDragDisplacers.ts
@@ -24997,7 +24991,7 @@ var useDragDisplacers = (orientation = "horizontal") => {
   };
 };
 
-// ../vuu-ui-controls/src/drag-drop/useDragDropNaturalMovementNext.tsx
+// ../vuu-ui-controls/src/drag-drop/useDragDropNaturalMovement.tsx
 import { dispatchMouseEvent } from "@vuu-ui/vuu-utils";
 var useDragDropNaturalMovement = ({
   onDrop,
@@ -25257,7 +25251,7 @@ var useDragDropNaturalMovement = ({
   };
 };
 
-// ../vuu-ui-controls/src/drag-drop/useDragDropNext.tsx
+// ../vuu-ui-controls/src/drag-drop/useDragDrop.tsx
 import { jsx as jsx25 } from "react/jsx-runtime";
 var NULL_DRAG_DROP_RESULT = {
   beginDrag: () => void 0,
@@ -25278,14 +25272,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,
@@ -25312,6 +25306,7 @@ var useDragDropNext = ({
   const dragDropStateRef = useRef27(null);
   const mouseDownTimer = useRef27(null);
   const isScrollableRef = useRef27(false);
+  const mousedownElementRef = useRef27(null);
   const mousePosRef = useRef27({ x: 0, y: 0 });
   const startPosRef = useRef27({ x: 0, y: 0 });
   const settlingItemRef = useRef27(null);
@@ -25576,10 +25571,10 @@ var useDragDropNext = ({
     [attachDragHandlers, beginDrag, containerRef, setDragBoundaries]
   );
   const dragStart = useCallback32(
-    (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,
@@ -25593,7 +25588,7 @@ var useDragDropNext = ({
         const containerRect = container.getBoundingClientRect();
         const draggableRect = dragElement.getBoundingClientRect();
         const dragDropState = dragDropStateRef.current = new DragDropState(
-          evt,
+          mousePosition,
           dragElement
         );
         setDragBoundaries(containerRect, draggableRect);
@@ -25618,6 +25613,7 @@ var useDragDropNext = ({
         });
         onDragStart == null ? void 0 : onDragStart(dragDropState);
         attachDragHandlers();
+        mousedownElementRef.current = null;
       }
     },
     [
@@ -25634,9 +25630,10 @@ var useDragDropNext = ({
   );
   const preDragMouseMoveHandler = useCallback32(
     (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);
@@ -25644,7 +25641,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
@@ -25666,6 +25667,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();
@@ -25676,7 +25682,7 @@ var useDragDropNext = ({
             false
           );
           document.removeEventListener("mouseup", preDragMouseUpHandler, false);
-          dragStart(evt.nativeEvent);
+          dragStart(mousePosition);
         }, 500);
       }
     },
@@ -25962,7 +25968,7 @@ var useList = ({
     isDragging,
     isScrolling: isDragDropScrolling,
     ...dragDropHook
-  } = useDragDropNext({
+  } = useDragDrop({
     allowDragDrop,
     draggableClassName: "list-item",
     orientation: "vertical",
@@ -26513,6 +26519,14 @@ var List = forwardRef10(function List2({
   );
 });
 
+// ../vuu-ui-controls/src/combo-box/ComboBox.tsx
+import { useId as useId7 } from "@vuu-ui/vuu-utils";
+import {
+  forwardRef as forwardRef11,
+  useCallback as useCallback39,
+  useRef as useRef34
+} from "react";
+
 // ../vuu-ui-controls/src/list/ChevronIcon.tsx
 import { jsx as jsx27 } from "react/jsx-runtime";
 var classBase8 = "vuuChevronIcon";
@@ -27784,7 +27798,7 @@ var useTabstrip = ({
       suspendAnimation
     ]
   );
-  const { onMouseDown: dragDropHookHandleMouseDown, ...dragDropHook } = useDragDropNext({
+  const { onMouseDown: dragDropHookHandleMouseDown, ...dragDropHook } = useDragDrop({
     allowDragDrop,
     containerRef,
     // this is for useDragDropNext
@@ -29527,7 +29541,7 @@ var useOverflowContainer = ({
     },
     [onMoveItem]
   );
-  const { onMouseDown: dragDropHookHandleMouseDown, ...dragDropHook } = useDragDropNext({
+  const { onMouseDown: dragDropHookHandleMouseDown, ...dragDropHook } = useDragDrop({
     allowDragDrop,
     containerRef,
     // this is for useDragDropNext
@@ -30296,21 +30310,13 @@ var TextInput = forwardRef22(function TextInput2({
   const [typeaheadValues, setTypeaheadValues] = useState36([]);
   const getSuggestions = suggestionProvider();
   const handleSingleValueSelectionChange = useCallback61(
-    (evt, value2) => onInputComplete(value2),
+    (_, value2) => onInputComplete(value2),
     [onInputComplete]
   );
   const handleMultiValueSelectionChange = useCallback61(
-    (evt, value2) => {
-      if (value2.length === 1) {
-        onInputComplete(value2[0]);
-      } else if (value2.length > 1) {
-        onInputComplete(value2);
-      }
-    },
+    (_, values) => onInputComplete(values),
     [onInputComplete]
   );
-  useEffect17(() => {
-  }, [column]);
   useEffect17(() => {
     if (table) {
       const params = valueInputValue ? [table, column.name, valueInputValue] : [table, column.name];