@elliemae/ds-treeview 2.0.2 → 2.1.0-rc.4

package/types/TreeView.d.ts

@@ -1,156 +1,12 @@
 /// <reference path="../../../../shared/typings/react-desc.d.ts" />
 import React from 'react';
-export declare function TreeView(props: any): JSX.Element;
+import type { DSTreeviewT } from './react-desc-prop-types';
+export declare function TreeView(props: DSTreeviewT.Props): JSX.Element;
 export declare namespace TreeView {
-    var propTypes: {
-        data: import("react-desc").PropTypesDescValidator;
-        plugins: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        selection: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        instanceRef: {
-            defaultValue<T = unknown>(arg: T): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValidator;
-        };
-        disableGroups: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        disableLeafs: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        disableIcons: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        fluid: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isMultiSelect: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isSingleSelect: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        restrictDragAndDrop: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        showChildrenAmount: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        sortable: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        labelRenderer: {
-            defaultValue<T = unknown>(arg: T): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValidator;
-        };
-        onItemClick: {
-            defaultValue<T = unknown>(arg: T): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValidator;
-        };
-        onItemFocus: {
-            defaultValue<T = unknown>(arg: T): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValidator;
-        };
-        onVisibleItemsChange: {
-            defaultValue<T = unknown>(arg: T): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValidator;
-        };
-        onOrderChange: {
-            defaultValue<T = unknown>(arg: T): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValidator;
-        };
-        onSelectionChange: {
-            defaultValue<T = unknown>(arg: T): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValidator;
-        };
-        onExpandChange: {
-            defaultValue<T = unknown>(arg: T): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValidator;
-        };
-        rowSize: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        width: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        height: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        groupIcon: {
-            defaultValue<T = unknown>(arg: T): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValidator;
-        };
-        itemIcon: {
-            defaultValue<T = unknown>(arg: T): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValidator;
-        };
-        searchQuery: {
-            defaultValue<T = unknown>(arg: T): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValidator;
-        };
-        highlightOnlyQuery: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-    };
-    var defaultProps: {
-        plugins: never[];
-        selection: {};
-        instanceRef: React.RefObject<unknown>;
-        disableGroups: boolean;
-        disableLeafs: boolean;
-        disableIcons: boolean;
-        fluid: boolean;
-        isMultiSelect: boolean;
-        isSingleSelect: boolean;
-        restrictDragAndDrop: boolean;
-        showChildrenAmount: boolean;
-        sortable: boolean;
-        isLoading: boolean;
-        highlightOnlyQuery: boolean;
-        onInstanceRefInitialized: (istanceRef: any) => void;
-        onItemClick: (item: any, e: any) => void;
-        onItemFocus: (params: any) => void;
-        onVisibleItemsChange: (newVisibleItems: any) => void;
-        onOrderChange: (newData: any, oldData: any, draggedItem: any) => void;
-        onSelectionChange: (selectionHasmap: any, item: any, indexAndScrollTo: any) => void;
-        onExpandChange: (expandedHashmap: any, itemToggled: any) => void;
-        rowSize: string;
-        labelOverflow: string;
-        noItemsPlaceholder: string;
-        nameKey: string;
-        width: string;
-        height: string;
-        groupIcon: null;
-        itemIcon: null;
-        searchQuery: string;
-    };
+    var propTypes: React.WeakValidationMap<unknown>;
 }
 declare const TreeViewWithSchema: {
-    (props?: any): JSX.Element;
+    (props?: DSTreeviewT.Props | undefined): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };

package/types/TreeViewContext.d.ts

@@ -1,36 +1,7 @@
 /// <reference types="react" />
-export declare const defaultProps: {
-    plugins: never[];
-    selection: {};
-    instanceRef: import("react").RefObject<unknown>;
-    disableGroups: boolean;
-    disableLeafs: boolean;
-    disableIcons: boolean;
-    fluid: boolean;
-    isMultiSelect: boolean;
-    isSingleSelect: boolean;
-    restrictDragAndDrop: boolean;
-    showChildrenAmount: boolean;
-    sortable: boolean;
-    isLoading: boolean;
-    highlightOnlyQuery: boolean;
-    onInstanceRefInitialized: (istanceRef: any) => void;
-    onItemClick: (item: any, e: any) => void;
-    onItemFocus: (params: any) => void;
-    onVisibleItemsChange: (newVisibleItems: any) => void;
-    onOrderChange: (newData: any, oldData: any, draggedItem: any) => void;
-    onSelectionChange: (selectionHasmap: any, item: any, indexAndScrollTo: any) => void;
-    onExpandChange: (expandedHashmap: any, itemToggled: any) => void;
-    rowSize: string;
-    labelOverflow: string;
-    noItemsPlaceholder: string;
-    nameKey: string;
-    width: string;
-    height: string;
-    groupIcon: null;
-    itemIcon: null;
-    searchQuery: string;
-};
+import type { DSTreeviewT } from './react-desc-prop-types';
+import type { DSTreeviewInternalsT } from './sharedTypes';
+export declare const defaultProps: DSTreeviewT.Props;
 export declare const defaultRelativeMouseCoord: {
     isBefore: boolean;
     isAfter: boolean;
@@ -42,78 +13,5 @@ export declare const defaultRelativeMouseCoord: {
     relativeElementIndex: null;
 };
 /** Context for cross component communication */
-declare const TreeViewContext: import("react").Context<{
-    props: {
-        plugins: never[];
-        selection: {};
-        instanceRef: import("react").RefObject<unknown>;
-        disableGroups: boolean;
-        disableLeafs: boolean;
-        disableIcons: boolean;
-        fluid: boolean;
-        isMultiSelect: boolean;
-        isSingleSelect: boolean;
-        restrictDragAndDrop: boolean;
-        showChildrenAmount: boolean;
-        sortable: boolean;
-        isLoading: boolean;
-        highlightOnlyQuery: boolean;
-        onInstanceRefInitialized: (istanceRef: any) => void;
-        onItemClick: (item: any, e: any) => void;
-        onItemFocus: (params: any) => void;
-        onVisibleItemsChange: (newVisibleItems: any) => void;
-        onOrderChange: (newData: any, oldData: any, draggedItem: any) => void;
-        onSelectionChange: (selectionHasmap: any, item: any, indexAndScrollTo: any) => void;
-        onExpandChange: (expandedHashmap: any, itemToggled: any) => void;
-        rowSize: string;
-        labelOverflow: string;
-        noItemsPlaceholder: string;
-        nameKey: string;
-        width: string;
-        height: string;
-        groupIcon: null;
-        itemIcon: null;
-        searchQuery: string;
-    };
-    visibleItems: never[];
-    withRadioChecks: boolean;
-    withCheckboxChecks: boolean;
-    withDragAndDrop: boolean;
-    relativeMouseCord: {
-        isBefore: boolean;
-        isAfter: boolean;
-        isValid: boolean;
-        item: null;
-        x: null;
-        y: null;
-        relativeElementDOMRect: null;
-        relativeElementIndex: null;
-    };
-    setRelativeMouseCord: () => void;
-    labelRenderer: (value: any) => any;
-    triggerTreeRerender: () => void;
-    tree: {};
-    virtualListHelpers: {};
-    virtualListRef: {};
-    treeRoot: {};
-    isDragging: boolean;
-    setIsDragging: () => void;
-    isKeyboardDragging: boolean;
-    setIsKeyboardDragging: () => void;
-    draggedItem: null;
-    setDraggedItem: () => void;
-    uniqueTreeViewUUID: string;
-    selectedItem: null;
-    setSelectedItem: () => void;
-    focusedItem: null;
-    setFocusedItem: () => void;
-    selectedCheckboxes: {};
-    setSelectedCheckboxes: () => void;
-    expandedGroups: {};
-    setExpandedGroups: () => void;
-    latestToggledItem: null;
-    setLatestToggledItem: () => void;
-    hoverItem: null;
-    setHoverItem: () => void;
-}>;
+declare const TreeViewContext: import("react").Context<DSTreeviewInternalsT.CTX>;
 export default TreeViewContext;

package/types/config/useTreeview.d.ts

@@ -0,0 +1,7 @@
+import type { DSTreeviewT } from '../react-desc-prop-types';
+import type { DSTreeviewInternalsT } from '../sharedTypes';
+declare type UseTreeviewT = (props: DSTreeviewT.Props) => {
+    ctx: DSTreeviewInternalsT.CTX;
+};
+export declare const useTreeview: UseTreeviewT;
+export {};

package/types/index.d.ts

@@ -1,4 +1,3 @@
 export * from './TreeView';
 export * from './plugins';
 export { TreeViewSearchBar } from './related-components/TreeViewSearchBar';
-export * as DEPRECATED from './deprecated';

package/types/parts/CheckboxSelectable.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="react" />
-declare function CheckboxSelectable(props: any): JSX.Element;
-declare namespace CheckboxSelectable {
-    var propTypes: {
-        item: any;
-        itemIndex: any;
-    };
+import type { DSTreeviewT } from '../react-desc-prop-types';
+interface PropsT {
+    item: DSTreeviewT.Item;
+    itemIndex: number;
 }
+declare function CheckboxSelectable(props: PropsT): JSX.Element | null;
 export default CheckboxSelectable;

package/types/parts/ChildrenCountDisplayer.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-export declare const ChildrenCountDisplayer: {
-    (props: any): JSX.Element | null;
-    propTypes: {
-        item: any;
-    };
-};
+import type { DSTreeviewT } from '../react-desc-prop-types';
+interface PropsT {
+    item: DSTreeviewT.Item;
+}
+export declare const ChildrenCountDisplayer: (props: PropsT) => JSX.Element | null;
+export {};

package/types/parts/ExpandCaret.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-export declare const ExpandCaret: {
-    (props: any): JSX.Element;
-    propTypes: {
-        item: any;
-    };
-};
+import type { DSTreeviewT } from '../react-desc-prop-types';
+interface PropsT {
+    item: DSTreeviewT.Item;
+}
+export declare const ExpandCaret: (props: PropsT) => JSX.Element | null;
+export {};

package/types/parts/Icon.d.ts

@@ -1,5 +1,7 @@
-import React from 'react';
-export declare const Icon: (props: any) => React.DetailedReactHTMLElement<{
-    'data-testid': string;
-    className: any;
-}, HTMLElement> | null;
+/// <reference types="react" />
+import type { DSTreeviewT } from '../react-desc-prop-types';
+interface PropsT {
+    item: DSTreeviewT.Item;
+}
+export declare const Icon: (props: PropsT) => JSX.Element | null;
+export {};

package/types/parts/NestingSpace.d.ts

@@ -1,13 +1,8 @@
 /// <reference types="react" />
+import type { DSTreeviewT } from '../react-desc-prop-types';
 declare type NestingSpacePropsType = {
-    item: Record<string, any>;
+    item: DSTreeviewT.Item;
     spaceForNestingLevel: number;
 };
-export declare const NestingSpace: {
-    (props: NestingSpacePropsType): JSX.Element;
-    propTypes: {
-        item: any;
-        spaceForNestingLevel: any;
-    };
-};
+export declare const NestingSpace: (props: NestingSpacePropsType) => JSX.Element | null;
 export {};

package/types/parts/RadioSelectable.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="react" />
-declare function RadioSelectable(props: any): JSX.Element;
-declare namespace RadioSelectable {
-    var propTypes: {
-        item: any;
-        itemIndex: any;
-    };
+import type { DSTreeviewT } from '../react-desc-prop-types';
+interface PropsT {
+    item: DSTreeviewT.Item;
+    itemIndex: number;
 }
+declare function RadioSelectable(props: PropsT): JSX.Element;
 export default RadioSelectable;

package/types/parts/TreeItem.d.ts

@@ -1,16 +1,24 @@
+/// <reference types="node" />
 import React from 'react';
-export declare const TreeListItem: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
-export declare const TreeListItemAddonsWrapper: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
-export declare const TreeItem: {
-    (props: any): JSX.Element;
-    propTypes: {
-        item: any;
-        index: any;
-        itemIndex: any;
-        itemWrapperStyle: any;
-        virtualItemRef: any;
-        spaceForNestingLevel: any;
-        onMouseDragOverItem: any;
+import type { DSTreeviewT } from '../react-desc-prop-types';
+export declare const TreeListItem: React.ComponentType<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>>;
+export declare const TreeListItemAddonsWrapper: React.ComponentType<{}>;
+interface PropsT {
+    item: DSTreeviewT.Item;
+    itemIndex: number;
+    virtualItemRef: React.RefObject<HTMLLIElement>;
+    itemWrapperStyle?: {
+        [key: string]: unknown;
     };
-};
-export declare const DragAndDropTreeItem: React.ComponentClass<any, any>;
+    spaceForNestingLevel?: number;
+    onMouseDragOverItem?: (opts: {
+        event: React.MouseEvent<HTMLLIElement>;
+        item: DSTreeviewT.Item;
+        itemIndex: number;
+        setIsDraggingOverThis: React.Dispatch<React.SetStateAction<boolean>>;
+        openFolderOnHoverTimeout: React.MutableRefObject<NodeJS.Timeout | null>;
+    }) => void;
+}
+export declare const TreeItem: (props: PropsT) => JSX.Element;
+export declare const DragAndDropTreeItem: React.ComponentClass<PropsT & import("@elliemae/react-sortable-hoc").SortableElementProps, any>;
+export {};

package/types/parts/TreeItemText.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-export declare function TreeItemText(props: any): JSX.Element;
-export declare namespace TreeItemText {
-    var propTypes: {
-        item: any;
-    };
+import type { DSTreeviewT } from '../react-desc-prop-types';
+interface PropsT {
+    item: DSTreeviewT.Item;
 }
+export declare function TreeItemText(props: PropsT): JSX.Element;
+export {};

package/types/parts/TreeList.d.ts

@@ -1,11 +1,24 @@
+/// <reference types="node" />
 import React from 'react';
+import type { DSTreeviewT } from '../react-desc-prop-types';
 export declare const treeListNoItemsBn: string;
-export declare const TreeListNoItems: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
-export declare const TreeListWrapper: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
-export declare const TreeList: {
-    (props: any): JSX.Element;
-    propTypes: {
-        onMouseDragOverItem: any;
-    };
-};
-export declare const DragAndDropTreeList: React.ComponentClass<any, any>;
+export declare const TreeListNoItems: React.ComponentType<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+interface UlProps extends Omit<React.ComponentProps<'ul'>, 'ref'> {
+    ref: React.MutableRefObject<HTMLUListElement | undefined> | undefined;
+}
+export declare const TreeListWrapper: React.ComponentType<UlProps>;
+interface PropsT {
+    onMouseDragOverItem?: (opts: {
+        event: React.MouseEvent<HTMLLIElement>;
+        item: DSTreeviewT.Item;
+        itemIndex: number;
+        setIsDraggingOverThis: React.Dispatch<React.SetStateAction<boolean>>;
+        openFolderOnHoverTimeout: React.MutableRefObject<NodeJS.Timeout | null>;
+    }) => void;
+}
+export declare const TreeList: (props: PropsT) => JSX.Element;
+export declare const DragAndDropTreeList: React.ComponentClass<PropsT & {
+    disableAnimation?: boolean | undefined;
+    getContainer: (element: React.ReactElement<unknown>) => HTMLElement | Promise<HTMLElement>;
+} & import("@elliemae/react-sortable-hoc").SortableContainerProps, any>;
+export {};