@banyan_cloud/roots 1.0.31 → 1.0.33

package/dist/cjs/index.js

@@ -34227,8 +34227,8 @@ DatePicker.defaultProps = {
   onClear: function onClear() {}
 };
 
-var css$z = ".HierarchyItem_module_root__d7b2e7cd {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  flex: 1;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 0.25rem;\n  min-height: 2rem;\n  height: auto;\n  padding: 0.25rem;\n  cursor: pointer;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd > [data-elem=component1], .HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd > [data-elem=component3] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd > [data-elem=component1] .HierarchyItem_module_icon__d7b2e7cd, .HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd > [data-elem=component3] .HierarchyItem_module_icon__d7b2e7cd {\n  transform: rotate(-90deg);\n  width: 1rem;\n  height: 1rem;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd > [data-elem=component2] {\n  flex: 1 1 auto;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd > [data-elem=component2] .HierarchyItem_module_title__d7b2e7cd {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd:hover {\n  background: var(--background);\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd:hover .HierarchyItem_module_icon__d7b2e7cd,\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd:hover .HierarchyItem_module_title__d7b2e7cd,\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd:hover .HierarchyItem_module_title__d7b2e7cd svg {\n  color: var(--highlight);\n  fill: var(--highlight);\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_body__d7b2e7cd {\n  display: none;\n  flex: 1 0 auto;\n  padding: 0px 0rem 0px 0.25rem;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_body__d7b2e7cd > [data-elem=component1] {\n  flex: 0 0 1.6rem;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_body__d7b2e7cd > [data-elem=component1] .HierarchyItem_module_tail__d7b2e7cd {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n  width: 1.6rem;\n  height: 100%;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_body__d7b2e7cd > [data-elem=component1] .HierarchyItem_module_tail__d7b2e7cd::after {\n  content: \"\";\n  display: block;\n  margin: auto;\n  width: 1px;\n  flex: 1;\n  background: var(--grey1);\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_body__d7b2e7cd > [data-elem=component2] {\n  flex: 1 0 auto;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_body__d7b2e7cd > [data-elem=component2] .HierarchyItem_module_children__d7b2e7cd {\n  flex: 1 0 auto;\n}\n.HierarchyItem_module_root__d7b2e7cd.HierarchyItem_module_open__d7b2e7cd > .HierarchyItem_module_header__d7b2e7cd .HierarchyItem_module_icon__d7b2e7cd {\n  transform: none;\n}\n.HierarchyItem_module_root__d7b2e7cd.HierarchyItem_module_open__d7b2e7cd > .HierarchyItem_module_body__d7b2e7cd {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: stretch;\n  gap: 0.25rem;\n  height: auto;\n}";
-var modules_6d03d164 = {"root":"HierarchyItem_module_root__d7b2e7cd","header":"HierarchyItem_module_header__d7b2e7cd","icon":"HierarchyItem_module_icon__d7b2e7cd","title":"HierarchyItem_module_title__d7b2e7cd","body":"HierarchyItem_module_body__d7b2e7cd","tail":"HierarchyItem_module_tail__d7b2e7cd","children":"HierarchyItem_module_children__d7b2e7cd","open":"HierarchyItem_module_open__d7b2e7cd"};
+var css$z = ".HierarchyItem_module_root__c993ecd0 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  flex: 1;\n}\n.HierarchyItem_module_root__c993ecd0 .HierarchyItem_module_header__c993ecd0 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 0.25rem;\n  min-height: 2rem;\n  height: auto;\n  padding: 0rem 0.5rem;\n  cursor: pointer;\n}\n.HierarchyItem_module_root__c993ecd0 .HierarchyItem_module_header__c993ecd0 > [data-elem=component1], .HierarchyItem_module_root__c993ecd0 .HierarchyItem_module_header__c993ecd0 > [data-elem=component3] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.HierarchyItem_module_root__c993ecd0 .HierarchyItem_module_header__c993ecd0 > [data-elem=component1] .HierarchyItem_module_expand__c993ecd0, .HierarchyItem_module_root__c993ecd0 .HierarchyItem_module_header__c993ecd0 > [data-elem=component3] .HierarchyItem_module_expand__c993ecd0 {\n  padding: 0;\n  height: auto;\n  width: 1rem;\n  height: 1rem;\n}\n.HierarchyItem_module_root__c993ecd0 .HierarchyItem_module_header__c993ecd0 > [data-elem=component1] .HierarchyItem_module_expand__c993ecd0 .HierarchyItem_module_icon__c993ecd0, .HierarchyItem_module_root__c993ecd0 .HierarchyItem_module_header__c993ecd0 > [data-elem=component3] .HierarchyItem_module_expand__c993ecd0 .HierarchyItem_module_icon__c993ecd0 {\n  transform: rotate(-90deg);\n  width: 1rem;\n  height: 1rem;\n}\n.HierarchyItem_module_root__c993ecd0 .HierarchyItem_module_header__c993ecd0 > [data-elem=component2] {\n  flex: 1 1 auto;\n}\n.HierarchyItem_module_root__c993ecd0 .HierarchyItem_module_header__c993ecd0 > [data-elem=component2] .HierarchyItem_module_title__c993ecd0 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  width: 100%;\n  height: auto;\n  padding: 0.25rem 0rem;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n.HierarchyItem_module_root__c993ecd0 .HierarchyItem_module_header__c993ecd0:hover {\n  background: var(--background);\n}\n.HierarchyItem_module_root__c993ecd0 .HierarchyItem_module_header__c993ecd0:hover .HierarchyItem_module_icon__c993ecd0,\n.HierarchyItem_module_root__c993ecd0 .HierarchyItem_module_header__c993ecd0:hover .HierarchyItem_module_title__c993ecd0,\n.HierarchyItem_module_root__c993ecd0 .HierarchyItem_module_header__c993ecd0:hover .HierarchyItem_module_title__c993ecd0 svg {\n  color: var(--highlight);\n  fill: var(--highlight);\n}\n.HierarchyItem_module_root__c993ecd0 .HierarchyItem_module_body__c993ecd0 {\n  display: none;\n  flex: 1 0 auto;\n  padding: 0px 0rem 0px 0.25rem;\n}\n.HierarchyItem_module_root__c993ecd0 .HierarchyItem_module_body__c993ecd0 > [data-elem=component1] {\n  flex: 0 0 1.6rem;\n}\n.HierarchyItem_module_root__c993ecd0 .HierarchyItem_module_body__c993ecd0 > [data-elem=component1] .HierarchyItem_module_tail__c993ecd0 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n  width: 1.6rem;\n  height: 100%;\n}\n.HierarchyItem_module_root__c993ecd0 .HierarchyItem_module_body__c993ecd0 > [data-elem=component1] .HierarchyItem_module_tail__c993ecd0::after {\n  content: \"\";\n  display: block;\n  margin: auto;\n  width: 1px;\n  flex: 1;\n  background: var(--grey1);\n}\n.HierarchyItem_module_root__c993ecd0 .HierarchyItem_module_body__c993ecd0 > [data-elem=component2] {\n  flex: 1 0 auto;\n}\n.HierarchyItem_module_root__c993ecd0 .HierarchyItem_module_body__c993ecd0 > [data-elem=component2] .HierarchyItem_module_children__c993ecd0 {\n  flex: 1 0 auto;\n}\n.HierarchyItem_module_root__c993ecd0.HierarchyItem_module_open__c993ecd0 > .HierarchyItem_module_header__c993ecd0 .HierarchyItem_module_expand__c993ecd0 .HierarchyItem_module_icon__c993ecd0 {\n  transform: none;\n}\n.HierarchyItem_module_root__c993ecd0.HierarchyItem_module_open__c993ecd0 > .HierarchyItem_module_body__c993ecd0 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: stretch;\n  gap: 0.25rem;\n  height: auto;\n}";
+var modules_6d03d164 = {"root":"HierarchyItem_module_root__c993ecd0","header":"HierarchyItem_module_header__c993ecd0","expand":"HierarchyItem_module_expand__c993ecd0","icon":"HierarchyItem_module_icon__c993ecd0","title":"HierarchyItem_module_title__c993ecd0","body":"HierarchyItem_module_body__c993ecd0","tail":"HierarchyItem_module_tail__c993ecd0","children":"HierarchyItem_module_children__c993ecd0","open":"HierarchyItem_module_open__c993ecd0"};
 n(css$z,{});
 
 var HierarchyItem = function HierarchyItem(props) {
@@ -34236,37 +34236,64 @@ var HierarchyItem = function HierarchyItem(props) {
     iconPlacement = props.iconPlacement,
     title = props.title,
     children = props.children,
-    _onClick = props.onClick;
+    _onClick = props.onClick,
+    onDoubleClick = props.onDoubleClick;
   var _useState = React.useState(defaultOpen),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
+  var icon = /*#__PURE__*/jsxRuntime.jsx(Button, {
+    className: modules_6d03d164.expand,
+    size: "auto",
+    variant: "text",
+    color: "default",
+    onClick: function onClick() {
+      setOpen(function (prevState) {
+        var newState = !prevState;
+        _onClick === null || _onClick === void 0 ? void 0 : _onClick(newState);
+        onDoubleClick === null || onDoubleClick === void 0 ? void 0 : onDoubleClick(newState);
+        return newState;
+      });
+    },
+    leftComponent: function leftComponent() {
+      return /*#__PURE__*/jsxRuntime.jsx(Caret, {
+        className: modules_6d03d164.icon
+      });
+    }
+  });
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: classes(modules_6d03d164.root, open ? modules_6d03d164.open : ''),
     children: [/*#__PURE__*/jsxRuntime.jsx(BaseCell, {
       flexible: true,
       size: "auto",
-      rootDOM: "button",
       className: modules_6d03d164.header,
-      attrs: {
-        onClick: function onClick() {
-          setOpen(function (prevState) {
-            var newState = !prevState;
-            _onClick(newState);
-            return newState;
-          });
-        }
-      },
-      component1: iconPlacement === 'left' && /*#__PURE__*/jsxRuntime.jsx(Caret, {
-        className: modules_6d03d164.icon
-      }),
-      component2: /*#__PURE__*/jsxRuntime.jsx("span", {
+      component1: iconPlacement === 'left' && icon,
+      component2: /*#__PURE__*/jsxRuntime.jsx(Button, {
         className: modules_6d03d164.title,
-        children: title
+        flexible: true,
+        size: "auto",
+        variant: "text",
+        color: "default",
+        onClick: function onClick(event) {
+          var detail = event.detail;
+
+          // single click
+          if (detail === 1) {
+            _onClick === null || _onClick === void 0 ? void 0 : _onClick(open);
+            // double click
+          } else if (detail === 2) {
+            setOpen(function (prevState) {
+              var newState = !prevState;
+              onDoubleClick === null || onDoubleClick === void 0 ? void 0 : onDoubleClick(newState);
+              return newState;
+            });
+          }
+        },
+        leftComponent: function leftComponent() {
+          return title;
+        }
       }),
-      component3: iconPlacement === 'right' && /*#__PURE__*/jsxRuntime.jsx(Caret, {
-        className: modules_6d03d164.icon
-      })
+      component3: iconPlacement === 'right' && icon
     }), /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
       size: "auto",
       className: modules_6d03d164.body,
@@ -34324,6 +34351,7 @@ var HierarchyBrowser = function HierarchyBrowser(props) {
   var className = props.className,
     metadata = props.metadata,
     onItemClick = props.onItemClick,
+    onItemDoubleClick = props.onItemDoubleClick,
     minWidth = props.minWidth,
     maxWidth = props.maxWidth,
     borderSize = props.borderSize,
@@ -34345,6 +34373,11 @@ var HierarchyBrowser = function HierarchyBrowser(props) {
       onItemClick(item, pathString, open);
     };
   };
+  var handleItemDoubleClick = function handleItemDoubleClick(item, pathString) {
+    return function (open) {
+      onItemDoubleClick(item, pathString, open);
+    };
+  };
   var renderTree = function renderTree(data) {
     var _data$list$map, _data$list, _data$list$map2;
     var pathString = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
@@ -34357,7 +34390,8 @@ var HierarchyBrowser = function HierarchyBrowser(props) {
         item: data
       }),
       iconPlacement: hasChildren ? 'left' : 'none',
-      onClick: handleItemClick(data, pathString)
+      onClick: handleItemClick(data, pathString),
+      onDoubleClick: handleItemDoubleClick(data, pathString)
     }, setItemProps(data, pathString)), {}, {
       children: hasChildren && ((_data$list$map = (_data$list = data.list) === null || _data$list === void 0 ? void 0 : (_data$list$map2 = _data$list.map) === null || _data$list$map2 === void 0 ? void 0 : _data$list$map2.call(_data$list, function (item, idx) {
         return renderTree(item, "".concat(pathString).concat(pathString.length > 0 ? '.' : '', "list[").concat(idx, "]"));
@@ -34387,6 +34421,7 @@ HierarchyBrowser.propTypes = {
     list: propTypes$1.exports.array
   }),
   onItemClick: propTypes$1.exports.func,
+  onItemDoubleClick: propTypes$1.exports.func,
   borderSize: propTypes$1.exports.number,
   minWidth: propTypes$1.exports.number,
   maxWidth: propTypes$1.exports.number,
@@ -34398,6 +34433,7 @@ HierarchyBrowser.defaultProps = {
   className: '',
   metadata: {},
   onItemClick: function onItemClick() {},
+  onItemDoubleClick: function onItemDoubleClick() {},
   borderSize: 4,
   minWidth: 220,
   maxWidth: null,
@@ -35496,7 +35532,8 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var className = props.className,
     floating = props.floating,
     paginationState = props.paginationState,
-    paginationDispatch = props.paginationDispatch;
+    paginationDispatch = props.paginationDispatch,
+    loading = props.loading;
   var totalPages = paginationState.totalPages,
     currentPage = paginationState.currentPage,
     step = paginationState.step;
@@ -35515,6 +35552,9 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
       totalPages: totalPages
     });
   }, [currentPage, step]);
+  if (loading) {
+    return null;
+  }
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     ref: ref,
     className: classes(modules_a3d40e77.root, className, floating ? modules_a3d40e77.floating : ''),
@@ -36750,11 +36790,12 @@ var Table = function Table(props) {
       customCells: customCells,
       className: modules_2e8406c7.table,
       loading: loading
-    }), paginationData != null && !loading && /*#__PURE__*/jsxRuntime.jsx(Pagination, _objectSpread2(_objectSpread2({
+    }), paginationData != null && /*#__PURE__*/jsxRuntime.jsx(Pagination, _objectSpread2(_objectSpread2({
       className: classes(modules_2e8406c7.pagination, floating ? modules_2e8406c7.floating : ''),
       ref: paginationRef
     }, paginationData), {}, {
-      floating: floating
+      floating: floating,
+      loading: loading
     }))]
   });
 };