@vuu-ui/vuu-data-react 0.13.47 → 0.13.49

package/types/vuu-ui-controls/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: DateValue | RangeSelectionValueType | OffsetSelectionValueType | MultiSelectionValueType | 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/vuu-ui-controls/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/vuu-ui-controls/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/vuu-ui-controls/src/column-picker/index.d.ts

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

package/types/vuu-ui-controls/src/common-hooks/index.d.ts

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

package/types/vuu-ui-controls/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/vuu-ui-controls/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/vuu-ui-controls/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];

package/types/vuu-ui-controls/src/context-panel-provider/ContextPanelProvider.d.ts

@@ -1,17 +0,0 @@
-import React, { ReactElement, ReactNode } from "react";
-/**
- * If component is a string, the component will be read from the
- * comoponent registry. In that case, componentProps can be used
- * to pass props to the component.
- */
-export type ShowContextPanel = (component: string | ReactElement, title: string, componentProps?: unknown) => void;
-export interface ContextPanelProps {
-    hideContextPanel?: () => void;
-    showContextPanel: ShowContextPanel;
-}
-export declare const ContextPanelContext: React.Context<ContextPanelProps>;
-export declare const ContextPanelProvider: ({ children, hideContextPanel: hideContextPanelProp, showContextPanel: showContextPanelProp, }: Partial<ContextPanelProps> & {
-    children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare function useContextPanel(): ShowContextPanel;
-export declare function useHideContextPanel(): (() => void) | undefined;

package/types/vuu-ui-controls/src/cycle-state-button/CycleStateButton.d.ts

@@ -1,11 +0,0 @@
-import { ButtonProps } from "@salt-ds/core";
-import type { VuuRowDataItemType } from "@vuu-ui/vuu-protocol-types";
-import type { CommitHandler } from "@vuu-ui/vuu-utils";
-export type CycleStateButtonChangeHandler = (value: VuuRowDataItemType) => void;
-export interface CycleStateButtonProps extends Omit<ButtonProps, "onChange"> {
-    onChange?: CycleStateButtonChangeHandler;
-    onCommit?: CommitHandler<HTMLButtonElement>;
-    values: string[];
-    value: string;
-}
-export declare const CycleStateButton: import("react").ForwardRefExoticComponent<CycleStateButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/types/vuu-ui-controls/src/cycle-state-button/index.d.ts

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

package/types/vuu-ui-controls/src/date-input/DateInput.d.ts

@@ -1,60 +0,0 @@
-import { type ChangeEvent, type ComponentPropsWithoutRef, type InputHTMLAttributes, type ReactNode, type RefObject, type SyntheticEvent } from "react";
-import { type DateValue } from "@internationalized/date";
-import { type RangeSelectionValueType, type SingleSelectionValueType } from "../calendar";
-export interface DateInputProps<SelectionVariantType> extends Omit<ComponentPropsWithoutRef<"div">, "defaultValue" | "onChange">, Pick<ComponentPropsWithoutRef<"input">, "disabled" | "placeholder"> {
-    ariaLabel?: string;
-    /**
-     * The marker to use in an empty read only DateInput.
-     * Use `''` to disable this feature. Defaults to '—'.
-     */
-    emptyReadOnlyMarker?: string;
-    /**
-     * End adornment component
-     */
-    endAdornment?: ReactNode;
-    /**
-     * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dateInput#Attributes) applied to the `input` elements.
-     */
-    inputProps?: InputHTMLAttributes<HTMLInputElement>;
-    /**
-     * If `true`, the component is read only.
-     */
-    readOnly?: boolean;
-    /**
-     * Validation status.
-     */
-    validationStatus?: "error" | "warning" | "success";
-    /**
-     * Styling variant. Defaults to "primary".
-     */
-    variant?: "primary" | "secondary";
-    /**
-     * Styling variant with full border. Defaults to false
-     */
-    bordered?: boolean;
-    /**
-     * Function to format the input value.
-     */
-    dateFormatter?: (input: DateValue | undefined) => string;
-    /**
-     * Reference for the startInput;
-     */
-    startInputRef?: RefObject<HTMLInputElement | null>;
-    /**
-     * Reference for the endInput;
-     */
-    endInputRef?: RefObject<HTMLInputElement | null>;
-    /**
-     * Selection variant. Defaults to single select.
-     */
-    selectionVariant?: "default" | "range";
-    /**
-     * Callback fired when the selected date change.
-     */
-    onSelectionChange?: (event: SyntheticEvent, selectedDate?: SelectionVariantType) => void;
-    /**
-     * Callback fired when the input value change.
-     */
-    onChange?: SelectionVariantType extends SingleSelectionValueType ? (event: ChangeEvent<HTMLInputElement>, selectedDateInputValue?: string) => void : (event: ChangeEvent<HTMLInputElement>, startDateInputValue?: string, endDateInputValue?: string) => void;
-}
-export declare const DateInput: import("react").ForwardRefExoticComponent<DateInputProps<DateValue | RangeSelectionValueType> & import("react").RefAttributes<HTMLDivElement>>;

package/types/vuu-ui-controls/src/date-input/index.d.ts

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

package/types/vuu-ui-controls/src/date-picker/DatePicker.d.ts

@@ -1,66 +0,0 @@
-import { type ChangeEvent, type SyntheticEvent } from "react";
-import { type DateValue } from "@internationalized/date";
-import { type CalendarProps, type RangeSelectionValueType, type SingleSelectionValueType } from "../calendar";
-import { type DateInputProps } from "../date-input";
-export interface DatePickerProps<SelectionVariantType> extends DateInputProps<SelectionVariantType> {
-    /**
-     * Selection variant. Defaults to single select.
-     */
-    selectionVariant?: "default" | "range";
-    /**
-     * If `true`, the component will be disabled.
-     */
-    disabled?: boolean;
-    /**
-     * The selected date value. Use when the component is controlled.
-     * Can be a single date or an object with start and end dates for range selection.
-     */
-    selectedDate?: SelectionVariantType;
-    /**
-     * The default date value. Use when the component is not controlled.
-     * Can be a single date or an object with start and end dates for range selection.
-     */
-    defaultSelectedDate?: SelectionVariantType;
-    /**
-     * Props to be passed to the Calendar component.
-     */
-    CalendarProps?: Partial<Omit<CalendarProps, "selectionVariant" | "selectedDate" | "defaultSelectedDate" | "onSelectedDateChange">>;
-    /**
-     * Function to format the input value.
-     */
-    dateFormatter?: (input: DateValue | undefined) => string;
-    /**
-     * Callback function triggered when open state changes.
-     */
-    onOpenChange?: (newOpen: boolean) => void;
-    /**
-     * Display or hide the component.
-     */
-    open?: boolean;
-    /**
-     * The default open value. Use when the component is not controlled.
-     */
-    defaultOpen?: boolean;
-    /**
-     * Helper text to display in the panel
-     */
-    helperText?: string;
-    /**
-     * Validation status.
-     */
-    validationStatus?: "error" | "warning" | "success";
-    /**
-     * Callback fired when the selected date change.
-     */
-    onSelectionChange?: (event: SyntheticEvent, selectedDate?: SelectionVariantType) => void;
-    /**
-     * Callback fired when the input value change.
-     */
-    onChange?: SelectionVariantType extends SingleSelectionValueType ? (event: ChangeEvent<HTMLInputElement>, selectedDateInputValue?: string) => void : (event: ChangeEvent<HTMLInputElement>, startDateInputValue?: string, endDateInputValue?: string) => void;
-    /**
-     * Number of Calendars to be shown if selectionVariant is range.
-     * 2 is the default value.
-     */
-    visibleMonths?: 1 | 2;
-}
-export declare const DatePicker: import("react").ForwardRefExoticComponent<DatePickerProps<DateValue | RangeSelectionValueType> & import("react").RefAttributes<HTMLDivElement>>;

package/types/vuu-ui-controls/src/date-picker/DatePickerContext.d.ts

@@ -1,19 +0,0 @@
-import type { DateValue } from "@internationalized/date";
-import { type UseFloatingUIReturn } from "@salt-ds/core";
-import type { RangeSelectionValueType } from "../calendar";
-export interface DatePickerContextValue<SelectionVariantType> extends Partial<Pick<UseFloatingUIReturn, "context">> {
-    openState: boolean;
-    setOpen: (newOpen: boolean) => void;
-    disabled: boolean;
-    selectedDate: SelectionVariantType | undefined;
-    defaultSelectedDate: SelectionVariantType | undefined;
-    setSelectedDate: (newStartDate: SelectionVariantType | undefined) => void;
-    startVisibleMonth: DateValue | undefined;
-    setStartVisibleMonth: (newStartDate: DateValue | undefined) => void;
-    endVisibleMonth: DateValue | undefined;
-    setEndVisibleMonth: (newStartDate: DateValue | undefined) => void;
-    selectionVariant: "default" | "range";
-    getPanelPosition: () => Record<string, unknown>;
-}
-export declare const DatePickerContext: import("react").Context<DatePickerContextValue<DateValue | RangeSelectionValueType>>;
-export declare function useDatePickerContext(): DatePickerContextValue<DateValue | RangeSelectionValueType>;

package/types/vuu-ui-controls/src/date-picker/DatePickerPanel.d.ts

@@ -1,10 +0,0 @@
-import { type DateValue } from "@internationalized/date";
-import { type ComponentPropsWithoutRef, type SyntheticEvent } from "react";
-import { type CalendarProps, type RangeSelectionValueType } from "../calendar";
-export interface DatePickerPanelProps<SelectionVariantType> extends ComponentPropsWithoutRef<"div"> {
-    onSelect?: (event: SyntheticEvent, selectedDate?: SelectionVariantType) => void;
-    helperText?: string;
-    visibleMonths?: 1 | 2;
-    CalendarProps?: Partial<Omit<CalendarProps, "selectionVariant" | "selectedDate" | "defaultSelectedDate" | "onSelectedDateChange">>;
-}
-export declare const DatePickerPanel: import("react").ForwardRefExoticComponent<DatePickerPanelProps<DateValue | RangeSelectionValueType> & import("react").RefAttributes<HTMLDivElement>>;

package/types/vuu-ui-controls/src/date-picker/index.d.ts

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

package/types/vuu-ui-controls/src/drag-drop/DragDropProvider.d.ts

@@ -1,38 +0,0 @@
-import { ReactNode } from "react";
-import { DragDropState } from "./DragDropState";
-import { GlobalDropHandler, ResumeDragHandler } from "./useGlobalDragDrop";
-export type DragOutHandler = (id: string, dragDropState: DragDropState) => boolean;
-export type DragDropRegistrationFn = (id: string, resumeDrag: ResumeDragHandler | false, onDrop?: GlobalDropHandler) => void;
-export type EndOfDragOperationHandler = (id: string) => void;
-export interface DragDropContextProps {
-    dragSources?: Map<string, string[]>;
-    dropTargets?: Map<string, string[]>;
-    onDragOut?: DragOutHandler;
-    onEndOfDragOperation?: EndOfDragOperationHandler;
-    registerDragDropParty: DragDropRegistrationFn;
-}
-export type DragSources = {
-    [key: string]: {
-        dropTargets: string | string[];
-        payloadType?: string;
-    };
-};
-export interface DragDropProviderProps {
-    children: ReactNode;
-    dragSources: DragSources;
-}
-export type MeasuredTarget = {
-    bottom: number;
-    left: number;
-    right: number;
-    top: number;
-};
-export declare const DragDropProvider: ({ children, dragSources: dragSourcesProp, }: DragDropProviderProps) => import("react/jsx-runtime").JSX.Element;
-export interface DragDropProviderResult {
-    isDragSource?: boolean;
-    isDropTarget?: boolean;
-    onDragOut?: DragOutHandler;
-    onEndOfDragOperation?: (id: string) => void;
-    register: DragDropRegistrationFn;
-}
-export declare const useDragDropProvider: (id?: string) => DragDropProviderResult;

package/types/vuu-ui-controls/src/drag-drop/DragDropState.d.ts

@@ -1,15 +0,0 @@
-import { MouseOffset, MousePosition } from "./dragDropTypes";
-export declare class DragDropState {
-    /** Distance between start (top | left) of dragged element and point where user pressed to drag */
-    readonly mouseOffset: MouseOffset;
-    /** Element where the initial mousedown triggered the drag operation */
-    readonly initialDragElement: HTMLElement;
-    /** Element being dragged, (initial element cloned and rendered in portal). */
-    draggableElement: HTMLElement | null;
-    payload: unknown;
-    constructor(mousePosition: MousePosition, dragElement: HTMLElement);
-    /** Used to capture a ref to the Draggable ReactElement */
-    setDraggable: (el: HTMLElement | null) => void;
-    setPayload(payload: unknown): void;
-    private getMouseOffset;
-}

package/types/vuu-ui-controls/src/drag-drop/Draggable.d.ts

@@ -1,13 +0,0 @@
-import { CSSProperties, HTMLAttributes, MutableRefObject, TransitionEventHandler } from "react";
-export interface DraggableProps extends HTMLAttributes<HTMLDivElement> {
-    wrapperClassName: string;
-    element: HTMLElement;
-    onDropped?: () => void;
-    onTransitionEnd?: TransitionEventHandler;
-    scale?: number;
-    style: CSSProperties;
-}
-export declare const Draggable: import("react").ForwardRefExoticComponent<DraggableProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const createDragSpacer: (transitioning?: MutableRefObject<boolean>) => HTMLElement;
-export declare const createDropIndicatorPosition: () => HTMLElement;
-export declare const createDropIndicator: (transitioning?: MutableRefObject<boolean>) => HTMLElement;

package/types/vuu-ui-controls/src/drag-drop/dragDropTypes.d.ts

@@ -1,100 +0,0 @@
-import { MouseEventHandler, ReactElement, RefObject } from "react";
-import type { orientationType } from "@vuu-ui/vuu-utils";
-import { DragDropState } from "./DragDropState";
-export type ViewportRange = {
-    atEnd: boolean;
-    atStart: boolean;
-    from: number;
-    to: number;
-};
-type dimension = "width" | "height" | "scrollWidth" | "scrollHeight";
-type dimensions = {
-    size: dimension;
-    depth: dimension;
-    scrollDepth: dimension;
-};
-export type dimensionsType = {
-    horizontal: dimensions;
-    vertical: dimensions;
-};
-export type dragStrategy = "drop-indicator" | "natural-movement" | "drag-copy" | "drop-only";
-export type Direction = "fwd" | "bwd";
-export declare const FWD: Direction;
-export declare const BWD: Direction;
-export interface MousePosition {
-    clientX: number;
-    clientY: number;
-}
-export interface MouseOffset {
-    x: number;
-    y: number;
-}
-export type Rect = {
-    height: number;
-    left: number;
-    top: number;
-    width: number;
-};
-export interface DragHookResult {
-    draggable?: ReactElement;
-    dropIndicator?: ReactElement;
-    draggedItemIndex?: number;
-    isDragging: boolean;
-    isScrolling: RefObject<boolean>;
-    onMouseDown?: MouseEventHandler;
-    revealOverflowedItems?: boolean;
-}
-export interface InternalDragHookResult extends Omit<DragHookResult, "isDragging" | "isScrolling"> {
-    beginDrag: (dragElement: HTMLElement) => void;
-    drag: (dragPos: number, mouseMoveDirection: "fwd" | "bwd") => void;
-    drop: () => DropOptions;
-    handleScrollStart?: (scrollDirection: "fwd" | "bwd") => void;
-    handleScrollStop?: (scrollDirection: "fwd" | "bwd", _scrollPos: number, atEnd: boolean) => void;
-    /**
-     * Draggable item has been dragged out of container. Remove any local drop
-     * indicators. Dragged element itself should not yet be removed from DOM.
-     */
-    releaseDrag?: () => void;
-}
-export interface DropOptions {
-    fromIndex: number;
-    toIndex: number;
-    isExternal?: boolean;
-    payload?: unknown;
-}
-export type DragStartHandler = (dragDropState: DragDropState) => void;
-export type DropHandler = (options: DropOptions) => void;
-export interface DragDropProps {
-    allowDragDrop?: boolean | dragStrategy;
-    containerRef: RefObject<HTMLElement | null>;
-    /** this is the className that will be assigned during drag to the dragged element  */
-    draggableClassName: string;
-    extendedDropZone?: boolean;
-    getDragPayload?: (dragElement: HTMLElement) => unknown;
-    id?: string;
-    isDragSource?: boolean;
-    isDropTarget?: boolean;
-    itemQuery?: string;
-    onDragStart?: DragStartHandler;
-    onDrop: DropHandler;
-    onDropSettle?: (toIndex: number) => void;
-    orientation: orientationType;
-    /**
-     * The scrolling container does not necessarily have to be a
-     * descendant of the container, it may be an ancestor element;
-     */
-    scrollingContainerRef?: RefObject<HTMLElement | null>;
-    viewportRange?: ViewportRange;
-}
-export type DragDropHook = (props: DragDropProps) => DragHookResult;
-export interface InternalDragDropProps extends Omit<DragDropProps, "draggableClassName" | "id" | "onDrop"> {
-    isDragSource?: boolean;
-    isDropTarget?: boolean;
-    selected?: unknown;
-}
-export type DragDropContext = {
-    dragElement: HTMLElement;
-    dragPayload: unknown;
-    mouseOffset: MouseOffset;
-};
-export {};