@vuu-ui/vuu-table 0.0.26

package/esm/useTableAndColumnSettings.js

@@ -0,0 +1,126 @@
+import { useLayoutProviderDispatch } from '@vuu-ui/vuu-layout';
+import { getCalculatedColumnType } from '@vuu-ui/vuu-utils';
+import { useRef, useState, useCallback } from 'react';
+
+const useTableAndColumnSettings = ({
+  availableColumns: availableColumnsProps,
+  onAvailableColumnsChange,
+  onConfigChange,
+  onCreateCalculatedColumn,
+  onDataSourceConfigChange,
+  tableConfig
+}) => {
+  const dispatchLayoutAction = useLayoutProviderDispatch();
+  const showTableSettingsRef = useRef();
+  const [availableColumns, setAvailableColumns] = useState(
+    availableColumnsProps
+  );
+  const showContextPanel = useCallback(
+    (componentType, title, props) => {
+      dispatchLayoutAction({
+        type: "set-props",
+        path: "#context-panel",
+        props: {
+          expanded: true,
+          content: {
+            type: componentType,
+            props
+          },
+          title
+        }
+      });
+    },
+    [dispatchLayoutAction]
+  );
+  const handleCancelCreateColumn = useCallback(() => {
+    requestAnimationFrame(() => {
+      showTableSettingsRef.current?.();
+    });
+  }, []);
+  const handleCreateCalculatedColumn = useCallback(
+    (column) => {
+      const newAvailableColumns = availableColumns.concat({
+        name: column.name,
+        serverDataType: getCalculatedColumnType(column)
+      });
+      setAvailableColumns(newAvailableColumns);
+      onAvailableColumnsChange?.(newAvailableColumns);
+      requestAnimationFrame(() => {
+        showTableSettingsRef.current?.();
+      });
+      onCreateCalculatedColumn(column);
+    },
+    [availableColumns, onAvailableColumnsChange, onCreateCalculatedColumn]
+  );
+  const showColumnSettingsPanel = useCallback(
+    (action) => {
+      showContextPanel("ColumnSettings", "Column Settings", {
+        column: action.column,
+        onCancelCreateColumn: handleCancelCreateColumn,
+        onConfigChange,
+        onCreateCalculatedColumn: handleCreateCalculatedColumn,
+        tableConfig,
+        vuuTable: action.vuuTable
+      });
+    },
+    [
+      handleCancelCreateColumn,
+      handleCreateCalculatedColumn,
+      onConfigChange,
+      showContextPanel,
+      tableConfig
+    ]
+  );
+  const handleAddCalculatedColumn = useCallback(() => {
+    showColumnSettingsPanel({
+      column: {
+        name: "::",
+        serverDataType: "string"
+      },
+      type: "columnSettings",
+      vuuTable: { module: "SIMUL", table: "instruments" }
+    });
+  }, [showColumnSettingsPanel]);
+  const handleNavigateToColumn = useCallback(
+    (columnName) => {
+      const column = tableConfig.columns.find((c) => c.name === columnName);
+      if (column) {
+        showColumnSettingsPanel({
+          type: "columnSettings",
+          column,
+          //TODO where do we get this from
+          vuuTable: { module: "SIMUL", table: "instruments" }
+        });
+      }
+    },
+    [showColumnSettingsPanel, tableConfig.columns]
+  );
+  showTableSettingsRef.current = useCallback(() => {
+    showContextPanel("TableSettings", "DataGrid Settings", {
+      availableColumns: availableColumns ?? tableConfig.columns.map(({ name, serverDataType }) => ({
+        name,
+        serverDataType
+      })),
+      onAddCalculatedColumn: handleAddCalculatedColumn,
+      onConfigChange,
+      onDataSourceConfigChange,
+      onNavigateToColumn: handleNavigateToColumn,
+      tableConfig
+    });
+  }, [
+    availableColumns,
+    handleAddCalculatedColumn,
+    handleNavigateToColumn,
+    onConfigChange,
+    onDataSourceConfigChange,
+    showContextPanel,
+    tableConfig
+  ]);
+  return {
+    showColumnSettingsPanel,
+    showTableSettingsPanel: showTableSettingsRef.current
+  };
+};
+
+export { useTableAndColumnSettings };
+//# sourceMappingURL=useTableAndColumnSettings.js.map

package/esm/useTableAndColumnSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableAndColumnSettings.js","sources":["../src/useTableAndColumnSettings.ts"],"sourcesContent":["import { DataSourceConfig, SchemaColumn } from \"@vuu-ui/vuu-data-types\";\nimport { useLayoutProviderDispatch } from \"@vuu-ui/vuu-layout\";\nimport {\n  ColumnDescriptor,\n  ColumnSettingsProps,\n  TableConfig,\n  TableSettingsProps,\n} from \"@vuu-ui/vuu-table-types\";\nimport { getCalculatedColumnType } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useRef, useState } from \"react\";\nimport { ColumnActionColumnSettings } from \"./useTableModel\";\n\nexport interface TableAndColumnSettingsHookProps {\n  availableColumns: SchemaColumn[];\n  onAvailableColumnsChange?: (columns: SchemaColumn[]) => void;\n  onConfigChange: (config: TableConfig) => void;\n  onCreateCalculatedColumn: (column: ColumnDescriptor) => void;\n  onDataSourceConfigChange: (dataSourceConfig: DataSourceConfig) => void;\n  tableConfig: TableConfig;\n}\nexport const useTableAndColumnSettings = ({\n  availableColumns: availableColumnsProps,\n  onAvailableColumnsChange,\n  onConfigChange,\n  onCreateCalculatedColumn,\n  onDataSourceConfigChange,\n  tableConfig,\n}: TableAndColumnSettingsHookProps) => {\n  const dispatchLayoutAction = useLayoutProviderDispatch();\n  const showTableSettingsRef = useRef<() => void>();\n\n  const [availableColumns, setAvailableColumns] = useState<SchemaColumn[]>(\n    availableColumnsProps\n  );\n\n  const showContextPanel = useCallback(\n    (\n      componentType: string,\n      title: string,\n      props: TableSettingsProps | ColumnSettingsProps\n    ) => {\n      dispatchLayoutAction({\n        type: \"set-props\",\n        path: \"#context-panel\",\n        props: {\n          expanded: true,\n          content: {\n            type: componentType,\n            props,\n          },\n          title,\n        },\n      });\n    },\n    [dispatchLayoutAction]\n  );\n\n  const handleCancelCreateColumn = useCallback(() => {\n    requestAnimationFrame(() => {\n      showTableSettingsRef.current?.();\n    });\n  }, []);\n\n  const handleCreateCalculatedColumn = useCallback(\n    (column: ColumnDescriptor) => {\n      const newAvailableColumns = availableColumns.concat({\n        name: column.name,\n        serverDataType: getCalculatedColumnType(column),\n      });\n      setAvailableColumns(newAvailableColumns);\n      onAvailableColumnsChange?.(newAvailableColumns);\n      requestAnimationFrame(() => {\n        showTableSettingsRef.current?.();\n      });\n      onCreateCalculatedColumn(column);\n    },\n    [availableColumns, onAvailableColumnsChange, onCreateCalculatedColumn]\n  );\n\n  const showColumnSettingsPanel = useCallback(\n    (action: ColumnActionColumnSettings) => {\n      showContextPanel(\"ColumnSettings\", \"Column Settings\", {\n        column: action.column,\n        onCancelCreateColumn: handleCancelCreateColumn,\n        onConfigChange,\n        onCreateCalculatedColumn: handleCreateCalculatedColumn,\n        tableConfig,\n        vuuTable: action.vuuTable,\n      } as ColumnSettingsProps);\n    },\n    [\n      handleCancelCreateColumn,\n      handleCreateCalculatedColumn,\n      onConfigChange,\n      showContextPanel,\n      tableConfig,\n    ]\n  );\n\n  const handleAddCalculatedColumn = useCallback(() => {\n    showColumnSettingsPanel({\n      column: {\n        name: \"::\",\n        serverDataType: \"string\",\n      },\n      type: \"columnSettings\",\n      vuuTable: { module: \"SIMUL\", table: \"instruments\" },\n    });\n  }, [showColumnSettingsPanel]);\n\n  const handleNavigateToColumn = useCallback(\n    (columnName: string) => {\n      const column = tableConfig.columns.find((c) => c.name === columnName);\n      if (column) {\n        showColumnSettingsPanel({\n          type: \"columnSettings\",\n          column,\n          //TODO where do we get this from\n          vuuTable: { module: \"SIMUL\", table: \"instruments\" },\n        });\n      }\n    },\n    [showColumnSettingsPanel, tableConfig.columns]\n  );\n\n  showTableSettingsRef.current = useCallback(() => {\n    showContextPanel(\"TableSettings\", \"DataGrid Settings\", {\n      availableColumns:\n        availableColumns ??\n        tableConfig.columns.map(({ name, serverDataType }) => ({\n          name,\n          serverDataType,\n        })),\n      onAddCalculatedColumn: handleAddCalculatedColumn,\n      onConfigChange,\n      onDataSourceConfigChange,\n      onNavigateToColumn: handleNavigateToColumn,\n      tableConfig,\n    } as TableSettingsProps);\n  }, [\n    availableColumns,\n    handleAddCalculatedColumn,\n    handleNavigateToColumn,\n    onConfigChange,\n    onDataSourceConfigChange,\n    showContextPanel,\n    tableConfig,\n  ]);\n\n  return {\n    showColumnSettingsPanel,\n    showTableSettingsPanel: showTableSettingsRef.current,\n  };\n};\n"],"names":[],"mappings":"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"}

package/esm/useTableContextMenu.js

@@ -0,0 +1,40 @@
+import { useContextMenu } from '@vuu-ui/vuu-popups';
+import { buildColumnMap, getIndexFromRowElement } from '@vuu-ui/vuu-utils';
+import { useCallback } from 'react';
+
+const NO_ROWS = [];
+const useTableContextMenu = ({
+  columns,
+  data,
+  dataSource,
+  getSelectedRows
+}) => {
+  const [showContextMenu] = useContextMenu();
+  const onContextMenu = useCallback(
+    (evt) => {
+      const target = evt.target;
+      const cellEl = target?.closest("div[role='cell']");
+      const rowEl = target?.closest("div[role='row']");
+      if (cellEl && rowEl) {
+        const { selectedRowsCount } = dataSource;
+        const columnMap = buildColumnMap(columns);
+        const rowIndex = getIndexFromRowElement(rowEl);
+        const cellIndex = Array.from(rowEl.childNodes).indexOf(cellEl);
+        const row = data.find(([idx]) => idx === rowIndex);
+        const columnName = columns[cellIndex];
+        showContextMenu(evt, "grid", {
+          columnMap,
+          columnName,
+          row,
+          selectedRows: selectedRowsCount === 0 ? NO_ROWS : getSelectedRows(),
+          viewport: dataSource.viewport
+        });
+      }
+    },
+    [columns, data, dataSource, getSelectedRows, showContextMenu]
+  );
+  return onContextMenu;
+};
+
+export { useTableContextMenu };
+//# sourceMappingURL=useTableContextMenu.js.map

package/esm/useTableContextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableContextMenu.js","sources":["../src/useTableContextMenu.ts"],"sourcesContent":["import { DataSource, DataSourceRow } from \"@vuu-ui/vuu-data-types\";\nimport { RuntimeColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport { useContextMenu as usePopupContextMenu } from \"@vuu-ui/vuu-popups\";\nimport { buildColumnMap, getIndexFromRowElement } from \"@vuu-ui/vuu-utils\";\nimport { MouseEvent, useCallback } from \"react\";\n\nexport interface TableContextMenuHookProps {\n  columns: RuntimeColumnDescriptor[];\n  data: DataSourceRow[];\n  dataSource: DataSource;\n  getSelectedRows: () => DataSourceRow[];\n}\n\nconst NO_ROWS = [] as const;\n\nexport const useTableContextMenu = ({\n  columns,\n  data,\n  dataSource,\n  getSelectedRows,\n}: TableContextMenuHookProps) => {\n  const [showContextMenu] = usePopupContextMenu();\n\n  const onContextMenu = useCallback(\n    (evt: MouseEvent<HTMLElement>) => {\n      const target = evt.target as HTMLElement;\n      const cellEl = target?.closest(\"div[role='cell']\");\n      const rowEl = target?.closest(\"div[role='row']\") as HTMLElement;\n      if (cellEl && rowEl) {\n        const { selectedRowsCount } = dataSource;\n        const columnMap = buildColumnMap(columns);\n        const rowIndex = getIndexFromRowElement(rowEl);\n        const cellIndex = Array.from(rowEl.childNodes).indexOf(cellEl);\n        const row = data.find(([idx]) => idx === rowIndex);\n        const columnName = columns[cellIndex];\n        // TODO does it really make sense to collect selected rows ?\n        // We only have access to rows in local cache\n        showContextMenu(evt, \"grid\", {\n          columnMap,\n          columnName,\n          row,\n          selectedRows: selectedRowsCount === 0 ? NO_ROWS : getSelectedRows(),\n          viewport: dataSource.viewport,\n        });\n      }\n    },\n    [columns, data, dataSource, getSelectedRows, showContextMenu]\n  );\n\n  return onContextMenu;\n};\n"],"names":["usePopupContextMenu"],"mappings":";;;;AAaA,MAAM,UAAU,EAAC,CAAA;AAEV,MAAM,sBAAsB,CAAC;AAAA,EAClC,OAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AACF,CAAiC,KAAA;AAC/B,EAAM,MAAA,CAAC,eAAe,CAAA,GAAIA,cAAoB,EAAA,CAAA;AAE9C,EAAA,MAAM,aAAgB,GAAA,WAAA;AAAA,IACpB,CAAC,GAAiC,KAAA;AAChC,MAAA,MAAM,SAAS,GAAI,CAAA,MAAA,CAAA;AACnB,MAAM,MAAA,MAAA,GAAS,MAAQ,EAAA,OAAA,CAAQ,kBAAkB,CAAA,CAAA;AACjD,MAAM,MAAA,KAAA,GAAQ,MAAQ,EAAA,OAAA,CAAQ,iBAAiB,CAAA,CAAA;AAC/C,MAAA,IAAI,UAAU,KAAO,EAAA;AACnB,QAAM,MAAA,EAAE,mBAAsB,GAAA,UAAA,CAAA;AAC9B,QAAM,MAAA,SAAA,GAAY,eAAe,OAAO,CAAA,CAAA;AACxC,QAAM,MAAA,QAAA,GAAW,uBAAuB,KAAK,CAAA,CAAA;AAC7C,QAAA,MAAM,YAAY,KAAM,CAAA,IAAA,CAAK,MAAM,UAAU,CAAA,CAAE,QAAQ,MAAM,CAAA,CAAA;AAC7D,QAAM,MAAA,GAAA,GAAM,KAAK,IAAK,CAAA,CAAC,CAAC,GAAG,CAAA,KAAM,QAAQ,QAAQ,CAAA,CAAA;AACjD,QAAM,MAAA,UAAA,GAAa,QAAQ,SAAS,CAAA,CAAA;AAGpC,QAAA,eAAA,CAAgB,KAAK,MAAQ,EAAA;AAAA,UAC3B,SAAA;AAAA,UACA,UAAA;AAAA,UACA,GAAA;AAAA,UACA,YAAc,EAAA,iBAAA,KAAsB,CAAI,GAAA,OAAA,GAAU,eAAgB,EAAA;AAAA,UAClE,UAAU,UAAW,CAAA,QAAA;AAAA,SACtB,CAAA,CAAA;AAAA,OACH;AAAA,KACF;AAAA,IACA,CAAC,OAAA,EAAS,IAAM,EAAA,UAAA,EAAY,iBAAiB,eAAe,CAAA;AAAA,GAC9D,CAAA;AAEA,EAAO,OAAA,aAAA,CAAA;AACT;;;;"}

package/esm/useTableModel.js

@@ -0,0 +1,293 @@
+import { logger, subscribedOnly, isPinned, sortPinnedColumns, getTableHeadings, getColumnLabel, getCellRenderer, getColumnHeaderContentRenderer, getColumnHeaderLabelRenderer, hasValidationRules, getValueFormatter, isGroupColumn, applyGroupByToColumns, applySortToColumns, existingSort, removeSort, applyFilterToColumns, isFilteredColumn, stripFilterFromColumns, replaceColumn } from '@vuu-ui/vuu-utils';
+import { buildValidationChecker } from '@vuu-ui/vuu-ui-controls';
+import { useReducer } from 'react';
+
+const { info } = logger("useTableModel");
+const DEFAULT_COLUMN_WIDTH = 100;
+const columnWithoutDataType = ({ serverDataType }) => serverDataType === void 0;
+const getDataType = (column, tableSchema) => {
+  const schemaColumn = tableSchema?.columns.find(
+    ({ name }) => name === column.name
+  );
+  if (schemaColumn) {
+    return schemaColumn.serverDataType;
+  } else {
+    return column.serverDataType;
+  }
+};
+const numericTypes = ["int", "long", "double"];
+const getDefaultAlignment = (serverDataType) => serverDataType === void 0 ? void 0 : numericTypes.includes(serverDataType) ? "right" : "left";
+const isShowColumnSettings = (action) => action.type === "columnSettings";
+const isShowTableSettings = (action) => action.type === "tableSettings";
+const columnReducer = (state, action) => {
+  info?.(`TableModelReducer ${action.type}`);
+  switch (action.type) {
+    case "init":
+      return init(action);
+    case "moveColumn":
+      return moveColumn(state, action);
+    case "resizeColumn":
+      return resizeColumn(state, action);
+    case "setTableSchema":
+      return setTableSchema(state, action);
+    case "hideColumns":
+      return hideColumns(state, action);
+    case "showColumns":
+      return showColumns(state, action);
+    case "pinColumn":
+      return pinColumn(state, action);
+    case "updateColumnProp":
+      return updateColumnProp(state, action);
+    case "tableConfig":
+      return updateTableConfig(state, action);
+    default:
+      console.log(`unhandled action ${action.type}`);
+      return state;
+  }
+};
+const useTableModel = (tableConfigProp, dataSource) => {
+  const [state, dispatchTableModelAction] = useReducer(columnReducer, { tableConfig: tableConfigProp, dataSource }, init);
+  const { columns, headings, tableConfig, ...tableAttributes } = state;
+  return {
+    columns,
+    dispatchTableModelAction,
+    headings,
+    tableAttributes,
+    tableConfig
+  };
+};
+function init({ dataSource, tableConfig }) {
+  const { columns, ...tableAttributes } = tableConfig;
+  const { config: dataSourceConfig, tableSchema } = dataSource;
+  const runtimeColumns = columns.filter(subscribedOnly(dataSourceConfig?.columns)).map(
+    columnDescriptorToRuntimeColumDescriptor(tableAttributes, tableSchema)
+  );
+  const maybePinnedColumns = runtimeColumns.some(isPinned) ? sortPinnedColumns(runtimeColumns) : runtimeColumns;
+  let state = {
+    columns: maybePinnedColumns,
+    headings: getTableHeadings(maybePinnedColumns),
+    tableConfig,
+    ...tableAttributes
+  };
+  if (dataSourceConfig) {
+    const { columns: _, ...rest } = dataSourceConfig;
+    state = updateTableConfig(state, {
+      type: "tableConfig",
+      ...rest
+    });
+  }
+  return state;
+}
+const getLabel = (label, columnFormatHeader) => {
+  if (columnFormatHeader === "uppercase") {
+    return label.toUpperCase();
+  } else if (columnFormatHeader === "capitalize") {
+    return label[0].toUpperCase() + label.slice(1).toLowerCase();
+  }
+  return label;
+};
+const columnDescriptorToRuntimeColumDescriptor = (tableAttributes, tableSchema) => (column, index) => {
+  const { columnDefaultWidth = DEFAULT_COLUMN_WIDTH, columnFormatHeader } = tableAttributes;
+  const serverDataType = getDataType(column, tableSchema);
+  const {
+    align = getDefaultAlignment(serverDataType),
+    name,
+    label = getColumnLabel(column),
+    width = columnDefaultWidth,
+    ...rest
+  } = column;
+  const runtimeColumnWithDefaults = {
+    ...rest,
+    align,
+    CellRenderer: getCellRenderer(column),
+    HeaderCellContentRenderer: getColumnHeaderContentRenderer(column),
+    HeaderCellLabelRenderer: getColumnHeaderLabelRenderer(column),
+    clientSideEditValidationCheck: hasValidationRules(column.type) ? buildValidationChecker(column.type.renderer.rules) : void 0,
+    index: index + 1,
+    label: getLabel(label, columnFormatHeader),
+    name,
+    originalIdx: index,
+    serverDataType,
+    valueFormatter: getValueFormatter(column, serverDataType),
+    width
+  };
+  if (isGroupColumn(runtimeColumnWithDefaults)) {
+    runtimeColumnWithDefaults.columns = runtimeColumnWithDefaults.columns.map(
+      (col) => columnDescriptorToRuntimeColumDescriptor(tableAttributes)(col, index)
+    );
+  }
+  return runtimeColumnWithDefaults;
+};
+function moveColumn(state, { column, moveBy }) {
+  const { columns } = state;
+  if (typeof moveBy === "number") {
+    const idx = columns.indexOf(column);
+    const newColumns = columns.slice();
+    const [movedColumns] = newColumns.splice(idx, 1);
+    newColumns.splice(idx + moveBy, 0, movedColumns);
+    return {
+      ...state,
+      columns: newColumns
+    };
+  }
+  return state;
+}
+function hideColumns(state, { columns }) {
+  if (columns.some((col) => col.hidden !== true)) {
+    return columns.reduce((s, c) => {
+      if (c.hidden !== true) {
+        return updateColumnProp(s, {
+          type: "updateColumnProp",
+          column: c,
+          hidden: true
+        });
+      } else {
+        return s;
+      }
+    }, state);
+  } else {
+    return state;
+  }
+}
+function showColumns(state, { columns }) {
+  if (columns.some((col) => col.hidden)) {
+    return columns.reduce((s, c) => {
+      if (c.hidden) {
+        return updateColumnProp(s, {
+          type: "updateColumnProp",
+          column: c,
+          hidden: false
+        });
+      } else {
+        return s;
+      }
+    }, state);
+  } else {
+    return state;
+  }
+}
+function resizeColumn(state, { column, phase, width }) {
+  const type = "updateColumnProp";
+  const resizing = phase !== "end";
+  switch (phase) {
+    case "begin":
+      return updateColumnProp(state, { type, column, resizing });
+    case "end":
+      return updateColumnProp(state, { type, column, resizing, width });
+    case "resize":
+      return updateColumnProp(state, { type, column, width });
+    default:
+      throw Error(`useTableModel.resizeColumn, invalid resizePhase ${phase}`);
+  }
+}
+function setTableSchema(state, { tableSchema }) {
+  const { columns } = state;
+  if (columns.some(columnWithoutDataType)) {
+    const cols = columns.map((column) => {
+      const serverDataType = getDataType(column, tableSchema);
+      return {
+        ...column,
+        align: column.align ?? getDefaultAlignment(serverDataType),
+        serverDataType
+      };
+    });
+    return {
+      ...state,
+      columns: cols
+    };
+  } else {
+    return state;
+  }
+}
+function pinColumn(state, action) {
+  let { columns } = state;
+  const { column, pin } = action;
+  const targetColumn = columns.find((col) => col.name === column.name);
+  if (targetColumn) {
+    columns = replaceColumn(columns, { ...targetColumn, pin });
+    columns = sortPinnedColumns(columns);
+    return {
+      ...state,
+      columns
+    };
+  } else {
+    return state;
+  }
+}
+function updateColumnProp(state, action) {
+  let { columns, tableConfig } = state;
+  const { align, column, hidden, label, resizing, width } = action;
+  const targetColumn = columns.find((col) => col.name === column.name);
+  if (targetColumn) {
+    if (align === "left" || align === "right") {
+      columns = replaceColumn(columns, { ...targetColumn, align });
+    }
+    if (typeof label === "string") {
+      columns = replaceColumn(columns, { ...targetColumn, label });
+    }
+    if (typeof resizing === "boolean") {
+      columns = replaceColumn(columns, { ...targetColumn, resizing });
+    }
+    if (typeof hidden === "boolean") {
+      columns = replaceColumn(columns, { ...targetColumn, hidden });
+    }
+    if (typeof width === "number") {
+      columns = replaceColumn(columns, { ...targetColumn, width });
+      const targetConfigColumn = tableConfig.columns.find(
+        (col) => col.name === column.name
+      );
+      if (targetConfigColumn) {
+        tableConfig = {
+          ...tableConfig,
+          columns: replaceColumn(tableConfig.columns, {
+            ...targetConfigColumn,
+            width
+          })
+        };
+      }
+    }
+  }
+  return {
+    ...state,
+    columns,
+    tableConfig
+  };
+}
+function updateTableConfig(state, { confirmed, filter, groupBy, sort }) {
+  const hasGroupBy = groupBy !== void 0;
+  const hasFilter = typeof filter?.filter === "string";
+  const hasSort = sort && sort.sortDefs.length > 0;
+  let result = state;
+  if (hasGroupBy) {
+    result = {
+      ...state,
+      columns: applyGroupByToColumns(result.columns, groupBy, confirmed)
+    };
+  }
+  if (hasSort) {
+    result = {
+      ...state,
+      columns: applySortToColumns(result.columns, sort)
+    };
+  } else if (existingSort(result.columns)) {
+    result = {
+      ...state,
+      columns: removeSort(result.columns)
+    };
+  }
+  if (hasFilter) {
+    result = {
+      ...state,
+      columns: applyFilterToColumns(result.columns, filter)
+    };
+  } else if (result.columns.some(isFilteredColumn)) {
+    result = {
+      ...state,
+      columns: stripFilterFromColumns(result.columns)
+    };
+  }
+  return result;
+}
+
+export { isShowColumnSettings, isShowTableSettings, useTableModel };
+//# sourceMappingURL=useTableModel.js.map

package/esm/useTableModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableModel.js","sources":["../src/useTableModel.ts"],"sourcesContent":["import {\n  ColumnDescriptor,\n  PinLocation,\n  ResizePhase,\n  RuntimeColumnDescriptor,\n  TableAttributes,\n  TableConfig,\n  TableHeadings,\n} from \"@vuu-ui/vuu-table-types\";\nimport {\n  applyFilterToColumns,\n  applyGroupByToColumns,\n  applySortToColumns,\n  existingSort,\n  getCellRenderer,\n  getColumnHeaderContentRenderer,\n  getColumnHeaderLabelRenderer,\n  getColumnLabel,\n  getTableHeadings,\n  getValueFormatter,\n  hasValidationRules,\n  isFilteredColumn,\n  isGroupColumn,\n  isPinned,\n  logger,\n  removeSort,\n  replaceColumn,\n  sortPinnedColumns,\n  stripFilterFromColumns,\n  subscribedOnly,\n} from \"@vuu-ui/vuu-utils\";\n\nimport {\n  DataSource,\n  DataSourceConfig,\n  TableSchema,\n} from \"@vuu-ui/vuu-data-types\";\nimport { VuuColumnDataType, VuuTable } from \"@vuu-ui/vuu-protocol-types\";\nimport { buildValidationChecker } from \"@vuu-ui/vuu-ui-controls\";\nimport { Reducer, useReducer } from \"react\";\n\nconst { info } = logger(\"useTableModel\");\n\nconst DEFAULT_COLUMN_WIDTH = 100;\n\nconst columnWithoutDataType = ({ serverDataType }: ColumnDescriptor) =>\n  serverDataType === undefined;\n\nconst getDataType = (\n  column: ColumnDescriptor,\n  tableSchema?: TableSchema\n): VuuColumnDataType | undefined => {\n  const schemaColumn = tableSchema?.columns.find(\n    ({ name }) => name === column.name\n  );\n  if (schemaColumn) {\n    return schemaColumn.serverDataType;\n  } else {\n    return column.serverDataType;\n  }\n};\n\n/**\n * TableModel represents state used internally to manage Table. It is\n * derived initially from the TableConfig provided by user, along with the\n * data-related config from DataSource.\n */\nexport interface TableModel extends TableAttributes {\n  columns: RuntimeColumnDescriptor[];\n  headings: TableHeadings;\n}\n\n/**\n * InternalTableModel describes the state managed within the TableModel\n * reducer. It is the same as TableModel but with the addition of a\n * readonly copy of the original TableConfig.\n */\ninterface InternalTableModel extends TableModel {\n  tableConfig: Readonly<TableConfig>;\n}\n\nconst numericTypes = [\"int\", \"long\", \"double\"];\nconst getDefaultAlignment = (serverDataType?: VuuColumnDataType) =>\n  serverDataType === undefined\n    ? undefined\n    : numericTypes.includes(serverDataType)\n    ? \"right\"\n    : \"left\";\n\nexport interface ColumnActionInit {\n  type: \"init\";\n  tableConfig: TableConfig;\n  dataSource: DataSource;\n}\n\nexport interface ColumnActionHide {\n  type: \"hideColumns\";\n  columns: RuntimeColumnDescriptor[];\n}\n\nexport interface ColumnActionShow {\n  type: \"showColumns\";\n  columns: RuntimeColumnDescriptor[];\n}\nexport interface ColumnActionMove {\n  type: \"moveColumn\";\n  column: RuntimeColumnDescriptor;\n  moveBy?: 1 | -1;\n}\n\nexport interface ColumnActionPin {\n  type: \"pinColumn\";\n  column: ColumnDescriptor;\n  pin?: PinLocation;\n}\n\nexport interface ColumnActionResize {\n  type: \"resizeColumn\";\n  column: RuntimeColumnDescriptor;\n  phase: ResizePhase;\n  width?: number;\n}\n\nexport interface ColumnActionSetTableSchema {\n  type: \"setTableSchema\";\n  tableSchema: TableSchema;\n}\n\nexport interface ColumnActionUpdate {\n  type: \"updateColumn\";\n  column: ColumnDescriptor;\n}\n\nexport interface ColumnActionUpdateProp {\n  align?: ColumnDescriptor[\"align\"];\n  column: RuntimeColumnDescriptor;\n  hidden?: ColumnDescriptor[\"hidden\"];\n  label?: ColumnDescriptor[\"label\"];\n  resizing?: RuntimeColumnDescriptor[\"resizing\"];\n  type: \"updateColumnProp\";\n  width?: ColumnDescriptor[\"width\"];\n}\n\nexport interface ColumnActionTableConfig extends DataSourceConfig {\n  confirmed?: boolean;\n  type: \"tableConfig\";\n}\n\nexport interface ColumnActionColumnSettings extends DataSourceConfig {\n  type: \"columnSettings\";\n  column: ColumnDescriptor;\n  /** required only for calculated coplumns */\n  vuuTable?: VuuTable;\n}\n\nexport interface ColumnActionTableSettings extends DataSourceConfig {\n  type: \"tableSettings\";\n}\n\nexport const isShowColumnSettings = (\n  action: PersistentColumnAction\n): action is ColumnActionColumnSettings => action.type === \"columnSettings\";\n\nexport const isShowTableSettings = (\n  action: PersistentColumnAction\n): action is ColumnActionTableSettings => action.type === \"tableSettings\";\n\n/**\n * PersistentColumnActions are those actions that require us to persist user changes across sessions\n */\nexport type PersistentColumnAction =\n  | ColumnActionPin\n  | ColumnActionHide\n  | ColumnActionColumnSettings\n  | ColumnActionTableSettings;\n\nexport type GridModelAction =\n  | ColumnActionHide\n  | ColumnActionInit\n  | ColumnActionMove\n  | ColumnActionPin\n  | ColumnActionResize\n  | ColumnActionSetTableSchema\n  | ColumnActionShow\n  | ColumnActionUpdate\n  | ColumnActionUpdateProp\n  | ColumnActionTableConfig;\n\nexport type GridModelReducer = Reducer<InternalTableModel, GridModelAction>;\n\nexport type ColumnActionDispatch = (action: GridModelAction) => void;\n\nconst columnReducer: GridModelReducer = (state, action) => {\n  info?.(`TableModelReducer ${action.type}`);\n  switch (action.type) {\n    case \"init\":\n      return init(action);\n    case \"moveColumn\":\n      return moveColumn(state, action);\n    case \"resizeColumn\":\n      return resizeColumn(state, action);\n    case \"setTableSchema\":\n      return setTableSchema(state, action);\n    case \"hideColumns\":\n      return hideColumns(state, action);\n    case \"showColumns\":\n      return showColumns(state, action);\n    case \"pinColumn\":\n      return pinColumn(state, action);\n    case \"updateColumnProp\":\n      return updateColumnProp(state, action);\n    case \"tableConfig\":\n      return updateTableConfig(state, action);\n    default:\n      console.log(`unhandled action ${action.type}`);\n      return state;\n  }\n};\n\nexport const useTableModel = (\n  tableConfigProp: TableConfig,\n  dataSource: DataSource\n) => {\n  const [state, dispatchTableModelAction] = useReducer<\n    GridModelReducer,\n    InitialConfig\n  >(columnReducer, { tableConfig: tableConfigProp, dataSource }, init);\n\n  const { columns, headings, tableConfig, ...tableAttributes } = state;\n\n  return {\n    columns,\n    dispatchTableModelAction,\n    headings,\n    tableAttributes,\n    tableConfig,\n  };\n};\n\ntype InitialConfig = {\n  dataSource: DataSource;\n  tableConfig: TableConfig;\n};\n\nfunction init({ dataSource, tableConfig }: InitialConfig): InternalTableModel {\n  const { columns, ...tableAttributes } = tableConfig;\n  const { config: dataSourceConfig, tableSchema } = dataSource;\n  const runtimeColumns = columns\n    .filter(subscribedOnly(dataSourceConfig?.columns))\n    .map(\n      columnDescriptorToRuntimeColumDescriptor(tableAttributes, tableSchema)\n    );\n\n  const maybePinnedColumns = runtimeColumns.some(isPinned)\n    ? sortPinnedColumns(runtimeColumns)\n    : runtimeColumns;\n  let state: InternalTableModel = {\n    columns: maybePinnedColumns,\n    headings: getTableHeadings(maybePinnedColumns),\n    tableConfig,\n    ...tableAttributes,\n  };\n  if (dataSourceConfig) {\n    const { columns: _, ...rest } = dataSourceConfig;\n    state = updateTableConfig(state, {\n      type: \"tableConfig\",\n      ...rest,\n    });\n  }\n  return state;\n}\n\nconst getLabel = (\n  label: string,\n  columnFormatHeader?: \"uppercase\" | \"capitalize\"\n): string => {\n  if (columnFormatHeader === \"uppercase\") {\n    return label.toUpperCase();\n  } else if (columnFormatHeader === \"capitalize\") {\n    return label[0].toUpperCase() + label.slice(1).toLowerCase();\n  }\n  return label;\n};\n\nconst columnDescriptorToRuntimeColumDescriptor =\n  (tableAttributes: TableAttributes, tableSchema?: TableSchema) =>\n  (column: ColumnDescriptor, index: number): RuntimeColumnDescriptor => {\n    const { columnDefaultWidth = DEFAULT_COLUMN_WIDTH, columnFormatHeader } =\n      tableAttributes;\n    const serverDataType = getDataType(column, tableSchema);\n    const {\n      align = getDefaultAlignment(serverDataType),\n      name,\n      label = getColumnLabel(column),\n      width = columnDefaultWidth,\n      ...rest\n    } = column;\n\n    const runtimeColumnWithDefaults: RuntimeColumnDescriptor = {\n      ...rest,\n      align,\n      CellRenderer: getCellRenderer(column),\n      HeaderCellContentRenderer: getColumnHeaderContentRenderer(column),\n      HeaderCellLabelRenderer: getColumnHeaderLabelRenderer(column),\n      clientSideEditValidationCheck: hasValidationRules(column.type)\n        ? buildValidationChecker(column.type.renderer.rules)\n        : undefined,\n      index: index + 1,\n      label: getLabel(label, columnFormatHeader),\n      name,\n      originalIdx: index,\n      serverDataType,\n      valueFormatter: getValueFormatter(column, serverDataType),\n      width: width,\n    };\n\n    if (isGroupColumn(runtimeColumnWithDefaults)) {\n      runtimeColumnWithDefaults.columns = runtimeColumnWithDefaults.columns.map(\n        (col) =>\n          columnDescriptorToRuntimeColumDescriptor(tableAttributes)(col, index)\n      );\n    }\n\n    return runtimeColumnWithDefaults;\n  };\n\nfunction moveColumn(\n  state: InternalTableModel,\n  // TODO do we ever use this ?\n  { column, moveBy }: ColumnActionMove\n) {\n  const { columns } = state;\n  if (typeof moveBy === \"number\") {\n    const idx = columns.indexOf(column);\n    const newColumns = columns.slice();\n    const [movedColumns] = newColumns.splice(idx, 1);\n    newColumns.splice(idx + moveBy, 0, movedColumns);\n    return {\n      ...state,\n      columns: newColumns,\n    };\n  }\n  return state;\n}\n\nfunction hideColumns(state: InternalTableModel, { columns }: ColumnActionHide) {\n  if (columns.some((col) => col.hidden !== true)) {\n    return columns.reduce<InternalTableModel>((s, c) => {\n      if (c.hidden !== true) {\n        return updateColumnProp(s, {\n          type: \"updateColumnProp\",\n          column: c,\n          hidden: true,\n        });\n      } else {\n        return s;\n      }\n    }, state);\n  } else {\n    return state;\n  }\n}\nfunction showColumns(state: InternalTableModel, { columns }: ColumnActionShow) {\n  if (columns.some((col) => col.hidden)) {\n    return columns.reduce<InternalTableModel>((s, c) => {\n      if (c.hidden) {\n        return updateColumnProp(s, {\n          type: \"updateColumnProp\",\n          column: c,\n          hidden: false,\n        });\n      } else {\n        return s;\n      }\n    }, state);\n  } else {\n    return state;\n  }\n}\n\nfunction resizeColumn(\n  state: InternalTableModel,\n  { column, phase, width }: ColumnActionResize\n) {\n  const type = \"updateColumnProp\";\n  const resizing = phase !== \"end\";\n  switch (phase) {\n    case \"begin\":\n      return updateColumnProp(state, { type, column, resizing });\n    case \"end\":\n      return updateColumnProp(state, { type, column, resizing, width });\n    case \"resize\":\n      return updateColumnProp(state, { type, column, width });\n    default:\n      throw Error(`useTableModel.resizeColumn, invalid resizePhase ${phase}`);\n  }\n}\n\nfunction setTableSchema(\n  state: InternalTableModel,\n  { tableSchema }: ColumnActionSetTableSchema\n) {\n  const { columns } = state;\n  if (columns.some(columnWithoutDataType)) {\n    const cols = columns.map((column) => {\n      const serverDataType = getDataType(column, tableSchema);\n      return {\n        ...column,\n        align: column.align ?? getDefaultAlignment(serverDataType),\n        serverDataType,\n      };\n    });\n\n    return {\n      ...state,\n      columns: cols,\n    };\n  } else {\n    return state;\n  }\n}\n\nfunction pinColumn(state: InternalTableModel, action: ColumnActionPin) {\n  let { columns } = state;\n  const { column, pin } = action;\n  const targetColumn = columns.find((col) => col.name === column.name);\n  if (targetColumn) {\n    columns = replaceColumn(columns, { ...targetColumn, pin });\n    columns = sortPinnedColumns(columns);\n    return {\n      ...state,\n      columns,\n    };\n  } else {\n    return state;\n  }\n}\nfunction updateColumnProp(\n  state: InternalTableModel,\n  action: ColumnActionUpdateProp\n) {\n  let { columns, tableConfig } = state;\n  const { align, column, hidden, label, resizing, width } = action;\n  const targetColumn = columns.find((col) => col.name === column.name);\n  if (targetColumn) {\n    if (align === \"left\" || align === \"right\") {\n      columns = replaceColumn(columns, { ...targetColumn, align });\n    }\n    if (typeof label === \"string\") {\n      columns = replaceColumn(columns, { ...targetColumn, label });\n    }\n    if (typeof resizing === \"boolean\") {\n      columns = replaceColumn(columns, { ...targetColumn, resizing });\n    }\n    if (typeof hidden === \"boolean\") {\n      columns = replaceColumn(columns, { ...targetColumn, hidden });\n    }\n    if (typeof width === \"number\") {\n      columns = replaceColumn(columns, { ...targetColumn, width });\n\n      const targetConfigColumn = tableConfig.columns.find(\n        (col) => col.name === column.name\n      );\n      if (targetConfigColumn) {\n        tableConfig = {\n          ...tableConfig,\n          columns: replaceColumn<ColumnDescriptor>(tableConfig.columns, {\n            ...targetConfigColumn,\n            width,\n          }),\n        };\n      }\n    }\n  }\n  return {\n    ...state,\n    columns,\n    tableConfig,\n  } as InternalTableModel;\n}\n\nfunction updateTableConfig(\n  state: InternalTableModel,\n  { confirmed, filter, groupBy, sort }: ColumnActionTableConfig\n) {\n  const hasGroupBy = groupBy !== undefined;\n  const hasFilter = typeof filter?.filter === \"string\";\n  const hasSort = sort && sort.sortDefs.length > 0;\n\n  let result = state;\n\n  if (hasGroupBy) {\n    result = {\n      ...state,\n      columns: applyGroupByToColumns(result.columns, groupBy, confirmed),\n    };\n  }\n\n  if (hasSort) {\n    result = {\n      ...state,\n      columns: applySortToColumns(result.columns, sort),\n    };\n  } else if (existingSort(result.columns)) {\n    result = {\n      ...state,\n      columns: removeSort(result.columns),\n    };\n  }\n\n  if (hasFilter) {\n    result = {\n      ...state,\n      columns: applyFilterToColumns(result.columns, filter),\n    };\n  } else if (result.columns.some(isFilteredColumn)) {\n    result = {\n      ...state,\n      columns: stripFilterFromColumns(result.columns),\n    };\n  }\n\n  return result;\n}\n"],"names":[],"mappings":"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"}