@banyan_cloud/roots 1.0.128 → 1.0.130

package/dist/cjs/index.js

@@ -47840,6 +47840,7 @@ var TableRow = /*#__PURE__*/React.forwardRef(function BaseTable(props, ref) {
     customCells = props.customCells,
     className = props.className,
     setActiveId = props.setActiveId,
+    onRowClick = props.onRowClick,
     Expandable = props.expandable,
     onSort = props.onSort,
     rowHeight = props.rowHeight;
@@ -47897,9 +47898,15 @@ var TableRow = /*#__PURE__*/React.forwardRef(function BaseTable(props, ref) {
       ref: ref,
       tabIndex: -1,
       "data-elem": "table-row",
+      onClick: function onClick() {
+        return onRowClick(datum, setActiveId);
+      },
       className: classes(className, modules_f6618a87.root, modules_f6618a87["".concat(type, "-row")], modules_f6618a87["row-height-".concat(rowHeight)]),
       children: tableCells
     }), Expandable && expanded && /*#__PURE__*/jsxRuntime.jsx("tr", {
+      onClick: function onClick() {
+        return onRowClick(datum, setActiveId);
+      },
       children: /*#__PURE__*/jsxRuntime.jsx(Expandable, {
         datum: datum,
         index: _index
@@ -47927,7 +47934,8 @@ TableRow.propTypes = {
   setActiveId: propTypes$1.exports.func,
   expandable: propTypes$1.exports.func,
   onSort: propTypes$1.exports.func,
-  rowHeight: propTypes$1.exports.oneOf(['md', 'lg'])
+  rowHeight: propTypes$1.exports.oneOf(['md', 'lg']),
+  onRowClick: propTypes$1.exports.func
 };
 TableRow.defaultProps = {
   className: '',
@@ -47941,7 +47949,8 @@ TableRow.defaultProps = {
   setActiveId: function setActiveId() {},
   expandable: null,
   onSort: function onSort() {},
-  rowHeight: 'md'
+  rowHeight: 'md',
+  onRowClick: function onRowClick() {}
 };
 
 var css$v = ".TableBody_module_root__77e2990d {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n}";
@@ -47955,7 +47964,8 @@ var TableBody = function TableBody(props) {
     customCells = props.customCells,
     className = props.className,
     expandable = props.expandable,
-    rowHeight = props.rowHeight;
+    rowHeight = props.rowHeight,
+    onRowClick = props.onRowClick;
   var listRef = React.useRef([]);
   return /*#__PURE__*/jsxRuntime.jsx("tbody", {
     "data-elem": "table-body",
@@ -47990,7 +48000,8 @@ var TableBody = function TableBody(props) {
         _index: _index,
         setActiveId: setActiveId,
         expandable: expandable,
-        rowHeight: rowHeight
+        rowHeight: rowHeight,
+        onRowClick: onRowClick
       }, key);
     })
   });
@@ -48012,7 +48023,8 @@ TableBody.propTypes = {
     body: propTypes$1.exports.object
   }),
   expandable: propTypes$1.exports.func,
-  rowHeight: propTypes$1.exports.oneOf(['md', 'lg'])
+  rowHeight: propTypes$1.exports.oneOf(['md', 'lg']),
+  onRowClick: propTypes$1.exports.func
 };
 TableBody.defaultProps = {
   className: '',
@@ -48023,7 +48035,8 @@ TableBody.defaultProps = {
     body: null
   },
   expandable: null,
-  rowHeight: 'md'
+  rowHeight: 'md',
+  onRowClick: function onRowClick() {}
 };
 
 var css$u = ".TableHeader_module_root__daf69a14 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n}";
@@ -48036,7 +48049,8 @@ var TableHeader = function TableHeader(props) {
     customCells = props.customCells,
     expandable = props.expandable,
     onSort = props.onSort,
-    rowHeight = props.rowHeight;
+    rowHeight = props.rowHeight,
+    onRowClick = props.onRowClick;
   return /*#__PURE__*/jsxRuntime.jsx("thead", {
     "data-elem": "table-header",
     className: modules_3be98c28.root,
@@ -48046,7 +48060,8 @@ var TableHeader = function TableHeader(props) {
       customCells: customCells,
       expandable: expandable,
       onSort: onSort,
-      rowHeight: rowHeight
+      rowHeight: rowHeight,
+      onRowClick: onRowClick
     })
   });
 };
@@ -48066,7 +48081,8 @@ TableHeader.propTypes = {
   }),
   expandable: propTypes$1.exports.func,
   onSort: propTypes$1.exports.func,
-  rowHeight: propTypes$1.exports.oneOf(['md', 'lg'])
+  rowHeight: propTypes$1.exports.oneOf(['md', 'lg']),
+  onRowClick: propTypes$1.exports.func
 };
 TableHeader.defaultProps = {
   headerData: [],
@@ -48076,7 +48092,8 @@ TableHeader.defaultProps = {
   },
   expandable: null,
   onSort: function onSort() {},
-  rowHeight: 'md'
+  rowHeight: 'md',
+  onRowClick: function onRowClick() {}
 };
 
 var css$t = ".BaseTable_module_root__7a8d241c {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  background: var(--white);\n  overflow: auto;\n}";
@@ -48159,6 +48176,7 @@ var BaseTable = /*#__PURE__*/React.forwardRef(function BaseTable(props, ref) {
     tableData = props.tableData,
     className = props.className,
     loading = props.loading,
+    onRowClick = props.onRowClick,
     expandable = props.expandable,
     onSort = props.onSort,
     rowHeight = props.rowHeight,
@@ -48180,14 +48198,16 @@ var BaseTable = /*#__PURE__*/React.forwardRef(function BaseTable(props, ref) {
       customCells: customCells,
       expandable: expandable,
       onSort: onSort,
-      rowHeight: rowHeight
+      rowHeight: rowHeight,
+      onRowClick: onRowClick
     }), /*#__PURE__*/jsxRuntime.jsx(TableBody, {
       ref: ref,
       headerData: transformedHeaderData,
       customCells: customCells,
       tableData: tableData,
       expandable: expandable,
-      rowHeight: rowHeight
+      rowHeight: rowHeight,
+      onRowClick: onRowClick
     })]
   });
 });
@@ -48211,6 +48231,7 @@ BaseTable.propTypes = {
   expandable: propTypes$1.exports.func,
   onSort: propTypes$1.exports.func,
   rowHeight: propTypes$1.exports.oneOf(['md', 'lg']),
+  onRowClick: propTypes$1.exports.func,
   theme: propTypes$1.exports.oneOf(['light', 'dark'])
 };
 BaseTable.defaultProps = {
@@ -48225,7 +48246,8 @@ BaseTable.defaultProps = {
   expandable: null,
   onSort: function onSort() {},
   rowHeight: 'md',
-  theme: 'light'
+  theme: 'light',
+  onRowClick: function onRowClick() {}
 };
 
 var css$q = ".Tooltip_module_tooltip__04fbc763 {\n  text-align: center;\n  border-radius: 0.25rem;\n  min-width: auto;\n  max-width: 12rem;\n  padding: 0.375rem;\n  font-size: 0.875rem;\n  font-family: sans-serif;\n  line-height: 1;\n}\n.Tooltip_module_tooltip__04fbc763.Tooltip_module_light__04fbc763 {\n  color: var(--black);\n  background: var(--grey7);\n  border-color: var(--black);\n}\n.Tooltip_module_tooltip__04fbc763.Tooltip_module_light__04fbc763 .Tooltip_module_arrow__04fbc763 {\n  background: var(--grey7);\n}\n.Tooltip_module_tooltip__04fbc763.Tooltip_module_dark__04fbc763 {\n  color: var(--white);\n  background: var(--black);\n  border-color: var(--white);\n}\n.Tooltip_module_tooltip__04fbc763.Tooltip_module_dark__04fbc763 .Tooltip_module_arrow__04fbc763 {\n  background: var(--black);\n}\n.Tooltip_module_tooltip__04fbc763 .Tooltip_module_arrow__04fbc763 {\n  position: absolute;\n  width: 1rem;\n  height: 1rem;\n  z-index: -1;\n  pointer-events: none;\n  transform: rotate(45deg);\n}";
@@ -49237,7 +49259,8 @@ var Table = function Table(props) {
     disabledFilterOptions = props.disabledFilterOptions,
     onSort = props.onSort,
     rowHeight = props.rowHeight,
-    theme = props.theme;
+    theme = props.theme,
+    onRowClick = props.onRowClick;
   var ref = React.useRef(null);
   var paginationRef = React.useRef(null);
   var _useState = React.useState(false),
@@ -49338,6 +49361,7 @@ var Table = function Table(props) {
       className: modules_2e8406c7.table,
       onSort: onSort,
       rowHeight: rowHeight,
+      onRowClick: onRowClick,
       loading: loading
     }), paginationData != null && /*#__PURE__*/jsxRuntime.jsx(Pagination, _objectSpread2(_objectSpread2({
       className: classes(modules_2e8406c7.pagination, floating ? modules_2e8406c7.floating : ''),
@@ -49381,6 +49405,7 @@ Table.propTypes = {
   }),
   onSort: propTypes$1.exports.func,
   rowHeight: propTypes$1.exports.oneOf(['md', 'lg']),
+  onRowClick: propTypes$1.exports.func,
   theme: propTypes$1.exports.oneOf(['light', 'dark'])
 };
 Table.defaultProps = {
@@ -49408,7 +49433,8 @@ Table.defaultProps = {
   },
   onSort: function onSort() {},
   rowHeight: 'md',
-  theme: 'light'
+  theme: 'light',
+  onRowClick: function onRowClick() {}
 };
 
 var css$i = ".Tabs_module_root__18f64bf7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n}\n.Tabs_module_root__18f64bf7.Tabs_module_lightTheme__18f64bf7 > button.Tabs_module_tab__18f64bf7 {\n  border-color: var(--grey4);\n}\n.Tabs_module_root__18f64bf7.Tabs_module_lightTheme__18f64bf7 > button.Tabs_module_tab__18f64bf7 > [data-elem=component1] > .Tabs_module_icon__18f64bf7,\n.Tabs_module_root__18f64bf7.Tabs_module_lightTheme__18f64bf7 > button.Tabs_module_tab__18f64bf7 > [data-elem=component3] > .Tabs_module_icon__18f64bf7 {\n  fill: var(--black);\n}\n.Tabs_module_root__18f64bf7.Tabs_module_lightTheme__18f64bf7 > button.Tabs_module_tab__18f64bf7 > [data-elem=component2] {\n  color: var(--black);\n}\n.Tabs_module_root__18f64bf7.Tabs_module_lightTheme__18f64bf7 > button.Tabs_module_tab__18f64bf7:hover {\n  background: var(--info-bg);\n}\n.Tabs_module_root__18f64bf7.Tabs_module_darkTheme__18f64bf7 > button.Tabs_module_tab__18f64bf7 {\n  border-color: var(--grey);\n}\n.Tabs_module_root__18f64bf7.Tabs_module_darkTheme__18f64bf7 > button.Tabs_module_tab__18f64bf7 > [data-elem=component1] > .Tabs_module_icon__18f64bf7,\n.Tabs_module_root__18f64bf7.Tabs_module_darkTheme__18f64bf7 > button.Tabs_module_tab__18f64bf7 > [data-elem=component3] > .Tabs_module_icon__18f64bf7 {\n  fill: var(--white);\n}\n.Tabs_module_root__18f64bf7.Tabs_module_darkTheme__18f64bf7 > button.Tabs_module_tab__18f64bf7 > [data-elem=component2] {\n  color: var(--white);\n}\n.Tabs_module_root__18f64bf7.Tabs_module_darkTheme__18f64bf7 > button.Tabs_module_tab__18f64bf7:hover {\n  background: var(--dark-grey);\n}\n.Tabs_module_root__18f64bf7 > button.Tabs_module_tab__18f64bf7 {\n  padding: 0.75rem;\n  gap: 0.75rem;\n  border-bottom-width: 1px;\n  border-bottom-style: solid;\n}\n.Tabs_module_root__18f64bf7 > button.Tabs_module_tab__18f64bf7 > [data-elem=component1] > .Tabs_module_icon__18f64bf7,\n.Tabs_module_root__18f64bf7 > button.Tabs_module_tab__18f64bf7 > [data-elem=component3] > .Tabs_module_icon__18f64bf7 {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n.Tabs_module_root__18f64bf7 > button.Tabs_module_tab__18f64bf7.Tabs_module_active__18f64bf7 {\n  border-bottom-width: 2px;\n  border-color: var(--highlight);\n}\n.Tabs_module_root__18f64bf7 > button.Tabs_module_tab__18f64bf7.Tabs_module_active__18f64bf7 > [data-elem=component1] > .Tabs_module_icon__18f64bf7,\n.Tabs_module_root__18f64bf7 > button.Tabs_module_tab__18f64bf7.Tabs_module_active__18f64bf7 > [data-elem=component3] > .Tabs_module_icon__18f64bf7 {\n  fill: var(--highlight);\n}\n.Tabs_module_root__18f64bf7 > button.Tabs_module_tab__18f64bf7.Tabs_module_active__18f64bf7 > [data-elem=component2] {\n  color: var(--highlight);\n}\n.Tabs_module_root__18f64bf7 > button.Tabs_module_tab__18f64bf7:hover > [data-elem=component1] > .Tabs_module_icon__18f64bf7,\n.Tabs_module_root__18f64bf7 > button.Tabs_module_tab__18f64bf7:hover > [data-elem=component3] > .Tabs_module_icon__18f64bf7 {\n  fill: var(--highlight);\n}\n.Tabs_module_root__18f64bf7 > button.Tabs_module_tab__18f64bf7:hover > [data-elem=component2] {\n  color: var(--highlight);\n}";
@@ -49430,7 +49456,8 @@ var Tabs = function Tabs(props) {
       var id = tab.id,
         title = tab.title,
         LeftIcon = tab.leftIcon,
-        RightIcon = tab.rightIcon;
+        RightIcon = tab.rightIcon,
+        disabled = tab.disabled;
       return /*#__PURE__*/jsxRuntime.jsx(Button, {
         size: "auto",
         color: "default",
@@ -49439,6 +49466,7 @@ var Tabs = function Tabs(props) {
         onClick: function onClick() {
           onTabClick(id);
         },
+        disabled: disabled,
         title: title,
         className: classes(modules_78ab5066.tab, selectedTab === id ? modules_78ab5066.active : ''),
         leftComponent: LeftIcon && function () {