@1771technologies/lytenyte-pro 1.0.0-beta.7 → 1.0.0-beta.9

package/dist/+types.d.ts

@@ -892,7 +892,8 @@ export interface HeaderGroupCellLayout {
      */
     readonly isCollapsible: boolean;
     /**
-     * A unique identifier that can be used for rendering keys or tracking elements.
+     * The id for the header group. Note this is not unique across all header groups. In particular
+     *       split header groups with the same path will share the same id. Prefer `idOccurrence` for unique keys.
      */
     readonly id: string;
     /**
@@ -1707,9 +1708,9 @@ export interface ClientRowDataSourceParams<T> {
      * Callback that transforms a column in-filter item before it's applied.
      */
     readonly transformInFilterItem?: (params: {
-        field: unknown;
         column: Column<T>;
-    }) => FilterInFilterItem;
+        values: unknown[];
+    }) => FilterInFilterItem[];
 }
 /**
  * Parameters for initializing a tree-structured data source in LyteNyte Grid.
@@ -1743,9 +1744,9 @@ export interface ClientTreeDataSourceParams<T> {
      * Callback that transforms a column in-filter item before it's applied.
      */
     readonly transformInFilterItem?: (params: {
-        field: unknown;
         column: Column<T>;
-    }) => FilterInFilterItem;
+        values: unknown[];
+    }) => FilterInFilterItem[];
     /**
      * Returns the hierarchical path to group a given data row in tree mode.
      */

package/dist/cell-selection/cell-selection-driver.js

@@ -2,7 +2,7 @@ import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { useGridRoot } from "../context";
 import { useEdgeScroll } from "./use-edge-scroll";
-import { getClientX, getClientY, getRelativeXPosition, getRelativeYPosition, } from "@1771technologies/lytenyte-js-utils";
+import { equal, getClientX, getClientY, getRelativeXPosition, getRelativeYPosition, } from "@1771technologies/lytenyte-js-utils";
 import { getNearestFocusable, getPositionFromFocusable } from "@1771technologies/lytenyte-shared";
 import { isHTMLElement } from "@1771technologies/lytenyte-dom-utils";
 import { updateAdditiveCellSelection } from "./update-additive-cell-selection";
@@ -238,8 +238,16 @@ export function CellSelectionDriver() {
         };
     }, [cancelX, cancelY, edgeScrollX, edgeScrollY, grid, mode, viewport]);
     useEffect(() => {
+        let prev = null;
         return grid.internal.focusActive.watch(() => {
             const focus = grid.internal.focusActive.get();
+            // If the focus is null, then we should just return. This keeps the existing selection
+            // in place - for things like copy and paste.
+            if (!focus)
+                return;
+            if (equal(prev, focus))
+                return;
+            prev = focus;
             if (focus?.kind !== "cell" && focus?.kind !== "full-width") {
                 grid.state.cellSelections.set([]);
                 grid.internal.cellSelectionPivot.set(null);

package/dist/cells/cell.js

@@ -10,9 +10,10 @@ const CellImpl = forwardRef(function Cell({ cell, children, ...props }, forwarde
     const grid = useGridRoot().grid;
     const cx = grid.state;
     grid.internal.refreshKey.useValue();
+    const base = grid.state.columnBase.useValue();
     const row = cell.row.useValue();
     const renderers = cx.cellRenderers.useValue();
-    const providedRenderer = children ?? cell.column.cellRenderer;
+    const providedRenderer = children ?? cell.column.cellRenderer ?? base.cellRenderer;
     const Renderer = providedRenderer
         ? typeof providedRenderer === "string"
             ? (renderers[providedRenderer] ?? CellDefault)

package/dist/icons/index.d.ts

@@ -1 +1 @@
-export { AddIcon, AddSmallIcon, AggregateIcon, AggregationIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightCurvedIcon, ArrowRightIcon, ArrowUpIcon, AutosizeIcon, BackIcon, BookmarkIcon, BooleanIcon, CalendarIcon, ChartIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, Close2Icon, CloseIcon, CollapseGroupIcon, Columns2Icon, ColumnsIcon, CopyIcon, CornerRadiusIcon, CustomizeThemeIcon, CutIcon, DeleteIcon, DocsIcon, DownloadIcon, Drag2Icon, DragDotsIcon, DragDotsSmallIcon, DragIcon, DuplicateIcon, EditIcon, EmailIcon, ExpandGroupIcon, ExpandIcon, Expression2Icon, ExpressionIcon, ExternalLinkIcon, File2Icon, FileIcon, FilterIcon, FolderIcon, GlobeIcon, GridViewIcon, GroupByColIcon, HamburgerIcon, HelpIcon, HiddenIcon, HistoryIcon, ImportIcon, LinkIcon, ListViewIcon, LoadingIcon, LocationIcon, ModalIcon, MoreIcon, MoreVerticalIcon, MultilineIcon, NumberIcon, PasteIcon, PieIcon, PinColumnIcon, RefreshIcon, SearchIcon, SettingsIcon, ShareIcon, SingleLineIcon, Sort2Icon, SortIcon, SpacingHIcon, SpacingIcon, StickColumnIcon, SwapIcon, TagIcon, TaskIcon, TextIcon, ThemesIcon, Tickmark2Icon, TickmarkIcon, TimeIcon, UploadIcon, UserIcon, ViewIcon, } from "@1771technologies/lytenyte-core/icons";
+export { AddIcon, AddSmallIcon, AggregateIcon, AggregationIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightCurvedIcon, ArrowRightIcon, ArrowUpIcon, AutosizeIcon, BackIcon, BookmarkIcon, BooleanIcon, CalendarIcon, ChartIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, Close2Icon, CloseIcon, CollapseGroupIcon, Columns2Icon, ColumnsIcon, CopyIcon, CornerRadiusIcon, CustomizeThemeIcon, CutIcon, CsvIcon, DeleteIcon, DocsIcon, DownloadIcon, Drag2Icon, DragDotsIcon, DragDotsSmallIcon, DragIcon, DuplicateIcon, EditIcon, EmailIcon, ExcelIcon, ExpandGroupIcon, ExpandIcon, Expression2Icon, ExpressionIcon, ExternalLinkIcon, File2Icon, FileIcon, FilterIcon, FolderIcon, GlobeIcon, GridViewIcon, GroupByColIcon, HamburgerIcon, HelpIcon, HiddenIcon, HistoryIcon, ImportIcon, LinkIcon, ListViewIcon, LoadingIcon, LocationIcon, ModalIcon, MoreIcon, MoreVerticalIcon, MultilineIcon, NumberIcon, PasteIcon, PieIcon, PinColumnIcon, RefreshIcon, SearchIcon, SettingsIcon, ShareIcon, SingleLineIcon, Sort2Icon, SortIcon, SpacingHIcon, SpacingIcon, StickColumnIcon, SwapIcon, TagIcon, TaskIcon, TextIcon, ThemesIcon, Tickmark2Icon, TickmarkIcon, TimeIcon, UploadIcon, UserIcon, ViewIcon, } from "@1771technologies/lytenyte-core/icons";

package/dist/icons/index.js

@@ -1 +1 @@
-export { AddIcon, AddSmallIcon, AggregateIcon, AggregationIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightCurvedIcon, ArrowRightIcon, ArrowUpIcon, AutosizeIcon, BackIcon, BookmarkIcon, BooleanIcon, CalendarIcon, ChartIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, Close2Icon, CloseIcon, CollapseGroupIcon, Columns2Icon, ColumnsIcon, CopyIcon, CornerRadiusIcon, CustomizeThemeIcon, CutIcon, DeleteIcon, DocsIcon, DownloadIcon, Drag2Icon, DragDotsIcon, DragDotsSmallIcon, DragIcon, DuplicateIcon, EditIcon, EmailIcon, ExpandGroupIcon, ExpandIcon, Expression2Icon, ExpressionIcon, ExternalLinkIcon, File2Icon, FileIcon, FilterIcon, FolderIcon, GlobeIcon, GridViewIcon, GroupByColIcon, HamburgerIcon, HelpIcon, HiddenIcon, HistoryIcon, ImportIcon, LinkIcon, ListViewIcon, LoadingIcon, LocationIcon, ModalIcon, MoreIcon, MoreVerticalIcon, MultilineIcon, NumberIcon, PasteIcon, PieIcon, PinColumnIcon, RefreshIcon, SearchIcon, SettingsIcon, ShareIcon, SingleLineIcon, Sort2Icon, SortIcon, SpacingHIcon, SpacingIcon, StickColumnIcon, SwapIcon, TagIcon, TaskIcon, TextIcon, ThemesIcon, Tickmark2Icon, TickmarkIcon, TimeIcon, UploadIcon, UserIcon, ViewIcon, } from "@1771technologies/lytenyte-core/icons";
+export { AddIcon, AddSmallIcon, AggregateIcon, AggregationIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightCurvedIcon, ArrowRightIcon, ArrowUpIcon, AutosizeIcon, BackIcon, BookmarkIcon, BooleanIcon, CalendarIcon, ChartIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, Close2Icon, CloseIcon, CollapseGroupIcon, Columns2Icon, ColumnsIcon, CopyIcon, CornerRadiusIcon, CustomizeThemeIcon, CutIcon, CsvIcon, DeleteIcon, DocsIcon, DownloadIcon, Drag2Icon, DragDotsIcon, DragDotsSmallIcon, DragIcon, DuplicateIcon, EditIcon, EmailIcon, ExcelIcon, ExpandGroupIcon, ExpandIcon, Expression2Icon, ExpressionIcon, ExternalLinkIcon, File2Icon, FileIcon, FilterIcon, FolderIcon, GlobeIcon, GridViewIcon, GroupByColIcon, HamburgerIcon, HelpIcon, HiddenIcon, HistoryIcon, ImportIcon, LinkIcon, ListViewIcon, LoadingIcon, LocationIcon, ModalIcon, MoreIcon, MoreVerticalIcon, MultilineIcon, NumberIcon, PasteIcon, PieIcon, PinColumnIcon, RefreshIcon, SearchIcon, SettingsIcon, ShareIcon, SingleLineIcon, Sort2Icon, SortIcon, SpacingHIcon, SpacingIcon, StickColumnIcon, SwapIcon, TagIcon, TaskIcon, TextIcon, ThemesIcon, Tickmark2Icon, TickmarkIcon, TimeIcon, UploadIcon, UserIcon, ViewIcon, } from "@1771technologies/lytenyte-core/icons";

package/dist/index.d.ts

@@ -4,3 +4,4 @@ export { FilterTree } from "./filter-tree/filter-tree.js";
 export { ColumnManager } from "./column-manager/column-manager.js";
 export { GridBox } from "./grid-box/grid-box.js";
 export { activateLicense } from "./license.js";
+export { measureText } from "@1771technologies/lytenyte-shared";

package/dist/index.js

@@ -4,3 +4,4 @@ export { FilterTree } from "./filter-tree/filter-tree.js";
 export { ColumnManager } from "./column-manager/column-manager.js";
 export { GridBox } from "./grid-box/grid-box.js";
 export { activateLicense } from "./license.js";
+export { measureText } from "@1771technologies/lytenyte-shared";

package/dist/row-data-source-client/use-client-data-source-paginated.js

@@ -375,11 +375,10 @@ export function makeClientDataSourcePaginated(p) {
                     const field = grid.api.columnField(c, row);
                     return field;
                 }));
-                return [...values].map((x) => {
-                    if (!p.transformInFilterItem)
-                        return { id: `${x}`, label: `${x}`, value: x };
-                    return p.transformInFilterItem({ field: x, column: c });
-                });
+                if (p.transformInFilterItem) {
+                    return p.transformInFilterItem({ column: c, values: [...values] });
+                }
+                return [...values].map((x) => ({ id: `${x}`, label: `${x}`, value: x }));
             },
             rowAreAllSelected: (rowId) => {
                 const g = rdsStore.get(grid$);

package/dist/row-data-source-client/use-client-data-source.js

@@ -500,11 +500,10 @@ export function makeClientDataSource(p) {
                     const field = grid.api.columnField(c, row);
                     return field;
                 }));
-                return [...values].map((x) => {
-                    if (!p.transformInFilterItem)
-                        return { id: `${x}`, label: `${x}`, value: x };
-                    return p.transformInFilterItem({ field: x, column: c });
-                });
+                if (p.transformInFilterItem) {
+                    return p.transformInFilterItem({ column: c, values: [...values] });
+                }
+                return [...values].map((x) => ({ id: `${x}`, label: `${x}`, value: x }));
             },
             rowAdd: (newRows, place = "end") => {
                 rdsStore.set(data, (prev) => {

package/dist/row-data-source-client/use-client-tree-data-source.js

@@ -346,11 +346,10 @@ export function makeClientTreeDataSource(p) {
                     const field = grid.api.columnField(c, row);
                     return field;
                 }));
-                return [...values].map((x) => {
-                    if (!p.transformInFilterItem)
-                        return { id: `${x}`, label: `${x}`, value: x };
-                    return p.transformInFilterItem({ field: x, column: c });
-                });
+                if (p.transformInFilterItem) {
+                    return p.transformInFilterItem({ column: c, values: [...values] });
+                }
+                return [...values].map((x) => ({ id: `${x}`, label: `${x}`, value: x }));
             },
             rowAdd: (newRows, place = "end") => {
                 rdsStore.set(data, (prev) => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@1771technologies/lytenyte-pro",
   "description": "Blazingly fast headless React data grid with 100s of features.",
-  "version": "1.0.0-beta.7",
+  "version": "1.0.0-beta.9",
   "type": "module",
   "license": "COMMERCIAL",
   "files": [
@@ -49,12 +49,12 @@
   },
   "dependencies": {
     "@1771technologies/atom": "^1.0.2",
-    "@1771technologies/lytenyte-core": "1.0.0-beta.7",
-    "@1771technologies/lytenyte-dragon": "1.0.0-beta.7",
-    "@1771technologies/lytenyte-dom-utils": "1.0.0-beta.7",
-    "@1771technologies/lytenyte-shared": "1.0.0-beta.7",
-    "@1771technologies/lytenyte-js-utils": "1.0.0-beta.7",
-    "@1771technologies/lytenyte-react-hooks": "1.0.0-beta.7"
+    "@1771technologies/lytenyte-core": "1.0.0-beta.9",
+    "@1771technologies/lytenyte-dom-utils": "1.0.0-beta.9",
+    "@1771technologies/lytenyte-shared": "1.0.0-beta.9",
+    "@1771technologies/lytenyte-js-utils": "1.0.0-beta.9",
+    "@1771technologies/lytenyte-react-hooks": "1.0.0-beta.9",
+    "@1771technologies/lytenyte-dragon": "1.0.0-beta.9"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",