@snack-uikit/tree 0.10.2-preview-13f87e77.0 → 0.10.2-preview-c66aa175.0

package/README.md

@@ -90,32 +90,30 @@ function TreeAsyncLoadExample() {
 
 [//]: DOCUMENTATION_SECTION_START
 [//]: THIS_SECTION_IS_AUTOGENERATED_PLEASE_DONT_EDIT_IT
+## getSearchedTreeItems
+### Props
+| name | type | default value | description |
+|------|------|---------------|-------------|
+| tree* | `any[]` | - |  |
+| searchOptions | `Partial<{ query: string; includeChildrenMatchedParent: boolean; }>` | - |  |
+## getSearchedTreeNodeById
+### Props
+| name | type | default value | description |
+|------|------|---------------|-------------|
+| searchOptions* | `{ id: I; includeNested?: boolean; }` | - |  |
+| tree* | `T[]` | - |  |
 ## Tree
 ### Props
 | name | type | default value | description |
 |------|------|---------------|-------------|
-| data* | `TreeNodeProps[]` | - | Данные для отрисовки |
-| onNodeClick | `OnNodeClick` | - | Обработчик клика по элементу дерева |
-| expandedNodes | `string[]` | - | Состояние для раскрытых элементов |
-| onExpand | `(expandedKeys: string[], node: TreeNodeProps) => void` | - | Колбэк при раскрытии/закрытии элементов |
-| onDataLoad | `(node: TreeNodeProps) => Promise<unknown>` | - | Колбэк для асинхронной загрузки данных при раскрытии дерева |
-| parentActions | `(node: TreeNodeProps) => Item[]` | - | Дополнительные действия для элемента-родителя |
-| nodeActions | `(node: TreeNodeProps) => Item[]` | - | Дополнительные действия для элемента-потомка |
-| showIcons | `boolean` | true | Флаг отвечающий за отображение иконок у элементов дерева |
-| showLines | `boolean` | true | Флаг отвечающий за отображение линий вложенности |
-| className | `string` | - | CSS-класс |
-| selectionMode | "single" \| "multi" | - | Режим выбора элементов: <br> - `Single` - одиночный выбор <br> - `Multi` - множественный выбор <br> - `undefined` - без выбора |
-| selected | `string \| string[]` | - | Состояние для выбраных элементов: <br> - При <strong>selectionMode</strong>=`Multi` - принимает массив строк <br> - При <strong>selectionMode</strong>=`Single` - принимает строку |
-| onSelect | `((selectedKeys: string[], node: TreeNodeProps) => void) \| ((selectedKey: string, node: TreeNodeProps) => void)` | - | Колбэк при изменении выбраных элементов: <br> - При <strong>selectionMode</strong>=`Multi` - возвращает массив строк <br> - При <strong>selectionMode</strong>=`Single` - возвращает строку |
-| showToggle | `boolean` | - |  |
-## useTreeWithPreload
+## useSearchableTree
 ### Props
 | name | type | default value | description |
 |------|------|---------------|-------------|
 | mapNodeToRecordItem* | `(node: TTreeNode) => TRecordValue` | - |  |
 | onSearch* | `(params: SearchParams) => Promise<SearchResult<TTreeNode>>` | - |  |
 | onPreloadNodes* | `(nodes: string[]) => Promise<Record<string, TTreeNode[]>>` | - |  |
-| onPreloadNode* | `(node: TreeNodeProps) => Promise<TTreeNode[]>` | - |  |
+| onPreloadNode* | `(node: any) => Promise<TTreeNode[]>` | - |  |
 | initTree* | `TTreeNode[]` | - |  |
 ## useTreeMultiSelection
 ### Props

package/dist/cjs/hooks/index.d.ts

@@ -1,2 +1,2 @@
-export * from './useTreeWithPreload';
+export * from './useSearchableTree';
 export * from './useTreeMultiSelection';

package/dist/cjs/hooks/index.js

@@ -22,5 +22,5 @@ var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-__exportStar(require("./useTreeWithPreload"), exports);
+__exportStar(require("./useSearchableTree"), exports);
 __exportStar(require("./useTreeMultiSelection"), exports);

package/dist/cjs/hooks/{useTreeWithPreload.d.ts → useSearchableTree.d.ts}

@@ -7,14 +7,14 @@ export type SearchParams = {
     search: string;
     expandedNodes: string[];
 };
-type UseTreeWithPreloadParams<TRecordValue, TTreeNode extends TreeNodeProps> = {
+type UseSearchableTreeParams<TRecordValue, TTreeNode extends TreeNodeProps> = {
     initTree: TTreeNode[];
     onPreloadNode: (node: TreeNodeProps) => Promise<TTreeNode[]>;
     onPreloadNodes: (nodes: string[]) => Promise<Record<string, TTreeNode[]>>;
     onSearch: (params: SearchParams) => Promise<SearchResult<TTreeNode>>;
     mapNodeToRecordItem: (node: TTreeNode) => TRecordValue;
 };
-export declare function useTreeWithPreload<TRecordValue, TTreeNode extends TreeNodeProps>({ initTree, onPreloadNode, onPreloadNodes, onSearch, mapNodeToRecordItem, }: UseTreeWithPreloadParams<TRecordValue, TTreeNode>): {
+export declare function useSearchableTree<TRecordValue, TTreeNode extends TreeNodeProps>({ initTree, onPreloadNode, onPreloadNodes, onSearch, mapNodeToRecordItem, }: UseSearchableTreeParams<TRecordValue, TTreeNode>): {
     tree: import("@siberiacancode/reactuse").StateRef<TTreeNode[]>;
     expandedNodes: import("@siberiacancode/reactuse").StateRef<string[]>;
     loading: boolean;

package/dist/cjs/hooks/{useTreeWithPreload.js → useSearchableTree.js}

@@ -30,12 +30,12 @@ var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useTreeWithPreload = useTreeWithPreload;
+exports.useSearchableTree = useSearchableTree;
 const reactuse_1 = require("@siberiacancode/reactuse");
 const cancelable_promise_1 = require("cancelable-promise");
 const react_1 = require("react");
 const helpers_1 = require("../helpers");
-function useTreeWithPreload(_ref) {
+function useSearchableTree(_ref) {
   let {
     initTree,
     onPreloadNode,

package/dist/cjs/index.d.ts

@@ -2,3 +2,4 @@ export * from './components';
 export type { OnNodeClick, TreeNodeId, TreeNodeProps } from './types';
 export { setNonce } from '@snack-uikit/list';
 export * from './hooks';
+export { setChildrenOfTreeNode, traverse, getSearchedTreeItems, getSearchedTreeNodeById } from './helpers';

package/dist/cjs/index.js

@@ -22,7 +22,7 @@ var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setNonce = void 0;
+exports.getSearchedTreeNodeById = exports.getSearchedTreeItems = exports.traverse = exports.setChildrenOfTreeNode = exports.setNonce = void 0;
 __exportStar(require("./components"), exports);
 var list_1 = require("@snack-uikit/list");
 Object.defineProperty(exports, "setNonce", {
@@ -31,4 +31,29 @@ Object.defineProperty(exports, "setNonce", {
     return list_1.setNonce;
   }
 });
-__exportStar(require("./hooks"), exports);
+__exportStar(require("./hooks"), exports);
+var helpers_1 = require("./helpers");
+Object.defineProperty(exports, "setChildrenOfTreeNode", {
+  enumerable: true,
+  get: function () {
+    return helpers_1.setChildrenOfTreeNode;
+  }
+});
+Object.defineProperty(exports, "traverse", {
+  enumerable: true,
+  get: function () {
+    return helpers_1.traverse;
+  }
+});
+Object.defineProperty(exports, "getSearchedTreeItems", {
+  enumerable: true,
+  get: function () {
+    return helpers_1.getSearchedTreeItems;
+  }
+});
+Object.defineProperty(exports, "getSearchedTreeNodeById", {
+  enumerable: true,
+  get: function () {
+    return helpers_1.getSearchedTreeNodeById;
+  }
+});

package/dist/esm/hooks/index.d.ts

@@ -1,2 +1,2 @@
-export * from './useTreeWithPreload';
+export * from './useSearchableTree';
 export * from './useTreeMultiSelection';

package/dist/esm/hooks/index.js

@@ -1,2 +1,2 @@
-export * from './useTreeWithPreload';
+export * from './useSearchableTree';
 export * from './useTreeMultiSelection';

package/dist/esm/hooks/{useTreeWithPreload.d.ts → useSearchableTree.d.ts}

@@ -7,14 +7,14 @@ export type SearchParams = {
     search: string;
     expandedNodes: string[];
 };
-type UseTreeWithPreloadParams<TRecordValue, TTreeNode extends TreeNodeProps> = {
+type UseSearchableTreeParams<TRecordValue, TTreeNode extends TreeNodeProps> = {
     initTree: TTreeNode[];
     onPreloadNode: (node: TreeNodeProps) => Promise<TTreeNode[]>;
     onPreloadNodes: (nodes: string[]) => Promise<Record<string, TTreeNode[]>>;
     onSearch: (params: SearchParams) => Promise<SearchResult<TTreeNode>>;
     mapNodeToRecordItem: (node: TTreeNode) => TRecordValue;
 };
-export declare function useTreeWithPreload<TRecordValue, TTreeNode extends TreeNodeProps>({ initTree, onPreloadNode, onPreloadNodes, onSearch, mapNodeToRecordItem, }: UseTreeWithPreloadParams<TRecordValue, TTreeNode>): {
+export declare function useSearchableTree<TRecordValue, TTreeNode extends TreeNodeProps>({ initTree, onPreloadNode, onPreloadNodes, onSearch, mapNodeToRecordItem, }: UseSearchableTreeParams<TRecordValue, TTreeNode>): {
     tree: import("@siberiacancode/reactuse").StateRef<TTreeNode[]>;
     expandedNodes: import("@siberiacancode/reactuse").StateRef<string[]>;
     loading: boolean;

package/dist/esm/hooks/{useTreeWithPreload.js → useSearchableTree.js}

@@ -11,7 +11,7 @@ import { useDebounceValue, useDidUpdate, useRefState } from '@siberiacancode/rea
 import { cancelable } from 'cancelable-promise';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { collectEmptyNestedNodesInExpanded, setChildrenOfTreeNode, traverse } from '../helpers';
-export function useTreeWithPreload({ initTree, onPreloadNode, onPreloadNodes, onSearch, mapNodeToRecordItem, }) {
+export function useSearchableTree({ initTree, onPreloadNode, onPreloadNodes, onSearch, mapNodeToRecordItem, }) {
     const tree = useRefState(initTree);
     const treeItemsRecord = useRefState({});
     const expandedNodes = useRefState([]);

package/dist/esm/index.d.ts

@@ -2,3 +2,4 @@ export * from './components';
 export type { OnNodeClick, TreeNodeId, TreeNodeProps } from './types';
 export { setNonce } from '@snack-uikit/list';
 export * from './hooks';
+export { setChildrenOfTreeNode, traverse, getSearchedTreeItems, getSearchedTreeNodeById } from './helpers';

package/dist/esm/index.js

@@ -1,3 +1,4 @@
 export * from './components';
 export { setNonce } from '@snack-uikit/list';
 export * from './hooks';
+export { setChildrenOfTreeNode, traverse, getSearchedTreeItems, getSearchedTreeNodeById } from './helpers';

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Tree",
-  "version": "0.10.2-preview-13f87e77.0",
+  "version": "0.10.2-preview-c66aa175.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -50,5 +50,5 @@
     "react-transition-state": "2.1.1",
     "uncontrollable": "8.0.4"
   },
-  "gitHead": "244db9228818f24f34f9d5a4dafdf6f7f2182c6d"
+  "gitHead": "4f220f2a365b6c679fe345b06ed50706d62d4d34"
 }

package/src/hooks/index.ts

@@ -1,2 +1,2 @@
-export * from './useTreeWithPreload';
+export * from './useSearchableTree';
 export * from './useTreeMultiSelection';

package/src/hooks/{useTreeWithPreload.ts → useSearchableTree.ts}

@@ -15,7 +15,7 @@ export type SearchParams = {
   expandedNodes: string[];
 };
 
-type UseTreeWithPreloadParams<TRecordValue, TTreeNode extends TreeNodeProps> = {
+type UseSearchableTreeParams<TRecordValue, TTreeNode extends TreeNodeProps> = {
   initTree: TTreeNode[];
   onPreloadNode: (node: TreeNodeProps) => Promise<TTreeNode[]>;
   onPreloadNodes: (nodes: string[]) => Promise<Record<string, TTreeNode[]>>;
@@ -23,13 +23,13 @@ type UseTreeWithPreloadParams<TRecordValue, TTreeNode extends TreeNodeProps> = {
   mapNodeToRecordItem: (node: TTreeNode) => TRecordValue;
 };
 
-export function useTreeWithPreload<TRecordValue, TTreeNode extends TreeNodeProps>({
+export function useSearchableTree<TRecordValue, TTreeNode extends TreeNodeProps>({
   initTree,
   onPreloadNode,
   onPreloadNodes,
   onSearch,
   mapNodeToRecordItem,
-}: UseTreeWithPreloadParams<TRecordValue, TTreeNode>) {
+}: UseSearchableTreeParams<TRecordValue, TTreeNode>) {
   const tree = useRefState<TTreeNode[]>(initTree);
   const treeItemsRecord = useRefState<Record<string, TRecordValue>>({});
 

package/src/index.ts

@@ -2,3 +2,4 @@ export * from './components';
 export type { OnNodeClick, TreeNodeId, TreeNodeProps } from './types';
 export { setNonce } from '@snack-uikit/list';
 export * from './hooks';
+export { setChildrenOfTreeNode, traverse, getSearchedTreeItems, getSearchedTreeNodeById } from './helpers';