@banyan_cloud/roots 2.0.27 → 2.0.29

package/dist/esm/index.js

@@ -3518,6 +3518,9 @@ var getCSSVariableValue = function getCSSVariableValue(variable) {
   return getComputedStyle(document.documentElement).getPropertyValue(variable).trim();
 };
 var doubleDigitted = function doubleDigitted(number) {
+  if (!number) {
+    return '';
+  }
   return number.toString().slice(-2).padStart(2, '0');
 };
 
@@ -7198,10 +7201,10 @@ Reset.defaultProps = {
   className: ''
 };
 
-var _excluded$1 = ["className"];
+var _excluded = ["className"];
 var SearchIcon = function SearchIcon(_ref) {
   var className = _ref.className,
-    rest = _objectWithoutProperties(_ref, _excluded$1);
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/jsxs("svg", _objectSpread2(_objectSpread2({
     width: "25",
     height: "25",
@@ -19400,9 +19403,8 @@ var HierarchyItem = function HierarchyItem(props) {
     onDoubleClick = props.onDoubleClick,
     _props$active = props.active,
     active = _props$active === void 0 ? false : _props$active,
-    isLastItem = props.isLastItem;
-    props.isSingleItem;
-    var count = props.count,
+    isLastItem = props.isLastItem,
+    count = props.count,
     leftComponent = props.leftComponent,
     name = props.name,
     onSearchSubmit = props.onSearchSubmit,
@@ -19423,9 +19425,9 @@ var HierarchyItem = function HierarchyItem(props) {
     className: modules_6d03d164['expand-container'],
     children: [jsx(Button, {
       className: modules_6d03d164.expand,
+      title: '',
       size: 'auto',
       variant: 'text',
-      color: 'default',
       onClick: function onClick() {
         setOpen(function (prevState) {
           var newState = !prevState;
@@ -19455,12 +19457,10 @@ var HierarchyItem = function HierarchyItem(props) {
       flexible: true,
       size: 'auto',
       className: classes(modules_6d03d164.header, count === undefined && modules_6d03d164.headerNoCount),
-      // component1={iconPlacement === 'left' ? icon : undefined}
       component1: list ? icon : undefined,
       component2: isSearching && open ? jsx("div", {
         className: modules_6d03d164.searchFieldWrapper,
         children: jsx(TextField$1, {
-          label: null,
           className: modules_6d03d164.searchInput,
           placeholder: "Search ".concat(name),
           size: 'md',
@@ -19484,8 +19484,7 @@ var HierarchyItem = function HierarchyItem(props) {
               }),
               onClick: handleSearchSubmit,
               variant: 'text',
-              size: 'auto',
-              color: 'default'
+              size: 'auto'
             });
           }
         })
@@ -19494,7 +19493,7 @@ var HierarchyItem = function HierarchyItem(props) {
         flexible: true,
         size: 'auto',
         variant: 'text',
-        color: 'default',
+        title: '',
         onClick: function onClick(event) {
           var detail = event.detail;
           if (detail === 1) _onClick === null || _onClick === void 0 || _onClick(open);else if (detail === 2) {
@@ -19512,7 +19511,6 @@ var HierarchyItem = function HierarchyItem(props) {
       component3: !isSearching && open ? jsx(Button, {
         size: 'auto',
         variant: 'text',
-        color: 'default',
         className: modules_6d03d164.searchWrapper,
         onClick: function onClick() {
           onSearchStart === null || onSearchStart === void 0 || onSearchStart(); // trigger search state in parent
@@ -19547,7 +19545,6 @@ var css$G = ".HierarchyBrowser_module_root__f9f89fa5 {\n  display: flex;\n  flex
 var modules_5e29d515 = {"root":"HierarchyBrowser_module_root__f9f89fa5","header":"HierarchyBrowser_module_header__f9f89fa5","body":"HierarchyBrowser_module_body__f9f89fa5","item":"HierarchyBrowser_module_item__f9f89fa5","item-icon":"HierarchyBrowser_module_itemIcon__f9f89fa5","item-title":"HierarchyBrowser_module_itemTitle__f9f89fa5","item-count":"HierarchyBrowser_module_itemCount__f9f89fa5","count-bg":"HierarchyBrowser_module_countBg__f9f89fa5","count-text":"HierarchyBrowser_module_countText__f9f89fa5","resizable":"HierarchyBrowser_module_resizable__f9f89fa5"};
 n(css$G,{});
 
-var _excluded = ["leftComponent", "rightComponent", "title", "count"];
 var Title = function Title(_ref) {
   var leftComponent = _ref.leftComponent,
     title = _ref.title,
@@ -19578,9 +19575,13 @@ var HierarchyBrowser = function HierarchyBrowser(_ref2) {
     _ref2$metadata = _ref2.metadata,
     metadata = _ref2$metadata === void 0 ? [] : _ref2$metadata,
     _ref2$onItemClick = _ref2.onItemClick,
-    onItemClick = _ref2$onItemClick === void 0 ? function () {} : _ref2$onItemClick,
+    onItemClick = _ref2$onItemClick === void 0 ? function () {
+      //  left blank
+    } : _ref2$onItemClick,
     _ref2$onItemDoubleCli = _ref2.onItemDoubleClick,
-    onItemDoubleClick = _ref2$onItemDoubleCli === void 0 ? function () {} : _ref2$onItemDoubleCli,
+    onItemDoubleClick = _ref2$onItemDoubleCli === void 0 ? function () {
+      //  left blank
+    } : _ref2$onItemDoubleCli,
     _ref2$minWidth = _ref2.minWidth,
     minWidth = _ref2$minWidth === void 0 ? 220 : _ref2$minWidth,
     maxWidth = _ref2.maxWidth,
@@ -19590,33 +19591,31 @@ var HierarchyBrowser = function HierarchyBrowser(_ref2) {
     setItemProps = _ref2$setItemProps === void 0 ? function () {
       return {};
     } : _ref2$setItemProps;
-    _ref2.title;
   var browserRef = useRef(null);
   var _useState = useState({}),
     _useState2 = _slicedToArray(_useState, 2),
     searchResults = _useState2[0],
     setSearchResults = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    activePath = _useState4[0],
+    setActivePath = _useState4[1];
   useResize({
     ref: browserRef,
     styles: {
       minWidth: minWidth,
       maxWidth: maxWidth !== null && maxWidth !== void 0 ? maxWidth : document.documentElement.getBoundingClientRect().width,
-      borderSize: borderSize
+      borderSize: borderSize !== null && borderSize !== void 0 ? borderSize : 0
     },
-    enabled: resizable
+    enabled: resizable !== null && resizable !== void 0 ? resizable : true
   });
-  var _useState3 = useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    lastOpenedPath = _useState4[0],
-    setLastOpenedPath = _useState4[1];
   var _useState5 = useState(null),
-    _useState6 = _slicedToArray(_useState5, 2);
-    _useState6[0];
-    var setLastOpenedItem = _useState6[1];
+    _useState6 = _slicedToArray(_useState5, 2),
+    lastOpenedPath = _useState6[0],
+    setLastOpenedPath = _useState6[1];
   var _useState7 = useState(new Set()),
-    _useState8 = _slicedToArray(_useState7, 2);
-    _useState8[0];
-    var setOpenPaths = _useState8[1];
+    _useState8 = _slicedToArray(_useState7, 2),
+    setOpenPaths = _useState8[1];
   var _useState9 = useState(null),
     _useState0 = _slicedToArray(_useState9, 2),
     searchingPath = _useState0[0],
@@ -19633,7 +19632,6 @@ var HierarchyBrowser = function HierarchyBrowser(_ref2) {
       if (open) {
         newPaths.add(pathString);
         setLastOpenedPath(pathString);
-        setLastOpenedItem(item);
       } else {
         Array.from(newPaths).forEach(function (p) {
           if (p === pathString || p.startsWith("".concat(pathString, "."))) {
@@ -19653,7 +19651,6 @@ var HierarchyBrowser = function HierarchyBrowser(_ref2) {
               setLastOpenedPath(fallback);
             } else {
               setLastOpenedPath(null);
-              setLastOpenedItem(null);
             }
           }
         }
@@ -19664,11 +19661,14 @@ var HierarchyBrowser = function HierarchyBrowser(_ref2) {
   var handleItemClick = function handleItemClick(item, pathString) {
     return function (open) {
       onItemClick(item, pathString, open);
+      setActivePath(pathString);
       if (!open) {
         setSearchResults(function (prev) {
-          var updated = _objectSpread2({}, prev);
-          delete updated[pathString];
-          return updated;
+          return Object.fromEntries(Object.entries(prev).filter(function (_ref3) {
+            var _ref4 = _slicedToArray(_ref3, 1),
+              key = _ref4[0];
+            return key !== pathString;
+          }));
         });
       }
     };
@@ -19680,22 +19680,21 @@ var HierarchyBrowser = function HierarchyBrowser(_ref2) {
   };
   var handleSearchSubmit = function handleSearchSubmit(searchText, pathString) {
     setSearchResults(function (prev) {
-      return _objectSpread2(_objectSpread2({}, prev), {}, _defineProperty({}, pathString, searchText.toLowerCase()));
+      return _objectSpread2(_objectSpread2({}, prev), {}, _defineProperty({}, pathString, (searchText !== null && searchText !== void 0 ? searchText : '').toLowerCase()));
     });
   };
   var shouldDisplayItem = function shouldDisplayItem(item, searchText) {
-    var _item$title;
+    var _item$title$toLowerCa, _item$title;
     if (!searchText) return true;
-    return (_item$title = item.title) === null || _item$title === void 0 ? void 0 : _item$title.toLowerCase().includes(searchText);
+    return (_item$title$toLowerCa = (_item$title = item.title) === null || _item$title === void 0 ? void 0 : _item$title.toLowerCase().includes(searchText)) !== null && _item$title$toLowerCa !== void 0 ? _item$title$toLowerCa : false;
   };
   var _renderTree = function renderTree(data) {
+    var _searchResults$curren, _data$list;
     var pathString = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
     var isLast = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-    var isSingleItem = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-    if (!data) return null;
     var children = Array.isArray(data.list) ? data.list : [];
     var currentPath = pathString || 'metadata';
-    var searchText = searchResults[currentPath] || '';
+    var searchText = (_searchResults$curren = searchResults[currentPath]) !== null && _searchResults$curren !== void 0 ? _searchResults$curren : '';
     var filteredChildren = searchText ? children.filter(function (child) {
       return shouldDisplayItem(child, searchText);
     }) : children;
@@ -19704,8 +19703,11 @@ var HierarchyBrowser = function HierarchyBrowser(_ref2) {
       rightComponent = _setItemProps.rightComponent,
       title = _setItemProps.title,
       count = _setItemProps.count;
-      _objectWithoutProperties(_setItemProps, _excluded);
-    return jsx(HierarchyItem, {
+    return jsx(HierarchyItem
+    // key={currentPath}
+    , {
+      // key={currentPath}
+      pathString: currentPath,
       title: jsx(Title, {
         leftComponent: leftComponent,
         title: title,
@@ -19720,28 +19722,27 @@ var HierarchyBrowser = function HierarchyBrowser(_ref2) {
         handleItemDoubleClick(data, currentPath)(open);
         trackOpenState(data, currentPath, open);
       },
+      active: activePath === currentPath,
       lastActive: lastOpenedPath === currentPath,
       isLastItem: isLast,
-      isSingleItem: isSingleItem,
-      count: count,
+      count: count !== null && count !== void 0 ? count : 0,
       name: title,
-      list: data.list,
+      list: (_data$list = data.list) !== null && _data$list !== void 0 ? _data$list : false,
       leftComponent: leftComponent,
       isSearching: searchingPath === currentPath,
       onSearchStart: function onSearchStart() {
-        return setSearchingPath(currentPath);
+        setSearchingPath(currentPath);
       },
       onSearchSubmit: function onSearchSubmit(text) {
         handleSearchSubmit(text, currentPath);
         setSearchingPath(null);
       },
-      children: filteredChildren.map(function (child, index) {
-        var isLastItem = index === filteredChildren.length - 1;
-        var isSingleItem = filteredChildren.length === 1;
-        var nextPath = "".concat(currentPath, ".list[").concat(index, "]");
-        return _renderTree(child, nextPath, index === 0, isLastItem, isSingleItem);
+      children: filteredChildren.map(function (child, idx) {
+        var isLastChild = idx === filteredChildren.length - 1;
+        var nextPath = "".concat(currentPath, ".list[").concat(String(idx), "]");
+        return _renderTree(child, nextPath, idx === 0, isLastChild);
       })
-    }, currentPath);
+    });
   };
   return jsx("div", {
     ref: browserRef,
@@ -19749,10 +19750,9 @@ var HierarchyBrowser = function HierarchyBrowser(_ref2) {
     children: jsx("div", {
       className: modules_5e29d515.body,
       "data-elem": 'body',
-      children: (metadata || []).map(function (item, index) {
+      children: metadata.map(function (item, index) {
         var isLastItem = index === metadata.length - 1;
-        var isSingleItem = metadata.length === 1;
-        return _renderTree(item, "metadata[".concat(index, "]"), index === 0, isLastItem, isSingleItem);
+        return _renderTree(item, "metadata[".concat(String(index), "]"), index === 0, isLastItem);
       })
     })
   });