@1771technologies/lytenyte-pro 0.0.58 → 0.0.60

package/dist/column-manager.js

@@ -8,7 +8,7 @@ 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-nHUKSUVd.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-BZvNQdoR.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-DFUMye0v.js";
@@ -18,7 +18,7 @@ import { S as Separator } from "./separator-BnPPeAk8.js";
 import { M as MoreDotsIcon } from "./more-dots-icon-CzAH3xHG.js";
 import { C as CrossIcon } from "./cross-icon-CEMLAlFX.js";
 import { M as MenuRoot, a as MenuPortal } from "./column-menu-driver-cG-EZgLa.js";
-import { M as MenuPositioner } from "./menu-DvnPbFP7.js";
+import { M as MenuPositioner } from "./menu-C49unLOk.js";
 function Sizer({
   children,
   onSizeChange,
@@ -1079,10 +1079,17 @@ const ColumnManagerPill = forwardRef(function ColumnManagerPill2({ item, ...prop
                       children: /* @__PURE__ */ jsx(TriggerIcon, { width: 16, height: 16 })
                     }
                   ),
-                  /* @__PURE__ */ jsx(MenuPortal, { children: /* @__PURE__ */ jsxs(MenuPositioner, { onClick: (ev) => ev.stopPropagation(), style: { zIndex: 100 }, children: [
-                    item.isAggregation && /* @__PURE__ */ jsx(AggMenu, { grid, column: item.column }),
-                    item.isMeasure && /* @__PURE__ */ jsx(MeasureMenu, { grid, column: item.column })
-                  ] }) })
+                  /* @__PURE__ */ jsx(MenuPortal, { children: /* @__PURE__ */ jsxs(
+                    MenuPositioner,
+                    {
+                      onClick: (ev) => ev.stopPropagation(),
+                      className: "lng1771-column-manager__agg-menu",
+                      children: [
+                        item.isAggregation && /* @__PURE__ */ jsx(AggMenu, { grid, column: item.column }),
+                        item.isMeasure && /* @__PURE__ */ jsx(MeasureMenu, { grid, column: item.column })
+                      ]
+                    }
+                  ) })
                 ] }),
                 (item.isRowGroup || item.isColumnPivot || item.isAggregation || item.isMeasure) && /* @__PURE__ */ jsx("button", { className: "lng1771-column-manager__pill-button", onClick: item.onClick, children: /* @__PURE__ */ jsx(CrossIcon, { width: 16, height: 16 }) })
               ] })

package/dist/lytenyte-pro.css

@@ -969,6 +969,10 @@ body.lng1771-drag-on .lng1771-pill-manager__pill-outer[data-pill-active="false"]
     background-color: var(--lng1771-gray-05);
   }
 }
+
+.lng1771-pill-manager__agg-menu {
+  z-index: 100;
+}
 .lng1771-dialog {
   position: fixed;
   z-index: 100;
@@ -1504,6 +1508,10 @@ body.lng1771-drag-on .lng1771-pill-manager__pill-outer[data-pill-active="false"]
   font-weight: 400;
   line-height: 17px;
 }
+
+.lng1771-column-manager__agg-menu {
+  z-index: 100;
+}
 .lng1771-toggle {
   position: relative;
   width: 26px;

package/dist/{menu-DvnPbFP7.js → menu-C49unLOk.js}

@@ -1831,7 +1831,7 @@ const MenuCheckboxItem2 = forwardRef(function CheckboxItem({ className, ...props
   const cl = useMenuClassName("lng1771-menu__checkbox-item", className);
   return /* @__PURE__ */ jsx(MenuCheckboxItem$1, { ...props, ref, className: cl });
 });
-const SubMenuPositioner = forwardRef(function SubMenuPositioner2({ className, ...props }, ref) {
+const SubmenuPositioner = forwardRef(function SubMenuPositioner({ className, ...props }, ref) {
   const cl = useMenuClassName("lng1771-menu__submenu-positioner", className);
   return /* @__PURE__ */ jsx(MenuPositioner$1, { ...props, ref, className: cl });
 });
@@ -1866,7 +1866,7 @@ const Menu = {
   Container: MenuContainer,
   Submenu: MenuSubmenu,
   SubmenuTrigger: MenuSubmenuTrigger,
-  SubMenuPositioner,
+  SubmenuPositioner,
   Item: MenuItem2,
   Separator: MenuSeparator,
   Group: MenuGroup2,

package/dist/menu.js

@@ -1,4 +1,4 @@
-import { a } from "./menu-DvnPbFP7.js";
+import { a } from "./menu-C49unLOk.js";
 export {
   a as Menu
 };

package/dist/{pill-nHUKSUVd.js → pill-BZvNQdoR.js}

@@ -9,7 +9,7 @@ import { o as ownerDocument, c as useGrid } from "./useScrollLock-D4UY33Sb.js";
 import { g as getPseudoElementBounds } from "./getPseudoElementBounds-BSHt6WYm.js";
 import { u as useMenuRootContext } from "./column-menu-driver-cG-EZgLa.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { a as Menu } from "./menu-DvnPbFP7.js";
+import { a as Menu } from "./menu-C49unLOk.js";
 const toJSON = () => "";
 function getVisibleBoundingBox(element) {
   if (!element) return null;

package/dist/pill-manager.js

@@ -3,7 +3,7 @@ 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-nHUKSUVd.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-BZvNQdoR.js";
 import { u as useDragStore, a as useDrag, D as DragProvider } from "./drag-store-jYWgvRwR.js";
 import "@1771technologies/react-sizer";
 import { useCombinedRefs } from "@1771technologies/react-utils";
@@ -12,7 +12,7 @@ import "@1771technologies/grid-core";
 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";
+import { M as MenuPositioner } from "./menu-C49unLOk.js";
 import { M as ManageColumnsIcon, C as CollapseIcon, E as ExpandIcon } from "./manage-columns-icon-D4CElo5H.js";
 import { createPortal } from "react-dom";
 function useColumnSource(source) {
@@ -357,10 +357,17 @@ const PillManagerPill = forwardRef(function PillManagerPill2({ item, menu, ...pr
                     children: /* @__PURE__ */ jsx(TriggerIcon, { width: 16, height: 16 })
                   }
                 ),
-                /* @__PURE__ */ jsx(MenuPortal, { children: /* @__PURE__ */ jsxs(MenuPositioner, { onClick: (ev) => ev.stopPropagation(), style: { zIndex: 100 }, children: [
-                  item.isAggregation && /* @__PURE__ */ jsx(AggMenu, { grid, column: item.column }),
-                  item.isMeasure && /* @__PURE__ */ jsx(MeasureMenu, { grid, column: item.column })
-                ] }) })
+                /* @__PURE__ */ jsx(MenuPortal, { children: /* @__PURE__ */ jsxs(
+                  MenuPositioner,
+                  {
+                    onClick: (ev) => ev.stopPropagation(),
+                    className: "lng1771-pill-manager__agg-menu",
+                    children: [
+                      item.isAggregation && /* @__PURE__ */ jsx(AggMenu, { grid, column: item.column }),
+                      item.isMeasure && /* @__PURE__ */ jsx(MeasureMenu, { grid, column: item.column })
+                    ]
+                  }
+                ) })
               ] }),
               menu && /* @__PURE__ */ jsx(
                 "button",

package/dist/types/menu/menu-impl.d.ts

@@ -14,5 +14,5 @@ export declare const MenuRadioItemIndicator: import('react').ForwardRefExoticCom
 export declare const MenuRadioItem: typeof Menu.RadioItem;
 export declare const MenuCheckboxItemIndicator: import('react').ForwardRefExoticComponent<Omit<Menu.CheckboxItemIndicator.Props & import('react').RefAttributes<HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
 export declare const MenuCheckboxItem: typeof Menu.CheckboxItem;
-export declare const SubMenuPositioner: typeof Menu.Positioner;
+export declare const SubmenuPositioner: typeof Menu.Positioner;
 export declare const MenuPositioner: typeof Menu.Positioner;

package/dist/types/menu/menu.d.ts

@@ -5,7 +5,7 @@ export declare const Menu: {
         trigger: import('react').ReactNode;
     }) => import("react/jsx-runtime").JSX.Element;
     SubmenuTrigger: import('react').ForwardRefExoticComponent<B.SubmenuTrigger.Props & import('react').RefAttributes<Element>>;
-    SubMenuPositioner: import('react').ForwardRefExoticComponent<B.Positioner.Props & import('react').RefAttributes<HTMLDivElement>>;
+    SubmenuPositioner: import('react').ForwardRefExoticComponent<B.Positioner.Props & import('react').RefAttributes<HTMLDivElement>>;
     Item: import('react').ForwardRefExoticComponent<B.Item.Props & import('react').RefAttributes<Element>>;
     Separator: typeof B.Separator;
     Group: import('react').ForwardRefExoticComponent<B.Group.Props & import('react').RefAttributes<Element>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@1771technologies/lytenyte-pro",
-  "version": "0.0.58",
+  "version": "0.0.60",
   "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.58",
-    "@1771technologies/grid-core": "0.0.58",
-    "@1771technologies/grid-design": "0.0.58",
-    "@1771technologies/grid-provider": "0.0.58",
-    "@1771technologies/grid-store-pro": "0.0.58",
-    "@1771technologies/grid-tree-data-source": "0.0.58",
-    "@1771technologies/grid-types": "0.0.58",
-    "@1771technologies/js-utils": "0.0.58",
-    "@1771technologies/lytenyte-core": "0.0.58",
-    "@1771technologies/react-cascada": "0.0.58",
-    "@1771technologies/react-dragon": "0.0.58",
-    "@1771technologies/react-sizer": "0.0.58",
-    "@1771technologies/react-split-pane": "0.0.58",
-    "@1771technologies/react-utils": "0.0.58",
+    "@1771technologies/grid-client-data-source-pro": "0.0.60",
+    "@1771technologies/grid-core": "0.0.60",
+    "@1771technologies/grid-design": "0.0.60",
+    "@1771technologies/grid-provider": "0.0.60",
+    "@1771technologies/grid-store-pro": "0.0.60",
+    "@1771technologies/grid-tree-data-source": "0.0.60",
+    "@1771technologies/grid-types": "0.0.60",
+    "@1771technologies/js-utils": "0.0.60",
+    "@1771technologies/lytenyte-core": "0.0.60",
+    "@1771technologies/react-cascada": "0.0.60",
+    "@1771technologies/react-dragon": "0.0.60",
+    "@1771technologies/react-sizer": "0.0.60",
+    "@1771technologies/react-split-pane": "0.0.60",
+    "@1771technologies/react-utils": "0.0.60",
     "@base-ui-components/react": "1.0.0-alpha.7"
   },
   "devDependencies": {