@vuu-ui/vuu-table-extras 0.13.3 → 0.13.4

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

@@ -1,12 +0,0 @@
-import { ColumnDescriptor, ColumnListPermissions } from "@vuu-ui/vuu-table-types";
-import { HTMLAttributes } from "react";
-import { ColumnItem } from "../table-column-settings/useTableSettings";
-export type ColumnChangeHandler = (columnName: string, propertyName: keyof ColumnDescriptor | "subscribed", value: string | number | boolean) => void;
-export interface ColumnListProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
-    columnItems: ColumnItem[];
-    onChange: ColumnChangeHandler;
-    onNavigateToColumn?: (columnName: string) => void;
-    onReorderColumnItems?: (columnItems: ColumnItem[]) => void;
-    permissions?: ColumnListPermissions;
-}
-export declare const ColumnList: ({ className, columnItems, onChange, onNavigateToColumn, onReorderColumnItems, permissions, ...htmlAttributes }: ColumnListProps) => import("react/jsx-runtime").JSX.Element;

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

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

package/types/column-menu/ColumnMenu.d.ts

@@ -1,10 +0,0 @@
-import { ColumnDescriptor, ColumnMenuPermissions } from "@vuu-ui/vuu-table-types";
-import { HTMLAttributes } from "react";
-import { ColumnMenuActionType } from "./column-menu-utils";
-import { MenuActionHandler } from "@vuu-ui/vuu-context-menu";
-export interface ColumnMenuProps extends HTMLAttributes<HTMLSpanElement> {
-    column: ColumnDescriptor;
-    menuActionHandler?: MenuActionHandler<ColumnMenuActionType, ColumnDescriptor>;
-    menuPermissions?: ColumnMenuPermissions;
-}
-export declare const ColumnMenu: ({ className, column, menuActionHandler: menuActionHandlerProp, menuPermissions: { allowSort, allowGroup, allowAggregation, allowHide, allowPin, allowColumnSettings, allowTableSettings, }, }: ColumnMenuProps) => import("react/jsx-runtime").JSX.Element;

package/types/column-menu/column-action-types.d.ts

@@ -1,24 +0,0 @@
-import { VuuTable } from "@vuu-ui/vuu-protocol-types";
-import { ColumnDescriptor, PinLocation } from "@vuu-ui/vuu-table-types";
-export interface ColumnPinAction {
-    type: "pinColumn";
-    column: ColumnDescriptor;
-    pin: PinLocation | false;
-}
-export interface ColumnHideAction {
-    type: "hideColumn";
-    column: ColumnDescriptor;
-}
-export type ColumnDisplayAction = ColumnPinAction | ColumnHideAction;
-export type ColumnDisplayActionHandler = (action: ColumnDisplayAction) => void;
-export type DisplayTableSettingsAction = {
-    type: "table-settings";
-};
-export type DisplayColumnSettingsAction = {
-    type: "column-settings";
-    column: ColumnDescriptor;
-    /**  only for calculated columnn */
-    vuuTable?: VuuTable;
-};
-export type DisplaySettingsAction = DisplayTableSettingsAction | DisplayColumnSettingsAction;
-export type TableSettingsActionHandler = (action: DisplaySettingsAction) => void;

package/types/column-menu/column-menu-utils.d.ts

@@ -1,21 +0,0 @@
-import { Menu, MenuItem, MenuItemProps, MenuProps } from "@salt-ds/core";
-import { DataSource } from "@vuu-ui/vuu-data-types";
-import { ColumnDescriptor, TableSettingsPermissions } from "@vuu-ui/vuu-table-types";
-import { MouseEventHandler, ReactElement } from "react";
-type MenuElement = ReactElement<MenuProps, typeof Menu>;
-type MenuItemElement = ReactElement<MenuItemProps, typeof MenuItem>;
-type MenuElements = Array<MenuElement | MenuItemElement>;
-export type MenuItemClickHandler = MouseEventHandler<HTMLDivElement>;
-export type DataSourceColumnMenuActionType = "agg-count" | "agg-distinct" | "agg-sum" | "agg-avg" | "agg-high" | "agg-low" | "sort-asc" | "sort-dsc" | "sort-add-asc" | "sort-add-dsc" | "remove-sort" | "group-column" | "remove-group" | "add-to-group" | "remove-from-group" | "remove-column";
-export type ColumnDisplayColumnMenuActionType = "pin-column-left" | "pin-column-right" | "pin-column-floating" | "unpin-column" | "hide-column";
-export type TableSettingsActionType = "column-settings" | "table-settings";
-export type ColumnMenuActionType = DataSourceColumnMenuActionType | ColumnDisplayColumnMenuActionType | TableSettingsActionType;
-export declare const isColumnMenuActionType: (value?: string) => value is ColumnMenuActionType;
-export declare const getColumnMenuActionType: (target: EventTarget | HTMLElement) => ColumnMenuActionType;
-export declare function buildSortMenu(column: ColumnDescriptor, dataSource: DataSource, menuActionClickHandler: MenuItemClickHandler, isAllowed?: boolean): MenuElement | null;
-export declare function buildGroupMenu(column: ColumnDescriptor, dataSource: DataSource, menuActionClickHandler: MenuItemClickHandler, isAllowed?: boolean): MenuElement | null;
-export declare const buildVisibilityMenuItems: (column: ColumnDescriptor, menuActionClickHandler: MenuItemClickHandler, isAllowed?: boolean) => MenuElements | null;
-export declare const buildPinMenuItems: (column: ColumnDescriptor, menuActionClickHandler: MenuItemClickHandler, isAllowed?: boolean) => MenuElements;
-export declare const buildSettingsMenuItems: (_: ColumnDescriptor, menuActionClickHandler: MenuItemClickHandler, allowColumnSettings?: boolean, allowTableSettings?: boolean | TableSettingsPermissions) => MenuElements | null;
-export declare function buildAggregationMenuItems(column: ColumnDescriptor, dataSource: DataSource, menuActionClickHandler: MenuItemClickHandler, isAllowed?: boolean): MenuElements | null;
-export {};

package/types/column-menu/useColumnActions.d.ts

@@ -1,18 +0,0 @@
-import { MenuActionHandler } from "@vuu-ui/vuu-context-menu";
-import { Filter } from "@vuu-ui/vuu-filter-types";
-import { VuuFilter } from "@vuu-ui/vuu-protocol-types";
-import { ColumnDescriptor, RuntimeColumnDescriptor } from "@vuu-ui/vuu-table-types";
-import { ColumnMenuActionType } from "./column-menu-utils";
-import { ColumnDisplayAction, DisplaySettingsAction } from "./column-action-types";
-import { DataSource } from "@vuu-ui/vuu-data-types";
-export interface ContextMenuOptions {
-    column?: RuntimeColumnDescriptor;
-    filter?: Filter;
-    sort?: VuuFilter;
-}
-export interface ContextMenuHookProps {
-    dataSource: DataSource;
-    onColumnDisplayAction?: (action: ColumnDisplayAction) => void;
-    onDisplaySettingsAction?: (action: DisplaySettingsAction) => void;
-}
-export declare const useColumnActions: ({ dataSource, onColumnDisplayAction, onDisplaySettingsAction, }: ContextMenuHookProps) => MenuActionHandler<ColumnMenuActionType, ColumnDescriptor>;

package/types/datasource-stats/DatasourceStats.d.ts

@@ -1,7 +0,0 @@
-import { DataSource } from "@vuu-ui/vuu-data-types";
-import { HTMLAttributes } from "react";
-interface DataSourceStatsProps extends HTMLAttributes<HTMLSpanElement> {
-    dataSource: DataSource;
-}
-export declare const DataSourceStats: ({ className: classNameProp, dataSource, }: DataSourceStatsProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/types/datasource-stats/index.d.ts

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

package/types/index.d.ts

@@ -1,16 +0,0 @@
-export * from "./cell-edit-validators";
-export * from "./cell-renderers";
-export * from "./column-list";
-export { ColumnMenu } from "./column-menu/ColumnMenu";
-export { useColumnActions } from "./column-menu/useColumnActions";
-export type { ColumnDisplayActionHandler, TableSettingsActionHandler, } from "./column-menu/column-action-types";
-export { ColumnSettingsPanel } from "./table-column-settings/ColumnSettingsPanel";
-export { useColumnSettings } from "./table-column-settings/useColumnSettings";
-export { defaultTableSettingsPermissions, TableSettingsPanel, } from "./table-column-settings/TableSettingsPanel";
-export { type ColumnItem, useTableSettings, } from "./table-column-settings/useTableSettings";
-export { columnSettingsFromColumnMenuPermissions, tableSettingsFromColumnMenuPermissions, useTableAndColumnSettings, } from "./table-column-settings/useTableAndColumnSettings";
-export * from "./column-expression-input";
-export * from "./column-expression-panel";
-export * from "./column-formatting-settings";
-export * from "./datasource-stats";
-export { TableProvider, useTableContext } from "./table-provider/TableProvider";

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

@@ -1,7 +0,0 @@
-import { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
-import { MouseEventHandler } from "react";
-export interface ColumnNameLabelProps {
-    column: ColumnDescriptor;
-    onClick: MouseEventHandler;
-}
-export declare const ColumnNameLabel: ({ column, onClick }: ColumnNameLabelProps) => import("react/jsx-runtime").JSX.Element;

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,8 +0,0 @@
-import { TableSettingsPermissions, TableSettingsProps } from "@vuu-ui/vuu-table-types";
-export declare const defaultTableSettingsPermissions: 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, }: TableSettingsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,23 +0,0 @@
-import { ColumnDescriptor, ColumnTypeFormatting, ColumnSettingsProps } from "@vuu-ui/vuu-table-types";
-import { CellRendererDescriptor, ColumnRenderPropsChangeHandler } from "@vuu-ui/vuu-utils";
-import { VuuColumnDataType } from "@vuu-ui/vuu-protocol-types";
-import { FormEventHandler } from "react";
-import { DataValueTypeSimple } from "@vuu-ui/vuu-data-types";
-export declare const useColumnSettings: ({ column: columnProp, onCancelCreateColumn, onConfigChange, onCreateCalculatedColumn, tableConfig, }: Omit<ColumnSettingsProps, "vuuTable">) => {
-    availableRenderers: CellRendererDescriptor[];
-    editCalculatedColumn: boolean;
-    column: ColumnDescriptor;
-    navigateNextColumn: () => void;
-    navigatePrevColumn: () => void;
-    onCancel: () => void;
-    onChange: FormEventHandler;
-    onChangeCalculatedColumnName: (name: string) => void;
-    onChangeFormatting: (formatting: ColumnTypeFormatting) => void;
-    onChangeRendering: ColumnRenderPropsChangeHandler;
-    onChangeServerDataType: (serverDataType: VuuColumnDataType) => void;
-    onChangeToggleButton: FormEventHandler;
-    onChangeType: (type: DataValueTypeSimple) => void;
-    onEditCalculatedColumn: () => void;
-    onInputCommit: () => void;
-    onSave: () => void;
-};

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: 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,21 +0,0 @@
-import { ColumnDescriptor, 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";
-export type ColumnLike = {
-    name: string;
-};
-export type ColumnItem = Pick<ColumnDescriptor, "hidden" | "label" | "name" | "serverDataType"> & {
-    isCalculated: boolean;
-    subscribed: boolean;
-};
-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;
-};

package/types/table-provider/TableProvider.d.ts

@@ -1,17 +0,0 @@
-import { MenuActionHandler } from "@vuu-ui/vuu-context-menu";
-import { DataSource } from "@vuu-ui/vuu-data-types";
-import { ReactNode } from "react";
-import { ColumnMenuActionType } from "../column-menu/column-menu-utils";
-import { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
-export interface TableContextProps {
-    dataSource: DataSource;
-    menuActionHandler: MenuActionHandler<ColumnMenuActionType, ColumnDescriptor>;
-}
-export declare const TableContext: import("react").Context<TableContextProps>;
-export declare const TableProvider: ({ children, dataSource, menuActionHandler, }: TableContextProps & {
-    children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare function useTableContext(throwIfNoDataSource?: boolean): {
-    dataSource: DataSource;
-    menuActionHandler: MenuActionHandler<ColumnMenuActionType, ColumnDescriptor>;
-};