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

package/cjs/index.js

@@ -1155,7 +1155,7 @@ var MovingWindow = class {
     }
   }
   getSelectedRows() {
-    return this.data.filter((row) => row[SELECTED2] === 1);
+    return this.data.filter((row) => row[SELECTED2] !== 0);
   }
 };
 
@@ -1690,6 +1690,7 @@ var { IDX: IDX2 } = import_vuu_utils11.metadataKeys;
 var NO_SELECTION = [];
 var useSelection = ({
   selectionModel,
+  onSelect,
   onSelectionChange
 }) => {
   selectionModel === "extended" || selectionModel === "checkbox";
@@ -1711,11 +1712,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;
 };
@@ -2429,9 +2429,6 @@ var useTable = ({
     rowHeight,
     size: containerMeasurements.innerSize
   });
-  console.log(
-    `rowCount from viewportMeasurements ${viewportMeasurements.rowCount}`
-  );
   const onSubscribed = (0, import_react20.useCallback)(
     ({ tableSchema }) => {
       if (tableSchema) {
@@ -2708,6 +2705,7 @@ var Table = ({
   onConfigChange,
   onFeatureEnabled,
   onFeatureInvocation,
+  onSelect,
   onSelectionChange,
   onShowConfigEditor: onShowSettings,
   renderBufferSize = 0,
@@ -2742,6 +2740,7 @@ var Table = ({
     selectionModel,
     width
   });
+  console.log({ tableProps });
   const style = {
     ...outerSize,
     "--content-height": `${viewportMeasurements.contentHeight}px`,
@@ -2862,6 +2861,7 @@ var JsonCell = ({ column, row }) => {
     return null;
   }
 };
+console.log("register JsonCell");
 (0, import_vuu_utils17.registerComponent)("json", JsonCell, "cell-renderer", {
   description: "JSON formatter",
   label: "JSON formatter",
@@ -3197,7 +3197,6 @@ var ColumnMenu = ({
       showContextMenu(e, "column-menu", {
         column,
         ContextMenuProps: {
-          className: "vuuColumnMenuList",
           onClose: handleMenuClose,
           position: getPosition(rootRef.current)
         }
@@ -3288,6 +3287,7 @@ var classBase11 = "vuuTableNextCell";
 var TableCell2 = ({
   column,
   columnMap,
+  onClick,
   onDataEdited,
   row
 }) => {
@@ -3301,15 +3301,30 @@ var TableCell2 = ({
     },
     [name, onDataEdited, row]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className, role: "cell", style, children: CellRenderer ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-    CellRenderer,
+  const handleClick = (0, import_react31.useCallback)(
+    (evt) => {
+      onClick == null ? void 0 : onClick(evt, column);
+    },
+    [column, onClick]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    "div",
     {
-      column,
-      columnMap,
-      onCommit: handleDataItemEdited,
-      row
+      className,
+      onClick: onClick ? handleClick : void 0,
+      role: "cell",
+      style,
+      children: CellRenderer ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        CellRenderer,
+        {
+          column,
+          columnMap,
+          onCommit: handleDataItemEdited,
+          row
+        }
+      ) : valueFormatter(row[dataIdx])
     }
-  ) : valueFormatter(row[dataIdx]) });
+  );
 };
 
 // src/table-next/table-cell/TableGroupCell.tsx
@@ -3769,7 +3784,7 @@ var MovingWindow2 = class {
     }
   }
   getSelectedRows() {
-    return this.data.filter((row) => row[SELECTED4] === 1);
+    return this.data.filter((row) => row[SELECTED4] !== 0);
   }
 };
 
@@ -4471,6 +4486,7 @@ var useTable2 = ({
   onFeatureEnabled,
   onFeatureInvocation,
   onRowClick: onRowClickProp,
+  onSelect,
   onSelectionChange,
   renderBufferSize = 0,
   rowHeight = 20,
@@ -4554,9 +4570,6 @@ var useTable2 = ({
   });
   const handleConfigChanged = (0, import_react43.useCallback)(
     (tableConfig2) => {
-      console.log(`useTableNext handleConfigChanged`, {
-        tableConfig: tableConfig2
-      });
       dispatchColumnAction({
         type: "init",
         tableConfig: tableConfig2,
@@ -4568,9 +4581,6 @@ var useTable2 = ({
   );
   const handleDataSourceConfigChanged = (0, import_react43.useCallback)(
     (dataSourceConfig) => {
-      console.log("config changed", {
-        dataSourceConfig
-      });
       dataSource.config = {
         ...dataSource.config,
         ...dataSourceConfig
@@ -4580,9 +4590,6 @@ var useTable2 = ({
   );
   const handleCreateCalculatedColumn = (0, import_react43.useCallback)(
     (column) => {
-      console.log(`useTableNext handleCreateCalculatedColumn`, {
-        column
-      });
       dataSource.columns = dataSource.columns.concat(column.name);
       const newTableConfig = addColumn(tableConfig, column);
       dispatchColumnAction({
@@ -4798,6 +4805,7 @@ var useTable2 = ({
     [dataSource, onSelectionChange]
   );
   const selectionHookOnRowClick = useSelection({
+    onSelect,
     onSelectionChange: handleSelectionChange,
     selectionModel
   });
@@ -4873,11 +4881,12 @@ var useTable2 = ({
 
 // src/table-next/TableNext.tsx
 var import_vuu_layout3 = require("@vuu-ui/vuu-layout");
+var import_core2 = require("@salt-ds/core");
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var import_react45 = require("react");
 var classBase14 = "vuuTableNext";
 var { IDX: IDX5, RENDER_IDX: RENDER_IDX2 } = import_vuu_utils28.metadataKeys;
-var TableNext = ({
+var TableNext = (0, import_react44.forwardRef)(function TableNext2({
   Row: Row3 = Row2,
   availableColumns,
   className: classNameProp,
@@ -4889,6 +4898,7 @@ var TableNext = ({
   onFeatureEnabled,
   onFeatureInvocation,
   onRowClick: onRowClickProp,
+  onSelect,
   onSelectionChange,
   onShowConfigEditor: onShowSettings,
   renderBufferSize = 0,
@@ -4898,7 +4908,7 @@ var TableNext = ({
   headerHeight = showColumnHeaders ? 25 : 0,
   style: styleProp,
   ...htmlAttributes
-}) => {
+}, forwardedRef) {
   const id = (0, import_vuu_layout3.useId)(idProp);
   const containerRef = (0, import_react44.useRef)(null);
   const {
@@ -4929,6 +4939,7 @@ var TableNext = ({
     onFeatureEnabled,
     onFeatureInvocation,
     onRowClick: onRowClickProp,
+    onSelect,
     onSelectionChange,
     renderBufferSize,
     rowHeight,
@@ -4966,7 +4977,7 @@ var TableNext = ({
           ...htmlAttributes,
           className,
           onResize,
-          ref: containerRef,
+          ref: (0, import_core2.useForkRef)(containerRef, forwardedRef),
           style: getStyle(),
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
@@ -5032,7 +5043,7 @@ var TableNext = ({
       )
     }
   );
-};
+});
 
 // src/table-next/cell-renderers/dropdown-cell/DropdownCell.tsx
 var import_vuu_ui_controls5 = require("@vuu-ui/vuu-ui-controls");
@@ -5070,7 +5081,7 @@ var DropdownCell = ({ column, columnMap, row }) => {
 
 // src/table-next/cell-renderers/input-cell/InputCell.tsx
 var import_vuu_utils30 = require("@vuu-ui/vuu-utils");
-var import_core2 = require("@salt-ds/core");
+var import_core3 = require("@salt-ds/core");
 var import_vuu_ui_controls6 = require("@vuu-ui/vuu-ui-controls");
 var import_classnames18 = __toESM(require("classnames"));
 var import_jsx_runtime25 = require("react/jsx-runtime");
@@ -5101,7 +5112,7 @@ var InputCell = ({
   const endAdornment = warningMessage && align === "left" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: `${classBase16}-icon`, "data-icon": "error" }) : void 0;
   const startAdornment = warningMessage && align === "right" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: `${classBase16}-icon`, "data-icon": "error" }) : void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-    import_core2.Input,
+    import_core3.Input,
     {
       ...editProps,
       className: (0, import_classnames18.default)(classBase16, {