@vuu-ui/vuu-ui-controls 0.8.8-debug → 0.8.9-debug

package/types/vuu-utils/src/column-utils.d.ts

@@ -0,0 +1,130 @@
+import type { DataSourceFilter, DataSourceRow } from "@vuu-ui/vuu-data-types";
+import type { ColumnAlignment, ColumnDescriptor, ColumnType, ColumnTypeDescriptor, ColumnTypeRenderer, ColumnTypeWithValidationRules, GroupColumnDescriptor, KeyedColumnDescriptor, MappedValueTypeRenderer, PinLocation, TableHeadings, TypeFormatting } from "@vuu-ui/vuu-datagrid-types";
+import type { Filter } from "@vuu-ui/vuu-filter-types";
+import type { VuuAggregation, VuuAggType, VuuColumnDataType, VuuDataRow, VuuGroupBy, VuuRowRecord, VuuSort } from "@vuu-ui/vuu-protocol-types";
+import type { SchemaColumn } from "@vuu-ui/vuu-data";
+import type { CSSProperties } from "react";
+import type { CellRendererDescriptor } from "./component-registry";
+export interface ColumnMap {
+    [columnName: string]: number;
+}
+export type SortCriteriaItem = string | [string, "asc"];
+export declare const AggregationType: {
+    [key: string]: VuuAggType;
+};
+export declare function mapSortCriteria(sortCriteria: SortCriteriaItem[], columnMap: ColumnMap, metadataOffset?: number): [number, "asc"][];
+export declare const getDefaultAlignment: (serverDataType?: VuuColumnDataType) => ColumnAlignment;
+export declare const isValidColumnAlignment: (v: string) => v is ColumnAlignment;
+export declare const isValidPinLocation: (v: string) => v is PinLocation;
+export declare const isKeyedColumn: (column: ColumnDescriptor) => column is KeyedColumnDescriptor;
+export declare const fromServerDataType: (serverDataType: VuuColumnDataType) => ColumnTypeSimple;
+export declare const isNumericColumn: ({ serverDataType, type }: ColumnDescriptor) => boolean;
+export declare const isDateColumn: ({ type }: ColumnDescriptor) => boolean;
+export declare const isTimeColumn: ({ type }: ColumnDescriptor) => boolean;
+export declare const isDateTimeColumn: (column: ColumnDescriptor) => boolean;
+export declare const notHidden: (column: ColumnDescriptor) => boolean;
+export declare const isPinned: (column: ColumnDescriptor) => boolean;
+export declare const hasHeadings: (column: ColumnDescriptor) => boolean;
+export declare const isResizing: (column: KeyedColumnDescriptor) => boolean | undefined;
+export declare const isTextColumn: ({ serverDataType }: ColumnDescriptor) => boolean;
+export declare const toColumnDescriptor: (name: string) => ColumnDescriptor;
+export declare const isSimpleColumnType: (value: unknown) => value is ColumnTypeSimple;
+export declare type ColumnTypeSimple = "string" | "number" | "boolean" | "json" | "date" | "time" | "checkbox";
+export declare const isTypeDescriptor: (type?: ColumnType) => type is ColumnTypeDescriptor;
+export declare const isColumnTypeRenderer: (renderer?: unknown) => renderer is ColumnTypeRenderer;
+export declare const hasValidationRules: (type?: ColumnType) => type is ColumnTypeWithValidationRules;
+export declare const isMappedValueTypeRenderer: (renderer?: unknown) => renderer is MappedValueTypeRenderer;
+export declare function buildColumnMap(columns?: (KeyedColumnDescriptor | SchemaColumn | string)[]): ColumnMap;
+export declare function projectUpdates(updates: number[]): number[];
+export declare const metadataKeys: {
+    readonly IDX: 0;
+    readonly RENDER_IDX: 1;
+    readonly IS_LEAF: 2;
+    readonly IS_EXPANDED: 3;
+    readonly DEPTH: 4;
+    readonly COUNT: 5;
+    readonly KEY: 6;
+    readonly SELECTED: 7;
+    readonly count: 8;
+    readonly PARENT_IDX: "parent_idx";
+    readonly IDX_POINTER: "idx_pointer";
+    readonly FILTER_COUNT: "filter_count";
+    readonly NEXT_FILTER_IDX: "next_filter_idx";
+};
+export declare const flattenColumnGroup: (columns: KeyedColumnDescriptor[]) => KeyedColumnDescriptor[];
+export declare function extractGroupColumn(columns: KeyedColumnDescriptor[], groupBy?: VuuGroupBy, confirmed?: boolean): [GroupColumnDescriptor | null, KeyedColumnDescriptor[]];
+export declare const isGroupColumn: (column: KeyedColumnDescriptor) => column is GroupColumnDescriptor;
+export declare const isJsonAttribute: (value: unknown) => boolean;
+export declare const isJsonGroup: (column: KeyedColumnDescriptor, row: VuuDataRow) => boolean;
+export declare const isJsonColumn: (column: KeyedColumnDescriptor) => boolean;
+export declare const sortPinnedColumns: (columns: KeyedColumnDescriptor[]) => KeyedColumnDescriptor[];
+export declare const getTableHeadings: (columns: KeyedColumnDescriptor[]) => TableHeadings;
+export declare const getColumnStyle: ({ pin, pinnedOffset, width, }: KeyedColumnDescriptor) => CSSProperties;
+export declare const setAggregations: (aggregations: VuuAggregation[], column: KeyedColumnDescriptor, aggType: VuuAggType) => VuuAggregation[];
+export declare const extractFilterForColumn: (filter: Filter | undefined, columnName: string) => Filter | undefined;
+export declare const applyGroupByToColumns: (columns: KeyedColumnDescriptor[], groupBy: VuuGroupBy, confirmed?: boolean) => KeyedColumnDescriptor[];
+export declare const applySortToColumns: (colunms: KeyedColumnDescriptor[], sort: VuuSort) => KeyedColumnDescriptor[];
+export declare const applyFilterToColumns: (columns: KeyedColumnDescriptor[], { filterStruct }: DataSourceFilter) => KeyedColumnDescriptor[];
+export declare const isFilteredColumn: (column: KeyedColumnDescriptor) => boolean;
+export declare const stripFilterFromColumns: (columns: KeyedColumnDescriptor[]) => {
+    align?: "left" | "right" | undefined;
+    CellRenderer?: import("react").FunctionComponent<import("@vuu-ui/vuu-datagrid-types").TableCellRendererProps> | undefined;
+    className?: string | undefined;
+    clientSideEditValidationCheck?: import("packages/vuu-ui-controls/src").ClientSideValidationChecker | undefined;
+    endPin?: true | undefined;
+    flex?: number | undefined;
+    heading?: string[] | undefined;
+    isGroup?: boolean | undefined;
+    isSystemColumn?: boolean | undefined;
+    key: number;
+    label: string;
+    locked?: boolean | undefined;
+    marginLeft?: number | undefined;
+    moving?: boolean | undefined;
+    originalIdx?: number | undefined;
+    pinnedOffset?: number | undefined;
+    resizeable?: boolean | undefined;
+    resizing?: boolean | undefined;
+    sortable?: boolean | undefined;
+    sorted?: import("@vuu-ui/vuu-datagrid-types").ColumnSort | undefined;
+    type?: ColumnType | undefined;
+    valueFormatter: ValueFormatter;
+    width: number;
+    aggregate?: VuuAggType | undefined;
+    editable?: boolean | undefined;
+    expression?: string | undefined;
+    hidden?: boolean | undefined;
+    minWidth?: number | undefined;
+    name: string;
+    pin?: PinLocation | undefined;
+    serverDataType?: VuuColumnDataType | undefined;
+}[];
+export declare const getColumnName: (name: string) => string;
+export declare const findColumn: (columns: KeyedColumnDescriptor[], columnName: string) => KeyedColumnDescriptor | undefined;
+export declare function updateColumn(columns: KeyedColumnDescriptor[], column: KeyedColumnDescriptor): KeyedColumnDescriptor[];
+export declare function updateColumn(columns: KeyedColumnDescriptor[], column: string, options: Partial<ColumnDescriptor>): KeyedColumnDescriptor[];
+export declare const toDataSourceColumns: (column: ColumnDescriptor) => string;
+export declare const getRowRecord: (row: DataSourceRow, columnMap: ColumnMap) => VuuRowRecord;
+export declare const isDataLoading: (columns: KeyedColumnDescriptor[]) => boolean;
+export declare const getColumnsInViewport: (columns: KeyedColumnDescriptor[], vpStart: number, vpEnd: number) => [KeyedColumnDescriptor[], number];
+export declare const visibleColumnAtIndex: (columns: KeyedColumnDescriptor[], index: number) => KeyedColumnDescriptor | undefined;
+export declare const getGroupValueAndOffset: (columns: KeyedColumnDescriptor[], row: DataSourceRow) => [unknown, number];
+export declare const getDefaultColumnType: (serverDataType?: VuuColumnDataType) => ColumnTypeSimple;
+export declare const updateColumnType: <T extends ColumnDescriptor = ColumnDescriptor>(column: T, formatting: TypeFormatting) => T;
+export declare const updateColumnRenderer: <T extends ColumnDescriptor = ColumnDescriptor>(column: T, cellRenderer: CellRendererDescriptor) => T;
+export declare const getTypeSettingsFromColumn: (column: ColumnDescriptor) => TypeFormatting;
+/**
+ *
+ * return a filter predicate that will reject columns, names of which
+ * are not in provided list.
+ */
+export declare const subscribedOnly: (columnNames?: string[]) => (column: ColumnDescriptor) => boolean | undefined;
+export declare const addColumnToSubscribedColumns: (subscribedColumns: ColumnDescriptor[], availableColumns: SchemaColumn[], columnName: string) => ColumnDescriptor[];
+export declare const isCalculatedColumn: (columnName?: string) => boolean;
+export declare const getCalculatedColumnDetails: (column: ColumnDescriptor) => string[];
+export declare const getCalculatedColumnName: (column: ColumnDescriptor) => string;
+export declare const getCalculatedColumnExpression: (column: ColumnDescriptor) => string;
+export declare const getCalculatedColumnType: (column: ColumnDescriptor) => VuuColumnDataType;
+export declare const setCalculatedColumnName: (column: ColumnDescriptor, name: string) => ColumnDescriptor;
+export declare const setCalculatedColumnExpression: (column: ColumnDescriptor, expression: string) => ColumnDescriptor;
+export declare const setCalculatedColumnType: (column: ColumnDescriptor, type: string) => ColumnDescriptor;

package/types/vuu-utils/src/common-types.d.ts

@@ -0,0 +1,6 @@
+export type orientationType = "horizontal" | "vertical";
+type measureProp = keyof DOMRect;
+type measureType = Record<string, measureProp>;
+type measuresType = Record<orientationType, measureType>;
+export declare const MEASURES: measuresType;
+export {};

package/types/vuu-utils/src/component-registry.d.ts

@@ -0,0 +1,23 @@
+import { FunctionComponent as FC, HTMLAttributes } from "react";
+import { ColumnTypeRenderer, EditValidationRule, MappedValueTypeRenderer, TableCellRendererProps } from "@vuu-ui/vuu-datagrid-types";
+import { VuuColumnDataType, VuuRowDataItemType } from "@vuu-ui/vuu-protocol-types";
+export interface CellConfigPanelProps extends HTMLAttributes<HTMLDivElement> {
+    onConfigChange: () => void;
+}
+export type EditRuleValidator = (editRule: EditValidationRule, value: VuuRowDataItemType) => boolean | string;
+export type ComponentType = "cell-renderer" | "cell-config-panel" | "data-edit-validator";
+type CellRendererOptions = {
+    [key: string]: unknown;
+    description?: string;
+    label?: string;
+    serverDataType?: VuuColumnDataType | VuuColumnDataType[] | "json" | "private";
+};
+export interface CellRendererDescriptor extends CellRendererOptions {
+    name: string;
+}
+export declare function registerComponent<T extends TableCellRendererProps | CellConfigPanelProps | EditRuleValidator = TableCellRendererProps>(componentName: string, component: T extends EditRuleValidator ? T : FC<T>, type: ComponentType | undefined, options: CellRendererOptions): void;
+export declare const getRegisteredCellRenderers: (serverDataType?: VuuColumnDataType | "json") => CellRendererDescriptor[];
+export declare function getCellRenderer(renderer?: ColumnTypeRenderer | MappedValueTypeRenderer): FC<TableCellRendererProps> | undefined;
+export declare function getCellConfigPanelRenderer(name: string): FC<CellConfigPanelProps> | undefined;
+export declare function getEditRuleValidator(name: string): EditRuleValidator | undefined;
+export {};

package/types/vuu-utils/src/cookie-utils.d.ts

@@ -0,0 +1 @@
+export declare const getCookieValue: (name: string) => string | number | undefined;

package/types/vuu-utils/src/data-utils.d.ts

@@ -0,0 +1,14 @@
+export type valueChangeDirection = "up1" | "up2" | "down1" | "down2" | "";
+export declare const UP1 = "up1";
+export declare const UP2 = "up2";
+export declare const DOWN1 = "down1";
+export declare const DOWN2 = "down2";
+export declare const isValidNumber: (n: unknown) => n is number;
+export declare const shallowEquals: (o1?: {
+    [key: string]: unknown;
+}, o2?: {
+    [key: string]: unknown;
+}) => boolean;
+export declare function getMovingValueDirection(newValue?: number, direction?: valueChangeDirection, prevValue?: number, 
+/** the number of decimal places to take into account when highlighting a change  */
+decimalPlaces?: number): valueChangeDirection;

package/types/vuu-utils/src/date-utils.d.ts

@@ -0,0 +1,7 @@
+export type DatePattern = "dd.mm.yyyy";
+export type TimePattern = "kk:mm:ss";
+export type DateTimePattern = DatePattern | TimePattern;
+export declare const isDatePattern: (pattern?: string) => pattern is "dd.mm.yyyy";
+export declare const isTimePattern: (pattern?: string) => pattern is "kk:mm:ss";
+export declare const isDateTimePattern: (pattern?: string) => pattern is DateTimePattern;
+export declare const formatDate: (date: Date, format?: DateTimePattern) => string;

package/types/vuu-utils/src/debug-utils.d.ts

@@ -0,0 +1,9 @@
+import { VuuRange } from "@vuu-ui/vuu-protocol-types";
+export declare class RangeMonitor {
+    private source;
+    range: VuuRange;
+    timestamp: number;
+    constructor(source: string);
+    isSet(): boolean;
+    set({ from, to }: VuuRange): 0 | undefined;
+}

package/types/vuu-utils/src/event-emitter.d.ts

@@ -0,0 +1,13 @@
+type Listener = (...args: any[]) => void;
+export type EmittedEvents = Record<string, Listener>;
+export declare class EventEmitter<Events extends EmittedEvents> {
+    #private;
+    addListener<E extends keyof Events>(event: E, listener: Events[E]): void;
+    removeListener<E extends keyof Events>(event: E, listener: Events[E]): void;
+    removeAllListeners<E extends keyof Events>(event?: E): void;
+    emit<E extends keyof Events>(event: E, ...args: Parameters<Events[E]>): void;
+    once<E extends keyof Events>(event: E, listener: Events[E]): void;
+    on<E extends keyof Events>(event: E, listener: Events[E]): void;
+    private invokeHandler;
+}
+export {};

package/types/vuu-utils/src/filter-utils.d.ts

@@ -0,0 +1,14 @@
+import { KeyedColumnDescriptor } from "@vuu-ui/vuu-datagrid-types";
+import { AndFilter, Filter, FilterClauseOp, FilterWithPartialClause, MultiClauseFilter, MultiValueFilterClause, OrFilter, SingleValueFilterClause } from "@vuu-ui/vuu-filter-types";
+export declare const isValidFilterClauseOp: (op?: string) => op is FilterClauseOp;
+export declare const isNamedFilter: (f?: Filter) => boolean;
+export declare const isSingleValueFilter: (f?: Partial<Filter>) => f is SingleValueFilterClause<string | number | boolean>;
+export declare const isFilterClause: (f?: Partial<Filter>) => f is MultiValueFilterClause | SingleValueFilterClause<string | number | boolean>;
+export declare const isMultiValueFilter: (f?: Partial<Filter>) => f is MultiValueFilterClause;
+export declare const isInFilter: (f: Partial<Filter>) => f is MultiValueFilterClause;
+export declare const isAndFilter: (f: Partial<Filter>) => f is AndFilter;
+export declare const isOrFilter: (f: Partial<Filter>) => f is OrFilter;
+export declare const isCompleteFilter: (filter: Partial<Filter>) => filter is Filter;
+export declare function isMultiClauseFilter(f?: Partial<Filter> | FilterWithPartialClause): f is MultiClauseFilter;
+export declare const filterAsQuery: (f: Filter) => string;
+export declare const removeColumnFromFilter: (column: KeyedColumnDescriptor, filter: Filter) => [Filter | undefined, string];

package/types/vuu-utils/src/formatting-utils.d.ts

@@ -0,0 +1,9 @@
+import { ColumnDescriptor } from "@vuu-ui/vuu-datagrid-types";
+export type ValueFormatter = (value: unknown) => string;
+export type ValueFormatters = {
+    [key: string]: ValueFormatter;
+};
+export declare const defaultValueFormatter: (value: unknown) => string;
+export declare const dateFormatter: (column: ColumnDescriptor) => (value: unknown) => string;
+export declare const numericFormatter: ({ align, type, }: Partial<ColumnDescriptor>) => (value: unknown) => string;
+export declare const getValueFormatter: (column: ColumnDescriptor) => ValueFormatter;

package/types/vuu-utils/src/getUniqueId.d.ts

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

package/types/vuu-utils/src/group-utils.d.ts

@@ -0,0 +1,3 @@
+import { KeyedColumnDescriptor } from "@vuu-ui/vuu-datagrid-types";
+import { VuuGroupBy } from "@vuu-ui/vuu-protocol-types";
+export declare function addGroupColumn(groupBy: VuuGroupBy, column: KeyedColumnDescriptor): string[];

package/types/vuu-utils/src/html-utils.d.ts

@@ -0,0 +1,12 @@
+export declare const createEl: (elementType: "div" | "p" | "span", className?: string, textContent?: string) => HTMLElement;
+export declare const getFocusableElement: (el: HTMLElement | null, tabIndex?: number) => HTMLElement | undefined;
+export declare const getElementDataIndex: (el: HTMLElement | null) => number;
+export declare const getClosest: (el: HTMLElement, dataProperty: string) => HTMLElement;
+export declare const getClosestIndexItem: (el: HTMLElement) => HTMLElement;
+export declare function getElementByDataIndex(c: HTMLElement | null, i: number | string, throwIfNotFound: true): HTMLElement;
+export declare function getElementByDataIndex(c: HTMLElement | null, i: number | string, throwIfNotFound?: false): HTMLElement | undefined;
+export declare const focusFirstFocusableElement: (el: HTMLElement | null, tabIndex?: number) => void;
+export declare const isSelectableElement: (el?: HTMLElement) => boolean;
+export declare function getScrollbarSize(): number;
+export type MouseEventTypes = "dblclick" | "click";
+export declare const dispatchMouseEvent: (el: HTMLElement, type: MouseEventTypes) => void;

package/types/vuu-utils/src/index.d.ts

@@ -0,0 +1,34 @@
+export * from "./array-utils";
+export * from "./box-utils";
+export * from "./column-utils";
+export * from "./cookie-utils";
+export * from "./component-registry";
+export * from "./DataWindow";
+export * from "./common-types";
+export * from "./data-utils";
+export * from "./date-utils";
+export * from "./debug-utils";
+export * from "./filter-utils";
+export * from "./html-utils";
+export * from "./event-emitter";
+export * from "./formatting-utils";
+export * from "./getUniqueId";
+export * from "./group-utils";
+export * from "./input-utils";
+export * from "./invariant";
+export * from "./itemToString";
+export * from "./json-utils";
+export * from "./keyboard-utils";
+export * from "./keyset";
+export * from "./logging-utils";
+export * from "./menu-utils";
+export * from "./nanoid";
+export * from "./round-decimal";
+export * from "./perf-utils";
+export * from "./range-utils";
+export * from "./row-utils";
+export * from "./selection-utils";
+export * from "./sort-utils";
+export * from "./text-utils";
+export * from "./url-utils";
+export * from "./screenshot-utils";

package/types/vuu-utils/src/input-utils.d.ts

@@ -0,0 +1,2 @@
+export declare const isCharacterKey: (key: string) => boolean;
+export declare const isQuoteKey: (evt: KeyboardEvent) => boolean;

package/types/vuu-utils/src/invariant.d.ts

@@ -0,0 +1 @@
+export declare function invariant(condition: boolean, message: string): void;

package/types/vuu-utils/src/itemToString.d.ts

@@ -0,0 +1,2 @@
+export type ItemToStringFunction = (item: any) => string;
+export declare function itemToString(item: unknown): string;

package/types/vuu-utils/src/json-utils.d.ts

@@ -0,0 +1,6 @@
+import { DataSourceRow } from "@vuu-ui/vuu-data-types";
+import { ColumnDescriptor } from "@vuu-ui/vuu-datagrid-types";
+export type JsonData = {
+    [key: string]: unknown;
+} | JsonData[];
+export declare const jsonToDataSourceRows: (json: JsonData) => [ColumnDescriptor[], DataSourceRow[]];

package/types/vuu-utils/src/keyboard-utils.d.ts

@@ -0,0 +1,12 @@
+export declare const ArrowUp = "ArrowUp";
+export declare const ArrowDown = "ArrowDown";
+export declare const ArrowLeft = "ArrowLeft";
+export declare const ArrowRight = "ArrowRight";
+export declare const Enter = "Enter";
+export declare const Escape = "Escape";
+export declare const Home = "Home";
+export declare const End = "End";
+export declare const PageUp = "PageUp";
+export declare const PageDown = "PageDown";
+export declare const Space = " ";
+export declare const Tab = "Tab";

package/types/vuu-utils/src/keyset.d.ts

@@ -0,0 +1,11 @@
+import { VuuRange } from "@vuu-ui/vuu-protocol-types";
+export declare class KeySet {
+    private keys;
+    private free;
+    private nextKeyValue;
+    constructor(range: VuuRange);
+    next(): number;
+    reset({ from, to }: VuuRange): void;
+    keyFor(rowIndex: number): number;
+    toDebugString(): string;
+}

package/types/vuu-utils/src/logging-utils.d.ts

@@ -0,0 +1,44 @@
+declare global {
+    const loggingSettings: loggingSettings;
+}
+export interface LogFn {
+    (message?: unknown, ...optionalParams: unknown[]): void;
+}
+export interface AssertLogFn {
+    (condition: boolean, message?: unknown, errorMessaage?: unknown): void;
+}
+export interface TableLogFn {
+    (properties?: object): void;
+}
+type loggingSettings = {
+    loggingLevel: LogLevel;
+};
+export interface Logger {
+    warn: LogFn;
+    error: LogFn;
+    debug: LogFn;
+    info: LogFn;
+}
+export type LogLevel = keyof Logger;
+export type BuildEnv = "production" | "development";
+export declare const logger: (category: string) => {
+    errorEnabled: boolean;
+    error: (message: string) => void;
+    debugEnabled?: undefined;
+    infoEnabled?: undefined;
+    warnEnabled?: undefined;
+    info?: undefined;
+    warn?: undefined;
+    debug?: undefined;
+} | {
+    debugEnabled: boolean;
+    infoEnabled: boolean;
+    warnEnabled: boolean;
+    errorEnabled: boolean;
+    info: (message: string) => void;
+    warn: (message: string) => void;
+    debug: (message: string) => void;
+    error: (message: string) => void;
+};
+export declare const getLoggingConfigForWorker: () => string;
+export {};

package/types/vuu-utils/src/menu-utils.d.ts

@@ -0,0 +1,2 @@
+import { ContextMenuGroupItemDescriptor, ContextMenuItemDescriptor } from "@vuu-ui/vuu-data-types";
+export declare const isGroupMenuItemDescriptor: (menuItem?: ContextMenuItemDescriptor) => menuItem is ContextMenuGroupItemDescriptor;

package/types/vuu-utils/src/nanoid/index.d.ts

@@ -0,0 +1 @@
+export declare const uuid: (size?: number) => string;

package/types/vuu-utils/src/perf-utils.d.ts

@@ -0,0 +1,5 @@
+type VoidFunction = (...args: any) => void;
+export type PerfFunction<T extends VoidFunction> = (...args: Parameters<T>) => void;
+export declare function debounce<T extends VoidFunction>(callback: T, timeInterval: number): PerfFunction<T>;
+export declare function throttle<T extends VoidFunction>(callback: T, limit: number): PerfFunction<T>;
+export {};

package/types/vuu-utils/src/range-utils.d.ts

@@ -0,0 +1,24 @@
+export interface VuuRange {
+    from: number;
+    to: number;
+    bufferSize?: number;
+    reset?: boolean;
+}
+interface FromToRange {
+    from: number;
+    to: number;
+}
+export declare const NULL_RANGE: VuuRange;
+export declare function getFullRange({ from, to }: VuuRange, bufferSize?: number, rowCount?: number): FromToRange;
+export declare function resetRange({ from, to, bufferSize }: VuuRange): VuuRange;
+export declare const withinRange: (value: number, { from, to }: VuuRange) => boolean;
+export declare const rangeNewItems: ({ from: from1, to: to1 }: VuuRange, newRange: VuuRange) => VuuRange;
+export declare class WindowRange {
+    from: number;
+    to: number;
+    constructor(from: number, to: number);
+    isWithin(index: number): boolean;
+    overlap(from: number, to: number): [number, number];
+    copy(): WindowRange;
+}
+export {};

package/types/vuu-utils/src/round-decimal.d.ts

@@ -0,0 +1 @@
+export declare function roundDecimal(value?: number, align?: string, decimals?: number, zeroPad?: boolean, alignOnDecimals?: boolean): string;

package/types/vuu-utils/src/row-utils.d.ts

@@ -0,0 +1,7 @@
+import { DataSourceRow } from "@vuu-ui/vuu-data-types";
+import { MutableRefObject } from "react";
+export type RowOffsetFunc = (row: DataSourceRow, pctScrollTop?: number) => number;
+export type RowAtPositionFunc = (position: number) => number;
+export type RowPositioning = [RowOffsetFunc, RowAtPositionFunc];
+export declare const actualRowPositioning: (rowHeight: number) => RowPositioning;
+export declare const virtualRowPositioning: (rowHeight: number, additionalPixelsNeeded: number, pctScrollTop: MutableRefObject<number>) => RowPositioning;

package/types/vuu-utils/src/screenshot-utils.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Takes a screenshot of the given node and returns the base64 encoded image url
+ * @param node Node to take screenshot of
+ * @returns Base64 encoded image url
+ */
+export declare function takeScreenshot(node: HTMLElement): Promise<string | undefined>;

package/types/vuu-utils/src/selection-utils.d.ts

@@ -0,0 +1,27 @@
+import { DataSourceRow } from "@vuu-ui/vuu-data-types";
+import { Selection, SelectionItem, TableSelectionModel } from "@vuu-ui/vuu-datagrid-types";
+export declare const RowSelected: {
+    False: number;
+    True: number;
+    First: number;
+    Last: number;
+};
+export declare const isRowSelected: (row: DataSourceRow) => boolean;
+export declare const deselectItem: (selectionModel: TableSelectionModel, selected: Selection, itemIndex: number, rangeSelect: boolean, keepExistingSelection?: boolean) => Selection;
+export declare const selectItem: (selectionModel: TableSelectionModel, selected: Selection, itemIndex: number, rangeSelect: boolean, keepExistingSelection?: boolean, activeItemIndex?: number) => Selection;
+/**
+ *  Determine the value for selected. We use a bitmap to represent a number of selection states
+ * a row might exhibit. selected/not-selected is the fundamental value. We also identify first
+ * row of a selected block, last row of a selected block;
+ */
+export declare const getSelectionStatus: (selected: Selection, itemIndex: number) => number;
+export declare const isSelected: (selected: Selection, itemIndex: number) => boolean;
+/**
+ * Vuu server expects a full list if indexes of selected rows. Client represents selection in a more
+ * efficient structure. This converts client structure to full server format.
+ */
+export declare const expandSelection: (selected: Selection) => number[];
+export type SelectionDiff = {
+    added: SelectionItem[];
+    removed: SelectionItem[];
+};

package/types/vuu-utils/src/sort-utils.d.ts

@@ -0,0 +1,5 @@
+import { ColumnDescriptor, KeyedColumnDescriptor } from "@vuu-ui/vuu-datagrid-types";
+import { VuuSort, VuuSortType } from "@vuu-ui/vuu-protocol-types";
+export declare const applySort: ({ sortDefs }: VuuSort, { name: column }: ColumnDescriptor, extendSort?: boolean, sortType?: VuuSortType) => VuuSort;
+export declare const setSortColumn: ({ sortDefs }: VuuSort, column: KeyedColumnDescriptor, sortType?: "A" | "D") => VuuSort;
+export declare const addSortColumn: ({ sortDefs }: VuuSort, column: KeyedColumnDescriptor, sortType?: "A" | "D") => VuuSort;

package/types/vuu-utils/src/text-utils.d.ts

@@ -0,0 +1,2 @@
+export declare const lastWord: (text: string) => string;
+export declare const wordify: (text: string) => string;

package/types/vuu-utils/src/url-utils.d.ts

@@ -0,0 +1,2 @@
+export declare const getUrlParameter: (paramName: string, defaultValue?: string) => string | undefined;
+export declare const hasUrlParameter: (paramName: string) => boolean;

package/types/common-hooks/index.d.ts

@@ -1 +0,0 @@
-export * from "./use-resize-observer";

package/types/drag-drop/DragDropProvider.d.ts

@@ -1,22 +0,0 @@
-import { ReactNode } from "react";
-export interface DragDropContextProps {
-    dragSources?: Map<string, string[]>;
-    dropTargets?: Map<string, string[]>;
-    registerDragDropParty: (id: string) => void;
-}
-export type DragSources = {
-    [key: string]: {
-        dropTargets: string | string[];
-    };
-};
-export interface DragDropProviderProps {
-    children: ReactNode;
-    dragSources: DragSources;
-}
-export declare const DragDropProvider: ({ children, dragSources: dragSourcesProp, }: DragDropProviderProps) => JSX.Element;
-export interface DragDropProviderResult {
-    isDragSource: boolean;
-    isDropTarget: boolean;
-    register: (id: string) => void;
-}
-export declare const useDragDropProvider: (id?: string) => DragDropProviderResult;

package/types/drag-drop/drag-utils.d.ts

@@ -1,49 +0,0 @@
-import { orientationType } from "@vuu-ui/vuu-utils";
-import { Direction } from "./dragDropTypesNext";
-export type MeasuredDropTarget = {
-    currentIndex: number;
-    dataIndex?: number;
-    element: HTMLElement;
-    index: number;
-    order: number | undefined;
-    isDraggedElement: boolean;
-    isOverflowIndicator?: boolean;
-    start: number;
-    end: number;
-    mid: number;
-    size: number;
-};
-export type targetType = {
-    element: HTMLElement | null;
-    index: number;
-    isLast?: boolean;
-};
-type Dimension = keyof Pick<DOMRect, "width" | "height">;
-export declare const measureElementSizePositionAndOrder: (element: HTMLElement, dimension?: Dimension, includeAutoMargin?: boolean) => [number, number, number | undefined];
-export declare const dimensions: (orientation: orientationType) => {
-    CLIENT_SIZE: "scrollTop" | "scrollHeight" | "scrollLeft" | "scrollWidth" | "clientWidth" | "clientHeight";
-    CONTRA: "x" | "y" | "width" | "left" | "right" | "top" | "bottom" | "height";
-    CONTRA_POS: "clientX" | "clientY";
-    DIMENSION: "width" | "height";
-    END: "x" | "y" | "width" | "left" | "right" | "top" | "bottom" | "height";
-    POS: "clientX" | "clientY";
-    SCROLL_POS: "scrollTop" | "scrollHeight" | "scrollLeft" | "scrollWidth" | "clientWidth" | "clientHeight";
-    SCROLL_SIZE: "scrollTop" | "scrollHeight" | "scrollLeft" | "scrollWidth" | "clientWidth" | "clientHeight";
-    START: "x" | "y" | "width" | "left" | "right" | "top" | "bottom" | "height";
-} | {
-    CLIENT_SIZE: "scrollTop" | "scrollHeight" | "scrollLeft" | "scrollWidth" | "clientWidth" | "clientHeight";
-    CONTRA: "x" | "y" | "width" | "left" | "right" | "top" | "bottom" | "height";
-    CONTRA_POS: "clientX" | "clientY";
-    DIMENSION: "width" | "height";
-    END: "x" | "y" | "width" | "left" | "right" | "top" | "bottom" | "height";
-    POS: "clientX" | "clientY";
-    SCROLL_POS: "scrollTop" | "scrollHeight" | "scrollLeft" | "scrollWidth" | "clientWidth" | "clientHeight";
-    SCROLL_SIZE: "scrollTop" | "scrollHeight" | "scrollLeft" | "scrollWidth" | "clientWidth" | "clientHeight";
-    START: "x" | "y" | "width" | "left" | "right" | "top" | "bottom" | "height";
-};
-export declare const getDraggedItem: (measuredItems: MeasuredDropTarget[]) => MeasuredDropTarget;
-export declare const moveDragItem: (measuredItems: MeasuredDropTarget[], dropTarget: MeasuredDropTarget) => MeasuredDropTarget[];
-export declare const isDraggedElement: (item: MeasuredDropTarget) => boolean;
-export declare const measureDropTargets: (container: HTMLElement, orientation: orientationType, draggedItem: HTMLElement, itemQuery?: string) => MeasuredDropTarget[];
-export declare const getNextDropTarget: (dropTargets: MeasuredDropTarget[], pos: number, direction: Direction) => MeasuredDropTarget | null;
-export {};

package/types/drag-drop/useDragDropIndicator.d.ts

@@ -1,2 +0,0 @@
-import { InternalDragDropProps, InternalDragHookResult } from "./dragDropTypesNext";
-export declare const useDragDropIndicator: ({ draggableRef, onDrop, orientation, containerRef, itemQuery, selected, viewportRange, }: InternalDragDropProps) => InternalDragHookResult;

package/types/drag-drop/useDragDropNaturalMovementNext.d.ts

@@ -1,2 +0,0 @@
-import { InternalDragDropProps, InternalDragHookResult } from "./dragDropTypesNext";
-export declare const useDragDropNaturalMovement: ({ draggableRef, onDrop, orientation, containerRef, itemQuery, selected, viewportRange, }: InternalDragDropProps) => InternalDragHookResult;

package/types/drag-drop/useDragSpacers.d.ts

@@ -1,7 +0,0 @@
-import { MeasuredDropTarget } from "./drag-utils";
-import { Direction } from "./dragDropTypesNext";
-export declare const useDragSpacers: () => {
-    displaceItem: (item: MeasuredDropTarget | null | undefined, draggedItem: MeasuredDropTarget, useTransition?: any, direction?: Direction) => void;
-    displaceLastItem: (item: MeasuredDropTarget, size: number, useTransition?: any) => void;
-    clearSpacers: () => void;
-};

package/types/index.d.ts

@@ -1,5 +0,0 @@
-export * from "./drag-drop";
-export * from "./editable-label";
-export * from "./list";
-export * from "./tabstrip";
-export * from "./tree";

package/types/list/common-hooks/useKeyboardNavigation.d.ts

@@ -1,4 +0,0 @@
-import { NavigationHookProps, NavigationHookResult } from "./navigationTypes";
-import { SelectionStrategy } from "./selectionTypes";
-export declare const LIST_FOCUS_VISIBLE = -2;
-export declare const useKeyboardNavigation: <Item, Selection_1 extends SelectionStrategy>({ containerRef, defaultHighlightedIndex, disableHighlightOnFocus, highlightedIndex: highlightedIndexProp, indexPositions, onHighlight, onKeyboardNavigation, restoreLastFocus, selected, }: NavigationHookProps<Item, Selection_1>) => NavigationHookResult;

package/types/list/common-hooks/utils/isSelected.d.ts

@@ -1,2 +0,0 @@
-import { CollectionItem } from "../collectionTypes";
-export declare function isSelected<Item>(selected: CollectionItem<Item> | CollectionItem<Item>[] | null, item: CollectionItem<Item>): boolean;

package/types/tabstrip/TabMenu.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { MenuActionHandler } from "packages/vuu-data-types";
-import "./TabMenu.css";
-export interface TabMenuProps {
-    allowClose: boolean;
-    allowRename: boolean;
-    location?: string;
-    onMenuAction: MenuActionHandler;
-    onMenuClose?: () => void;
-    index: number;
-}
-export declare const TabMenu: ({ allowClose, allowRename, location, onMenuAction, onMenuClose, index, }: TabMenuProps) => JSX.Element;

package/types/utils/index.d.ts

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