@elliemae/ds-treeview 1.57.1-rc.0 → 2.0.0-alpha.11

package/package.json

@@ -1,14 +1,310 @@
 {
   "name": "@elliemae/ds-treeview",
-  "version": "1.57.1-rc.0",
+  "version": "2.0.0-alpha.11",
   "license": "MIT",
-  "description": "Ellie Mae - Dim Sum - Tree View",
-  "main": "cjs/index.js",
-  "module": "esm/index.js",
+  "description": "ICE MT - Dimsum - Tree View",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./utils/useTree": {
+      "import": "./esm/utils/useTree.js",
+      "require": "./cjs/utils/useTree.js"
+    },
+    "./utils/useInstanceRefActions": {
+      "import": "./esm/utils/useInstanceRefActions.js",
+      "require": "./cjs/utils/useInstanceRefActions.js"
+    },
+    "./utils/useDnDHelpers": {
+      "import": "./esm/utils/useDnDHelpers.js",
+      "require": "./cjs/utils/useDnDHelpers.js"
+    },
+    "./utils/tree-helpers": {
+      "import": "./esm/utils/tree-helpers.js",
+      "require": "./cjs/utils/tree-helpers.js"
+    },
+    "./utils/string-helpers": {
+      "import": "./esm/utils/string-helpers.js",
+      "require": "./cjs/utils/string-helpers.js"
+    },
+    "./utils/selectable-helper": {
+      "import": "./esm/utils/selectable-helper.js",
+      "require": "./cjs/utils/selectable-helper.js"
+    },
+    "./utils/refs-helpers": {
+      "import": "./esm/utils/refs-helpers.js",
+      "require": "./cjs/utils/refs-helpers.js"
+    },
+    "./utils/object-helpers": {
+      "import": "./esm/utils/object-helpers.js",
+      "require": "./cjs/utils/object-helpers.js"
+    },
+    "./utils/keyboard-helpers": {
+      "import": "./esm/utils/keyboard-helpers.js",
+      "require": "./cjs/utils/keyboard-helpers.js"
+    },
+    "./utils/group-expands-helpers": {
+      "import": "./esm/utils/group-expands-helpers.js",
+      "require": "./cjs/utils/group-expands-helpers.js"
+    },
+    "./utils/dnd-helpers": {
+      "import": "./esm/utils/dnd-helpers.js",
+      "require": "./cjs/utils/dnd-helpers.js"
+    },
+    "./utils/array-helpers": {
+      "import": "./esm/utils/array-helpers.js",
+      "require": "./cjs/utils/array-helpers.js"
+    },
+    "./TreeViewContext": {
+      "import": "./esm/TreeViewContext.js",
+      "require": "./cjs/TreeViewContext.js"
+    },
+    "./TreeView": {
+      "import": "./esm/TreeView.js",
+      "require": "./cjs/TreeView.js"
+    },
+    "./related-components/TreeViewSearchBar": {
+      "import": "./esm/related-components/TreeViewSearchBar.js",
+      "require": "./cjs/related-components/TreeViewSearchBar.js"
+    },
+    "./react-desc-prop-types": {
+      "import": "./esm/react-desc-prop-types.js",
+      "require": "./cjs/react-desc-prop-types.js"
+    },
+    "./prop-types": {
+      "import": "./esm/prop-types.js",
+      "require": "./cjs/prop-types.js"
+    },
+    "./plugins/virtualization/TreeVirtualizationPlugin": {
+      "import": "./esm/plugins/virtualization/TreeVirtualizationPlugin.js",
+      "require": "./cjs/plugins/virtualization/TreeVirtualizationPlugin.js"
+    },
+    "./plugins/virtualization": {
+      "import": "./esm/plugins/virtualization/index.js",
+      "require": "./cjs/plugins/virtualization/index.js"
+    },
+    "./plugins/tree/TreeDataPlugin": {
+      "import": "./esm/plugins/tree/TreeDataPlugin.js",
+      "require": "./cjs/plugins/tree/TreeDataPlugin.js"
+    },
+    "./plugins/tree": {
+      "import": "./esm/plugins/tree/index.js",
+      "require": "./cjs/plugins/tree/index.js"
+    },
+    "./plugins/toolbar/TreeToolbarPlugin": {
+      "import": "./esm/plugins/toolbar/TreeToolbarPlugin.js",
+      "require": "./cjs/plugins/toolbar/TreeToolbarPlugin.js"
+    },
+    "./plugins/toolbar": {
+      "import": "./esm/plugins/toolbar/index.js",
+      "require": "./cjs/plugins/toolbar/index.js"
+    },
+    "./plugins/selectable/SelectablePluginTree": {
+      "import": "./esm/plugins/selectable/SelectablePluginTree.js",
+      "require": "./cjs/plugins/selectable/SelectablePluginTree.js"
+    },
+    "./plugins/selectable": {
+      "import": "./esm/plugins/selectable/index.js",
+      "require": "./cjs/plugins/selectable/index.js"
+    },
+    "./plugins/searchable/SearchableTreePlugin": {
+      "import": "./esm/plugins/searchable/SearchableTreePlugin.js",
+      "require": "./cjs/plugins/searchable/SearchableTreePlugin.js"
+    },
+    "./plugins/searchable": {
+      "import": "./esm/plugins/searchable/index.js",
+      "require": "./cjs/plugins/searchable/index.js"
+    },
+    "./plugins/roving/TreeRovingPlugin": {
+      "import": "./esm/plugins/roving/TreeRovingPlugin.js",
+      "require": "./cjs/plugins/roving/TreeRovingPlugin.js"
+    },
+    "./plugins/roving": {
+      "import": "./esm/plugins/roving/index.js",
+      "require": "./cjs/plugins/roving/index.js"
+    },
+    "./plugins": {
+      "import": "./esm/plugins/index.js",
+      "require": "./cjs/plugins/index.js"
+    },
+    "./plugins/dnd/TreeDndPlugin": {
+      "import": "./esm/plugins/dnd/TreeDndPlugin.js",
+      "require": "./cjs/plugins/dnd/TreeDndPlugin.js"
+    },
+    "./plugins/dnd": {
+      "import": "./esm/plugins/dnd/index.js",
+      "require": "./cjs/plugins/dnd/index.js"
+    },
+    "./parts/TreeList": {
+      "import": "./esm/parts/TreeList.js",
+      "require": "./cjs/parts/TreeList.js"
+    },
+    "./parts/TreeItemText": {
+      "import": "./esm/parts/TreeItemText.js",
+      "require": "./cjs/parts/TreeItemText.js"
+    },
+    "./parts/TreeItem": {
+      "import": "./esm/parts/TreeItem.js",
+      "require": "./cjs/parts/TreeItem.js"
+    },
+    "./parts/RadioSelectable": {
+      "import": "./esm/parts/RadioSelectable.js",
+      "require": "./cjs/parts/RadioSelectable.js"
+    },
+    "./parts/NestingSpace": {
+      "import": "./esm/parts/NestingSpace.js",
+      "require": "./cjs/parts/NestingSpace.js"
+    },
+    "./parts/Icon": {
+      "import": "./esm/parts/Icon.js",
+      "require": "./cjs/parts/Icon.js"
+    },
+    "./parts/ExpandCaret": {
+      "import": "./esm/parts/ExpandCaret.js",
+      "require": "./cjs/parts/ExpandCaret.js"
+    },
+    "./parts/ChildrenCountDisplayer": {
+      "import": "./esm/parts/ChildrenCountDisplayer.js",
+      "require": "./cjs/parts/ChildrenCountDisplayer.js"
+    },
+    "./parts/CheckboxSelectable": {
+      "import": "./esm/parts/CheckboxSelectable.js",
+      "require": "./cjs/parts/CheckboxSelectable.js"
+    },
+    "./deprecated/TreeView": {
+      "import": "./esm/deprecated/TreeView.js",
+      "require": "./cjs/deprecated/TreeView.js"
+    },
+    "./deprecated/renderers": {
+      "import": "./esm/deprecated/renderers.js",
+      "require": "./cjs/deprecated/renderers.js"
+    },
+    "./deprecated/plugins/virtualization/TreeVirtualizationPlugin": {
+      "import": "./esm/deprecated/plugins/virtualization/TreeVirtualizationPlugin.js",
+      "require": "./cjs/deprecated/plugins/virtualization/TreeVirtualizationPlugin.js"
+    },
+    "./deprecated/plugins/virtualization": {
+      "import": "./esm/deprecated/plugins/virtualization/index.js",
+      "require": "./cjs/deprecated/plugins/virtualization/index.js"
+    },
+    "./deprecated/plugins/tree/walkTreeStrategy": {
+      "import": "./esm/deprecated/plugins/tree/walkTreeStrategy.js",
+      "require": "./cjs/deprecated/plugins/tree/walkTreeStrategy.js"
+    },
+    "./deprecated/plugins/tree/utils": {
+      "import": "./esm/deprecated/plugins/tree/utils.js",
+      "require": "./cjs/deprecated/plugins/tree/utils.js"
+    },
+    "./deprecated/plugins/tree/useExpandTreeState": {
+      "import": "./esm/deprecated/plugins/tree/useExpandTreeState.js",
+      "require": "./cjs/deprecated/plugins/tree/useExpandTreeState.js"
+    },
+    "./deprecated/plugins/tree/TreeDataPlugin": {
+      "import": "./esm/deprecated/plugins/tree/TreeDataPlugin.js",
+      "require": "./cjs/deprecated/plugins/tree/TreeDataPlugin.js"
+    },
+    "./deprecated/plugins/tree": {
+      "import": "./esm/deprecated/plugins/tree/index.js",
+      "require": "./cjs/deprecated/plugins/tree/index.js"
+    },
+    "./deprecated/plugins/toolbar/TreeToolbarPlugin": {
+      "import": "./esm/deprecated/plugins/toolbar/TreeToolbarPlugin.js",
+      "require": "./cjs/deprecated/plugins/toolbar/TreeToolbarPlugin.js"
+    },
+    "./deprecated/plugins/toolbar": {
+      "import": "./esm/deprecated/plugins/toolbar/index.js",
+      "require": "./cjs/deprecated/plugins/toolbar/index.js"
+    },
+    "./deprecated/plugins/selectable/utils": {
+      "import": "./esm/deprecated/plugins/selectable/utils.js",
+      "require": "./cjs/deprecated/plugins/selectable/utils.js"
+    },
+    "./deprecated/plugins/selectable/SelectablePluginTree": {
+      "import": "./esm/deprecated/plugins/selectable/SelectablePluginTree.js",
+      "require": "./cjs/deprecated/plugins/selectable/SelectablePluginTree.js"
+    },
+    "./deprecated/plugins/selectable": {
+      "import": "./esm/deprecated/plugins/selectable/index.js",
+      "require": "./cjs/deprecated/plugins/selectable/index.js"
+    },
+    "./deprecated/plugins/selectable/helper": {
+      "import": "./esm/deprecated/plugins/selectable/helper.js",
+      "require": "./cjs/deprecated/plugins/selectable/helper.js"
+    },
+    "./deprecated/plugins/searchable/utils": {
+      "import": "./esm/deprecated/plugins/searchable/utils.js",
+      "require": "./cjs/deprecated/plugins/searchable/utils.js"
+    },
+    "./deprecated/plugins/searchable/SearchableTreePlugin": {
+      "import": "./esm/deprecated/plugins/searchable/SearchableTreePlugin.js",
+      "require": "./cjs/deprecated/plugins/searchable/SearchableTreePlugin.js"
+    },
+    "./deprecated/plugins/searchable": {
+      "import": "./esm/deprecated/plugins/searchable/index.js",
+      "require": "./cjs/deprecated/plugins/searchable/index.js"
+    },
+    "./deprecated/plugins/roving/TreeRovingPlugin": {
+      "import": "./esm/deprecated/plugins/roving/TreeRovingPlugin.js",
+      "require": "./cjs/deprecated/plugins/roving/TreeRovingPlugin.js"
+    },
+    "./deprecated/plugins/roving": {
+      "import": "./esm/deprecated/plugins/roving/index.js",
+      "require": "./cjs/deprecated/plugins/roving/index.js"
+    },
+    "./deprecated/plugins": {
+      "import": "./esm/deprecated/plugins/index.js",
+      "require": "./cjs/deprecated/plugins/index.js"
+    },
+    "./deprecated/plugins/dnd/utils": {
+      "import": "./esm/deprecated/plugins/dnd/utils.js",
+      "require": "./cjs/deprecated/plugins/dnd/utils.js"
+    },
+    "./deprecated/plugins/dnd/TreeDndPlugin": {
+      "import": "./esm/deprecated/plugins/dnd/TreeDndPlugin.js",
+      "require": "./cjs/deprecated/plugins/dnd/TreeDndPlugin.js"
+    },
+    "./deprecated/plugins/dnd/renderers/DroppableList": {
+      "import": "./esm/deprecated/plugins/dnd/renderers/DroppableList.js",
+      "require": "./cjs/deprecated/plugins/dnd/renderers/DroppableList.js"
+    },
+    "./deprecated/plugins/dnd/renderers/DraggableItem": {
+      "import": "./esm/deprecated/plugins/dnd/renderers/DraggableItem.js",
+      "require": "./cjs/deprecated/plugins/dnd/renderers/DraggableItem.js"
+    },
+    "./deprecated/plugins/dnd": {
+      "import": "./esm/deprecated/plugins/dnd/index.js",
+      "require": "./cjs/deprecated/plugins/dnd/index.js"
+    },
+    "./deprecated": {
+      "import": "./esm/deprecated/index.js",
+      "require": "./cjs/deprecated/index.js"
+    },
+    "./deprecated/__testUtils__/utils": {
+      "import": "./esm/deprecated/__testUtils__/utils.js",
+      "require": "./cjs/deprecated/__testUtils__/utils.js"
+    },
+    "./config/cssClassesConstants": {
+      "import": "./esm/config/cssClassesConstants.js",
+      "require": "./cjs/config/cssClassesConstants.js"
+    }
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "npm": ">=7",
+    "node": ">=14"
+  },
+  "author": "ICE MT",
   "scripts": {
     "test:e2e": "../../../node_modules/pui-e2e-test-sdk/node_modules/.bin/wdio run ../../../wdio.conf.js",
     "test:reports": "../../../node_modules/pui-e2e-test-sdk/node_modules/.bin/allure open",
@@ -19,44 +315,36 @@
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
+    "directory": "dist",
+    "generateSubmodules": true
   },
   "dependencies": {
-    "@elliemae/ds-basic": "1.57.1-rc.0",
-    "@elliemae/ds-classnames": "1.57.1-rc.0",
-    "@elliemae/ds-icons": "1.57.1-rc.0",
-    "@elliemae/ds-shared": "1.57.1-rc.0",
-    "@elliemae/ds-utilities": "1.57.1-rc.0",
+    "@elliemae/ds-basic": "2.0.0-alpha.11",
+    "@elliemae/ds-classnames": "2.0.0-alpha.11",
+    "@elliemae/ds-dropdownmenu": "2.0.0-alpha.11",
+    "@elliemae/ds-icons": "2.0.0-alpha.11",
+    "@elliemae/ds-shared": "2.0.0-alpha.11",
+    "@elliemae/ds-utilities": "2.0.0-alpha.11",
     "@elliemae/react-sortable-hoc": "^1.0.0",
     "@john-osullivan/react-window-dynamic-fork": "1.9.0-alpha.1",
     "prop-types": "~15.7.2",
     "react-beautiful-dnd": "~13.0.0",
-    "react-desc": "^4.1.2",
     "react-highlight-words": "~0.17.0",
     "react-virtual": "^2.3.2",
+    "react-virtualized-auto-sizer": "~1.0.6",
+    "react-window": "~1.8.6",
     "resize-observer-polyfill": "~1.5.1",
-    "tree-model": "^1.0.7",
+    "stylesheet-helpers": "~0.2.2",
+    "tree-model": "~1.0.7",
     "uuid": "~8.3.2"
   },
   "devDependencies": {
-    "styled-components": "~5.3.0"
+    "styled-components": "~5.3.1"
   },
   "peerDependencies": {
-    "lodash": "^4.17.20",
-    "react": "~17.0.1",
-    "react-dom": "^17.0.1",
-    "styled-components": "^5.3.0"
-  },
-  "babel": {
-    "presets": [
-      [
-        "@babel/preset-env",
-        {
-          "targets": {
-            "node": "current"
-          }
-        }
-      ]
-    ]
+    "lodash": "^4.17.21",
+    "react": "~17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "^5.3.1"
   }
 }

package/types/TreeView.d.ts

@@ -0,0 +1,67 @@
+import React from 'react';
+export declare function TreeView(props: any): JSX.Element;
+export declare namespace TreeView {
+    var propTypes: {
+        data: any;
+        plugins: any;
+        selection: any;
+        instanceRef: any;
+        disableGroups: any;
+        disableLeafs: any;
+        disableIcons: any;
+        fluid: any;
+        isMultiSelect: any;
+        isSingleSelect: any;
+        restrictDragAndDrop: any;
+        showChildrenAmount: any;
+        sortable: any;
+        labelRenderer: any;
+        onItemClick: any;
+        onItemFocus: any;
+        onVisibleItemsChange: any;
+        onOrderChange: any;
+        onSelectionChange: any;
+        onExpandChange: any;
+        rowSize: any;
+        width: any;
+        height: any;
+        groupIcon: any;
+        itemIcon: any;
+        searchQuery: any;
+        highlightOnlyQuery: any;
+    };
+    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;
+    };
+}
+declare const TreeViewWithSchema: any;
+export { TreeViewWithSchema };

package/types/TreeViewContext.d.ts

@@ -0,0 +1,119 @@
+/// <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;
+};
+export declare const defaultRelativeMouseCoord: {
+    isBefore: boolean;
+    isAfter: boolean;
+    isValid: boolean;
+    item: null;
+    x: null;
+    y: null;
+    relativeElementDOMRect: null;
+    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;
+}>;
+export default TreeViewContext;

package/types/config/cssClassesConstants.d.ts

@@ -0,0 +1,4 @@
+export declare const DSTreeViewPrefix = "em-ds";
+export declare const treeItemBlockName = "tree-item";
+export declare const treeListBlockName = "tree-list";
+export declare const treeListNoItemsBn: string;

package/types/deprecated/TreeView.d.ts

@@ -0,0 +1,8 @@
+export declare function TreeView({ data, plugins, children, roving, rowSize, ...props }: {
+    [x: string]: any;
+    data: any;
+    plugins?: never[] | undefined;
+    children: any;
+    roving?: boolean | undefined;
+    rowSize?: string | undefined;
+}): any;

package/types/deprecated/__testUtils__/utils.d.ts

@@ -0,0 +1,72 @@
+import React from 'react';
+export declare const treeItemsToMap: (items: any) => Map<any, any>;
+/**
+ * Returns items and itemMap with itemText as keys
+ *
+ * @param root0
+ * @param root0.data
+ * @param root0.plugins
+ * @param key
+ */
+export declare function getTreeItemsFromRender({ data, plugins, ...props }: {
+    [x: string]: any;
+    data: any;
+    plugins: any;
+}, key?: string): {
+    container: HTMLElement;
+    baseElement: Element;
+    debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("pretty-format/build/types").PrettyFormatOptions | undefined) => void;
+    rerender: (ui: React.ReactElement<any, string | React.JSXElementConstructor<any>>) => void;
+    unmount: () => void;
+    asFragment: () => DocumentFragment;
+    getByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement;
+    getAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
+    queryByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement | null;
+    queryAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
+    findByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    getAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    queryByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    findByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement;
+    getAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
+    queryByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement | null;
+    queryAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
+    findByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    getAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    queryByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    findByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    getAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    queryByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    findByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    getAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    queryByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    findByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement;
+    getAllByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement[];
+    queryByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement | null;
+    queryAllByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement[];
+    findByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    queryByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    findByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    items: HTMLElement[];
+    itemsMap: Map<any, any>;
+    getAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+};