ydb-ui-components 2.0.0 → 2.1.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # Changelog
 
+## [2.1.0](https://github.com/ydb-platform/ydb-ui-components/compare/v2.0.2...v2.1.0) (2022-06-28)
+
+
+### Features
+
+* **NavigationTree:** explicitly specify expandable nodes ([1791d59](https://github.com/ydb-platform/ydb-ui-components/commit/1791d59d4ed5b27050fdbd9c29500c4fe916f631))
+
+### [2.0.2](https://github.com/ydb-platform/ydb-ui-components/compare/v2.0.1...v2.0.2) (2022-05-30)
+
+
+### Bug Fixes
+
+* add i18n export ([13a34e0](https://github.com/ydb-platform/ydb-ui-components/commit/13a34e0056a9fa42b5ad02fc41e5323af0ac98e9))
+
+### [2.0.1](https://github.com/ydb-platform/ydb-ui-components/compare/v2.0.0...v2.0.1) (2022-05-26)
+
+
+### chore
+
+* update @yandex-cloud/uikit to 2.4.0 ([663c8d2](https://github.com/ydb-platform/ydb-ui-components/commit/663c8d26c704bd83be97c81f4fd4080a7cfbb3d0))
+
 ## [2.0.0](https://github.com/ydb-platform/ydb-ui-components/compare/v1.2.3...v2.0.0) (2022-05-25)
 
 

package/build/components/NavigationTree/NavigationTree.js

@@ -15,12 +15,6 @@ var _NavigationTreeDirectory = require("./NavigationTreeDirectory");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function NavigationTree(_ref) {
   let {
     rootState: partialRootState,
@@ -32,7 +26,7 @@ function NavigationTree(_ref) {
   } = _ref;
 
   const [state, dispatch] = _react.default.useReducer(_state.reducer, {
-    [partialRootState.path]: _objectSpread(_objectSpread({}, (0, _state.getDefaultNodeState)()), partialRootState)
+    [partialRootState.path]: (0, _state.getNodeState)(partialRootState)
   });
 
   const rootState = state[partialRootState.path];

package/build/components/NavigationTree/NavigationTreeDirectory.js

@@ -76,7 +76,7 @@ function NavigationTreeDirectory(_ref) {
       const childPath = `${path}/${childName}`;
       let children;
 
-      if (state[childPath].type === 'directory') {
+      if (state[childPath].expandable) {
         children = /*#__PURE__*/_react.default.createElement(NavigationTreeDirectory, {
           state: state,
           dispatch: dispatch,

package/build/components/NavigationTree/NavigationTreeNode.js

@@ -45,10 +45,6 @@ function renderIcon(type, collapsed) {
   }
 }
 
-function isArrowVisible(type) {
-  return type === 'database' || type === 'directory';
-}
-
 function NavigationTreeNode(_ref) {
   let {
     path,
@@ -86,7 +82,7 @@ function NavigationTreeNode(_ref) {
     collapsed: nodeState.collapsed,
     active: active,
     actions: actions,
-    hasArrow: isArrowVisible(nodeState.type),
+    hasArrow: nodeState.expandable,
     onClick: handleClick,
     onArrowClick: handleArrowClick
   }, children);

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

@@ -1,4 +1,4 @@
-import { NavigationTreeState } from './types';
+import { NavigationTreeNodeState, NavigationTreeNodePartialState, NavigationTreeState } from './types';
 export declare enum NavigationTreeActionType {
     ToggleCollapsed = "toggle-collapsed",
     StartLoading = "start-loading",
@@ -15,4 +15,5 @@ export declare function getDefaultNodeState(): {
     error: boolean;
     children: never[];
 };
+export declare function getNodeState(partialState: NavigationTreeNodePartialState): NavigationTreeNodeState;
 export declare function reducer(state: NavigationTreeState | undefined, action: NavigationTreeAction): NavigationTreeState;

package/build/components/NavigationTree/state.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.NavigationTreeActionType = void 0;
 exports.getDefaultNodeState = getDefaultNodeState;
+exports.getNodeState = getNodeState;
 exports.reducer = reducer;
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -32,6 +33,12 @@ function getDefaultNodeState() {
   };
 }
 
+function getNodeState(partialState) {
+  return _objectSpread(_objectSpread({}, getDefaultNodeState()), {}, {
+    expandable: partialState.type === 'database' || partialState.type === 'directory'
+  }, partialState);
+}
+
 function reducer() {
   let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   let action = arguments.length > 1 ? arguments[1] : undefined;
@@ -75,21 +82,17 @@ 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; // expand the tree according to the active path
+            const path = `${action.payload.path}/${item.name}`; // 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()), {}, {
+            newState[path] = getNodeState(_objectSpread(_objectSpread({}, item), {}, {
               collapsed,
-              path,
-              name,
-              type
-            });
+              path
+            }));
           }
         }
 

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

@@ -3,6 +3,8 @@ export declare type NavigationTreeNodeType = 'database' | 'directory' | 'table';
 export interface NavigationTreeDataItem {
     name: string;
     type: NavigationTreeNodeType;
+    /** determined by type by default */
+    expandable?: boolean;
 }
 export interface NavigationTreeState {
     [path: string]: NavigationTreeNodeState;
@@ -11,14 +13,17 @@ export interface NavigationTreeNodeState {
     path: string;
     name: string;
     type: NavigationTreeNodeType;
+    /** determined by type by default */
+    expandable?: boolean;
     collapsed: boolean;
     loading: boolean;
     loaded: boolean;
     error: boolean;
     children: string[];
 }
+export declare type NavigationTreeNodePartialState = Omit<NavigationTreeNodeState, 'loading' | 'loaded' | 'error' | 'children'>;
 export interface NavigationTreeProps<D = any> {
-    rootState: Omit<NavigationTreeNodeState, 'loading' | 'loaded' | 'error' | 'children'>;
+    rootState: NavigationTreeNodePartialState;
     fetchPath: (path: string) => Promise<NavigationTreeDataItem[]>;
     getActions?: (path: string, type: NavigationTreeNodeType) => DropdownMenuItemMixed<D>[];
     activePath?: string;

package/build/index.d.ts

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

package/build/index.js

@@ -3,11 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  i18n: true
+};
+Object.defineProperty(exports, "i18n", {
+  enumerable: true,
+  get: function () {
+    return _i18n.i18n;
+  }
+});
 
 var _NavigationTree = require("./components/NavigationTree");
 
 Object.keys(_NavigationTree).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _NavigationTree[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -21,6 +31,7 @@ var _TreeView = require("./components/TreeView");
 
 Object.keys(_TreeView).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TreeView[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -28,4 +39,6 @@ Object.keys(_TreeView).forEach(function (key) {
       return _TreeView[key];
     }
   });
-});
+});
+
+var _i18n = require("./components/i18n");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-ui-components",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "",
   "license": "MIT",
   "main": "build/index.js",
@@ -43,7 +43,7 @@
     "@yandex-cloud/prettier-config": "^1.0.0",
     "@yandex-cloud/stylelint-config": "^1.1.0",
     "@yandex-cloud/tsconfig": "^1.0.0",
-    "@yandex-cloud/uikit": "^2.3.1",
+    "@yandex-cloud/uikit": "^2.4.0",
     "css-loader": "^5.2.7",
     "eslint": "^8.11.0",
     "gulp": "^4.0.2",
@@ -67,7 +67,7 @@
   "peerDependencies": {
     "@yandex-cloud/browserslist-config": "^1.0.1",
     "@yandex-cloud/i18n": "^0.6.0",
-    "@yandex-cloud/uikit": "^2.3.1",
+    "@yandex-cloud/uikit": "^2.4.0",
     "react": "^16.0.0",
     "react-dom": "^16.0.0"
   },