@1771technologies/lytenyte-pro 0.0.41 → 0.0.43

package/dist/{MenuRoot-9n64jNWP.js → column-menu-driver-cG-EZgLa.js}

@@ -1,20 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { u as useControlled, a as useTransitionStatus, b as useScrollLock, c as useGrid } from "./useScrollLock-D4UY33Sb.js";
 import * as React from "react";
-import { F as FloatingPortal, P as PropTypes, H as HTMLElementType, r as refType, p as useFloatingTree, q as useFloatingNodeId, t as useFloatingParentNodeId, k as useForkRef, v as useComponentRenderer, w as popupStateMapping, I as InternalBackdrop, x as FloatingNode, j as useEventCallback, y as useOpenChangeComplete, z as useFloatingRootContext, A as useHover, B as safePolygon, C as useClick, D as useDismiss, E as useRole, G as useListNavigation, J as useTypeahead, K as useInteractions, L as FloatingTree } from "./InternalBackdrop-Dm9czgoC.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { u as useAnchorPositioning, a as useDirection } from "./useAnchorPositioning-Cm44rb7y.js";
-import { C as CompositeList, a as useControlled, b as useTransitionStatus, c as useScrollLock } from "./useScrollLock-D6h5lZYs.js";
+import { useState, useEffect } from "react";
+import { A as AnchorProvider } from "./anchor-context-Cqr_oiJt.js";
+import { F as FloatingPortal, P as PropTypes, H as HTMLElementType, r as refType, j as useEventCallback, n as useOpenChangeComplete, p as useFloatingRootContext, q as useHover, t as safePolygon, v as useClick, w as useDismiss, x as useRole, y as useListNavigation, z as useTypeahead, A as useInteractions, B as FloatingTree } from "./proptypes-BjYr2nFr.js";
+import { u as useDirection } from "./DirectionContext-DIPP5cAe.js";
 import * as ReactDOM from "react-dom";
-const MenuPositionerContext = /* @__PURE__ */ React.createContext(void 0);
-if (process.env.NODE_ENV !== "production") {
-  MenuPositionerContext.displayName = "MenuPositionerContext";
-}
-function useMenuPositionerContext() {
-  const context = React.useContext(MenuPositionerContext);
-  if (context === void 0) {
-    throw new Error("Base UI: MenuPositionerContext is missing. MenuPositioner parts must be placed within <Menu.Positioner>.");
-  }
-  return context;
-}
 const MenuRootContext = /* @__PURE__ */ React.createContext(void 0);
 if (process.env.NODE_ENV !== "production") {
   MenuRootContext.displayName = "MenuRootContext";
@@ -74,271 +65,6 @@ process.env.NODE_ENV !== "production" ? MenuPortal.propTypes = {
    */
   keepMounted: PropTypes.bool
 } : void 0;
-function useMenuPositioner(params) {
-  const {
-    nodeId,
-    parentNodeId
-  } = params;
-  const {
-    open,
-    setOpen,
-    mounted,
-    setHoverEnabled
-  } = useMenuRootContext();
-  const positioning = useAnchorPositioning(params);
-  const {
-    events: menuEvents
-  } = useFloatingTree();
-  const positionerProps = React.useMemo(() => {
-    const hiddenStyles = {};
-    if (!open) {
-      hiddenStyles.pointerEvents = "none";
-    }
-    return {
-      role: "presentation",
-      hidden: !mounted,
-      style: {
-        ...positioning.positionerStyles,
-        ...hiddenStyles
-      }
-    };
-  }, [open, mounted, positioning.positionerStyles]);
-  React.useEffect(() => {
-    function onMenuOpenChange(event) {
-      if (event.open) {
-        if (event.parentNodeId === nodeId) {
-          setHoverEnabled(false);
-        }
-        if (event.nodeId !== nodeId && event.parentNodeId === parentNodeId) {
-          setOpen(false, void 0);
-        }
-      } else if (event.parentNodeId === nodeId) {
-        setHoverEnabled(true);
-      }
-    }
-    menuEvents.on("openchange", onMenuOpenChange);
-    return () => {
-      menuEvents.off("openchange", onMenuOpenChange);
-    };
-  }, [menuEvents, nodeId, parentNodeId, setOpen, setHoverEnabled]);
-  React.useEffect(() => {
-    menuEvents.emit("openchange", {
-      open,
-      nodeId,
-      parentNodeId
-    });
-  }, [menuEvents, open, nodeId, parentNodeId]);
-  return React.useMemo(() => ({
-    ...positioning,
-    positionerProps
-  }), [positioning, positionerProps]);
-}
-const MenuPositioner = /* @__PURE__ */ React.forwardRef(function MenuPositioner2(props, forwardedRef) {
-  const {
-    anchor,
-    positionMethod = "absolute",
-    className,
-    render,
-    side,
-    align,
-    sideOffset = 0,
-    alignOffset = 0,
-    collisionBoundary = "clipping-ancestors",
-    collisionPadding = 5,
-    arrowPadding = 5,
-    sticky = false,
-    trackAnchor = true,
-    ...otherProps
-  } = props;
-  const {
-    open,
-    floatingRootContext,
-    setPositionerElement,
-    itemDomElements,
-    itemLabels,
-    mounted,
-    nested,
-    modal,
-    openReason
-  } = useMenuRootContext();
-  const keepMounted = useMenuPortalContext();
-  const nodeId = useFloatingNodeId();
-  const parentNodeId = useFloatingParentNodeId();
-  let computedSide = side;
-  let computedAlign = align;
-  if (!side) {
-    computedSide = nested ? "inline-end" : "bottom";
-  }
-  if (!align) {
-    computedAlign = nested ? "start" : "center";
-  }
-  const positioner = useMenuPositioner({
-    anchor,
-    floatingRootContext,
-    positionMethod,
-    open,
-    mounted,
-    side: computedSide,
-    sideOffset,
-    align: computedAlign,
-    alignOffset,
-    arrowPadding,
-    collisionBoundary,
-    collisionPadding,
-    sticky,
-    nodeId,
-    parentNodeId,
-    keepMounted,
-    trackAnchor
-  });
-  const state = React.useMemo(() => ({
-    open,
-    side: positioner.side,
-    align: positioner.align,
-    anchorHidden: positioner.anchorHidden,
-    nested
-  }), [open, positioner.side, positioner.align, positioner.anchorHidden, nested]);
-  const contextValue = React.useMemo(() => ({
-    side: positioner.side,
-    align: positioner.align,
-    arrowRef: positioner.arrowRef,
-    arrowUncentered: positioner.arrowUncentered,
-    arrowStyles: positioner.arrowStyles,
-    floatingContext: positioner.context
-  }), [positioner.side, positioner.align, positioner.arrowRef, positioner.arrowUncentered, positioner.arrowStyles, positioner.context]);
-  const mergedRef = useForkRef(forwardedRef, setPositionerElement);
-  const {
-    renderElement
-  } = useComponentRenderer({
-    render: render ?? "div",
-    className,
-    state,
-    customStyleHookMapping: popupStateMapping,
-    ref: mergedRef,
-    extraProps: {
-      ...positioner.positionerProps,
-      ...otherProps
-    }
-  });
-  return /* @__PURE__ */ jsxs(MenuPositionerContext.Provider, {
-    value: contextValue,
-    children: [mounted && modal && openReason !== "hover" && parentNodeId === null && /* @__PURE__ */ jsx(InternalBackdrop, {
-      inert: !open
-    }), /* @__PURE__ */ jsx(FloatingNode, {
-      id: nodeId,
-      children: /* @__PURE__ */ jsx(CompositeList, {
-        elementsRef: itemDomElements,
-        labelsRef: itemLabels,
-        children: renderElement()
-      })
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" ? MenuPositioner.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * How to align the popup relative to the specified side.
-   * @default 'center'
-   */
-  align: PropTypes.oneOf(["center", "end", "start"]),
-  /**
-   * Additional offset along the alignment axis in pixels.
-   * Also accepts a function that returns the offset to read the dimensions of the anchor
-   * and positioner elements, along with its side and alignment.
-   *
-   * - `data.anchor`: the dimensions of the anchor element with properties `width` and `height`.
-   * - `data.positioner`: the dimensions of the positioner element with properties `width` and `height`.
-   * - `data.side`: which side of the anchor element the positioner is aligned against.
-   * - `data.align`: how the positioner is aligned relative to the specified side.
-   * @default 0
-   */
-  alignOffset: PropTypes.oneOfType([PropTypes.func, PropTypes.number]),
-  /**
-   * An element to position the popup against.
-   * By default, the popup will be positioned against the trigger.
-   */
-  anchor: PropTypes.oneOfType([HTMLElementType, refType, PropTypes.object, PropTypes.func]),
-  /**
-   * Minimum distance to maintain between the arrow and the edges of the popup.
-   *
-   * Use it to prevent the arrow element from hanging out of the rounded corners of a popup.
-   * @default 5
-   */
-  arrowPadding: PropTypes.number,
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-  /**
-   * CSS class applied to the element, or a function that
-   * returns a class based on the component’s state.
-   */
-  className: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-  /**
-   * An element or a rectangle that delimits the area that the popup is confined to.
-   * @default 'clipping-ancestors'
-   */
-  collisionBoundary: PropTypes.oneOfType([HTMLElementType, PropTypes.arrayOf(HTMLElementType), PropTypes.string, PropTypes.shape({
-    height: PropTypes.number,
-    width: PropTypes.number,
-    x: PropTypes.number,
-    y: PropTypes.number
-  })]),
-  /**
-   * Additional space to maintain from the edge of the collision boundary.
-   * @default 5
-   */
-  collisionPadding: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
-    bottom: PropTypes.number,
-    left: PropTypes.number,
-    right: PropTypes.number,
-    top: PropTypes.number
-  })]),
-  /**
-   * Determines which CSS `position` property to use.
-   * @default 'absolute'
-   */
-  positionMethod: PropTypes.oneOf(["absolute", "fixed"]),
-  /**
-   * Allows you to replace the component’s HTML element
-   * with a different tag, or compose it with another component.
-   *
-   * Accepts a `ReactElement` or a function that returns the element to render.
-   */
-  render: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
-  /**
-   * Which side of the anchor element to align the popup against.
-   * May automatically change to avoid collisions.
-   * @default 'bottom'
-   */
-  side: PropTypes.oneOf(["bottom", "inline-end", "inline-start", "left", "right", "top"]),
-  /**
-   * Distance between the anchor and the popup in pixels.
-   * Also accepts a function that returns the distance to read the dimensions of the anchor
-   * and positioner elements, along with its side and alignment.
-   *
-   * - `data.anchor`: the dimensions of the anchor element with properties `width` and `height`.
-   * - `data.positioner`: the dimensions of the positioner element with properties `width` and `height`.
-   * - `data.side`: which side of the anchor element the positioner is aligned against.
-   * - `data.align`: how the positioner is aligned relative to the specified side.
-   * @default 0
-   */
-  sideOffset: PropTypes.oneOfType([PropTypes.func, PropTypes.number]),
-  /**
-   * Whether to maintain the popup in the viewport after
-   * the anchor element was scrolled out of view.
-   * @default false
-   */
-  sticky: PropTypes.bool,
-  /**
-   * Whether the popup tracks any layout shift of its positioning anchor.
-   * @default true
-   */
-  trackAnchor: PropTypes.bool
-} : void 0;
 const TYPEAHEAD_RESET_MS = 500;
 const PATIENT_CLICK_THRESHOLD = 500;
 function translateOpenChangeReason(nativeReason) {
@@ -713,12 +439,53 @@ process.env.NODE_ENV !== "production" ? MenuRoot.propTypes = {
    */
   orientation: PropTypes.oneOf(["horizontal", "vertical"])
 } : void 0;
+const emptyBB = {
+  getBoundingClientRect: () => ({
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0,
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0,
+    toJSON: () => ""
+  })
+};
+function ColumnMenuDriver() {
+  const grid = useGrid();
+  const menuColumn = grid.state.internal.columnMenuColumn.use();
+  const target = grid.state.internal.columnMenuTarget.use();
+  const MenuRenderer = grid.state.columnMenuRenderer.use();
+  const [open, setOpen] = useState(false);
+  useEffect(() => {
+    if (menuColumn == null || target == null) {
+      setOpen(false);
+      return;
+    }
+    setOpen(true);
+  }, [menuColumn, target]);
+  return /* @__PURE__ */ jsx(
+    MenuRoot,
+    {
+      open,
+      onOpenChange: (c) => {
+        setOpen(c);
+      },
+      onOpenChangeComplete: (c) => {
+        if (!c) grid.api.columnMenuClose();
+      },
+      children: /* @__PURE__ */ jsx(MenuPortal, { children: /* @__PURE__ */ jsx(AnchorProvider, { anchor: target, children: MenuRenderer && menuColumn && /* @__PURE__ */ jsx(MenuRenderer, { api: grid.api, column: menuColumn }) }) })
+    }
+  );
+}
 export {
+  ColumnMenuDriver as C,
   MenuRoot as M,
   PATIENT_CLICK_THRESHOLD as P,
   MenuPortal as a,
-  MenuPositioner as b,
-  useMenuPositionerContext as c,
+  useMenuPortalContext as b,
+  emptyBB as e,
   translateOpenChangeReason as t,
   useMenuRootContext as u
 };

package/dist/dialog.js

@@ -2,10 +2,10 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { useMemo, forwardRef } from "react";
 import { clsx } from "@1771technologies/js-utils";
-import { w as popupStateMapping, k as useForkRef, v as useComponentRenderer, P as PropTypes, j as useEventCallback, m as mergeProps, u as useEnhancedEffect, y as useOpenChangeComplete, I as InternalBackdrop, M as FloatingFocusManager, r as refType } from "./InternalBackdrop-Dm9czgoC.js";
+import { P as PropTypes, j as useEventCallback, m as mergeProps, d as useEnhancedEffect, n as useOpenChangeComplete, D as FloatingFocusManager, r as refType } from "./proptypes-BjYr2nFr.js";
 import { u as useDialogRootContext, a as useDialogPortalContext } from "./DialogPortalContext-C2WZTqJ3.js";
-import { t as transitionStatusMapping, u as useBaseUiId } from "./useBaseUiId-J66PFGv_.js";
-import { u as useButton } from "./useButton-Cy7tjZ__.js";
+import { p as popupStateMapping, t as transitionStatusMapping, u as useForkRef, a as useComponentRenderer, b as useBaseUiId, I as InternalBackdrop } from "./InternalBackdrop-C4RACVzs.js";
+import { u as useButton } from "./useButton-DWXzFgcr.js";
 const customStyleHookMapping$1 = {
   ...popupStateMapping,
   ...transitionStatusMapping

package/dist/{use-grid-DKvzGZWc.js → drag-store-CO3z13Ju.js}

@@ -4,13 +4,10 @@ import { clsx, sizeFromCoord, getClientY, getClientX, getRelativeXPosition } fro
 import { refCompat, useEvent } from "@1771technologies/react-utils";
 import { getHoveredRowIndex } from "@1771technologies/grid-core";
 import { useDraggable } from "@1771technologies/react-dragon";
-import { context } from "@1771technologies/grid-provider";
 const ROW_LEAF_KIND = 1;
 const ROW_GROUP_KIND = 2;
-const ROW_TOTAL_KIND = 3;
 const COLUMN_GROUP_ID_DELIMITER = "-->";
 const ROW_DEFAULT_PATH_SEPARATOR = "-->";
-const ROW_TOTAL_ID = "__lng__totals__row";
 const COLUMN_EMPTY_PREFIX = "lytenyte-empty:";
 const COLUMN_MARKER_ID = "lytenyte-marker-column";
 const GROUP_COLUMN_PREFIX = "lytenyte-group-column:";
@@ -21,6 +18,7 @@ const COLUMN_GROUP_HEADER_HEIGHT = 28;
 const COLUMN_HEADER_HEIGHT = 32;
 const COLUMN_SCAN_DISTANCE = 20;
 const PAGINATE_PAGE_SIZE = 50;
+const ROW_BLANK_GROUP_KEY = "lytenyte-blank";
 const ROW_HEIGHT = 32;
 const ROW_DETAIL_HEIGHT = 300;
 const ROW_UPDATE_STACK_SIZE = 20;
@@ -537,6 +535,7 @@ function SelectionCheckbox({ api, row }) {
       tabIndex: -1,
       isChecked: isChecked || isIndeterminate,
       isDeterminate: isIndeterminate,
+      isDisabled: !isSelectable,
       onClick: (event) => {
         handleRowSelection(api, row, event.shiftKey, true, true);
       }
@@ -862,55 +861,46 @@ function DragProvider({ children }) {
 }
 const useDragStore = () => useContext(DragContext);
 const useDrag = useStore;
-function useGrid() {
-  return useContext(context);
-}
-function GridProvider(p) {
-  return /* @__PURE__ */ jsx(context.Provider, { value: p.value, children: p.children });
-}
 export {
-  COLUMN_SCAN_DISTANCE as A,
-  ROW_HEIGHT as B,
+  ROW_UPDATE_STACK_SIZE as A,
+  DEFAULT_MAX_WIDTH as B,
   Checkbox as C,
   DragProvider as D,
   END_ENCODING as E,
   FLOATING_CELL_POSITION as F,
-  GridProvider as G,
+  GRID_CELL_POSITION as G,
   HEADER_CELL_POSITION as H,
   Input as I,
-  ROW_DETAIL_HEIGHT as J,
-  ROW_UPDATE_STACK_SIZE as K,
-  DEFAULT_MAX_WIDTH as L,
-  DEFAULT_MIN_WIDTH as M,
-  DEFAULT_WIDTH as N,
-  DEFAULT_SORT_CYCLE as O,
+  DEFAULT_MIN_WIDTH as J,
+  DEFAULT_WIDTH as K,
+  DEFAULT_SORT_CYCLE as L,
+  FULL_WIDTH_POSITION as M,
   PAGINATE_PAGE_SIZE as P,
-  FULL_WIDTH_POSITION as Q,
   ROW_LEAF_KIND as R,
-  useDragStore as a,
-  useDrag as b,
-  useStore as c,
-  CheckMark as d,
-  COLUMN_MARKER_ID as e,
-  COLUMN_EMPTY_PREFIX as f,
+  useDrag as a,
+  useStore as b,
+  CheckMark as c,
+  COLUMN_MARKER_ID as d,
+  COLUMN_EMPTY_PREFIX as e,
+  HEADER_GROUP_CELL_POSITION as f,
   getTransform as g,
-  HEADER_GROUP_CELL_POSITION as h,
-  CollapseButton as i,
-  FULL_ENCODING as j,
-  CellFullWidth as k,
-  Cell as l,
-  GRID_CELL_POSITION as m,
-  GridButton as n,
-  ROW_GROUP_KIND as o,
-  ROW_TOTAL_KIND as p,
-  COLUMN_GROUP_ID_DELIMITER as q,
-  ROW_DEFAULT_PATH_SEPARATOR as r,
-  ROW_TOTAL_ID as s,
-  GROUP_COLUMN_PREFIX as t,
-  useGrid as u,
-  GROUP_COLUMN_MULTI_PREFIX as v,
-  GROUP_COLUMN_SINGLE_ID as w,
-  GROUP_COLUMN_TREE_DATA as x,
-  COLUMN_GROUP_HEADER_HEIGHT as y,
-  COLUMN_HEADER_HEIGHT as z
+  CollapseButton as h,
+  FULL_ENCODING as i,
+  CellFullWidth as j,
+  Cell as k,
+  GridButton as l,
+  ROW_GROUP_KIND as m,
+  COLUMN_GROUP_ID_DELIMITER as n,
+  ROW_DEFAULT_PATH_SEPARATOR as o,
+  GROUP_COLUMN_PREFIX as p,
+  GROUP_COLUMN_MULTI_PREFIX as q,
+  GROUP_COLUMN_SINGLE_ID as r,
+  GROUP_COLUMN_TREE_DATA as s,
+  COLUMN_GROUP_HEADER_HEIGHT as t,
+  useDragStore as u,
+  COLUMN_HEADER_HEIGHT as v,
+  COLUMN_SCAN_DISTANCE as w,
+  ROW_BLANK_GROUP_KEY as x,
+  ROW_HEIGHT as y,
+  ROW_DETAIL_HEIGHT as z
 };

package/dist/filter-manager.js

@@ -1,7 +1,8 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useState, useEffect, useCallback, createContext, useContext, useMemo, forwardRef } from "react";
-import { I as Input, u as useGrid, C as Checkbox, G as GridProvider } from "./use-grid-DKvzGZWc.js";
-import { S as Select } from "./select-C6xOZZLq.js";
+import { c as useGrid, G as GridProvider } from "./useScrollLock-D4UY33Sb.js";
+import { S as Select } from "./select-qluHi8ET.js";
+import { I as Input, C as Checkbox } from "./drag-store-CO3z13Ju.js";
 import "@1771technologies/react-sizer";
 import "@1771technologies/react-utils";
 import "@1771technologies/grid-provider";