@vuu-ui/vuu-table 0.8.10-debug → 0.8.11-debug

package/esm/index.js

@@ -1150,7 +1150,7 @@ var MovingWindow = class {
     }
   }
   getSelectedRows() {
-    return this.data.filter((row) => row[SELECTED2] === 1);
+    return this.data.filter((row) => row[SELECTED2] !== 0);
   }
 };
 
@@ -1696,6 +1696,7 @@ var { IDX: IDX2 } = metadataKeys6;
 var NO_SELECTION = [];
 var useSelection = ({
   selectionModel,
+  onSelect,
   onSelectionChange
 }) => {
   selectionModel === "extended" || selectionModel === "checkbox";
@@ -1717,11 +1718,10 @@ var useSelection = ({
       );
       selectedRef.current = newSelected;
       lastActiveRef.current = idx;
-      if (onSelectionChange) {
-        onSelectionChange(newSelected);
-      }
+      onSelect == null ? void 0 : onSelect(row);
+      onSelectionChange == null ? void 0 : onSelectionChange(newSelected);
     },
-    [onSelectionChange, selectionModel]
+    [onSelect, onSelectionChange, selectionModel]
   );
   return handleSelectionChange;
 };
@@ -2460,9 +2460,6 @@ var useTable = ({
     rowHeight,
     size: containerMeasurements.innerSize
   });
-  console.log(
-    `rowCount from viewportMeasurements ${viewportMeasurements.rowCount}`
-  );
   const onSubscribed = useCallback18(
     ({ tableSchema }) => {
       if (tableSchema) {
@@ -2739,6 +2736,7 @@ var Table = ({
   onConfigChange,
   onFeatureEnabled,
   onFeatureInvocation,
+  onSelect,
   onSelectionChange,
   onShowConfigEditor: onShowSettings,
   renderBufferSize = 0,
@@ -2773,6 +2771,7 @@ var Table = ({
     selectionModel,
     width
   });
+  console.log({ tableProps });
   const style = {
     ...outerSize,
     "--content-height": `${viewportMeasurements.contentHeight}px`,
@@ -2897,6 +2896,7 @@ var JsonCell = ({ column, row }) => {
     return null;
   }
 };
+console.log("register JsonCell");
 registerComponent("json", JsonCell, "cell-renderer", {
   description: "JSON formatter",
   label: "JSON formatter",
@@ -3239,7 +3239,6 @@ var ColumnMenu = ({
       showContextMenu(e, "column-menu", {
         column,
         ContextMenuProps: {
-          className: "vuuColumnMenuList",
           onClose: handleMenuClose,
           position: getPosition(rootRef.current)
         }
@@ -3314,7 +3313,7 @@ var HeaderCell = ({
 import { ContextMenuProvider as ContextMenuProvider2 } from "@vuu-ui/vuu-popups";
 import { isGroupColumn as isGroupColumn7, metadataKeys as metadataKeys16, notHidden as notHidden4 } from "@vuu-ui/vuu-utils";
 import cx17 from "classnames";
-import { useRef as useRef27 } from "react";
+import { forwardRef, useRef as useRef27 } from "react";
 
 // src/table-next/Row.tsx
 import {
@@ -3337,6 +3336,7 @@ var classBase11 = "vuuTableNextCell";
 var TableCell2 = ({
   column,
   columnMap,
+  onClick,
   onDataEdited,
   row
 }) => {
@@ -3350,15 +3350,30 @@ var TableCell2 = ({
     },
     [name, onDataEdited, row]
   );
-  return /* @__PURE__ */ jsx20("div", { className, role: "cell", style, children: CellRenderer ? /* @__PURE__ */ jsx20(
-    CellRenderer,
+  const handleClick = useCallback25(
+    (evt) => {
+      onClick == null ? void 0 : onClick(evt, column);
+    },
+    [column, onClick]
+  );
+  return /* @__PURE__ */ jsx20(
+    "div",
     {
-      column,
-      columnMap,
-      onCommit: handleDataItemEdited,
-      row
+      className,
+      onClick: onClick ? handleClick : void 0,
+      role: "cell",
+      style,
+      children: CellRenderer ? /* @__PURE__ */ jsx20(
+        CellRenderer,
+        {
+          column,
+          columnMap,
+          onCommit: handleDataItemEdited,
+          row
+        }
+      ) : valueFormatter(row[dataIdx])
     }
-  ) : valueFormatter(row[dataIdx]) });
+  );
 };
 
 // src/table-next/table-cell/TableGroupCell.tsx
@@ -3840,7 +3855,7 @@ var MovingWindow2 = class {
     }
   }
   getSelectedRows() {
-    return this.data.filter((row) => row[SELECTED4] === 1);
+    return this.data.filter((row) => row[SELECTED4] !== 0);
   }
 };
 
@@ -4560,6 +4575,7 @@ var useTable2 = ({
   onFeatureEnabled,
   onFeatureInvocation,
   onRowClick: onRowClickProp,
+  onSelect,
   onSelectionChange,
   renderBufferSize = 0,
   rowHeight = 20,
@@ -4643,9 +4659,6 @@ var useTable2 = ({
   });
   const handleConfigChanged = useCallback34(
     (tableConfig2) => {
-      console.log(`useTableNext handleConfigChanged`, {
-        tableConfig: tableConfig2
-      });
       dispatchColumnAction({
         type: "init",
         tableConfig: tableConfig2,
@@ -4657,9 +4670,6 @@ var useTable2 = ({
   );
   const handleDataSourceConfigChanged = useCallback34(
     (dataSourceConfig) => {
-      console.log("config changed", {
-        dataSourceConfig
-      });
       dataSource.config = {
         ...dataSource.config,
         ...dataSourceConfig
@@ -4669,9 +4679,6 @@ var useTable2 = ({
   );
   const handleCreateCalculatedColumn = useCallback34(
     (column) => {
-      console.log(`useTableNext handleCreateCalculatedColumn`, {
-        column
-      });
       dataSource.columns = dataSource.columns.concat(column.name);
       const newTableConfig = addColumn(tableConfig, column);
       dispatchColumnAction({
@@ -4887,6 +4894,7 @@ var useTable2 = ({
     [dataSource, onSelectionChange]
   );
   const selectionHookOnRowClick = useSelection({
+    onSelect,
     onSelectionChange: handleSelectionChange,
     selectionModel
   });
@@ -4962,11 +4970,12 @@ var useTable2 = ({
 
 // src/table-next/TableNext.tsx
 import { MeasuredContainer, useId } from "@vuu-ui/vuu-layout";
+import { useForkRef } from "@salt-ds/core";
 import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
 import { createElement as createElement4 } from "react";
 var classBase14 = "vuuTableNext";
 var { IDX: IDX5, RENDER_IDX: RENDER_IDX2 } = metadataKeys16;
-var TableNext = ({
+var TableNext = forwardRef(function TableNext2({
   Row: Row3 = Row2,
   availableColumns,
   className: classNameProp,
@@ -4978,6 +4987,7 @@ var TableNext = ({
   onFeatureEnabled,
   onFeatureInvocation,
   onRowClick: onRowClickProp,
+  onSelect,
   onSelectionChange,
   onShowConfigEditor: onShowSettings,
   renderBufferSize = 0,
@@ -4987,7 +4997,7 @@ var TableNext = ({
   headerHeight = showColumnHeaders ? 25 : 0,
   style: styleProp,
   ...htmlAttributes
-}) => {
+}, forwardedRef) {
   const id = useId(idProp);
   const containerRef = useRef27(null);
   const {
@@ -5018,6 +5028,7 @@ var TableNext = ({
     onFeatureEnabled,
     onFeatureInvocation,
     onRowClick: onRowClickProp,
+    onSelect,
     onSelectionChange,
     renderBufferSize,
     rowHeight,
@@ -5055,7 +5066,7 @@ var TableNext = ({
           ...htmlAttributes,
           className,
           onResize,
-          ref: containerRef,
+          ref: useForkRef(containerRef, forwardedRef),
           style: getStyle(),
           children: [
             /* @__PURE__ */ jsx23(
@@ -5121,7 +5132,7 @@ var TableNext = ({
       )
     }
   );
-};
+});
 
 // src/table-next/cell-renderers/dropdown-cell/DropdownCell.tsx
 import {