@vuu-ui/vuu-ui-controls 4.1.0 → 5.0.0-alpha.1

package/types/prompt/Prompt.d.ts

@@ -1,5 +1,5 @@
-import { DialogHeaderProps, DialogProps } from "@salt-ds/core";
-import { HTMLAttributes, ReactNode, RefObject } from "react";
+import { type DialogHeaderProps, type DialogProps } from "@salt-ds/core";
+import { type HTMLAttributes, type ReactNode, type RefObject } from "react";
 /**
  * Allow fine grained configuration of Prompt buttons
  * The ref is provided to facilitate programmatic focus.

package/types/table-search/TableSearch.d.ts

@@ -3,7 +3,8 @@ import { HTMLAttributes } from "react";
 export interface TableSearchProps extends HTMLAttributes<HTMLDivElement> {
     TableProps: TableProps;
     autoFocus?: boolean;
+    baseFilter?: string;
     placeHolder?: string;
     searchColumns: string[];
 }
-export declare const TableSearch: ({ TableProps: { dataSource: dataSourceProp, ...TableProps }, autoFocus, className, placeHolder, searchColumns, ...htmlAttributes }: TableSearchProps) => import("react").JSX.Element;
+export declare const TableSearch: ({ TableProps: { dataSource: dataSourceProp, ...TableProps }, autoFocus, baseFilter, className, placeHolder, searchColumns, ...htmlAttributes }: TableSearchProps) => import("react").JSX.Element;

package/types/table-search/useTableSearch.d.ts

@@ -1,11 +1,11 @@
 import { FormEventHandler } from "react";
 import { TableSearchProps } from "./TableSearch";
 import { DataSource } from "@vuu-ui/vuu-data-types";
-export interface TableSearchHookProps extends Pick<TableSearchProps, "searchColumns"> {
+export interface TableSearchHookProps extends Pick<TableSearchProps, "searchColumns" | "baseFilter"> {
     dataSource: DataSource;
     label?: string;
 }
-export declare const useTableSearch: ({ dataSource, searchColumns, }: TableSearchHookProps) => {
+export declare const useTableSearch: ({ baseFilter, dataSource, searchColumns, }: TableSearchHookProps) => {
     dataSource: DataSource;
     onChange: FormEventHandler;
     searchState: {

package/types/tabstrip/Tabstrip.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-import { TabstripProps } from "./TabsTypes";
+import type { TabstripProps } from "./TabsTypes";
 export declare const Tabstrip: ({ activeTabIndex: activeTabIndexProp, allowAddTab, allowCloseTab, allowDragDrop, allowRenameTab, animateSelectionThumb, children, className: classNameProp, id: idProp, keyBoardActivation, location, onActiveChange, onAddTab, onCloseTab, onExitEditMode, onMoveTab, orientation, showTabMenuButton, style: styleProp, tabClassName, variant, ...htmlAttributes }: TabstripProps) => React.JSX.Element;

package/src/modal-provider/ModalProvider.js

@@ -1,147 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Dialog, DialogActions, DialogCloseButton, DialogContent, DialogHeader } from "@salt-ds/core";
-import { createContext, useCallback, useContext, useMemo, useState } from "react";
-import { Prompt } from "../prompt/Prompt.js";
-const useDialogHost = ()=>{
-    const [dialogState, setDialogState] = useState();
-    const [promptState, setPromptState] = useState();
-    const closePrompt = useCallback(()=>{
-        setPromptState(void 0);
-    }, []);
-    const closeDialog = useCallback(()=>{
-        setDialogState(void 0);
-    }, []);
-    const handleOpenChange = useCallback((open)=>{
-        if (true !== open) closeDialog();
-    }, [
-        closeDialog
-    ]);
-    const dialog = dialogState ? /*#__PURE__*/ jsxs(Dialog, {
-        open: true,
-        onOpenChange: handleOpenChange,
-        children: [
-            /*#__PURE__*/ jsx(DialogHeader, {
-                header: dialogState.title
-            }),
-            /*#__PURE__*/ jsx(DialogContent, {
-                children: dialogState.content
-            }),
-            true !== dialogState.hideCloseButton ? /*#__PURE__*/ jsx(DialogCloseButton, {
-                "data-embedded": true,
-                "data-icon": "close",
-                onClick: closeDialog
-            }) : null,
-            dialogState.actions ? /*#__PURE__*/ jsx(DialogActions, {
-                children: dialogState.actions
-            }) : null
-        ]
-    }) : null;
-    const handleOpenChangePrompt = useCallback((open)=>{
-        if (true !== open) closePrompt();
-        promptState?.promptProps.onOpenChange?.(open);
-    }, [
-        closePrompt,
-        promptState
-    ]);
-    const prompt = promptState ? /*#__PURE__*/ jsx(Prompt, {
-        ...promptState.promptProps,
-        onClose: closePrompt,
-        onOpenChange: handleOpenChangePrompt,
-        open: true,
-        children: promptState.content
-    }) : null;
-    return {
-        dialog,
-        prompt,
-        setDialogState,
-        setPromptState
-    };
-};
-const defaultShowDialog = ()=>{
-    console.warn("No DialogProvider in place");
-};
-const defaultCloseDialog = ()=>{
-    console.warn("No DialogProvider in place");
-};
-const defaultShowPrompt = ()=>{
-    console.warn("No DialogProvider in place");
-};
-const defaultClosePrompt = ()=>{
-    console.warn("No DialogProvider in place");
-};
-class DialogContextObject {
-    showDialog = defaultShowDialog;
-    closeDialog = defaultCloseDialog;
-    showPrompt = defaultShowPrompt;
-    closePrompt = defaultClosePrompt;
-    setDispatchers = (showDialog, closeDialog, showPrompt, closePrompt)=>{
-        this.showDialog = showDialog;
-        this.closeDialog = closeDialog;
-        this.showPrompt = showPrompt;
-        this.closePrompt = closePrompt;
-    };
-}
-const DialogContext = /*#__PURE__*/ createContext(new DialogContextObject());
-const DialogHost = ({ context })=>{
-    const { dialog, setDialogState, prompt, setPromptState } = useDialogHost();
-    const showDialog = useCallback((dialogContent, title, actionButtons, hideCloseButton)=>{
-        setDialogState({
-            actions: actionButtons,
-            content: dialogContent,
-            title,
-            hideCloseButton
-        });
-    }, [
-        setDialogState
-    ]);
-    const closeDialog = useCallback(()=>{
-        setDialogState(void 0);
-    }, [
-        setDialogState
-    ]);
-    const showPrompt = useCallback((content, promptProps)=>{
-        setPromptState({
-            content,
-            promptProps
-        });
-    }, [
-        setPromptState
-    ]);
-    const closePrompt = useCallback(()=>{
-        setPromptState(void 0);
-    }, [
-        setPromptState
-    ]);
-    useMemo(()=>{
-        context.setDispatchers(showDialog, closeDialog, showPrompt, closePrompt);
-    }, [
-        closeDialog,
-        closePrompt,
-        context,
-        showDialog,
-        showPrompt
-    ]);
-    return dialog ?? prompt;
-};
-const ModalProvider = ({ children })=>{
-    const context = useContext(DialogContext);
-    return /*#__PURE__*/ jsxs(DialogContext.Provider, {
-        value: context,
-        children: [
-            /*#__PURE__*/ jsx(DialogHost, {
-                context: context
-            }),
-            children
-        ]
-    });
-};
-const useModal = ()=>{
-    const { closeDialog, closePrompt, showDialog, showPrompt } = useContext(DialogContext);
-    return {
-        showDialog,
-        closeDialog,
-        showPrompt,
-        closePrompt
-    };
-};
-export { ModalProvider, useModal };

package/types/modal-provider/ModalProvider.d.ts

@@ -1,13 +0,0 @@
-import { ReactElement, ReactNode } from "react";
-import { PromptProps } from "../prompt/Prompt";
-export type ShowDialog = (dialogContent: ReactElement, title: string, dialogActionButtons?: ReactElement[], hideCloseButton?: boolean) => void;
-export type ShowPrompt = (promptContent: ReactElement, promptProps: PromptProps) => void;
-export declare const ModalProvider: ({ children }: {
-    children: ReactNode;
-}) => import("react").JSX.Element;
-export declare const useModal: () => {
-    showDialog: ShowDialog;
-    closeDialog: () => void;
-    showPrompt: ShowPrompt;
-    closePrompt: () => void;
-};

package/types/src/calendar/Calendar.d.ts

@@ -1,13 +0,0 @@
-import { type CalendarCarouselProps } from "./internal/CalendarCarousel";
-import { type CalendarNavigationProps } from "./internal/CalendarNavigation";
-import { type useCalendarProps } from "./useCalendar";
-export type CalendarProps = useCalendarProps & {
-    className?: string;
-    id?: string;
-    renderDayContents?: CalendarCarouselProps["renderDayContents"];
-    hideYearDropdown?: CalendarNavigationProps["hideYearDropdown"];
-    borderedDropdown?: CalendarNavigationProps["borderedDropdown"];
-    TooltipProps?: CalendarCarouselProps["TooltipProps"];
-    hideOutOfRangeDates?: CalendarCarouselProps["hideOutOfRangeDates"];
-};
-export declare const Calendar: import("react").ForwardRefExoticComponent<CalendarProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/calendar/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./Calendar";
-export * from "./useCalendarDay";
-export * from "./useCalendar";
-export * from "./useSelection";

package/types/src/calendar/internal/CalendarCarousel.d.ts

@@ -1,3 +0,0 @@
-import { type CalendarMonthProps } from "./CalendarMonth";
-export type CalendarCarouselProps = Omit<CalendarMonthProps, "date">;
-export declare const CalendarCarousel: import("react").ForwardRefExoticComponent<Omit<CalendarCarouselProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/calendar/internal/CalendarContext.d.ts

@@ -1,8 +0,0 @@
-import type { useCalendar } from "../useCalendar";
-interface CalendarState {
-    state: ReturnType<typeof useCalendar>["state"];
-    helpers: ReturnType<typeof useCalendar>["helpers"];
-}
-declare const CalendarContext: import("react").Context<CalendarState | null>;
-declare function useCalendarContext(): CalendarState;
-export { CalendarContext, useCalendarContext };

package/types/src/calendar/internal/CalendarDay.d.ts

@@ -1,14 +0,0 @@
-import type { DateValue } from "@internationalized/date";
-import { type TooltipProps } from "@salt-ds/core";
-import { type ComponentPropsWithRef, type ReactElement } from "react";
-import { type DayStatus } from "../useCalendarDay";
-export type DateFormatter = (day: Date) => string | undefined;
-export interface CalendarDayProps extends Omit<ComponentPropsWithRef<"button">, "children"> {
-    day: DateValue;
-    formatDate?: DateFormatter;
-    renderDayContents?: (date: DateValue, status: DayStatus) => ReactElement;
-    status?: DayStatus;
-    month: DateValue;
-    TooltipProps?: Partial<TooltipProps>;
-}
-export declare const CalendarDay: import("react").ForwardRefExoticComponent<Omit<CalendarDayProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/types/src/calendar/internal/CalendarMonth.d.ts

@@ -1,10 +0,0 @@
-import type { DateValue } from "@internationalized/date";
-import { type ComponentPropsWithRef } from "react";
-import { type CalendarDayProps } from "./CalendarDay";
-export interface CalendarMonthProps extends ComponentPropsWithRef<"div"> {
-    date: DateValue;
-    hideOutOfRangeDates?: boolean;
-    renderDayContents?: CalendarDayProps["renderDayContents"];
-    TooltipProps?: CalendarDayProps["TooltipProps"];
-}
-export declare const CalendarMonth: import("react").ForwardRefExoticComponent<Omit<CalendarMonthProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/calendar/internal/CalendarNavigation.d.ts

@@ -1,16 +0,0 @@
-import { type ButtonProps, type DropdownProps } from "@salt-ds/core";
-import { type ComponentPropsWithRef } from "react";
-import { type DateValue } from "@internationalized/date";
-type dateDropdownProps = DropdownProps<DateValue>;
-export interface CalendarNavigationProps extends ComponentPropsWithRef<"div"> {
-    MonthDropdownProps?: dateDropdownProps;
-    YearDropdownProps?: dateDropdownProps;
-    onMonthSelect?: dateDropdownProps["onChange"];
-    onYearSelect?: dateDropdownProps["onChange"];
-    borderedDropdown?: dateDropdownProps["bordered"];
-    onNavigateNext?: ButtonProps["onClick"];
-    onNavigatePrevious?: ButtonProps["onClick"];
-    hideYearDropdown?: boolean;
-}
-export declare const CalendarNavigation: import("react").ForwardRefExoticComponent<Omit<CalendarNavigationProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export {};

package/types/src/calendar/internal/CalendarWeekHeader.d.ts

@@ -1,3 +0,0 @@
-import { type ComponentPropsWithRef } from "react";
-export type CalendarWeekHeaderProps = ComponentPropsWithRef<"div">;
-export declare const CalendarWeekHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/calendar/internal/useFocusManagement.d.ts

@@ -1,9 +0,0 @@
-import { type DateValue } from "@internationalized/date";
-import type { FocusEventHandler, KeyboardEventHandler, MouseEventHandler } from "react";
-export declare function useFocusManagement({ date }: {
-    date: DateValue;
-}): {
-    handleClick: MouseEventHandler<HTMLButtonElement>;
-    handleKeyDown: KeyboardEventHandler<HTMLButtonElement>;
-    handleFocus: FocusEventHandler<HTMLButtonElement>;
-};

package/types/src/calendar/internal/utils.d.ts

@@ -1,15 +0,0 @@
-import { DateFormatter, type DateValue } from "@internationalized/date";
-export declare function getCurrentLocale(): string;
-export declare function getDateFormatter(options?: Intl.DateTimeFormatOptions): DateFormatter;
-export declare function formatDate(date: DateValue, options?: Intl.DateTimeFormatOptions): string;
-export declare function getCalender(): import("@internationalized/date").Calendar;
-type WeekdayFormat = Intl.DateTimeFormatOptions["weekday"];
-export declare function daysForLocale(weekday?: WeekdayFormat): string[];
-export declare function monthsForLocale(currentYear: DateValue): (import("@internationalized/date").CalendarDate | import("@internationalized/date").CalendarDateTime | import("@internationalized/date").ZonedDateTime)[];
-export declare function generateVisibleDays(currentMonth: DateValue): {
-    date: DateValue;
-    dateOfMonth: number;
-    isCurrentMonth: boolean;
-}[];
-export declare function monthDiff(a: DateValue, b: DateValue): number;
-export {};

package/types/src/calendar/useCalendar.d.ts

@@ -1,54 +0,0 @@
-import { type DateValue } from "@internationalized/date";
-import { type SyntheticEvent } from "react";
-import { type UseMultiSelectionCalendarProps, type UseOffsetSelectionCalendarProps, type UseRangeSelectionCalendarProps, type UseSingleSelectionCalendarProps } from "./useSelection";
-interface BaseUseCalendarProps {
-    defaultVisibleMonth?: DateValue;
-    onVisibleMonthChange?: (event: SyntheticEvent, visibleMonth: DateValue) => void;
-    isDayUnselectable?: (date: DateValue) => string | false | undefined;
-    isDayHighlighted?: (date: DateValue) => string | false | undefined;
-    isDayDisabled?: (date: DateValue) => boolean;
-    visibleMonth?: DateValue;
-    hideOutOfRangeDates?: boolean;
-    hideYearDropdown?: boolean;
-    minDate?: DateValue;
-    maxDate?: DateValue;
-}
-export type useCalendarProps = (Omit<UseSingleSelectionCalendarProps, "isDaySelectable"> | Omit<UseMultiSelectionCalendarProps, "isDaySelectable"> | Omit<UseRangeSelectionCalendarProps, "isDaySelectable"> | Omit<UseOffsetSelectionCalendarProps, "isDaySelectable">) & BaseUseCalendarProps;
-export declare function useCalendar(props: useCalendarProps): {
-    state: {
-        selectedDate: DateValue[] | {
-            startDate?: DateValue;
-            endDate?: DateValue;
-        } | import("./useSelection").RangeSelectionValueType | DateValue | null | undefined;
-        hoveredDate: import("@internationalized/date").CalendarDate | import("@internationalized/date").CalendarDateTime | import("@internationalized/date").ZonedDateTime | null | undefined;
-        visibleMonth: DateValue;
-        focusedDate: DateValue;
-        minDate: DateValue | undefined;
-        maxDate: DateValue | undefined;
-        selectionVariant: "default" | "multiselect" | "offset" | "range";
-        hideOutOfRangeDates: boolean | undefined;
-        calendarFocused: boolean;
-    };
-    helpers: {
-        setSelectedDate: (event: SyntheticEvent<HTMLButtonElement>, newSelectedDate: DateValue) => void;
-        isSelected: (date: DateValue) => boolean;
-        setHoveredDate: (event: SyntheticEvent, date: DateValue | null) => void;
-        isHovered: (date: DateValue) => boolean;
-        isSelectedSpan: (date: DateValue) => boolean;
-        isHoveredSpan: (date: DateValue) => boolean;
-        isSelectedStart: (date: DateValue) => boolean;
-        isSelectedEnd: (date: DateValue) => boolean;
-        isHoveredOffset: (date: DateValue) => boolean;
-        setVisibleMonth: (event: SyntheticEvent, newVisibleMonth: DateValue) => void;
-        setFocusedDate: (event: SyntheticEvent, date: DateValue) => void;
-        setCalendarFocused: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-        isDayUnselectable: (date: DateValue) => string | false | undefined;
-        isDayHighlighted: (date: DateValue) => string | false | undefined;
-        isDayDisabled: (date: DateValue) => boolean;
-        isDayVisible: (date: DateValue) => boolean;
-        isOutsideAllowedDates: (date: DateValue) => boolean;
-        isOutsideAllowedMonths: (date: DateValue) => boolean;
-        isOutsideAllowedYears: (date: DateValue) => boolean;
-    };
-};
-export {};

package/types/src/calendar/useCalendarDay.d.ts

@@ -1,22 +0,0 @@
-import { type DateValue } from "@internationalized/date";
-import { type ComponentPropsWithoutRef, type RefObject } from "react";
-export interface DayStatus {
-    outOfRange?: boolean;
-    selected?: boolean;
-    today?: boolean;
-    unselectable?: string | false;
-    highlighted?: string | false;
-    focused?: boolean;
-    disabled?: boolean;
-    hidden?: boolean;
-}
-export interface useCalendarDayProps {
-    date: DateValue;
-    month: DateValue;
-}
-export declare function useCalendarDay({ date, month }: useCalendarDayProps, ref: RefObject<HTMLElement | null>): {
-    status: DayStatus;
-    dayProps: ComponentPropsWithoutRef<"button">;
-    unselectableReason: string | false | undefined;
-    highlightedReason: string | false | undefined;
-};

package/types/src/calendar/useSelection.d.ts

@@ -1,78 +0,0 @@
-import { CalendarDate, type DateValue } from "@internationalized/date";
-import type { KeyboardEventHandler, MouseEventHandler, SyntheticEvent } from "react";
-interface BaseUseSelectionCalendarProps<SelectionVariantType> {
-    hoveredDate?: DateValue | null;
-    selectedDate?: SelectionVariantType | null;
-    defaultSelectedDate?: SelectionVariantType;
-    onSelectedDateChange?: (event: SyntheticEvent, selectedDate: SelectionVariantType) => void;
-    isDaySelectable: (date?: DateValue) => boolean;
-    onHoveredDateChange?: (event: SyntheticEvent, hoveredDate: DateValue | null) => void;
-}
-export type SingleSelectionValueType = DateValue;
-type MultiSelectionValueType = DateValue[];
-export type RangeSelectionValueType = {
-    startDate?: DateValue;
-    endDate?: DateValue;
-};
-type OffsetSelectionValueType = {
-    startDate?: DateValue;
-    endDate?: DateValue;
-};
-type AllSelectionValueType = SingleSelectionValueType | MultiSelectionValueType | RangeSelectionValueType | OffsetSelectionValueType | null;
-export interface UseOffsetSelectionCalendarProps extends Omit<BaseUseSelectionCalendarProps<OffsetSelectionValueType>, "startDateOffset" | "endDateOffset"> {
-    selectionVariant: "offset";
-    startDateOffset?: (date: DateValue) => DateValue;
-    endDateOffset?: (date: DateValue) => DateValue;
-}
-export interface UseRangeSelectionCalendarProps extends BaseUseSelectionCalendarProps<RangeSelectionValueType> {
-    selectionVariant: "range";
-}
-export interface UseMultiSelectionCalendarProps extends BaseUseSelectionCalendarProps<MultiSelectionValueType> {
-    selectionVariant: "multiselect";
-}
-export interface UseSingleSelectionCalendarProps extends BaseUseSelectionCalendarProps<SingleSelectionValueType> {
-    selectionVariant: "default";
-}
-export type useSelectionCalendarProps = UseSingleSelectionCalendarProps | UseMultiSelectionCalendarProps | UseRangeSelectionCalendarProps | UseOffsetSelectionCalendarProps;
-export declare function isRangeOrOffsetSelectionValue(selectionValue?: AllSelectionValueType): selectionValue is RangeSelectionValueType | OffsetSelectionValueType;
-export declare function isRangeOrOffsetSelectionWithStartDate(selectionValue?: AllSelectionValueType): selectionValue is RangeSelectionValueType | OffsetSelectionValueType;
-export declare function useSelectionCalendar(props: useSelectionCalendarProps): {
-    state: {
-        selectedDate: MultiSelectionValueType | OffsetSelectionValueType | RangeSelectionValueType | DateValue | null | undefined;
-        hoveredDate: CalendarDate | import("@internationalized/date").CalendarDateTime | import("@internationalized/date").ZonedDateTime | null | undefined;
-    };
-    helpers: {
-        setSelectedDate: (event: SyntheticEvent<HTMLButtonElement>, newSelectedDate: DateValue) => void;
-        isSelected: (date: DateValue) => boolean;
-        setHoveredDate: (event: SyntheticEvent, date: DateValue | null) => void;
-        isHovered: (date: DateValue) => boolean;
-        isSelectedSpan: (date: DateValue) => boolean;
-        isHoveredSpan: (date: DateValue) => boolean;
-        isSelectedStart: (date: DateValue) => boolean;
-        isSelectedEnd: (date: DateValue) => boolean;
-        isHoveredOffset: (date: DateValue) => boolean;
-    };
-};
-export declare function useSelectionDay({ date }: {
-    date: DateValue;
-}): {
-    handleClick: MouseEventHandler<HTMLButtonElement>;
-    handleKeyDown: KeyboardEventHandler<HTMLButtonElement>;
-    handleMouseOver: MouseEventHandler<HTMLButtonElement>;
-    handleMouseLeave: MouseEventHandler<HTMLButtonElement>;
-    status: {
-        selected: boolean;
-        selectedSpan: boolean;
-        hoveredSpan: boolean;
-        selectedStart: boolean;
-        selectedEnd: boolean;
-        hovered: boolean;
-        hoveredOffset: boolean;
-    };
-    dayProps: {
-        className: string;
-        "aria-pressed": string | undefined;
-        "aria-disabled": string | undefined;
-    };
-};
-export {};

package/types/src/column-picker/ColumnPicker.d.ts

@@ -1,7 +0,0 @@
-import { IconButtonProps } from "../icon-button";
-import { ColumnSearchProps } from "./ColumnSearch";
-export interface ColumnPickerProps extends Omit<IconButtonProps, "icon">, Pick<ColumnSearchProps, "columns" | "onSelectionChange" | "selected"> {
-    icon?: string;
-    iconSize?: number;
-}
-export declare const ColumnPicker: import("react").ForwardRefExoticComponent<ColumnPickerProps & import("react").RefAttributes<HTMLButtonElement>>;

package/types/src/column-picker/ColumnSearch.d.ts

@@ -1,12 +0,0 @@
-import { ListBoxProps } from "@salt-ds/core";
-import { HTMLAttributes } from "react";
-export interface ColumnSearchProps extends HTMLAttributes<HTMLDivElement>, Pick<ListBoxProps, "onSelectionChange" | "selected"> {
-    columns: string[];
-    onReorderColumns: (columns: string[]) => void;
-}
-/**
- * @deprecated
- *
- * use ColumnList instead
- */
-export declare const ColumnSearch: import("react").ForwardRefExoticComponent<ColumnSearchProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/column-picker/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./ColumnPicker";
-export * from "./ColumnSearch";

package/types/src/column-picker/moving-window.d.ts

@@ -1,14 +0,0 @@
-import type { DataSourceRow } from "@vuu-ui/vuu-data-types";
-import type { VuuRange } from "@vuu-ui/vuu-protocol-types";
-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, to }: VuuRange): void;
-    getSelectedRows(): DataSourceRow[];
-}

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

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

package/types/src/common-hooks/selectionTypes.d.ts

@@ -1,70 +0,0 @@
-import { MouseEventHandler, RefObject, SyntheticEvent } from "react";
-export type SelectionDisallowed = "none";
-export type SingleSelectionStrategy = "default" | "deselectable";
-export type MultiSelectionStrategy = "multiple" | "extended" | "extended-multi-range";
-/**
- * SpecialKeyMultiple works as deselectable unless a special key
- * (default SHIFT) is also pressed, then it allows multiple selection.
- * Useful for column sorting, filters etc
- */
-export type SpecialKeyMultipleSelection = "multiple-special-key";
-export type SelectionStrategy = SelectionDisallowed | SingleSelectionStrategy | MultiSelectionStrategy;
-export declare const isSingleSelection: (s?: SelectionStrategy) => s is SingleSelectionStrategy;
-export declare const isMultiSelection: (s?: SelectionStrategy) => s is MultiSelectionStrategy;
-export type SelectHandler<Item = string> = (event: SyntheticEvent, selectedItem: Item) => void;
-export declare const selectionIsDisallowed: (selection?: SelectionStrategy | SpecialKeyMultipleSelection) => selection is SelectionDisallowed;
-export declare const allowMultipleSelection: (selectionStrategy: SelectionStrategy | SpecialKeyMultipleSelection, specialKey?: boolean) => boolean;
-export declare const deselectionIsAllowed: (selection?: SelectionStrategy | SpecialKeyMultipleSelection) => selection is "deselectable" | MultiSelectionStrategy;
-export declare const hasSelection: <Item = unknown>(selected?: Item[]) => boolean;
-export declare const getFirstSelectedItem: <Item = unknown>(selected: Item[]) => Item;
-interface SelectionProps {
-    defaultSelected?: string[];
-    onSelect?: SelectHandler;
-    onSelectionChange?: MultiSelectionHandler;
-    selected?: string[];
-    selectionStrategy?: SelectionStrategy;
-}
-export interface ListHandlers {
-    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
-    onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
-    onKeyboardNavigation?: (event: React.KeyboardEvent, currentIndex: number) => void;
-    onMouseMove?: (event: React.MouseEvent) => void;
-}
-export interface SelectionHookProps extends SelectionProps {
-    containerRef: RefObject<HTMLElement | null>;
-    disableSelection?: boolean;
-    highlightedIndex: number;
-    itemQuery: string;
-    label?: string;
-    onClick?: MouseEventHandler;
-    selectionKeys?: string[];
-    tabToSelect?: boolean;
-}
-export interface SelectionHookResult {
-    listHandlers: ListHandlers;
-    selected: string[];
-    setSelected: (selected: string[]) => void;
-}
-/**
- * evt is only null in the special case of a selection fired from a multi-select
- * host on tab or selection based on freeform text in combobox
- */
-export type MultiSelectionHandler<Item = string> = (event: SyntheticEvent | null, selected: Item[]) => void;
-/**
- * evt is only null in the special case of freeform text in combobox
- */
-export type SingleSelectionHandler<Item = string> = (event: SyntheticEvent | null, selected: Item) => void;
-export type SelectionType<I, S extends SelectionStrategy> = S extends MultiSelectionStrategy ? I[] : I | null;
-export interface ComponentSelectionProps<Item = string, S extends SelectionStrategy = "default"> {
-    defaultSelected?: S extends MultiSelectionStrategy ? Item[] : Item;
-    onSelect?: SelectHandler<Item>;
-    onSelectionChange?: S extends MultiSelectionStrategy ? MultiSelectionHandler<Item> : SingleSelectionHandler<Item>;
-    selected?: SelectionType<Item, S>;
-    selectionStrategy?: S;
-    /**
-     * The keyboard keys used to effect selection, defaults to SPACE and ENTER
-     * TODO maybe this belongs on the SelectionProps interface ?
-     */
-    selectionKeys?: string[];
-}
-export {};

package/types/src/common-hooks/use-resize-observer.d.ts

@@ -1,16 +0,0 @@
-import { RefObject } from "react";
-export declare const WidthHeight: string[];
-export declare const WidthOnly: string[];
-export declare const HeightOnly: string[];
-export type measurements<T = string | number> = {
-    height?: T;
-    clientHeight?: number;
-    clientWidth?: number;
-    contentHeight?: number;
-    contentWidth?: number;
-    scrollHeight?: number;
-    scrollWidth?: number;
-    width?: T;
-};
-export type ResizeHandler = (measurements: measurements<number>) => void;
-export declare function useResizeObserver(ref: RefObject<Element | HTMLElement | null>, dimensions: string[], onResize: ResizeHandler, reportInitialSize?: boolean): void;

package/types/src/common-hooks/useControlled.d.ts

@@ -1,24 +0,0 @@
-import { Dispatch, SetStateAction } from "react";
-export interface UseControlledProps<T> {
-    /**
-     * Holds the component value when it's controlled.
-     */
-    controlled?: T;
-    /**
-     * The default value when uncontrolled.
-     */
-    default: T;
-    /**
-     * The component name displayed in warnings.
-     */
-    name: string;
-    /**
-     * The name of the state variable displayed in warnings.
-     */
-    state?: string;
-}
-/**
- * Copied from MUI (v5) useControlled hook with one additional returned value
- * @see https://github.com/mui-org/material-ui/blob/0979e6a54ba47c278d1f535953c0520a86349811/packages/material-ui-utils/src/useControlled.js
- */
-export declare function useControlled<S>({ controlled, default: defaultProp, name, state, }: UseControlledProps<S>): [S, Dispatch<SetStateAction<S>>, boolean];