@banyan_cloud/roots 1.0.110 → 1.0.112

package/dist/esm/index.js

@@ -46799,8 +46799,8 @@ HierarchyBrowser.defaultProps = {
   title: 'Browser'
 };
 
-var css$F = ".BaseModal_module_root__7a4ddeae {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  top: 50%;\n  left: 50%;\n  right: auto;\n  bottom: auto;\n  transform: translate(-50%, -50%);\n  max-height: 100%;\n  height: 43.75rem;\n  width: 62.5rem;\n  position: fixed;\n  background: #ffffff;\n  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.13);\n  border-radius: 8px;\n  outline: none;\n}\n.BaseModal_module_root__7a4ddeae .BaseModal_module_body__7a4ddeae {\n  overflow-y: scroll;\n  padding: 0 15px;\n}\n.BaseModal_module_root__7a4ddeae .BaseModal_module_header__7a4ddeae,\n.BaseModal_module_root__7a4ddeae .BaseModal_module_footer__7a4ddeae {\n  padding: 1rem;\n}\n.BaseModal_module_root__7a4ddeae .BaseModal_module_header__7a4ddeae {\n  font-weight: 500;\n  font-size: 1.375rem;\n  border-bottom: 1px solid var(--grey5);\n}\n.BaseModal_module_root__7a4ddeae .BaseModal_module_footer__7a4ddeae {\n  margin-top: auto;\n  background: var(--grey5);\n  border-radius: 0 0 8px 8px;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 0.625rem;\n}\n.BaseModal_module_root__7a4ddeae button.BaseModal_module_close__7a4ddeae {\n  position: absolute;\n  right: 1rem;\n  top: 1rem;\n  padding: 0.25rem;\n  height: auto;\n  background: var(--grey6);\n}\n.BaseModal_module_root__7a4ddeae button.BaseModal_module_close__7a4ddeae .BaseModal_module_icon__7a4ddeae {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--black);\n}";
-var modules_f23ae002 = {"root":"BaseModal_module_root__7a4ddeae","body":"BaseModal_module_body__7a4ddeae","header":"BaseModal_module_header__7a4ddeae","footer":"BaseModal_module_footer__7a4ddeae","close":"BaseModal_module_close__7a4ddeae","icon":"BaseModal_module_icon__7a4ddeae"};
+var css$F = ".BaseModal_module_root__22dbeb47 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  top: 50%;\n  left: 50%;\n  right: auto;\n  bottom: auto;\n  transform: translate(-50%, -50%);\n  max-height: 100%;\n  height: 43.75rem;\n  width: 62.5rem;\n  position: fixed;\n  background: #ffffff;\n  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.13);\n  border-radius: 8px;\n  outline: none;\n}\n.BaseModal_module_root__22dbeb47 .BaseModal_module_body__22dbeb47 {\n  overflow-y: scroll;\n  padding: 1rem 2rem 1rem 2rem;\n}\n.BaseModal_module_root__22dbeb47 .BaseModal_module_header__22dbeb47,\n.BaseModal_module_root__22dbeb47 .BaseModal_module_footer__22dbeb47 {\n  padding: 1rem;\n}\n.BaseModal_module_root__22dbeb47 .BaseModal_module_header__22dbeb47 {\n  font-weight: 500;\n  font-size: 1.375rem;\n  border-bottom: 1px solid var(--grey4);\n}\n.BaseModal_module_root__22dbeb47 .BaseModal_module_footer__22dbeb47 {\n  margin-top: auto;\n  background: var(--grey6);\n  border-radius: 0 0 8px 8px;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 0.625rem;\n}\n.BaseModal_module_root__22dbeb47 button.BaseModal_module_close__22dbeb47 {\n  position: absolute;\n  right: 1rem;\n  top: 1rem;\n  padding: 0.25rem;\n  height: auto;\n  background: var(--grey6);\n}\n.BaseModal_module_root__22dbeb47 button.BaseModal_module_close__22dbeb47 .BaseModal_module_icon__22dbeb47 {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--black);\n}";
+var modules_f23ae002 = {"root":"BaseModal_module_root__22dbeb47","body":"BaseModal_module_body__22dbeb47","header":"BaseModal_module_header__22dbeb47","footer":"BaseModal_module_footer__22dbeb47","close":"BaseModal_module_close__22dbeb47","icon":"BaseModal_module_icon__22dbeb47"};
 n(css$F,{});
 
 var BaseModal = function BaseModal(props) {
@@ -47612,8 +47612,8 @@ TableCell.defaultProps = _objectSpread2(_objectSpread2({}, BaseCell.defaultProps
   onSort: function onSort() {}
 });
 
-var css$x = ".TableRow_module_root__f4710f2d {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n}\n.TableRow_module_root__f4710f2d.TableRow_module_headerRow__f4710f2d {\n  background: var(--grey6);\n}\n.TableRow_module_root__f4710f2d.TableRow_module_headerRow__f4710f2d > [data-elem=base-cell].TableRow_module_expandableCell__f4710f2d {\n  background: transparent;\n}\n.TableRow_module_root__f4710f2d.TableRow_module_headerRow__f4710f2d > [data-elem=base-cell].TableRow_module_expandableCell__f4710f2d > [data-elem=component2] {\n  width: 3rem;\n  visibility: hidden;\n}\n.TableRow_module_root__f4710f2d.TableRow_module_bodyRow__f4710f2d {\n  background: var(--white);\n}\n.TableRow_module_root__f4710f2d.TableRow_module_bodyRow__f4710f2d:hover > [data-elem=base-cell] {\n  background: var(--info-bg);\n}\n.TableRow_module_root__f4710f2d.TableRow_module_bodyRow__f4710f2d[data-active=true] > [data-elem=base-cell] {\n  background: var(--background);\n}\n.TableRow_module_root__f4710f2d > [data-elem=base-cell]:first-child {\n  padding-left: 1rem;\n}\n.TableRow_module_root__f4710f2d > [data-elem=base-cell]:last-child {\n  padding-right: 1rem;\n}\n.TableRow_module_root__f4710f2d.TableRow_module_rowHeightMd__f4710f2d > td[data-elem=base-cell] {\n  height: 3rem;\n}\n.TableRow_module_root__f4710f2d.TableRow_module_rowHeightLg__f4710f2d > td[data-elem=base-cell] {\n  height: 4rem;\n}\n.TableRow_module_root__f4710f2d > [data-elem=base-cell].TableRow_module_expandableCell__f4710f2d {\n  padding-left: 0.9rem;\n  padding-right: 0.1rem;\n  overflow: visible;\n}\n.TableRow_module_root__f4710f2d > [data-elem=base-cell].TableRow_module_expandableCell__f4710f2d > [data-elem=component2] {\n  overflow: visible;\n}\n.TableRow_module_root__f4710f2d > [data-elem=base-cell].TableRow_module_expandableCell__f4710f2d > [data-elem=component2] > [data-elem=text] {\n  overflow: visible;\n}\n.TableRow_module_root__f4710f2d button.TableRow_module_button__f4710f2d[data-elem=base-cell] .TableRow_module_icon__f4710f2d {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n.TableRow_module_root__f4710f2d button.TableRow_module_button__f4710f2d[data-elem=base-cell]:disabled {\n  cursor: default;\n}\n.TableRow_module_root__f4710f2d button.TableRow_module_button__f4710f2d[data-elem=base-cell]:disabled .TableRow_module_icon__f4710f2d {\n  visibility: hidden;\n}\n.TableRow_module_root__f4710f2d .TableRow_module_expanded__f4710f2d .TableRow_module_button__f4710f2d .TableRow_module_icon__f4710f2d {\n  transform: rotate(180deg);\n}";
-var modules_f6618a87 = {"root":"TableRow_module_root__f4710f2d","header-row":"TableRow_module_headerRow__f4710f2d","expandable-cell":"TableRow_module_expandableCell__f4710f2d","body-row":"TableRow_module_bodyRow__f4710f2d","row-height-md":"TableRow_module_rowHeightMd__f4710f2d","row-height-lg":"TableRow_module_rowHeightLg__f4710f2d","button":"TableRow_module_button__f4710f2d","icon":"TableRow_module_icon__f4710f2d","expanded":"TableRow_module_expanded__f4710f2d"};
+var css$x = ".TableRow_module_root__56f50f2c {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n}\n.TableRow_module_root__56f50f2c.TableRow_module_headerRow__56f50f2c {\n  background: var(--grey6);\n}\n.TableRow_module_root__56f50f2c.TableRow_module_headerRow__56f50f2c > [data-elem=base-cell].TableRow_module_expandableCell__56f50f2c {\n  background: transparent;\n}\n.TableRow_module_root__56f50f2c.TableRow_module_headerRow__56f50f2c > [data-elem=base-cell].TableRow_module_expandableCell__56f50f2c > [data-elem=component2] {\n  width: 3rem;\n  visibility: hidden;\n}\n.TableRow_module_root__56f50f2c.TableRow_module_bodyRow__56f50f2c {\n  background: var(--white);\n}\n.TableRow_module_root__56f50f2c.TableRow_module_bodyRow__56f50f2c > [data-elem=base-cell] {\n  background: var(--white);\n}\n.TableRow_module_root__56f50f2c.TableRow_module_bodyRow__56f50f2c:hover > [data-elem=base-cell] {\n  background: var(--info-bg);\n}\n.TableRow_module_root__56f50f2c.TableRow_module_bodyRow__56f50f2c[data-active=true] > [data-elem=base-cell] {\n  background: var(--background);\n}\n.TableRow_module_root__56f50f2c > [data-elem=base-cell]:first-child {\n  padding-left: 1rem;\n}\n.TableRow_module_root__56f50f2c > [data-elem=base-cell]:last-child {\n  padding-right: 1rem;\n}\n.TableRow_module_root__56f50f2c.TableRow_module_rowHeightMd__56f50f2c > td[data-elem=base-cell] {\n  height: 3rem;\n}\n.TableRow_module_root__56f50f2c.TableRow_module_rowHeightLg__56f50f2c > td[data-elem=base-cell] {\n  height: 4rem;\n}\n.TableRow_module_root__56f50f2c > [data-elem=base-cell].TableRow_module_expandableCell__56f50f2c {\n  padding-left: 0.9rem;\n  padding-right: 0.1rem;\n  overflow: visible;\n}\n.TableRow_module_root__56f50f2c > [data-elem=base-cell].TableRow_module_expandableCell__56f50f2c > [data-elem=component2] {\n  overflow: visible;\n}\n.TableRow_module_root__56f50f2c > [data-elem=base-cell].TableRow_module_expandableCell__56f50f2c > [data-elem=component2] > [data-elem=text] {\n  overflow: visible;\n}\n.TableRow_module_root__56f50f2c button.TableRow_module_button__56f50f2c[data-elem=base-cell] .TableRow_module_icon__56f50f2c {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n.TableRow_module_root__56f50f2c button.TableRow_module_button__56f50f2c[data-elem=base-cell]:disabled {\n  cursor: default;\n}\n.TableRow_module_root__56f50f2c button.TableRow_module_button__56f50f2c[data-elem=base-cell]:disabled .TableRow_module_icon__56f50f2c {\n  visibility: hidden;\n}\n.TableRow_module_root__56f50f2c .TableRow_module_expanded__56f50f2c .TableRow_module_button__56f50f2c .TableRow_module_icon__56f50f2c {\n  transform: rotate(180deg);\n}";
+var modules_f6618a87 = {"root":"TableRow_module_root__56f50f2c","header-row":"TableRow_module_headerRow__56f50f2c","expandable-cell":"TableRow_module_expandableCell__56f50f2c","body-row":"TableRow_module_bodyRow__56f50f2c","row-height-md":"TableRow_module_rowHeightMd__56f50f2c","row-height-lg":"TableRow_module_rowHeightLg__56f50f2c","button":"TableRow_module_button__56f50f2c","icon":"TableRow_module_icon__56f50f2c","expanded":"TableRow_module_expanded__56f50f2c"};
 n(css$x,{});
 
 var TableRow = /*#__PURE__*/forwardRef(function BaseTable(props, ref) {
@@ -47632,6 +47632,19 @@ var TableRow = /*#__PURE__*/forwardRef(function BaseTable(props, ref) {
     _useState2 = _slicedToArray(_useState, 2),
     expanded = _useState2[0],
     setExpanded = _useState2[1];
+  var expandableProps = Expandable ? {
+    _expanded: expanded,
+    _setExpanded: setExpanded,
+    disabled: !Expandable({
+      datum: datum,
+      index: _index
+    }),
+    onClick: function onClick() {
+      setExpanded(function (prev) {
+        return !prev;
+      });
+    }
+  } : {};
   var tableCells = headerData === null || headerData === void 0 ? void 0 : (_headerData$map = headerData.map) === null || _headerData$map === void 0 ? void 0 : _headerData$map.call(headerData, function (item) {
     var _getCustomCell;
     var cellContent = null;
@@ -47642,6 +47655,7 @@ var TableRow = /*#__PURE__*/forwardRef(function BaseTable(props, ref) {
     }
     var cellProps = _objectSpread2(_objectSpread2(_objectSpread2({}, props), item), {}, {
       _index: _index,
+      expandableProps: expandableProps,
       setActiveId: setActiveId,
       key: item.id,
       datum: datum,
@@ -47664,38 +47678,12 @@ var TableRow = /*#__PURE__*/forwardRef(function BaseTable(props, ref) {
     );
   });
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs("tr", {
+    children: [/*#__PURE__*/jsx("tr", {
       ref: ref,
       tabIndex: -1,
       "data-elem": "table-row",
-      className: classes(className, modules_f6618a87.root, modules_f6618a87["".concat(type, "-row")], modules_f6618a87["row-height-".concat(rowHeight)], Expandable ? modules_f6618a87.expandable : ''),
-      children: [Expandable && type === 'header' && /*#__PURE__*/jsx(TableCell, {
-        className: classes(modules_f6618a87['expandable-cell'], expanded ? modules_f6618a87.expanded : ''),
-        size: "auto",
-        cellContent: null
-      }), Expandable && type === 'body' && /*#__PURE__*/jsx(TableCell, {
-        className: classes(modules_f6618a87['expandable-cell'], expanded ? modules_f6618a87.expanded : ''),
-        size: "auto",
-        cellContent: /*#__PURE__*/jsx(Button, {
-          className: modules_f6618a87.button,
-          size: "auto",
-          variant: "text",
-          disabled: !Expandable({
-            datum: datum,
-            index: _index
-          }),
-          onClick: function onClick() {
-            setExpanded(function (prev) {
-              return !prev;
-            });
-          },
-          leftComponent: function leftComponent() {
-            return /*#__PURE__*/jsx(Caret, {
-              className: modules_f6618a87.icon
-            });
-          }
-        })
-      }), tableCells]
+      className: classes(className, modules_f6618a87.root, modules_f6618a87["".concat(type, "-row")], modules_f6618a87["row-height-".concat(rowHeight)]),
+      children: tableCells
     }), Expandable && expanded && /*#__PURE__*/jsx("tr", {
       children: /*#__PURE__*/jsx(Expandable, {
         datum: datum,
@@ -47761,13 +47749,16 @@ var TableBody = function TableBody(props) {
       var key = datum === null || datum === void 0 ? void 0 : datum.uuid;
       var setActiveId = function setActiveId() {
         var reset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+        var multiSelect = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
         if (reset) {
           listRef.current[_index].removeAttribute('data-active');
         } else {
-          var _listRef$current;
-          (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : _listRef$current.forEach(function (elem) {
-            elem.removeAttribute('data-active');
-          });
+          if (!multiSelect) {
+            var _listRef$current;
+            (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : _listRef$current.forEach(function (elem) {
+              elem.removeAttribute('data-active');
+            });
+          }
           listRef.current[_index].setAttribute('data-active', true);
         }
       };