@1771technologies/lytenyte-pro 2.1.0 → 2.1.1-dev.1

package/README.md

@@ -379,7 +379,7 @@ See our [AI Skills Overview guide](https://1771technologies.com/docs/ai-skills-o
 |    ↳ [CSV Export](https://www.1771technologies.com/docs/export-csv)         |  ✅  | ✅  |
 |    ↳ [Parquet Export](https://www.1771technologies.com/docs/export-parquet) |  ✅  | ✅  |
 |    ↳ [Arrow Export](https://www.1771technologies.com/docs/export-arrow)     |  ✅  | ✅  |
-| [Clipboard Operations](https://www.1771technologies.com/docs/export-clipboard)             |  —   | ✅  |
+| [Clipboard Operations](https://www.1771technologies.com/docs/export-clipboard)             |  ✅  | ✅  |
 
 </details>
 

package/dist/components/column-manager/column-manager.d.ts

@@ -5,6 +5,7 @@ export interface ColumnManagerProps<Spec extends GridSpec = GridSpec> {
     readonly columns: Column<Spec>[];
     readonly onColumnsChange: (change: Column<Spec>[]) => void;
     readonly base?: Grid.ColumnBase<Spec>;
+    readonly rowHeight?: number;
     readonly endElement?: (params: {
         columns: Column<Spec>[];
         row: RowNode<Spec["data"]>;
@@ -15,4 +16,4 @@ export interface ColumnManagerProps<Spec extends GridSpec = GridSpec> {
      */
     readonly getPillManagerTag?: (column: Column<Spec>) => Record<string, string>;
 }
-export declare function ColumnManager<Spec extends GridSpec = GridSpec>({ columns: provided, base, onColumnsChange, endElement, getPillManagerTag, }: ColumnManagerProps<Spec>): import("react/jsx-runtime").JSX.Element;
+export declare function ColumnManager<Spec extends GridSpec = GridSpec>({ columns: provided, base, rowHeight, onColumnsChange, endElement, getPillManagerTag, }: ColumnManagerProps<Spec>): import("react/jsx-runtime").JSX.Element;

package/dist/components/column-manager/column-manager.js

@@ -3,7 +3,7 @@ import { useMemo } from "react";
 import { TreeView } from "../tree-view/index.js";
 import { Checkbox } from "../checkbox/checkbox.js";
 import { computePathMatrix } from "@1771technologies/lytenyte-shared";
-export function ColumnManager({ columns: provided, base, onColumnsChange, endElement, getPillManagerTag, }) {
+export function ColumnManager({ columns: provided, base, rowHeight = 30, onColumnsChange, endElement, getPillManagerTag, }) {
     const nonAdjacentSplit = useMemo(() => {
         const paths = computePathMatrix(provided);
         const adjusted = [];
@@ -45,7 +45,7 @@ export function ColumnManager({ columns: provided, base, onColumnsChange, endEle
             };
         };
     }, [getPillManagerTag]);
-    return (_jsx(TreeView, { items: items, rowSelectionEnabled: false, draggable: true, rowHeight: 30, rowSelectAllShow: false, getDragTags: getDragItems, defaultExpansion: true, onItemsReordered: (x) => {
+    return (_jsx(TreeView, { items: items, rowSelectionEnabled: false, draggable: true, rowHeight: rowHeight, rowSelectAllShow: false, getDragTags: getDragItems, defaultExpansion: true, onItemsReordered: (x) => {
             const columns = x.map((x) => provided.find((p) => p.id === x.column.id));
             onColumnsChange(columns);
         }, children: ({ row, leafs, toggle, dragProps, isOver, isBefore }) => {

package/dist/components/headless/dialog/container.js

@@ -3,9 +3,9 @@ import { forwardRef, useEffect, useRef, useState } from "react";
 import { useDialogRoot } from "./context.js";
 import { arrow, autoUpdate, computePosition, flip, hide, inline, offset, shift, } from "../../external/floating-ui.js";
 import { transformOrigin } from "./transform-origin.js";
-import { FocusTrap, getActiveElement, getTabbables, SCROLL_LOCKER } from "@1771technologies/lytenyte-shared";
 import { useCombinedRefs } from "@1771technologies/lytenyte-core/internal";
 import { useTransitioned } from "../../../hooks/use-transitioned-open.js";
+import { FocusTrap, getActiveElement, getTabbables, SCROLL_LOCKER } from "@1771technologies/dom-utils";
 function DialogContainerBase(props, ref) {
     const { open, onOpenChange, onOpenChangeComplete, titleId, descriptionId, focusCanReturn, focusCanTrap, focusFallback, focusInitial, focusPreventScroll, focusReturn, focusTrap, lockScroll, lightDismiss, modal = true, anchor, alignOffset, inline: inlineV, placement, shiftPadding, sideOffset, hide: shouldHide, arrow: arrowEl, } = useDialogRoot();
     const [dialog, setDialog] = useState(null);

package/dist/components/headless/dialog/context.d.ts

@@ -1,6 +1,6 @@
 import { type Dispatch, type SetStateAction } from "react";
 import type { Placement, ReferenceElement } from "../../external/floating-ui";
-import type { FocusTrapOptions } from "@1771technologies/lytenyte-shared";
+import type { FocusTrapOptions } from "@1771technologies/dom-utils";
 export interface DialogContext {
     readonly open: boolean;
     readonly onOpenChange: (open: boolean) => void;

package/dist/components/headless/dialog/root.d.ts

@@ -1,6 +1,6 @@
 import { type PropsWithChildren } from "react";
 import type { Placement, ReferenceElement } from "../../external/floating-ui.js";
-import type { FocusTrapOptions } from "@1771technologies/lytenyte-shared";
+import type { FocusTrapOptions } from "@1771technologies/dom-utils";
 export declare const DialogRoot: ({ open: openProp, onOpenChange: onOpenChangeProp, onOpenChangeComplete, openInitial, id: idProvided, descriptionId: descIdProvider, titleId: titleIdProvided, children, focusCanReturn, focusCanTrap, focusFallback, focusInitial, focusPreventScroll, focusReturn, focusTrap, lightDismiss, modal, hide, lockScroll, anchor, placement, shiftPadding, inline, sideOffset, alignOffset, }: PropsWithChildren<DialogRoot.Props>) => import("react/jsx-runtime").JSX.Element;
 export declare namespace DialogRoot {
     interface Props {

package/dist/components/headless/menu/item/handle-vertical-navigation.js

@@ -1,4 +1,4 @@
-import { getNearestMatching, getTabbables } from "@1771technologies/lytenyte-shared";
+import { getNearestMatching, getTabbables } from "@1771technologies/dom-utils";
 export function handleVerticalNavigation(ev) {
     const nearestMenu = getNearestMatching(ev.currentTarget, (el) => el.getAttribute("data-ln-menu") === "true");
     if (!nearestMenu)

package/dist/components/headless/menu/submenu/submenu-trigger.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useEffect, useRef, useState } from "react";
 import { useSubmenuContext } from "./submenu-context.js";
-import { getNearestMatching, getTabbables } from "@1771technologies/lytenyte-shared";
 import { handleVerticalNavigation } from "../item/handle-vertical-navigation.js";
 import { useCombinedRefs } from "@1771technologies/lytenyte-core/internal";
+import { getNearestMatching, getTabbables } from "@1771technologies/dom-utils";
 function SubmenuTriggerImpl({ disabled, ...props }, ref) {
     const [active, setActive] = useState(false);
     const sub = useSubmenuContext();

package/dist/components/headless/menu/use-menu.js

@@ -1,7 +1,7 @@
 import { useEffect, useRef } from "react";
 import { useSubmenuContext } from "./submenu/submenu-context.js";
-import { getNearestMatching } from "@1771technologies/lytenyte-shared";
 import { dispatchActivate, dispatchClose, dispatchDeactivate, getSubmenuRoots } from "./dom.js";
+import { getNearestMatching } from "@1771technologies/dom-utils";
 export function useMenu(el) {
     const sub = useSubmenuContext();
     const mouseOutTime = useRef(null);

package/dist/components/pill-manager/container.js

@@ -3,7 +3,8 @@ import { forwardRef, memo, useEffect, useRef, useState } from "react";
 import { usePillRoot } from "./root.context.js";
 import { usePillRow } from "./pill-row.context.js";
 import { dragX, dragY, getDragData, useCombinedRefs, useSelector, } from "@1771technologies/lytenyte-core/internal";
-import { equal, getFocusables } from "@1771technologies/lytenyte-shared";
+import { equal } from "@1771technologies/js-utils";
+import { getFocusables } from "@1771technologies/dom-utils";
 function ContainerBase(props, forwarded) {
     const { setCloned, cloned, orientation, rows, movedRef, onPillRowChange, onPillItemActiveChange } = usePillRoot();
     const { row } = usePillRow();

package/dist/components/pill-manager/item.js

@@ -5,7 +5,8 @@ import { usePillRow } from "./pill-row.context.js";
 import { getDragData, getDragDirection, useDraggable, useEvent, } from "@1771technologies/lytenyte-core/internal";
 import { DragDots } from "./icons.js";
 import { usePillRoot } from "./root.context.js";
-import { equal, moveRelative } from "@1771technologies/lytenyte-shared";
+import {} from "@1771technologies/lytenyte-shared";
+import { equal, moveRelative } from "@1771technologies/js-utils";
 function PillItemBase({ item, elementEnd, ...props }, ref) {
     const { expandToggle, expanded, row } = usePillRow();
     const { prevRowId, prevSwapId, movedRef, setDragState, setCloned, cloned, rows, orientation, onPillItemThrown, onPillItemActiveChange, onPillRowChange, } = usePillRoot();

package/dist/components/smart-select/root.js

@@ -7,8 +7,8 @@ import { useSlot } from "../../hooks/use-slot/use-slot.js";
 import { SmartSelectContainer } from "./container.js";
 import { Option } from "./option.js";
 import { useAsyncOptions } from "./use-async-options.js";
-import { getNearestMatching } from "@1771technologies/lytenyte-shared";
 import { createPortal } from "react-dom";
+import { getNearestMatching } from "@1771technologies/dom-utils";
 export function SmartSelectRoot(p) {
     const [open, setOpen] = useControlled({ controlled: p.open, default: false });
     const [query, setQuery] = useControlled({ controlled: p.query, default: "" });

package/dist/components/tree-view/root.js

@@ -1,12 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useCallback, useImperativeHandle, useMemo, useState, } from "react";
-import { itemsWithIdToMap, moveRelative, } from "@1771technologies/lytenyte-shared";
+import {} from "@1771technologies/lytenyte-shared";
 import { TreeChildren } from "./tree-children.js";
 import { SelectAll } from "./select-all.js";
 import { useClientDataSource } from "../../data-source-client/use-client-data-source.js";
 import { usePiece } from "@1771technologies/lytenyte-core/internal";
 import { Root } from "../../root/root.js";
 import { Grid } from "@1771technologies/lytenyte-core";
+import { itemsWithIdToMap, moveRelative } from "@1771technologies/js-utils";
 function TreeViewBase({ items, rowSelectAllShow: rowSelectAll = true, defaultExpansion, rowHeight = 28, children = TreeChildren, branchJoinSeparator = "/", rowSelectionEnabled = true, rowSelection, onRowSelectionChange, rowGroupExpansions, onRowGroupExpansionChange, selectAllSlot, draggable, getDragTags, onItemsReordered, }, forwarded) {
     const groupFn = useMemo(() => {
         return (x) => x.data.path;

package/dist/data-source-client/hooks/use-flattened-groups.js

@@ -57,7 +57,8 @@ const nodeChildrenToRows = (root, agg, leafs, workingSet, sort, _) => {
             rows.push(row);
         }
     }
-    if (sort)
+    if (sort) {
         return rows.sort(sort);
+    }
     return rows;
 };

package/dist/data-source-client/hooks/use-pivot/use-pivot-columns.js

@@ -1,8 +1,9 @@
 import { useMemo, useRef } from "react";
 import { computeField } from "@1771technologies/lytenyte-core/internal";
-import { equal, itemsWithIdToMap, measureText, } from "@1771technologies/lytenyte-shared";
+import { measureText } from "@1771technologies/lytenyte-shared";
 import { pivotPaths } from "./auxiliary-functions/pivot-paths.js";
 import { applyReferenceColumn } from "./auxiliary-functions/apply-reference-column.js";
+import { equal, itemsWithIdToMap } from "@1771technologies/js-utils";
 export function usePivotColumns(pivotMode, pivotControlled, model, leafs, filtered, processor) {
     const measures = model?.measures;
     const columns = model?.columns;

package/dist/data-source-server/server-data.js

@@ -1,9 +1,10 @@
-import { equal, } from "@1771technologies/lytenyte-shared";
+import {} from "@1771technologies/lytenyte-shared";
 import { makeAsyncTree } from "./async-tree/make-async-tree.js";
 import { RangeTree } from "./range-tree/range-tree.js";
 import { getRequestId } from "./utils/get-request-id.js";
 import { getNodePath } from "./utils/get-node-path.js";
 import { getNodeDepth } from "./utils/get-node-depth.js";
+import { equal } from "@1771technologies/js-utils";
 const noopFetcher = async () => [];
 export class ServerData {
     #top = { asOf: 0, rows: [] };

package/dist/data-source-server/source/use-on-view-change.js

@@ -1,5 +1,5 @@
 import { useEvent } from "@1771technologies/lytenyte-core/internal";
-import { equal } from "@1771technologies/lytenyte-shared";
+import { equal } from "@1771technologies/js-utils";
 export function useOnViewChange(source, requestsForView, setRequestsForView) {
     const onViewChange = useEvent((bounds) => {
         // This will result in the server sending the requests for the current view.

package/dist/data-source-server/source/use-source.js

@@ -1,7 +1,7 @@
 import { useEffect, useMemo, useRef } from "react";
-import { arrayShallow } from "@1771technologies/lytenyte-shared";
 import { useEvent } from "@1771technologies/lytenyte-core/internal";
 import { ServerData } from "../server-data.js";
+import { arrayShallow } from "@1771technologies/js-utils";
 export function useSource(props, s, globalSignal) {
     const prevQueryKeyRef = useRef(null);
     const queryKey = useMemo(() => {

package/dist/hooks/use-transitioned-open.js

@@ -1,5 +1,5 @@
+import { onAnimationFinished } from "@1771technologies/dom-utils";
 import { useEffect, useMemo, useState } from "react";
-import { onAnimationFinished } from "@1771technologies/lytenyte-shared";
 export function useTransitioned(open, el, changeComplete) {
     const [m, setM] = useState(open);
     const t = useMemo(() => {

package/dist/index.d.ts

@@ -113,7 +113,8 @@ export { useServerDataSource } from "./data-source-server/use-server-data-source
 export type * from "./data-source-server/types.js";
 export type { RowSourceTree, UseTreeDataSourceParams } from "./data-source-tree/use-tree-data-source.js";
 export { useTreeDataSource } from "./data-source-tree/use-tree-data-source.js";
-export { measureText, moveRelative, equal, arrayShallow } from "@1771technologies/lytenyte-shared";
+export { measureText } from "@1771technologies/lytenyte-shared";
+export { moveRelative, equal, arrayShallow } from "@1771technologies/js-utils";
 export { getRowDragData, computeField } from "@1771technologies/lytenyte-core/internal";
 export { virtualFromXY } from "./components/virtual-from-coordinates.js";
 export type { Piece, PieceWritable } from "@1771technologies/lytenyte-core";

package/dist/index.js

@@ -17,7 +17,8 @@ Grid.Viewport = GridCore.Viewport;
 export { useClientDataSource } from "./data-source-client/use-client-data-source.js";
 export { useServerDataSource } from "./data-source-server/use-server-data-source.js";
 export { useTreeDataSource } from "./data-source-tree/use-tree-data-source.js";
-export { measureText, moveRelative, equal, arrayShallow } from "@1771technologies/lytenyte-shared";
+export { measureText } from "@1771technologies/lytenyte-shared";
+export { moveRelative, equal, arrayShallow } from "@1771technologies/js-utils";
 export { getRowDragData, computeField } from "@1771technologies/lytenyte-core/internal";
 export { virtualFromXY } from "./components/virtual-from-coordinates.js";
 export { usePiece } from "@1771technologies/lytenyte-core";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@1771technologies/lytenyte-pro",
   "description": "Blazingly fast headless React data grid with 100s of features.",
-  "version": "2.1.0",
+  "version": "2.1.1-dev.1",
   "type": "module",
   "license": "COMMERCIAL",
   "files": [
@@ -86,9 +86,11 @@
     "access": "public"
   },
   "dependencies": {
-    "@1771technologies/lytenyte-core": "2.1.0",
-    "@1771technologies/lytenyte-shared": "2.1.0",
-    "@1771technologies/lytenyte-design": "2.1.0"
+    "@1771technologies/lytenyte-shared": "2.1.1-dev.1",
+    "@1771technologies/lytenyte-core": "2.1.1-dev.1",
+    "@1771technologies/js-utils": "2.1.1-dev.1",
+    "@1771technologies/lytenyte-design": "2.1.1-dev.1",
+    "@1771technologies/dom-utils": "2.1.1-dev.1"
   },
   "devDependencies": {
     "@1771technologies/grid-sample-data": "2.1.0"