@vuu-ui/vuu-table-extras 1.0.3 → 2.0.0

package/esm/table-column-settings/useColumnSettings.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useColumnSettings.js","sources":["../../../../packages/vuu-table-extras/src/table-column-settings/useColumnSettings.ts"],"sourcesContent":["import {\n  ColumnDescriptor,\n  TableConfig,\n  ColumnTypeFormatting,\n  ColumnSettingsProps,\n} from \"@vuu-ui/vuu-table-types\";\n\nimport {\n  CellRendererDescriptor,\n  ColumnRenderPropsChangeHandler,\n  getFieldName,\n  getRegisteredCellRenderers,\n  isValidColumnAlignment,\n  isValidPinLocation,\n  setCalculatedColumnName,\n  updateColumnRenderProps,\n  updateColumnFormatting,\n  updateColumnType,\n  queryClosest,\n} from \"@vuu-ui/vuu-utils\";\nimport { VuuColumnDataType } from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  FormEventHandler,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { DataValueTypeSimple } from \"@vuu-ui/vuu-data-types\";\n\nconst integerCellRenderers: CellRendererDescriptor[] = [\n  {\n    description: \"Default formatter for columns with data type integer\",\n    label: \"Default Renderer (int, long)\",\n    name: \"default-int\",\n  },\n];\nconst doubleCellRenderers: CellRendererDescriptor[] = [\n  {\n    description: \"Default formatter for columns with data type double\",\n    label: \"Default Renderer (double)\",\n    name: \"default-double\",\n  },\n];\nconst decimalCellRenderers: CellRendererDescriptor[] = [\n  {\n    description:\n      \"Default formatter for columns with data type decimal (2,4,6 or 8)\",\n    label: \"Default Renderer (decimal)\",\n    name: \"default-decimal\",\n  },\n];\n\nconst stringCellRenderers: CellRendererDescriptor[] = [\n  {\n    description: \"Default formatter for columns with data type string\",\n    label: \"Default Renderer (string)\",\n    name: \"default-string\",\n  },\n];\n\nconst booleanCellRenderers: CellRendererDescriptor[] = [];\n\nconst getAvailableCellRenderers = (\n  column: ColumnDescriptor,\n): CellRendererDescriptor[] => {\n  switch (column.serverDataType) {\n    case \"char\":\n    case \"string\":\n      return stringCellRenderers.concat(getRegisteredCellRenderers(\"string\"));\n    case \"int\":\n    case \"long\":\n      return integerCellRenderers.concat(getRegisteredCellRenderers(\"int\"));\n    case \"double\":\n      return doubleCellRenderers.concat(\n        getRegisteredCellRenderers(column.serverDataType),\n      );\n    case \"scaleddecimal2\":\n    case \"scaleddecimal4\":\n    case \"scaleddecimal6\":\n    case \"scaleddecimal8\":\n      return decimalCellRenderers.concat(\n        getRegisteredCellRenderers(column.serverDataType),\n      );\n    case \"boolean\":\n      return booleanCellRenderers.concat(getRegisteredCellRenderers(\"boolean\"));\n    default:\n      return stringCellRenderers;\n  }\n};\n\nconst getColumn = (\n  columns: readonly ColumnDescriptor[],\n  column: ColumnDescriptor,\n) => {\n  if (column.name === \"::\") {\n    // this is a new calculated column\n    return column;\n  } else {\n    const col = columns.find((col) => col.name === column.name);\n    if (col) {\n      return col;\n    }\n    throw Error(`columns does not contain column ${name}`);\n  }\n};\n\nconst replaceColumn = (\n  tableConfig: TableConfig,\n  column: ColumnDescriptor,\n): TableConfig => ({\n  ...tableConfig,\n  columns: tableConfig.columns.map((col) =>\n    col.name === column.name ? column : col,\n  ),\n});\n\nexport const useColumnSettings = ({\n  column: columnProp,\n  onCancelCreateColumn,\n  onConfigChange,\n  onCreateCalculatedColumn,\n  tableConfig,\n}: Omit<ColumnSettingsProps, \"vuuTable\">) => {\n  const [column, setColumn] = useState<ColumnDescriptor>(\n    getColumn(tableConfig.columns, columnProp),\n  );\n  const columnRef = useRef<ColumnDescriptor>(column);\n  const [inEditMode, setEditMode] = useState(column.name === \"::\");\n\n  const handleEditCalculatedcolumn = useCallback(() => {\n    columnRef.current = column;\n    setEditMode(true);\n  }, [column]);\n\n  useEffect(() => {\n    setColumn(columnProp);\n    setEditMode(columnProp.name === \"::\");\n  }, [columnProp]);\n\n  const availableRenderers = useMemo(() => {\n    return getAvailableCellRenderers(column);\n  }, [column]);\n\n  const handleInputCommit = useCallback(() => {\n    onConfigChange(replaceColumn(tableConfig, column));\n  }, [column, onConfigChange, tableConfig]);\n\n  const handleChangeToggleButton = useCallback<FormEventHandler>(\n    (evt) => {\n      const button = queryClosest<HTMLButtonElement>(evt.target, \"button\");\n      if (button) {\n        const fieldName = getFieldName(button);\n        const { value } = button;\n        switch (fieldName) {\n          case \"column-alignment\":\n            if (isValidColumnAlignment(value)) {\n              const newColumn: ColumnDescriptor = {\n                ...column,\n                align: value || undefined,\n              };\n              setColumn(newColumn);\n              onConfigChange(replaceColumn(tableConfig, newColumn));\n            }\n            break;\n          case \"column-pin\":\n            if (isValidPinLocation(value)) {\n              const newColumn: ColumnDescriptor = {\n                ...column,\n                pin: value || undefined,\n              };\n              setColumn(newColumn);\n              onConfigChange(replaceColumn(tableConfig, newColumn));\n\n              break;\n            }\n        }\n      }\n    },\n    [column, onConfigChange, tableConfig],\n  );\n\n  const handleChange = useCallback<FormEventHandler>((evt) => {\n    const input = evt.target as HTMLInputElement;\n    const fieldName = getFieldName(input);\n    const { value } = input;\n    switch (fieldName) {\n      case \"column-label\":\n        setColumn((state) => ({ ...state, label: value }));\n        break;\n      case \"column-name\":\n        setColumn((state) => setCalculatedColumnName(state, value));\n        break;\n      case \"column-width\":\n        setColumn((state) => ({ ...state, width: parseInt(value) }));\n        break;\n    }\n  }, []);\n\n  const handleChangeCalculatedColumnName = useCallback((name: string) => {\n    setColumn((state) => ({ ...state, name }));\n  }, []);\n\n  const handleChangeFormatting = useCallback(\n    (formatting: ColumnTypeFormatting) => {\n      const newColumn = updateColumnFormatting(column, formatting);\n      setColumn(newColumn);\n      onConfigChange(replaceColumn(tableConfig, newColumn));\n    },\n    [column, onConfigChange, tableConfig],\n  );\n\n  const handleChangeType = useCallback(\n    (type: DataValueTypeSimple) => {\n      const updatedColumn = updateColumnType(column, type);\n      setColumn(updatedColumn);\n      onConfigChange(replaceColumn(tableConfig, updatedColumn));\n    },\n    [column, onConfigChange, tableConfig],\n  );\n\n  // Changing the server data type applies only to calculated columns\n  const handleChangeServerDataType = useCallback(\n    (serverDataType: VuuColumnDataType) => {\n      setColumn((col) => ({ ...col, serverDataType }));\n    },\n    [],\n  );\n\n  const handleChangeRendering = useCallback<ColumnRenderPropsChangeHandler>(\n    (renderProps) => {\n      if (renderProps) {\n        const newColumn: ColumnDescriptor = updateColumnRenderProps(\n          column,\n          renderProps,\n        );\n        setColumn(newColumn);\n        onConfigChange(replaceColumn(tableConfig, newColumn));\n      }\n    },\n    [column, onConfigChange, tableConfig],\n  );\n\n  const navigateColumn = useCallback(\n    ({ moveBy }: { moveBy: number }) => {\n      const { columns } = tableConfig;\n      const index = columns.indexOf(column) + moveBy;\n      const newColumn = columns[index];\n      if (newColumn) {\n        setColumn(newColumn);\n      }\n    },\n    [column, tableConfig],\n  );\n  const navigateNextColumn = useCallback(() => {\n    navigateColumn({ moveBy: 1 });\n  }, [navigateColumn]);\n\n  const navigatePrevColumn = useCallback(() => {\n    navigateColumn({ moveBy: -1 });\n  }, [navigateColumn]);\n\n  const handleSaveCalculatedColumn = useCallback(() => {\n    // TODO validate expression, unique name\n    onCreateCalculatedColumn(column);\n  }, [column, onCreateCalculatedColumn]);\n\n  const handleCancelEdit = useCallback(() => {\n    if (columnProp.name === \"::\") {\n      onCancelCreateColumn();\n    } else {\n      if (columnRef.current !== undefined && columnRef.current !== column) {\n        setColumn(columnRef.current);\n      }\n      setEditMode(false);\n    }\n  }, [column, columnProp.name, onCancelCreateColumn]);\n\n  return {\n    availableRenderers,\n    editCalculatedColumn: inEditMode,\n    column,\n    navigateNextColumn,\n    navigatePrevColumn,\n    onCancel: handleCancelEdit,\n    onChange: handleChange,\n    onChangeCalculatedColumnName: handleChangeCalculatedColumnName,\n    onChangeFormatting: handleChangeFormatting,\n    onChangeRendering: handleChangeRendering,\n    onChangeServerDataType: handleChangeServerDataType,\n    onChangeToggleButton: handleChangeToggleButton,\n    onChangeType: handleChangeType,\n    onEditCalculatedColumn: handleEditCalculatedcolumn,\n    onInputCommit: handleInputCommit,\n    onSave: handleSaveCalculatedColumn,\n  };\n};\n"],"names":["col","name"],"mappings":"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"}

package/esm/table-column-settings/useTableAndColumnSettings.js

@@ -1,125 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { getCalculatedColumnDetails } from '@vuu-ui/vuu-utils';
-import { useRef, useState, useCallback } from 'react';
-import { useContextPanel } from '@vuu-ui/vuu-ui-controls';
-import { defaultTableSettingsPermissions, TableSettingsPanel } from './TableSettingsPanel.js';
-
-const columnSettingsFromColumnMenuPermissions = (settings) => typeof settings === void 0 ? true : typeof settings === "boolean" ? settings : settings?.allowColumnSettings ?? true;
-const tableSettingsFromColumnMenuPermissions = (settings) => typeof settings === void 0 ? defaultTableSettingsPermissions : typeof settings === "boolean" ? settings : settings?.allowTableSettings ?? defaultTableSettingsPermissions;
-const useTableAndColumnSettings = ({
-  availableColumns: availableColumnsProps,
-  settingsPermissions,
-  onAvailableColumnsChange,
-  onConfigChange,
-  onCreateCalculatedColumn,
-  onDataSourceConfigChange,
-  tableConfig
-}) => {
-  const showTableSettingsRef = useRef(void 0);
-  const [availableColumns, setAvailableColumns] = useState(availableColumnsProps);
-  const showContextPanel = useContextPanel();
-  const handleCancelCreateColumn = useCallback(() => {
-    requestAnimationFrame(() => {
-      showTableSettingsRef.current?.();
-    });
-  }, []);
-  const handleCreateCalculatedColumn = useCallback(
-    (column) => {
-      const { serverDataType } = getCalculatedColumnDetails(column);
-      if (serverDataType) {
-        const newAvailableColumns = availableColumns.concat({
-          name: column.name,
-          serverDataType
-        });
-        setAvailableColumns(newAvailableColumns);
-        onAvailableColumnsChange?.(newAvailableColumns);
-        requestAnimationFrame(() => {
-          showTableSettingsRef.current?.();
-        });
-        onCreateCalculatedColumn(column);
-      } else {
-        throw Error(
-          "Cannot create calculatec columns without valis serverDataType"
-        );
-      }
-    },
-    [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: "column-settings",
-      vuuTable: { module: "SIMUL", table: "instruments" }
-    });
-  }, [showColumnSettingsPanel]);
-  const handleNavigateToColumn = useCallback(
-    (columnName) => {
-      const column = tableConfig.columns.find((c) => c.name === columnName);
-      if (column) {
-        showColumnSettingsPanel({
-          type: "column-settings",
-          column,
-          //TODO where do we get this from
-          vuuTable: { module: "SIMUL", table: "instruments" }
-        });
-      }
-    },
-    [showColumnSettingsPanel, tableConfig.columns]
-  );
-  showTableSettingsRef.current = useCallback(() => {
-    const tableSettings = /* @__PURE__ */ jsx(
-      TableSettingsPanel,
-      {
-        availableColumns: availableColumns ?? tableConfig.columns.map(({ name, serverDataType }) => ({
-          name,
-          serverDataType
-        })),
-        onAddCalculatedColumn: handleAddCalculatedColumn,
-        onConfigChange,
-        onDataSourceConfigChange,
-        onNavigateToColumn: handleNavigateToColumn,
-        permissions: settingsPermissions?.allowTableSettings,
-        tableConfig
-      }
-    );
-    showContextPanel(tableSettings, "Table Settings");
-  }, [
-    availableColumns,
-    handleAddCalculatedColumn,
-    handleNavigateToColumn,
-    onConfigChange,
-    onDataSourceConfigChange,
-    settingsPermissions,
-    showContextPanel,
-    tableConfig
-  ]);
-  return {
-    showColumnSettingsPanel,
-    showTableSettingsPanel: showTableSettingsRef.current
-  };
-};
-
-export { columnSettingsFromColumnMenuPermissions, tableSettingsFromColumnMenuPermissions, useTableAndColumnSettings };
-//# sourceMappingURL=useTableAndColumnSettings.js.map

package/esm/table-column-settings/useTableAndColumnSettings.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTableAndColumnSettings.js","sources":["../../../../packages/vuu-table-extras/src/table-column-settings/useTableAndColumnSettings.tsx"],"sourcesContent":["import { DataSourceConfig, SchemaColumn } from \"@vuu-ui/vuu-data-types\";\nimport {\n  ColumnDescriptor,\n  ColumnMenuPermissions,\n  ColumnSettingsProps,\n  SettingsPermissions,\n  TableConfig,\n} from \"@vuu-ui/vuu-table-types\";\nimport { getCalculatedColumnDetails } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useRef, useState } from \"react\";\nimport { DisplayColumnSettingsAction } from \"@vuu-ui/vuu-table-extras/src/column-menu/column-action-types\";\nimport { useContextPanel } from \"@vuu-ui/vuu-ui-controls\";\nimport {\n  defaultTableSettingsPermissions,\n  TableSettingsPanel,\n} from \"./TableSettingsPanel\";\n\nexport interface TableAndColumnSettingsHookProps {\n  availableColumns: readonly SchemaColumn[];\n  onAvailableColumnsChange?: (columns: SchemaColumn[]) => void;\n  onConfigChange: (config: TableConfig) => void;\n  onCreateCalculatedColumn: (column: ColumnDescriptor) => void;\n  onDataSourceConfigChange: (dataSourceConfig: DataSourceConfig) => void;\n  settingsPermissions?: SettingsPermissions;\n  tableConfig: TableConfig;\n}\n\nexport const columnSettingsFromColumnMenuPermissions = (\n  settings?: boolean | ColumnMenuPermissions,\n) =>\n  typeof settings === undefined\n    ? true\n    : typeof settings === \"boolean\"\n      ? settings\n      : (settings?.allowColumnSettings ?? true);\nexport const tableSettingsFromColumnMenuPermissions = (\n  settings?: boolean | ColumnMenuPermissions,\n) =>\n  typeof settings === undefined\n    ? defaultTableSettingsPermissions\n    : typeof settings === \"boolean\"\n      ? settings\n      : (settings?.allowTableSettings ?? defaultTableSettingsPermissions);\n\nexport const useTableAndColumnSettings = ({\n  availableColumns: availableColumnsProps,\n  settingsPermissions,\n  onAvailableColumnsChange,\n  onConfigChange,\n  onCreateCalculatedColumn,\n  onDataSourceConfigChange,\n  tableConfig,\n}: TableAndColumnSettingsHookProps) => {\n  const showTableSettingsRef = useRef<() => void>(undefined);\n\n  const [availableColumns, setAvailableColumns] = useState<\n    readonly SchemaColumn[]\n  >(availableColumnsProps);\n\n  const showContextPanel = useContextPanel();\n\n  const handleCancelCreateColumn = useCallback(() => {\n    requestAnimationFrame(() => {\n      showTableSettingsRef.current?.();\n    });\n  }, []);\n\n  const handleCreateCalculatedColumn = useCallback(\n    (column: ColumnDescriptor) => {\n      const { serverDataType } = getCalculatedColumnDetails(column);\n      if (serverDataType) {\n        const newAvailableColumns = availableColumns.concat({\n          name: column.name,\n          serverDataType,\n        });\n        setAvailableColumns(newAvailableColumns);\n        onAvailableColumnsChange?.(newAvailableColumns);\n        requestAnimationFrame(() => {\n          showTableSettingsRef.current?.();\n        });\n        onCreateCalculatedColumn(column);\n      } else {\n        throw Error(\n          \"Cannot create calculatec columns without valis serverDataType\",\n        );\n      }\n    },\n    [availableColumns, onAvailableColumnsChange, onCreateCalculatedColumn],\n  );\n\n  const showColumnSettingsPanel = useCallback(\n    (action: DisplayColumnSettingsAction) => {\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: \"column-settings\",\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: \"column-settings\",\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    const tableSettings = (\n      <TableSettingsPanel\n        availableColumns={\n          availableColumns ??\n          tableConfig.columns.map(({ name, serverDataType }) => ({\n            name,\n            serverDataType,\n          }))\n        }\n        onAddCalculatedColumn={handleAddCalculatedColumn}\n        onConfigChange={onConfigChange}\n        onDataSourceConfigChange={onDataSourceConfigChange}\n        onNavigateToColumn={handleNavigateToColumn}\n        permissions={settingsPermissions?.allowTableSettings}\n        tableConfig={tableConfig}\n      />\n    );\n    showContextPanel(tableSettings, \"Table Settings\");\n  }, [\n    availableColumns,\n    handleAddCalculatedColumn,\n    handleNavigateToColumn,\n    onConfigChange,\n    onDataSourceConfigChange,\n    settingsPermissions,\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/table-column-settings/useTableSettings.js

@@ -1,174 +0,0 @@
-import { updateTableConfig } from '@vuu-ui/vuu-table';
-import { reorderColumnItems, subscribedOnly, addColumnToSubscribedColumns, queryClosest, useLayoutEffectSkipFirst, isCalculatedColumn } from '@vuu-ui/vuu-utils';
-import { useState, useMemo, useCallback } from 'react';
-
-const buildColumnItems = (availableColumns, configuredColumns) => {
-  return availableColumns.map(
-    ({ name, label = name, serverDataType }) => {
-      const configuredColumn = configuredColumns.find(
-        (col) => col.name === name
-      );
-      return {
-        hidden: configuredColumn?.hidden,
-        isCalculated: isCalculatedColumn(name),
-        label: configuredColumn?.label ?? label,
-        name,
-        serverDataType,
-        subscribed: configuredColumn !== void 0
-      };
-    }
-  );
-};
-const useTableSettings = ({
-  availableColumns: availableColumnsProp,
-  onConfigChange,
-  onDataSourceConfigChange,
-  tableConfig: tableConfigProp
-}) => {
-  const [{ availableColumns, tableConfig }, setColumnState] = useState({
-    availableColumns: availableColumnsProp,
-    tableConfig: tableConfigProp
-  });
-  const columnItems = useMemo(
-    () => buildColumnItems(availableColumns, tableConfig.columns),
-    [availableColumns, tableConfig.columns]
-  );
-  const handleReorderColumnItems = useCallback(
-    (columnItems2) => {
-      const orderedNames = columnItems2.map((c) => c.name);
-      setColumnState((state) => {
-        const newAvailableColumns = reorderColumnItems(
-          state.availableColumns,
-          orderedNames
-        );
-        const newColumns = reorderColumnItems(
-          tableConfig.columns,
-          orderedNames
-        );
-        return {
-          availableColumns: newAvailableColumns,
-          tableConfig: {
-            ...state.tableConfig,
-            columns: newColumns
-          }
-        };
-      });
-    },
-    [tableConfig.columns]
-  );
-  const handleColumnChange = useCallback(
-    (name, property, value) => {
-      const columnItem = columnItems.find((col) => col.name === name);
-      if (property === "subscribed") {
-        if (columnItem?.subscribed) {
-          const subscribedColumns = tableConfig.columns.filter((col) => col.name !== name).map((col) => col.name);
-          setColumnState((state) => ({
-            ...state,
-            tableConfig: {
-              ...tableConfig,
-              columns: tableConfig.columns.filter(
-                subscribedOnly(subscribedColumns)
-              )
-            }
-          }));
-          onDataSourceConfigChange({
-            columns: subscribedColumns
-          });
-        } else {
-          const newConfig = {
-            ...tableConfig,
-            columns: addColumnToSubscribedColumns(
-              tableConfig.columns,
-              availableColumns,
-              name
-            )
-          };
-          setColumnState((state) => ({
-            ...state,
-            tableConfig: newConfig
-          }));
-          const subscribedColumns = newConfig.columns.map((col) => col.name);
-          onDataSourceConfigChange({
-            columns: subscribedColumns
-          });
-        }
-      } else if (columnItem?.subscribed) {
-        const column = tableConfig.columns.find((col) => col.name === name);
-        if (column) {
-          const newConfig = updateTableConfig(tableConfig, {
-            type: "column-prop",
-            property,
-            column,
-            value
-          });
-          setColumnState((state) => ({
-            ...state,
-            tableConfig: newConfig
-          }));
-        }
-      }
-    },
-    [availableColumns, columnItems, onDataSourceConfigChange, tableConfig]
-  );
-  const handleChangeColumnLabels = useCallback((evt) => {
-    const button = queryClosest(evt.target, "button");
-    if (button) {
-      const value = parseInt(button.value);
-      const columnFormatHeader = value === 0 ? void 0 : value === 1 ? "capitalize" : "uppercase";
-      setColumnState((state) => ({
-        ...state,
-        tableConfig: {
-          ...state.tableConfig,
-          columnFormatHeader
-        }
-      }));
-    }
-  }, []);
-  const handleChangeTableAttribute = useCallback(
-    (evt) => {
-      const button = queryClosest(evt.target, "button");
-      if (button) {
-        const { ariaPressed, value } = button;
-        setColumnState((state) => ({
-          ...state,
-          tableConfig: {
-            ...state.tableConfig,
-            [value]: ariaPressed !== "true"
-          }
-        }));
-      }
-    },
-    []
-  );
-  const handleCommitColumnWidth = useCallback((_, value) => {
-    if (typeof value === "string") {
-      const columnDefaultWidth = parseInt(value);
-      if (!isNaN(columnDefaultWidth)) {
-        setColumnState((state) => ({
-          ...state,
-          tableConfig: {
-            ...state.tableConfig,
-            columnDefaultWidth
-          }
-        }));
-      }
-    }
-  }, []);
-  useLayoutEffectSkipFirst(() => {
-    onConfigChange?.(tableConfig);
-  }, [onConfigChange, tableConfig]);
-  const columnLabelsValue = tableConfig.columnFormatHeader === void 0 ? 0 : tableConfig.columnFormatHeader === "capitalize" ? 1 : 2;
-  return {
-    columnItems,
-    columnLabelsValue,
-    onChangeColumnLabels: handleChangeColumnLabels,
-    onChangeTableAttribute: handleChangeTableAttribute,
-    onColumnChange: handleColumnChange,
-    onCommitColumnWidth: handleCommitColumnWidth,
-    onReorderColumnItems: handleReorderColumnItems,
-    tableConfig
-  };
-};
-
-export { useTableSettings };
-//# sourceMappingURL=useTableSettings.js.map

package/esm/table-column-settings/useTableSettings.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTableSettings.js","sources":["../../../../packages/vuu-table-extras/src/table-column-settings/useTableSettings.ts"],"sourcesContent":["import { SchemaColumn } from \"@vuu-ui/vuu-data-types\";\nimport { updateTableConfig } from \"@vuu-ui/vuu-table\";\nimport {\n  ColumnDescriptor,\n  TableConfig,\n  TableSettingsProps,\n} from \"@vuu-ui/vuu-table-types\";\nimport {\n  addColumnToSubscribedColumns,\n  queryClosest,\n  isCalculatedColumn,\n  subscribedOnly,\n  useLayoutEffectSkipFirst,\n  CommitHandler,\n  reorderColumnItems,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  MouseEvent,\n  SyntheticEvent,\n  useCallback,\n  useMemo,\n  useState,\n} from \"react\";\nimport { ColumnChangeHandler } from \"../column-list\";\nimport { ColumnItem } from \"../column-list/useColumnList\";\n\nexport type ColumnLike = {\n  name: string;\n};\n\nconst buildColumnItems = (\n  availableColumns: ReadonlyArray<SchemaColumn & { label?: string }>,\n  configuredColumns: readonly ColumnDescriptor[],\n): ColumnItem[] => {\n  return availableColumns.map<ColumnItem>(\n    ({ name, label = name, serverDataType }) => {\n      const configuredColumn = configuredColumns.find(\n        (col) => col.name === name,\n      );\n      return {\n        hidden: configuredColumn?.hidden,\n        isCalculated: isCalculatedColumn(name),\n        label: configuredColumn?.label ?? label,\n        name,\n        serverDataType,\n        subscribed: configuredColumn !== undefined,\n      };\n    },\n  );\n};\n\ntype ColumnState = {\n  availableColumns: readonly SchemaColumn[];\n  tableConfig: TableConfig;\n};\n\nexport const useTableSettings = ({\n  availableColumns: availableColumnsProp,\n  onConfigChange,\n  onDataSourceConfigChange,\n  tableConfig: tableConfigProp,\n}: Omit<TableSettingsProps, \"onAddCalculatedColumn\">) => {\n  const [{ availableColumns, tableConfig }, setColumnState] =\n    useState<ColumnState>({\n      availableColumns: availableColumnsProp,\n      tableConfig: tableConfigProp,\n    });\n\n  const columnItems = useMemo(\n    () => buildColumnItems(availableColumns, tableConfig.columns),\n    [availableColumns, tableConfig.columns],\n  );\n\n  const handleReorderColumnItems = useCallback(\n    (columnItems: ColumnItem[]) => {\n      const orderedNames = columnItems.map((c) => c.name);\n      setColumnState((state) => {\n        const newAvailableColumns = reorderColumnItems(\n          state.availableColumns,\n          orderedNames,\n        );\n        const newColumns = reorderColumnItems(\n          tableConfig.columns,\n          orderedNames,\n        );\n        return {\n          availableColumns: newAvailableColumns,\n          tableConfig: {\n            ...state.tableConfig,\n            columns: newColumns,\n          },\n        };\n      });\n    },\n    [tableConfig.columns],\n  );\n\n  const handleColumnChange = useCallback<ColumnChangeHandler>(\n    (name, property, value) => {\n      // to be applied immediately\n      const columnItem = columnItems.find((col) => col.name === name);\n      if (property === \"subscribed\") {\n        if (columnItem?.subscribed) {\n          const subscribedColumns = tableConfig.columns\n            .filter((col) => col.name !== name)\n            .map((col) => col.name);\n          setColumnState((state) => ({\n            ...state,\n            tableConfig: {\n              ...tableConfig,\n              columns: tableConfig.columns.filter(\n                subscribedOnly(subscribedColumns),\n              ),\n            },\n          }));\n          onDataSourceConfigChange({\n            columns: subscribedColumns,\n          });\n        } else {\n          const newConfig = {\n            ...tableConfig,\n            columns: addColumnToSubscribedColumns(\n              tableConfig.columns,\n              availableColumns,\n              name,\n            ),\n          };\n          setColumnState((state) => ({\n            ...state,\n            tableConfig: newConfig,\n          }));\n\n          const subscribedColumns = newConfig.columns.map((col) => col.name);\n\n          onDataSourceConfigChange({\n            columns: subscribedColumns,\n          });\n        }\n      } else if (columnItem?.subscribed) {\n        const column = tableConfig.columns.find((col) => col.name === name);\n        if (column) {\n          const newConfig = updateTableConfig(tableConfig, {\n            type: \"column-prop\",\n            property,\n            column,\n            value,\n          });\n          setColumnState((state) => ({\n            ...state,\n            tableConfig: newConfig,\n          }));\n        }\n      }\n    },\n    [availableColumns, columnItems, onDataSourceConfigChange, tableConfig],\n  );\n\n  const handleChangeColumnLabels = useCallback((evt: SyntheticEvent) => {\n    const button = queryClosest<HTMLButtonElement>(evt.target, \"button\");\n    if (button) {\n      const value = parseInt(button.value);\n      const columnFormatHeader =\n        value === 0 ? undefined : value === 1 ? \"capitalize\" : \"uppercase\";\n      setColumnState((state) => ({\n        ...state,\n        tableConfig: {\n          ...state.tableConfig,\n          columnFormatHeader,\n        },\n      }));\n    }\n  }, []);\n\n  const handleChangeTableAttribute = useCallback(\n    (evt: MouseEvent<HTMLButtonElement>) => {\n      const button = queryClosest<HTMLButtonElement>(evt.target, \"button\");\n      if (button) {\n        const { ariaPressed, value } = button;\n        setColumnState((state) => ({\n          ...state,\n          tableConfig: {\n            ...state.tableConfig,\n            [value]: ariaPressed !== \"true\",\n          },\n        }));\n      }\n    },\n    [],\n  );\n\n  const handleCommitColumnWidth = useCallback<CommitHandler>((_, value) => {\n    if (typeof value === \"string\") {\n      const columnDefaultWidth = parseInt(value);\n      if (!isNaN(columnDefaultWidth)) {\n        setColumnState((state) => ({\n          ...state,\n          tableConfig: {\n            ...state.tableConfig,\n            columnDefaultWidth,\n          },\n        }));\n      }\n    }\n  }, []);\n\n  useLayoutEffectSkipFirst(() => {\n    onConfigChange?.(tableConfig);\n  }, [onConfigChange, tableConfig]);\n\n  const columnLabelsValue =\n    tableConfig.columnFormatHeader === undefined\n      ? 0\n      : tableConfig.columnFormatHeader === \"capitalize\"\n        ? 1\n        : 2;\n\n  return {\n    columnItems,\n    columnLabelsValue,\n    onChangeColumnLabels: handleChangeColumnLabels,\n    onChangeTableAttribute: handleChangeTableAttribute,\n    onColumnChange: handleColumnChange,\n    onCommitColumnWidth: handleCommitColumnWidth,\n    onReorderColumnItems: handleReorderColumnItems,\n    tableConfig,\n  };\n};\n"],"names":["columnItems"],"mappings":"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"}

package/types/column-expression-panel/ColumnExpressionPanel.d.ts

@@ -1,13 +0,0 @@
-import { VuuColumnDataType } from "@vuu-ui/vuu-protocol-types";
-import { ColumnDescriptor, ColumnSettingsProps } from "@vuu-ui/vuu-table-types";
-import { HTMLAttributes } from "react";
-export interface ColumnExpressionPanelProps extends HTMLAttributes<HTMLDivElement>, Pick<ColumnSettingsProps, "tableConfig" | "vuuTable"> {
-    column: ColumnDescriptor;
-    /**
-     * Callback prop, invoked on every change to calculated column definition
-     * @param calculatedColumnName the full calculated column name
-     */
-    onChangeName?: (name: string) => void;
-    onChangeServerDataType?: (name: VuuColumnDataType) => void;
-}
-export declare const ColumnExpressionPanel: ({ column: columnProp, onChangeName: onChangeNameProp, onChangeServerDataType: onChangeServerDataTypeProp, tableConfig, vuuTable, }: ColumnExpressionPanelProps) => import("react/jsx-runtime").JSX.Element;

package/types/column-expression-panel/index.d.ts

@@ -1 +0,0 @@
-export * from "./ColumnExpressionPanel";

package/types/column-expression-panel/useColumnExpression.d.ts

@@ -1,10 +0,0 @@
-import { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
-import { FormEventHandler, SyntheticEvent } from "react";
-import { ColumnExpressionPanelProps } from "./ColumnExpressionPanel";
-export type ColumnExpressionHookProps = Pick<ColumnExpressionPanelProps, "column" | "onChangeName" | "onChangeServerDataType">;
-export declare const useColumnExpression: ({ column: columnProp, onChangeName: onChangeNameProp, onChangeServerDataType: onChangeServerDataTypeProp, }: ColumnExpressionHookProps) => {
-    column: ColumnDescriptor;
-    onChangeExpression: (value: string) => void;
-    onChangeName: FormEventHandler;
-    onChangeServerDataType: (_e: SyntheticEvent, [serverDataType]: string[]) => void;
-};

package/types/column-list/ColumnList.d.ts

@@ -1,11 +0,0 @@
-import { ColumnListPermissions } from "@vuu-ui/vuu-table-types";
-import { HTMLAttributes } from "react";
-import { type ColumnItem, type ColumnSearchProps } from "./useColumnList";
-export declare const classBase = "vuuColumnList";
-export declare const classBaseListItem = "vuuColumnListItem";
-export interface ColumnListProps extends Pick<ColumnSearchProps, "columnItems" | "onChange">, Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
-    onNavigateToColumn?: (columnName: string) => void;
-    onReorderColumnItems?: (columnItems: ColumnItem[]) => void;
-    permissions?: ColumnListPermissions;
-}
-export declare const ColumnList: ({ className, columnItems, onChange, onNavigateToColumn, onReorderColumnItems, permissions: { allowColumnSearch, allowHideColumns, allowRemoveColumns, allowReorderColumns, }, ...htmlAttributes }: ColumnListProps) => import("react/jsx-runtime").JSX.Element;

package/types/column-list/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./ColumnList";
-export type { ColumnChangeHandler, ColumnItem } from "./useColumnList";

package/types/column-list/useColumnList.d.ts

@@ -1,22 +0,0 @@
-import { ColumnDescriptor, ColumnListPermissions } from "@vuu-ui/vuu-table-types";
-import { FormEventHandler, SyntheticEvent } from "react";
-export type ColumnChangeHandler = (columnName: string, propertyName: keyof ColumnDescriptor | "subscribed", value: string | number | boolean) => void;
-export type ColumnItem = Pick<ColumnDescriptor, "hidden" | "label" | "name" | "serverDataType"> & {
-    isCalculated: boolean;
-    subscribed: boolean;
-};
-export interface ColumnSearchProps {
-    classBase: string;
-    classBaseListItem: string;
-    columnItems: ColumnItem[];
-    onChange: ColumnChangeHandler;
-    permissions: ColumnListPermissions;
-}
-export declare const useColumnList: ({ classBase, classBaseListItem, columnItems, onChange, permissions: { allowHideColumns, allowRemoveColumns }, }: ColumnSearchProps) => {
-    onChangeSearchInput: FormEventHandler;
-    onChangeListItem: ({ target }: SyntheticEvent) => void;
-    searchState: {
-        searchText: string;
-    };
-    visibleColumnItems: ColumnItem[];
-};

package/types/table-column-settings/ColumnSettingsPanel.d.ts

@@ -1,2 +0,0 @@
-import { ColumnSettingsProps } from "@vuu-ui/vuu-table-types";
-export declare const ColumnSettingsPanel: ({ column: columnProp, onCancelCreateColumn, onConfigChange, onCreateCalculatedColumn, tableConfig, vuuTable, }: ColumnSettingsProps) => import("react/jsx-runtime").JSX.Element;

package/types/table-column-settings/TableSettingsPanel.d.ts

@@ -1,9 +0,0 @@
-import { TableSettingsPermissions, TableSettingsProps } from "@vuu-ui/vuu-table-types";
-export declare const defaultTableSettingsPermissions: Readonly<TableSettingsPermissions>;
-export declare const noTableSettingsPermissions: Readonly<TableSettingsPermissions>;
-/**
-  The TableSettingsPanel assumes 'ownership' of the tableSettings.
-  It updates the settings in state locally and notifies caller of
-  every change via onChange callback
- */
-export declare const TableSettingsPanel: ({ availableColumns, onAddCalculatedColumn, onConfigChange, onDataSourceConfigChange, onNavigateToColumn, tableConfig: tableConfigProp, permissions: permissionsProp, }: TableSettingsProps) => import("react/jsx-runtime").JSX.Element;

package/types/table-column-settings/useTableAndColumnSettings.d.ts

@@ -1,18 +0,0 @@
-import { DataSourceConfig, SchemaColumn } from "@vuu-ui/vuu-data-types";
-import { ColumnDescriptor, ColumnMenuPermissions, SettingsPermissions, TableConfig } from "@vuu-ui/vuu-table-types";
-import { DisplayColumnSettingsAction } from "@vuu-ui/vuu-table-extras/src/column-menu/column-action-types";
-export interface TableAndColumnSettingsHookProps {
-    availableColumns: readonly SchemaColumn[];
-    onAvailableColumnsChange?: (columns: SchemaColumn[]) => void;
-    onConfigChange: (config: TableConfig) => void;
-    onCreateCalculatedColumn: (column: ColumnDescriptor) => void;
-    onDataSourceConfigChange: (dataSourceConfig: DataSourceConfig) => void;
-    settingsPermissions?: SettingsPermissions;
-    tableConfig: TableConfig;
-}
-export declare const columnSettingsFromColumnMenuPermissions: (settings?: boolean | ColumnMenuPermissions) => boolean;
-export declare const tableSettingsFromColumnMenuPermissions: (settings?: boolean | ColumnMenuPermissions) => boolean | Readonly<import("@vuu-ui/vuu-table-types").TableSettingsPermissions>;
-export declare const useTableAndColumnSettings: ({ availableColumns: availableColumnsProps, settingsPermissions, onAvailableColumnsChange, onConfigChange, onCreateCalculatedColumn, onDataSourceConfigChange, tableConfig, }: TableAndColumnSettingsHookProps) => {
-    showColumnSettingsPanel: (action: DisplayColumnSettingsAction) => void;
-    showTableSettingsPanel: () => void;
-};

package/types/table-column-settings/useTableSettings.d.ts

@@ -1,18 +0,0 @@
-import { TableConfig, TableSettingsProps } from "@vuu-ui/vuu-table-types";
-import { CommitHandler } from "@vuu-ui/vuu-utils";
-import { MouseEvent, SyntheticEvent } from "react";
-import { ColumnChangeHandler } from "../column-list";
-import { ColumnItem } from "../column-list/useColumnList";
-export type ColumnLike = {
-    name: string;
-};
-export declare const useTableSettings: ({ availableColumns: availableColumnsProp, onConfigChange, onDataSourceConfigChange, tableConfig: tableConfigProp, }: Omit<TableSettingsProps, "onAddCalculatedColumn">) => {
-    columnItems: ColumnItem[];
-    columnLabelsValue: number;
-    onChangeColumnLabels: (evt: SyntheticEvent) => void;
-    onChangeTableAttribute: (evt: MouseEvent<HTMLButtonElement>) => void;
-    onColumnChange: ColumnChangeHandler;
-    onCommitColumnWidth: CommitHandler;
-    onReorderColumnItems: (columnItems: ColumnItem[]) => void;
-    tableConfig: TableConfig;
-};