@1771technologies/lytenyte-pro 0.0.48 → 0.0.50

package/dist/column-manager.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { IsoResizeObserver, getPreciseElementDimensions, clsx } from "@1771technologies/js-utils";
-import { u as useDragStore, a as useDrag, C as Checkbox, I as Input, D as DragProvider } from "./drag-store-CO3z13Ju.js";
+import { u as useDragStore, a as useDrag, C as Checkbox, I as Input, D as DragProvider } from "./drag-store-C056Fm0B.js";
 import "@1771technologies/react-sizer";
 import { useCombinedRefs, useEvent } from "@1771technologies/react-utils";
 import "@1771technologies/grid-provider";
@@ -8,10 +8,10 @@ import { useRef, useState, useEffect, useCallback, useMemo, createContext, useCo
 import "@1771technologies/react-dragon";
 import "@1771technologies/grid-core";
 import { c as useGrid, G as GridProvider } from "./useScrollLock-D4UY33Sb.js";
-import { g as useEdgeScroll, h as useDraggable, c as canAgg, a as canMeasure, f as useDroppable, u as useAggregationSource, b as useMeasuresSource, d as useRowGroupsSource, e as useColumnPivotSource, P as Pill, M as MenuTrigger, i as PillManagerAggMenu, j as PillManagerMeasureMenu } from "./pill-BkFH8z9v.js";
+import { g as useEdgeScroll, h as useDraggable, c as canAgg, a as canMeasure, f as useDroppable, u as useAggregationSource, b as useMeasuresSource, d as useRowGroupsSource, e as useColumnPivotSource, P as Pill, M as MenuTrigger, i as PillManagerAggMenu, j as PillManagerMeasureMenu } from "./pill-0vXb9g1m.js";
 import { A as ArrowRightIcon } from "./tickmark-icon-CoogRMoO.js";
 import { A as ArrowDownIcon } from "./arrow-down-icon-B-3ldODD.js";
-import { D as DragIcon, M as MeasuresIcon, C as ColumnPivotIcon, R as RowGroupIcon } from "./row-group-icon-D8JA6sh9.js";
+import { D as DragIcon, M as MeasuresIcon, C as ColumnPivotIcon, R as RowGroupIcon } from "./row-group-icon-DFUMye0v.js";
 import { createPortal } from "react-dom";
 import { D as DragGroupIcon, S as SearchIcon } from "./search-icon-CcG1lqsn.js";
 import { S as Separator } from "./separator-BnPPeAk8.js";
@@ -678,7 +678,7 @@ const ColumnManagerTreeItem = forwardRef(function TreeItem({ className, depthPad
     const ids = ci.data.type === "leaf" ? [ci.data.data.id] : allLeafs(ci.data).map((c) => c.id);
     return { target: "columns", ids, isGroup: ci.data.type === "parent" };
   }, [ci.data]);
-  const { onPointerDown } = useDraggable({
+  const { setDrag } = useDraggable({
     id: ci.data.type === "leaf" ? ci.data.data.id : ci.data.occurrence,
     getData: () => {
       const columns2 = ci.data.type === "leaf" ? [ci.data.data] : allLeafs(ci.data);
@@ -772,7 +772,7 @@ const ColumnManagerTreeItem = forwardRef(function TreeItem({ className, depthPad
         children: [
           canDrop && yHalf === "top" && /* @__PURE__ */ jsx("div", { className: "lng1771-column-manager__tree-item-drop-indicator-top" }),
           canDrop && yHalf === "bottom" && /* @__PURE__ */ jsx("div", { className: "lng1771-column-manager__tree-item-drop-indicator-bottom" }),
-          /* @__PURE__ */ jsx(DragIcon, { width: 16, height: 16, onPointerDown }),
+          /* @__PURE__ */ jsx(DragIcon, { width: 16, height: 16, dragRef: setDrag }),
           /* @__PURE__ */ jsx(
             Checkbox,
             {
@@ -823,7 +823,7 @@ const ColumnManagerTreeItem = forwardRef(function TreeItem({ className, depthPad
               children: ci.expanded ? /* @__PURE__ */ jsx(ArrowDownIcon, { width: 16, height: 16, id }) : /* @__PURE__ */ jsx(ArrowRightIcon, { id, width: 16, height: 16 })
             }
           ),
-          /* @__PURE__ */ jsx(DragIcon, { width: 16, height: 16, onPointerDown }),
+          /* @__PURE__ */ jsx(DragIcon, { width: 16, height: 16, dragRef: setDrag }),
           /* @__PURE__ */ jsx(
             Checkbox,
             {
@@ -1099,9 +1099,9 @@ function DragHandle({
   item,
   setIsDragging
 }) {
-  const { onPointerDown, isActive } = useDraggable({
+  const { setDrag, isActive } = useDraggable({
     id: item.label,
-    getTags: () => item.dragTags,
+    getTags: () => item.dragTags.filter((c) => c !== "columns"),
     getData: () => item?.dragData,
     onDragStart: () => {
       document.body.classList.add("lng1771-drag-on");
@@ -1117,15 +1117,7 @@ function DragHandle({
   useEffect(() => {
     setIsDragging(isActive);
   }, [isActive, setIsDragging]);
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      tabIndex: -1,
-      className: "lng1771-column-manager__pill-dragger",
-      onPointerDown,
-      children: /* @__PURE__ */ jsx(DragIcon, { width: 16, height: 16 })
-    }
-  );
+  return /* @__PURE__ */ jsx("button", { tabIndex: -1, className: "lng1771-column-manager__pill-dragger", ref: setDrag, children: /* @__PURE__ */ jsx(DragIcon, { width: 16, height: 16 }) });
 }
 const ColumnManagerSearch = forwardRef(function ColumnManagerSearch2({ className, ...props }, ref) {
   const { query, setQuery } = useColumnManagerState();

package/dist/{drag-store-CO3z13Ju.js → drag-store-C056Fm0B.js}

@@ -633,6 +633,18 @@ function useCellEvents(api, column, row, rowIndex, columnIndex) {
     api.getState().internal.hoveredRow.set(null);
     api.getState().internal.hoveredCol.set(null);
   });
+  const onKeyDown = useEvent((event) => {
+    const sx = api.getState();
+    const mode = sx.rowSelectionMode.peek();
+    if (mode !== "none") {
+      if (event.key === " ") {
+        const x = sx.rowSelectionSelectedIds.peek();
+        if (x.has(row.id)) api.rowSelectionDeselect([row.id]);
+        else api.rowSelectionSelect([row.id]);
+        event.preventDefault();
+      }
+    }
+  });
   const onClick = useEvent((event) => {
     handleRowSelection(
       api,
@@ -653,7 +665,7 @@ function useCellEvents(api, column, row, rowIndex, columnIndex) {
       "double-click"
     );
   });
-  return { onClick, onDoubleClick, onPointerEnter, onPointerLeave };
+  return { onClick, onDoubleClick, onPointerEnter, onPointerLeave, onKeyDown };
 }
 function useCellPositionChange(api, rowIndex, columnIndex, rowSpan, columnSpan) {
   const ref = useRef(null);

package/dist/filter-manager.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useState, useEffect, useCallback, createContext, useContext, useMemo, forwardRef } from "react";
 import { c as useGrid, G as GridProvider } from "./useScrollLock-D4UY33Sb.js";
-import { S as Select } from "./select-CN-kFW8a.js";
-import { I as Input, C as Checkbox } from "./drag-store-CO3z13Ju.js";
+import { S as Select } from "./select-CXCphiS3.js";
+import { I as Input, C as Checkbox } from "./drag-store-C056Fm0B.js";
 import "@1771technologies/react-sizer";
 import "@1771technologies/react-utils";
 import "@1771technologies/grid-provider";
@@ -100,7 +100,7 @@ function useInFilter(api, column) {
   useEffect(() => {
     setValues(() => {
       const filter = filters[column.id]?.set;
-      if (!filter) return null;
+      if (!filter || !filter.set.size) return null;
       return new Set(filter ? new Set(filter.set) : null);
     });
   }, [column.id, filters]);
@@ -606,7 +606,7 @@ const FilterManagerApplyButton = forwardRef(function FilterManagerApplyButton2({
           newFilters[column.id] ??= {};
           newFilters[column.id].simple = combined;
         }
-        if (inFilterValue) {
+        if (inFilterValue || filters[column.id]?.set) {
           newFilters[column.id] ??= {};
           newFilters[column.id].set = inFilterValue?.size ? {
             columnId: column.id,

package/dist/icons.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { A, T } from "./tickmark-icon-CoogRMoO.js";
 import { A as A2 } from "./arrow-down-icon-B-3ldODD.js";
-import { C, D, M, R } from "./row-group-icon-D8JA6sh9.js";
+import { C, D, M, R } from "./row-group-icon-DFUMye0v.js";
 import { C as C2 } from "./cross-icon-CEMLAlFX.js";
 import { D as D2, S } from "./search-icon-CcG1lqsn.js";
 import { C as C3, E, M as M2 } from "./manage-columns-icon-D4CElo5H.js";

package/dist/index.js

@@ -1,5 +1,5 @@
-import { C as Checkbox, d as COLUMN_MARKER_ID, H as HEADER_CELL_POSITION, g as getTransform, e as COLUMN_EMPTY_PREFIX, f as HEADER_GROUP_CELL_POSITION, h as CollapseButton, F as FLOATING_CELL_POSITION, i as FULL_ENCODING, j as CellFullWidth, E as END_ENCODING, k as Cell, I as Input, G as GRID_CELL_POSITION, l as GridButton } from "./drag-store-CO3z13Ju.js";
-import { t, n, v, w, B, J, L, K, M, q, p, r, s, P, x, o, z, m, y, R, A } from "./drag-store-CO3z13Ju.js";
+import { C as Checkbox, d as COLUMN_MARKER_ID, H as HEADER_CELL_POSITION, g as getTransform, e as COLUMN_EMPTY_PREFIX, f as HEADER_GROUP_CELL_POSITION, h as CollapseButton, F as FLOATING_CELL_POSITION, i as FULL_ENCODING, j as CellFullWidth, E as END_ENCODING, k as Cell, I as Input, G as GRID_CELL_POSITION, l as GridButton } from "./drag-store-C056Fm0B.js";
+import { t, n, v, w, B, J, L, K, M, q, p, r, s, P, x, o, z, m, y, R, A } from "./drag-store-C056Fm0B.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { Sizer } from "@1771technologies/react-sizer";
 import { useEvent, useIsoEffect } from "@1771technologies/react-utils";

package/dist/lytenyte-pro.css

@@ -643,6 +643,11 @@ INPUT
   justify-content: center;
   box-sizing: border-box;
 }
+
+.lng1771-menu__submenu-positioner,
+.lng1771-menu__positioner {
+  z-index: 100;
+}
 .lng1771-pill {
   white-space: nowrap;
   display: flex;
@@ -1019,6 +1024,10 @@ body.lng1771-drag-on .lng1771-pill-manager__pill-outer[data-pill-active="false"]
   color: var(--lng1771-gray-70);
 }
 
+.lng1771-select__positioner {
+  z-index: 100;
+}
+
 .lng1771-select__popup {
   background-color: var(--lng1771-gray-10);
   border: 1px solid var(--lng1771-gray-30);
@@ -1028,9 +1037,7 @@ body.lng1771-drag-on .lng1771-pill-manager__pill-outer[data-pill-active="false"]
   box-shadow:
     0px 14px 18px -6px rgba(30, 30, 41, 0.07),
     0px 3px 13px 0px rgba(30, 30, 41, 0.1);
-  width: var(--anchor-width);
-
-  z-index: 100;
+  min-width: var(--anchor-width);
 
   &:focus {
     outline: none;
@@ -1059,6 +1066,7 @@ body.lng1771-drag-on .lng1771-pill-manager__pill-outer[data-pill-active="false"]
   height: 28px;
   justify-content: space-between;
   border-radius: 6px;
+  white-space: nowrap;
 
   &:hover {
     background-color: var(--lng1771-gray-30);
@@ -1142,22 +1150,8 @@ body.lng1771-drag-on .lng1771-pill-manager__pill-outer[data-pill-active="false"]
   }
 }
 
-.lng1771-popover__arrow {
-  &[data-side="bottom"] {
-    top: -14px;
-  }
-  &[data-side="left"] {
-    right: -14px;
-    transform: rotate(90deg);
-  }
-  &[data-side="right"] {
-    left: -14px;
-    transform: rotate(-90deg);
-  }
-  &[data-side="top"] {
-    bottom: -14px;
-    transform: rotate(180deg);
-  }
+.lng1771-popover__positioner {
+  z-index: 100;
 }
 .lng1771-column-manager__tree {
   padding-block-start: 8px;
@@ -1327,7 +1321,7 @@ body.lng1771-drag-on .lng1771-pill-manager__pill-outer[data-pill-active="false"]
   display: flex;
   flex-direction: column;
   min-height: 120px;
-  min-width: 260px;
+  min-width: 120px;
   border-radius: 6px;
   border: 1px solid var(--lng1771-gray-30);
   background-color: var(--lng1771-gray-02);

package/dist/{pill-BkFH8z9v.js → pill-0vXb9g1m.js}

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { useRef, useState, useCallback, useEffect, useMemo, forwardRef } from "react";
-import { u as useDragStore, b as useStore } from "./drag-store-CO3z13Ju.js";
+import { useRef, useState, useEffect, useCallback, useMemo, forwardRef } from "react";
+import { u as useDragStore, b as useStore } from "./drag-store-C056Fm0B.js";
 import { arrayOverlap, clsx } from "@1771technologies/js-utils";
 import { m as mergeProps, E as contains, P as PropTypes } from "./proptypes-BjYr2nFr.js";
 import { u as useButton } from "./useButton-DWXzFgcr.js";
@@ -101,107 +101,133 @@ function useDraggable({
   const hasDragStartedRef = useRef(false);
   const [isActive, setIsActive] = useState(false);
   const store = useDragStore();
-  const onPointerDown = useCallback(
-    (ev) => {
-      const startX = ev.clientX;
-      const startY = ev.clientY;
-      if (ev.pointerType === "mouse" && ev.button !== 0) return;
-      const c = new AbortController();
-      let anim = null;
-      const clickFix = (ev2) => {
-        ev2.preventDefault();
-        ev2.stopPropagation();
-        ev2.stopImmediatePropagation();
-        globalThis.removeEventListener("click", clickFix, { capture: true });
-      };
-      globalThis.addEventListener("click", clickFix, { capture: true });
-      document.addEventListener(
-        "pointermove",
-        (ev2) => {
-          if (!hasDragStartedRef.current && !shouldDragStart(ev2, startX, startY)) return;
-          const x = ev2.clientX;
-          const y = ev2.clientY;
-          if (!hasDragStartedRef.current) {
-            hasDragStartedRef.current = true;
-            const data = getData();
-            const tags = getTags();
-            const s = store.getState();
-            const next = computeActiveDrag(s.mounted, tags, data, id, x, y);
-            store.setState({ active: next });
-            onDragStart?.(next);
-            setIsActive(true);
-          }
-          if (anim) return;
-          anim = requestAnimationFrame(() => {
-            const s = store.getState();
-            const data = s.active.data;
-            const tags = s.active.tags;
-            const next = computeActiveDrag(s.mounted, tags, data, id, x, y);
-            store.setState({ active: next });
-            onDragMove?.(next);
-            anim = null;
-          });
-        },
-        { signal: c.signal }
-      );
-      document.addEventListener(
-        "pointerup",
-        (ev2) => {
-          c.abort();
-          setTimeout(() => globalThis.removeEventListener("click", clickFix, { capture: true }));
-          if (!hasDragStartedRef.current) return;
-          endDrag(ev2.clientX, ev2.clientY);
-        },
-        { signal: c.signal, capture: true }
-      );
-      document.addEventListener(
-        "pointercancel",
-        (ev2) => {
-          c.abort();
-          setTimeout(() => globalThis.removeEventListener("click", clickFix, { capture: true }));
-          if (!hasDragStartedRef.current) return;
-          endDrag(ev2.clientX, ev2.clientY, true);
-        },
-        { signal: c.signal }
-      );
-      document.addEventListener(
-        "keydown",
-        (ev2) => {
-          c.abort();
-          setTimeout(() => globalThis.removeEventListener("click", clickFix, { capture: true }));
-          if (!hasDragStartedRef.current) return;
-          if (ev2.key === "Escape") {
-            ev2.preventDefault();
-            ev2.stopPropagation();
-            const s = store.getState().active;
-            endDrag(s.x, s.y, true);
-          }
-        },
-        { signal: c.signal, capture: true }
-      );
-      function endDrag(x, y, isCancel = false) {
-        const s = store.getState();
-        setIsActive(false);
-        const next = computeActiveDrag(
-          s.mounted,
-          s.active.tags,
-          s.active.data,
-          s.active.id,
-          x,
-          y
+  const [drag, setDrag] = useState(null);
+  useEffect(() => {
+    if (!drag) return;
+    const c = new AbortController();
+    drag.addEventListener(
+      "touchstart",
+      (ev) => {
+        ev.preventDefault();
+      },
+      { passive: false, signal: c.signal }
+    );
+    drag.addEventListener(
+      "pointerdown",
+      (ev) => {
+        const startX = ev.clientX;
+        const startY = ev.clientY;
+        if (ev.pointerType === "touch") {
+          hasDragStartedRef.current = true;
+          const data = getData();
+          const tags = getTags();
+          const s = store.getState();
+          const next = computeActiveDrag(s.mounted, tags, data, id, startX, startY);
+          store.setState({ active: next });
+          onDragStart?.(next);
+          setIsActive(true);
+          ev.stopPropagation();
+          ev.preventDefault();
+        }
+        if (ev.pointerType === "mouse" && ev.button !== 0) return;
+        const c2 = new AbortController();
+        let anim = null;
+        const clickFix = (ev2) => {
+          ev2.preventDefault();
+          ev2.stopPropagation();
+          ev2.stopImmediatePropagation();
+          globalThis.removeEventListener("click", clickFix, { capture: true });
+        };
+        globalThis.addEventListener("click", clickFix, { capture: true });
+        document.addEventListener(
+          "pointermove",
+          (ev2) => {
+            if (!hasDragStartedRef.current && !shouldDragStart(ev2, startX, startY)) return;
+            const x = ev2.clientX;
+            const y = ev2.clientY;
+            if (!hasDragStartedRef.current) {
+              hasDragStartedRef.current = true;
+              const data = getData();
+              const tags = getTags();
+              const s = store.getState();
+              const next = computeActiveDrag(s.mounted, tags, data, id, x, y);
+              store.setState({ active: next });
+              onDragStart?.(next);
+              setIsActive(true);
+            }
+            if (anim) return;
+            anim = requestAnimationFrame(() => {
+              const s = store.getState();
+              const data = s.active.data;
+              const tags = s.active.tags;
+              const next = computeActiveDrag(s.mounted, tags, data, id, x, y);
+              store.setState({ active: next });
+              onDragMove?.(next);
+              anim = null;
+            });
+          },
+          { signal: c2.signal }
         );
-        if (isCancel) {
-          onDragCancel?.(next);
-        } else {
-          onDragEnd?.(next);
+        document.addEventListener(
+          "pointerup",
+          (ev2) => {
+            c2.abort();
+            setTimeout(() => globalThis.removeEventListener("click", clickFix, { capture: true }));
+            if (!hasDragStartedRef.current) return;
+            endDrag(ev2.clientX, ev2.clientY);
+          },
+          { signal: c2.signal, capture: true }
+        );
+        document.addEventListener(
+          "pointercancel",
+          (ev2) => {
+            c2.abort();
+            setTimeout(() => globalThis.removeEventListener("click", clickFix, { capture: true }));
+            if (!hasDragStartedRef.current) return;
+            endDrag(ev2.clientX, ev2.clientY, true);
+          },
+          { signal: c2.signal }
+        );
+        document.addEventListener(
+          "keydown",
+          (ev2) => {
+            c2.abort();
+            setTimeout(() => globalThis.removeEventListener("click", clickFix, { capture: true }));
+            if (!hasDragStartedRef.current) return;
+            if (ev2.key === "Escape") {
+              ev2.preventDefault();
+              ev2.stopPropagation();
+              const s = store.getState().active;
+              endDrag(s.x, s.y, true);
+            }
+          },
+          { signal: c2.signal, capture: true }
+        );
+        function endDrag(x, y, isCancel = false) {
+          const s = store.getState();
+          setIsActive(false);
+          const next = computeActiveDrag(
+            s.mounted,
+            s.active.tags,
+            s.active.data,
+            s.active.id,
+            x,
+            y
+          );
+          if (isCancel) {
+            onDragCancel?.(next);
+          } else {
+            onDragEnd?.(next);
+          }
+          hasDragStartedRef.current = false;
+          store.setState({ active: null });
         }
-        hasDragStartedRef.current = false;
-        store.setState({ active: null });
-      }
-    },
-    [getData, getTags, id, onDragCancel, onDragEnd, onDragMove, onDragStart, store]
-  );
-  return { onPointerDown, isActive };
+      },
+      { passive: false, signal: c.signal }
+    );
+    return () => c.abort();
+  }, [drag, getData, getTags, id, onDragCancel, onDragEnd, onDragMove, onDragStart, store]);
+  return { setDrag, isActive };
 }
 function shouldDragStart(ev, startX, startY) {
   const deltaY = Math.abs(ev.clientY - startY);

package/dist/pill-manager.js

@@ -3,13 +3,13 @@ import { c as useGrid, G as GridProvider } from "./useScrollLock-D4UY33Sb.js";
 import { useMemo, createContext, useState, useContext, forwardRef, useEffect, useCallback } from "react";
 import { clsx } from "@1771technologies/js-utils";
 import { useDroppable as useDroppable$1 } from "@1771technologies/react-dragon";
-import { c as canAgg, a as canMeasure, u as useAggregationSource, b as useMeasuresSource, d as useRowGroupsSource, e as useColumnPivotSource, f as useDroppable, g as useEdgeScroll, P as Pill, M as MenuTrigger, h as useDraggable, i as PillManagerAggMenu, j as PillManagerMeasureMenu } from "./pill-BkFH8z9v.js";
-import { u as useDragStore, a as useDrag, D as DragProvider } from "./drag-store-CO3z13Ju.js";
+import { c as canAgg, a as canMeasure, u as useAggregationSource, b as useMeasuresSource, d as useRowGroupsSource, e as useColumnPivotSource, f as useDroppable, g as useEdgeScroll, P as Pill, M as MenuTrigger, h as useDraggable, i as PillManagerAggMenu, j as PillManagerMeasureMenu } from "./pill-0vXb9g1m.js";
+import { u as useDragStore, a as useDrag, D as DragProvider } from "./drag-store-C056Fm0B.js";
 import "@1771technologies/react-sizer";
 import { useCombinedRefs } from "@1771technologies/react-utils";
 import "@1771technologies/grid-provider";
 import "@1771technologies/grid-core";
-import { D as DragIcon, M as MeasuresIcon, C as ColumnPivotIcon, R as RowGroupIcon } from "./row-group-icon-D8JA6sh9.js";
+import { D as DragIcon, M as MeasuresIcon, C as ColumnPivotIcon, R as RowGroupIcon } from "./row-group-icon-DFUMye0v.js";
 import { M as MoreDotsIcon } from "./more-dots-icon-CzAH3xHG.js";
 import { M as MenuRoot, a as MenuPortal } from "./column-menu-driver-cG-EZgLa.js";
 import { M as MenuPositioner } from "./menu-DvnPbFP7.js";
@@ -389,7 +389,7 @@ function DragHandle({
   item,
   setIsDragging
 }) {
-  const { onPointerDown, isActive } = useDraggable({
+  const { setDrag, isActive } = useDraggable({
     id: item.label,
     getTags: () => item.dragTags,
     getData: () => item?.dragData,
@@ -407,15 +407,7 @@ function DragHandle({
   useEffect(() => {
     setIsDragging(isActive);
   }, [isActive, setIsDragging]);
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      tabIndex: -1,
-      className: "lng1771-pill-manager__pill-dragger",
-      onPointerDown,
-      children: /* @__PURE__ */ jsx(DragIcon, { width: 16, height: 16 })
-    }
-  );
+  return /* @__PURE__ */ jsx("button", { tabIndex: -1, className: "lng1771-pill-manager__pill-dragger", ref: setDrag, children: /* @__PURE__ */ jsx(DragIcon, { width: 16, height: 16 }) });
 }
 const PillManagerRowLabel = forwardRef(
   function PillManagerRowLabel2(props, ref) {

package/dist/{row-group-icon-D8JA6sh9.js → row-group-icon-DFUMye0v.js}

@@ -64,7 +64,10 @@ const ColumnPivotIcon = (props) => {
     }
   );
 };
-function DragIcon(props) {
+const DragIcon = ({
+  dragRef,
+  ...props
+}) => {
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -74,6 +77,7 @@ function DragIcon(props) {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       ...props,
+      ref: dragRef,
       children: /* @__PURE__ */ jsx(
         "path",
         {
@@ -85,7 +89,7 @@ function DragIcon(props) {
       )
     }
   );
-}
+};
 const MeasuresIcon = (props) => {
   return /* @__PURE__ */ jsx(
     "svg",

package/dist/{select-CN-kFW8a.js → select-CXCphiS3.js}

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "@1771technologies/js-utils";
 import { A as ArrowDownIcon } from "./arrow-down-icon-B-3ldODD.js";
-import { c as CheckMark } from "./drag-store-CO3z13Ju.js";
+import { c as CheckMark } from "./drag-store-C056Fm0B.js";
 import "@1771technologies/react-sizer";
 import "@1771technologies/react-utils";
 import "@1771technologies/grid-provider";
@@ -2227,7 +2227,7 @@ function Select({
           ),
           /* @__PURE__ */ jsx(SelectIcon, { className: clsx("lng1771-select__trigger", triggerIconClassName), children: /* @__PURE__ */ jsx(ArrowDownIcon, {}) })
         ] }),
-        /* @__PURE__ */ jsx(SelectPortal, { children: /* @__PURE__ */ jsx(SelectPositioner, { sideOffset: 8, children: /* @__PURE__ */ jsx(SelectPopup, { className: clsx("lng1771-select__popup", popupClassName), children: options.map((c) => {
+        /* @__PURE__ */ jsx(SelectPortal, { children: /* @__PURE__ */ jsx(SelectPositioner, { sideOffset: 8, className: "lng1771-select__positioner", children: /* @__PURE__ */ jsx(SelectPopup, { className: clsx("lng1771-select__popup", popupClassName), children: options.map((c) => {
           return /* @__PURE__ */ jsxs(
             SelectItem,
             {

package/dist/sort-manager.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { useMemo, useState, useEffect, createContext, useContext, forwardRef } from "react";
 import { c as useGrid, G as GridProvider } from "./useScrollLock-D4UY33Sb.js";
 import { clsx } from "@1771technologies/js-utils";
-import { S as Select } from "./select-CN-kFW8a.js";
+import { S as Select } from "./select-CXCphiS3.js";
 import { P as PlusIcon } from "./plus-icon-ToqW5CC-.js";
 import { C as CrossIcon } from "./cross-icon-CEMLAlFX.js";
 import { S as Separator } from "./separator-BnPPeAk8.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@1771technologies/lytenyte-pro",
-  "version": "0.0.48",
+  "version": "0.0.50",
   "license": "COMMERCIAL",
   "type": "module",
   "files": [
@@ -70,20 +70,20 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@1771technologies/grid-client-data-source-pro": "0.0.48",
-    "@1771technologies/grid-core": "0.0.48",
-    "@1771technologies/grid-design": "0.0.48",
-    "@1771technologies/grid-provider": "0.0.48",
-    "@1771technologies/grid-store-pro": "0.0.48",
-    "@1771technologies/grid-tree-data-source": "0.0.48",
-    "@1771technologies/grid-types": "0.0.48",
-    "@1771technologies/js-utils": "0.0.48",
-    "@1771technologies/lytenyte-core": "0.0.48",
-    "@1771technologies/react-cascada": "0.0.48",
-    "@1771technologies/react-dragon": "0.0.48",
-    "@1771technologies/react-sizer": "0.0.48",
-    "@1771technologies/react-split-pane": "0.0.48",
-    "@1771technologies/react-utils": "0.0.48",
+    "@1771technologies/grid-client-data-source-pro": "0.0.50",
+    "@1771technologies/grid-core": "0.0.50",
+    "@1771technologies/grid-design": "0.0.50",
+    "@1771technologies/grid-provider": "0.0.50",
+    "@1771technologies/grid-store-pro": "0.0.50",
+    "@1771technologies/grid-tree-data-source": "0.0.50",
+    "@1771technologies/grid-types": "0.0.50",
+    "@1771technologies/js-utils": "0.0.50",
+    "@1771technologies/lytenyte-core": "0.0.50",
+    "@1771technologies/react-cascada": "0.0.50",
+    "@1771technologies/react-dragon": "0.0.50",
+    "@1771technologies/react-sizer": "0.0.50",
+    "@1771technologies/react-split-pane": "0.0.50",
+    "@1771technologies/react-utils": "0.0.50",
     "@base-ui-components/react": "1.0.0-alpha.7"
   },
   "devDependencies": {