@vuu-ui/vuu-data-react 0.8.0

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@vuu-ui/vuu-data-react",
+  "version": "0.8.0",
+  "author": "heswell",
+  "license": "Apache-2.0",
+  "devDependencies": {
+    "@vuu-ui/vuu-datagrid-types": "0.8.0",
+    "@vuu-ui/vuu-filter-types": "0.8.0",
+    "@vuu-ui/vuu-protocol-types": "0.8.0"
+  },
+  "dependencies": {
+    "@vuu-ui/vuu-data": "0.8.0",
+    "@vuu-ui/vuu-data-types": "0.8.0",
+    "@vuu-ui/vuu-filters": "0.8.0",
+    "@vuu-ui/vuu-popups": "0.8.0",
+    "@vuu-ui/vuu-utils": "0.8.0"
+  },
+  "peerDependencies": {
+    "react": "^17.0.2"
+  },
+  "files": [
+    "cjs",
+    "esm",
+    "/types"
+  ],
+  "module": "esm/index.js",
+  "main": "cjs/index.js",
+  "types": "types/index.d.ts"
+}

package/types/hooks/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./useDataSource";
+export * from "./useServerConnectionStatus";
+export * from "./useServerConnectionQuality";
+export * from "./useTypeaheadSuggestions";
+export * from "./useVuuMenuActions";
+export * from "./useVuuTables";

package/types/hooks/useDataSource.d.ts

@@ -0,0 +1,24 @@
+import { DataSource } from "@vuu-ui/vuu-data";
+import { DataSourceRow } from "@vuu-ui/vuu-data-types";
+import { VuuRange } from "@vuu-ui/vuu-protocol-types";
+export interface DataSourceHookProps {
+    dataSource: DataSource;
+    renderBufferSize?: number;
+}
+export declare function useDataSource({ dataSource, renderBufferSize, }: DataSourceHookProps): [
+    DataSourceRow[],
+    number,
+    VuuRange,
+    (range: VuuRange) => void
+];
+export declare class MovingWindow {
+    data: DataSourceRow[];
+    rowCount: number;
+    private range;
+    constructor({ from, to }: VuuRange);
+    setRowCount: (rowCount: number) => void;
+    add(data: DataSourceRow): void;
+    getAtIndex(index: number): DataSourceRow | undefined;
+    isWithinRange(index: number): boolean;
+    setRange(from: number, to: number): void;
+}

package/types/hooks/useServerConnectionQuality.d.ts

@@ -0,0 +1 @@
+export declare const useServerConnectionQuality: () => number;

package/types/hooks/useServerConnectionStatus.d.ts

@@ -0,0 +1 @@
+export declare const useServerConnectionStatus: () => string;

package/types/hooks/useTypeaheadSuggestions.d.ts

@@ -0,0 +1,4 @@
+import { TypeaheadParams, VuuTable } from "@vuu-ui/vuu-protocol-types";
+export type SuggestionFetcher = (params: TypeaheadParams) => Promise<string[]>;
+export declare const getTypeaheadParams: (table: VuuTable, column: string, text?: string, selectedValues?: string[]) => TypeaheadParams;
+export declare const useTypeaheadSuggestions: () => SuggestionFetcher;

package/types/hooks/useVuuMenuActions.d.ts

@@ -0,0 +1,48 @@
+import { DataSource, DataSourceMenusMessage, DataSourceVisualLinkCreatedMessage, DataSourceVisualLinkRemovedMessage, DataSourceVisualLinksMessage, MenuRpcResponse, VuuFeatureInvocationMessage, VuuFeatureMessage, VuuUIMessageInRPCEditReject, VuuUIMessageInRPCEditResponse } from "@vuu-ui/vuu-data";
+import { DataSourceRow } from "@vuu-ui/vuu-data-types";
+import { GridAction } from "@vuu-ui/vuu-datagrid-types";
+import { MenuBuilder } from "@vuu-ui/vuu-popups";
+import { LinkDescriptorWithLabel, VuuMenu, VuuMenuItem, VuuRowDataItemType } from "@vuu-ui/vuu-protocol-types";
+import { ColumnMap } from "@vuu-ui/vuu-utils";
+export declare const addRowsFromInstruments = "addRowsFromInstruments";
+export interface VuuCellMenuItem extends VuuMenuItem {
+    rowKey: string;
+    field: string;
+    value: VuuRowDataItemType;
+}
+export interface VuuRowMenuItem extends VuuMenuItem {
+    rowKey: string;
+    row: {
+        [key: string]: VuuRowDataItemType;
+    };
+}
+export declare const isVisualLinksAction: (action: GridAction) => action is DataSourceVisualLinksMessage;
+export declare const isVisualLinkCreatedAction: (action: GridAction) => action is DataSourceVisualLinkCreatedMessage;
+export declare const isVisualLinkRemovedAction: (action: GridAction) => action is DataSourceVisualLinkRemovedMessage;
+export declare const isViewportMenusAction: (action: GridAction) => action is DataSourceMenusMessage;
+export declare const isVuuFeatureAction: (action: GridAction) => action is VuuFeatureMessage;
+export declare const isVuuFeatureInvocation: (action: GridAction) => action is VuuFeatureInvocationMessage;
+export interface ViewServerHookResult {
+    buildViewserverMenuOptions: MenuBuilder<TableMenuLocation, VuuServerMenuOptions>;
+    handleMenuAction: (type: string, options: unknown) => boolean;
+}
+export interface MenuActionConfig {
+    vuuMenu?: VuuMenu;
+    visualLink?: DataSourceVisualLinkCreatedMessage;
+    visualLinks?: LinkDescriptorWithLabel[];
+}
+export interface VuuMenuActionHookProps {
+    dataSource: DataSource;
+    menuActionConfig?: MenuActionConfig;
+    onRpcResponse?: (response: MenuRpcResponse | VuuUIMessageInRPCEditReject | VuuUIMessageInRPCEditResponse) => void;
+}
+type TableMenuLocation = "grid" | "header" | "filter";
+export type VuuServerMenuOptions = {
+    columnMap: ColumnMap;
+    columnName: string;
+    row: DataSourceRow;
+    selectedRows: DataSourceRow[];
+    viewport: string;
+};
+export declare const useVuuMenuActions: ({ dataSource, menuActionConfig, onRpcResponse, }: VuuMenuActionHookProps) => ViewServerHookResult;
+export {};

package/types/hooks/useVuuTables.d.ts

@@ -0,0 +1,2 @@
+import { TableSchema } from "@vuu-ui/vuu-data";
+export declare const useVuuTables: () => Map<string, TableSchema> | undefined;

package/types/index.d.ts

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