ydb-ui-components 1.1.3 → 1.2.3

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # Changelog
 
+### [1.2.3](https://github.com/ydb-platform/ydb-ui-components/compare/v1.2.2...v1.2.3) (2022-05-23)
+
+
+### Bug Fixes
+
+* **NavigationTree:** expand tree to initial active path ([6a84dfb](https://github.com/ydb-platform/ydb-ui-components/commit/6a84dfb8b89f8411bd5b11f7b18582ed547c6d0d))
+
+### [1.2.2](https://github.com/ydb-platform/ydb-ui-components/compare/v1.2.1...v1.2.2) (2022-05-23)
+
+
+### Bug Fixes
+
+* add missing index file for TreeView ([7496d9b](https://github.com/ydb-platform/ydb-ui-components/commit/7496d9b7074d6ee5c2f280030ca38cc9373b0f34))
+
+### [1.2.1](https://github.com/ydb-platform/ydb-ui-components/compare/v1.2.0...v1.2.1) (2022-05-23)
+
+
+### Bug Fixes
+
+* add missing component export ([9b71eb7](https://github.com/ydb-platform/ydb-ui-components/commit/9b71eb78f8c2adfd773e45edddc41ea97c64aa35))
+
+## [1.2.0](https://github.com/ydb-platform/ydb-ui-components/compare/v1.1.3...v1.2.0) (2022-05-23)
+
+
+### Features
+
+* a param to always refetch nodes data ([6cee325](https://github.com/ydb-platform/ydb-ui-components/commit/6cee32581d0a16ecc8bb742eb8f2c27d2d9a1cad))
+
 ### [1.1.3](https://github.com/ydb-platform/ydb-ui-components/compare/v1.1.2...v1.1.3) (2022-05-23)
 
 

package/build/components/NavigationTree/NavigationTree.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { NavigationTreeProps } from './types';
 export type { NavigationTreeProps };
-export declare function NavigationTree({ rootState: partialRootState, fetchPath, getActions, activePath, onActivePathUpdate, }: NavigationTreeProps): JSX.Element;
+export declare function NavigationTree({ rootState: partialRootState, fetchPath, getActions, activePath, onActivePathUpdate, cache, }: NavigationTreeProps): JSX.Element;

package/build/components/NavigationTree/NavigationTree.js

@@ -27,7 +27,8 @@ function NavigationTree(_ref) {
     fetchPath,
     getActions,
     activePath,
-    onActivePathUpdate
+    onActivePathUpdate,
+    cache = true
   } = _ref;
 
   const [state, dispatch] = _react.default.useReducer(_state.reducer, {
@@ -49,6 +50,7 @@ function NavigationTree(_ref) {
     fetchPath: fetchPath,
     activePath: activePath,
     onItemActivate: onActivePathUpdate,
-    getActions: getActions
+    getActions: getActions,
+    cache: cache
   }));
 }

package/build/components/NavigationTree/NavigationTreeDirectory.d.ts

@@ -9,5 +9,6 @@ export interface NavigationTreeDirectoryProps {
     activePath?: string;
     onItemActivate?: (itemPath: string) => void;
     getActions?: NavigationTreeProps['getActions'];
+    cache?: boolean;
 }
-export declare function NavigationTreeDirectory({ state, dispatch, path, fetchPath, activePath, onItemActivate, getActions, }: NavigationTreeDirectoryProps): JSX.Element;
+export declare function NavigationTreeDirectory({ state, dispatch, path, fetchPath, activePath, onItemActivate, getActions, cache, }: NavigationTreeDirectoryProps): JSX.Element;

package/build/components/NavigationTree/NavigationTreeDirectory.js

@@ -27,36 +27,40 @@ function NavigationTreeDirectory(_ref) {
     fetchPath,
     activePath,
     onItemActivate,
-    getActions
+    getActions,
+    cache
   } = _ref;
   const nodeState = state[path];
 
   _react.default.useEffect(() => {
-    if (!nodeState.loaded && !nodeState.loading) {
+    if (nodeState.loaded && cache || nodeState.loading) {
+      return;
+    }
+
+    dispatch({
+      type: _state.NavigationTreeActionType.StartLoading,
+      payload: {
+        path
+      }
+    });
+    fetchPath(path).then(data => {
       dispatch({
-        type: _state.NavigationTreeActionType.StartLoading,
+        type: _state.NavigationTreeActionType.FinishLoading,
         payload: {
-          path
+          path,
+          activePath,
+          data
         }
       });
-      fetchPath(path).then(data => {
-        dispatch({
-          type: _state.NavigationTreeActionType.FinishLoading,
-          payload: {
-            path,
-            data
-          }
-        });
-      }).catch(error => {
-        dispatch({
-          type: _state.NavigationTreeActionType.FinishLoading,
-          payload: {
-            path,
-            error
-          }
-        });
+    }).catch(error => {
+      dispatch({
+        type: _state.NavigationTreeActionType.FinishLoading,
+        payload: {
+          path,
+          error
+        }
       });
-    }
+    });
   }, []);
 
   if (nodeState.loading) {
@@ -80,7 +84,8 @@ function NavigationTreeDirectory(_ref) {
           fetchPath: fetchPath,
           activePath: activePath,
           onItemActivate: onItemActivate,
-          getActions: getActions
+          getActions: getActions,
+          cache: cache
         });
       }
 

package/build/components/NavigationTree/state.js

@@ -49,7 +49,8 @@ function reducer() {
         [action.payload.path]: _objectSpread(_objectSpread({}, state[action.payload.path]), {}, {
           loading: true,
           loaded: false,
-          error: false
+          error: false,
+          children: []
         })
       });
 
@@ -72,10 +73,19 @@ function reducer() {
           });
 
           for (const item of action.payload.data) {
+            var _state$path$collapsed, _state$path;
+
             const path = `${action.payload.path}/${item.name}`;
             const name = item.name;
-            const type = item.type;
+            const type = item.type; // expand the tree according to the active path
+            // prioritize the existing state to expand the tree only on first load
+
+            const {
+              activePath = ''
+            } = action.payload;
+            const collapsed = (_state$path$collapsed = (_state$path = state[path]) === null || _state$path === void 0 ? void 0 : _state$path.collapsed) !== null && _state$path$collapsed !== void 0 ? _state$path$collapsed : !activePath.startsWith(`${path}/`);
             newState[path] = _objectSpread(_objectSpread({}, getDefaultNodeState()), {}, {
+              collapsed,
               path,
               name,
               type

package/build/components/NavigationTree/types.d.ts

@@ -23,4 +23,5 @@ export interface NavigationTreeProps<D = any> {
     getActions?: (path: string, type: NavigationTreeNodeType) => DropdownMenuItemMixed<D>[];
     activePath?: string;
     onActivePathUpdate?: (activePath: string) => void;
+    cache?: boolean;
 }

package/build/components/TreeView/index.d.ts

@@ -0,0 +1 @@
+export * from './TreeView';

package/build/components/TreeView/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _TreeView = require("./TreeView");
+
+Object.keys(_TreeView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TreeView[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TreeView[key];
+    }
+  });
+});

package/build/index.d.ts

@@ -1 +1,2 @@
 export * from './components/NavigationTree';
+export * from './components/TreeView';

package/build/index.js

@@ -15,4 +15,17 @@ Object.keys(_NavigationTree).forEach(function (key) {
       return _NavigationTree[key];
     }
   });
+});
+
+var _TreeView = require("./components/TreeView");
+
+Object.keys(_TreeView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TreeView[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TreeView[key];
+    }
+  });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-ui-components",
-  "version": "1.1.3",
+  "version": "1.2.3",
   "description": "",
   "license": "MIT",
   "main": "build/index.js",