@banyan_cloud/roots 1.0.27 → 1.0.29

package/dist/cjs/index.js

@@ -36462,7 +36462,8 @@ var TableFilters = function TableFilters(props) {
     headerData = props.headerData,
     hiddenColumns = props.hiddenColumns,
     setHiddenColumns = props.setHiddenColumns,
-    loading = props.loading;
+    loading = props.loading,
+    disabledFilterOptions = props.disabledFilterOptions;
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     openColumns = _useState2[0],
@@ -36471,6 +36472,11 @@ var TableFilters = function TableFilters(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     anchorEl = _useState4[0],
     setAnchorEl = _useState4[1];
+  var disabledFilterButton = disabledFilterOptions.filterButton,
+    disabledRefresh = disabledFilterOptions.refresh,
+    disabledColumnFilter = disabledFilterOptions.columnFilter,
+    disabledSettings = disabledFilterOptions.settings;
+  var hideRightOptions = disabledColumnFilter && disabledRefresh && disabledSettings;
   if (loading) {
     return /*#__PURE__*/jsxRuntime.jsx(TableFiltersSkeleton, {});
   }
@@ -36480,7 +36486,7 @@ var TableFilters = function TableFilters(props) {
     attrs: {
       style: style
     },
-    component1: /*#__PURE__*/jsxRuntime.jsx(Button, {
+    component1: !disabledFilterButton && /*#__PURE__*/jsxRuntime.jsx(Button, {
       className: modules_a0fe63f9.left,
       title: "Filter",
       variant: "outlined",
@@ -36510,10 +36516,10 @@ var TableFilters = function TableFilters(props) {
       },
       placeholder: "Search"
     }),
-    component3: /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
+    component3: !hideRightOptions && /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
       flexible: true,
       className: modules_a0fe63f9.right,
-      component1: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      component1: !disabledColumnFilter && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
           ref: function ref(el) {
             setAnchorEl(el);
@@ -36540,7 +36546,7 @@ var TableFilters = function TableFilters(props) {
           setHiddenColumns: setHiddenColumns
         })]
       }),
-      component2: /*#__PURE__*/jsxRuntime.jsx(Button, {
+      component2: !disabledRefresh && /*#__PURE__*/jsxRuntime.jsx(Button, {
         size: "auto",
         className: modules_a0fe63f9['icon-button'],
         variant: "text",
@@ -36551,7 +36557,7 @@ var TableFilters = function TableFilters(props) {
           });
         }
       }),
-      component3: /*#__PURE__*/jsxRuntime.jsx(Button, {
+      component3: !disabledSettings && /*#__PURE__*/jsxRuntime.jsx(Button, {
         size: "auto",
         className: modules_a0fe63f9['icon-button'],
         variant: "text",
@@ -36610,7 +36616,8 @@ var Table = function Table(props) {
     chipsData = props.chipsData,
     filtersData = props.filtersData,
     paginationData = props.paginationData,
-    loading = props.loading;
+    loading = props.loading,
+    disabledFilterOptions = props.disabledFilterOptions;
   var ref = React.useRef(null);
   var paginationRef = React.useRef(null);
   var _useState = React.useState(false),
@@ -36628,7 +36635,7 @@ var Table = function Table(props) {
   // for pagination docking using intersection observer
   React.useEffect(function () {
     var tableElem = ref.current;
-    if (tableElem) {
+    if (tableElem && !loading) {
       var lastRow = tableElem.querySelector('[data-elem="table-body"] [data-elem="table-row"]:last-child');
       if (lastRow) {
         var lastRowHeight = parseInt(getComputedStyle(lastRow).height.slice(0, -2), 10);
@@ -36655,7 +36662,7 @@ var Table = function Table(props) {
   // for dynamically resizing table vertically acc to provided addons
   React.useEffect(function () {
     var tableElem = ref.current;
-    if (tableElem) {
+    if (tableElem && !loading) {
       var totalAddons = [chipsData, filtersData].filter(Boolean).length;
       tableElem.style.height = "calc(100% - ".concat(totalAddons * 3, "rem)");
     }
@@ -36664,7 +36671,7 @@ var Table = function Table(props) {
   // setting body and header min-width to allow horizontal sticky column beyond viewport width
   React.useEffect(function () {
     var tableElem = ref.current;
-    if (tableElem) {
+    if (tableElem && !loading) {
       var tableHeaderElem = tableElem.querySelector('[data-elem="table-header"]');
       var tableBodyElem = tableElem.querySelector('[data-elem="table-body"]');
       if (tableHeaderElem && tableBodyElem) {
@@ -36691,6 +36698,7 @@ var Table = function Table(props) {
     })), filtersData != null && /*#__PURE__*/jsxRuntime.jsx(TableFilters, _objectSpread2(_objectSpread2({
       className: modules_2e8406c7.filters
     }, _objectSpread2(_objectSpread2({}, filtersData), {}, {
+      disabledFilterOptions: disabledFilterOptions,
       headerData: headerData,
       hiddenColumns: hiddenColumns,
       setHiddenColumns: setHiddenColumns
@@ -36736,7 +36744,13 @@ Table.propTypes = {
   chipsData: propTypes$1.exports.shape(_objectSpread2({}, TableChips.propTypes)),
   filtersData: propTypes$1.exports.shape(_objectSpread2({}, TableFilters.propTypes)),
   paginationData: propTypes$1.exports.shape(_objectSpread2({}, Pagination.propTypes)),
-  loading: propTypes$1.exports.bool
+  loading: propTypes$1.exports.bool,
+  disabledFilterOptions: propTypes$1.exports.shape({
+    filterButton: propTypes$1.exports.bool,
+    refresh: propTypes$1.exports.bool,
+    columnFilter: propTypes$1.exports.bool,
+    settings: propTypes$1.exports.bool
+  })
 };
 Table.defaultProps = {
   className: '',
@@ -36752,7 +36766,13 @@ Table.defaultProps = {
   chipsData: null,
   filtersData: null,
   paginationData: null,
-  loading: null
+  loading: null,
+  disabledFilterOptions: {
+    filterButton: false,
+    refresh: false,
+    columnFilter: false,
+    settings: false
+  }
 };
 
 var css$8 = ".Tabs_module_root__df3be7a0 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n}\n\n.Tabs_module_tabView__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0 {\n  cursor: pointer;\n  margin-right: 0.25rem;\n  padding: 0.5rem 0rem 0.5rem 0.5rem;\n  text-align: left;\n  font-size: 1rem;\n  font-weight: 500;\n  color: var(--dark-grey);\n}\n.Tabs_module_tabView__df3be7a0 .Tabs_module_content__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0 .Tabs_module_content__df3be7a0 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\n.Tabs_module_tabView__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_left__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_left__df3be7a0 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n}\n.Tabs_module_tabView__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_left__df3be7a0 .Tabs_module_iconContainer__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_left__df3be7a0 .Tabs_module_iconContainer__df3be7a0 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n}\n.Tabs_module_tabView__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_left__df3be7a0 .Tabs_module_iconContainer__df3be7a0 .Tabs_module_icon__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_left__df3be7a0 .Tabs_module_iconContainer__df3be7a0 .Tabs_module_icon__df3be7a0 {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--dark-grey);\n}\n.Tabs_module_tabView__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n}\n.Tabs_module_tabView__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_saperator__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_saperator__df3be7a0 {\n  border-right: 0.031rem solid var(--grey3);\n  border-radius: 0.625rem;\n  height: 1.438rem;\n  margin: 0rem 0rem 0rem 1rem;\n}\n.Tabs_module_tabView__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_iconContainer__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_iconContainer__df3be7a0 {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.Tabs_module_tabView__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_iconContainer__df3be7a0 .Tabs_module_icon__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_iconContainer__df3be7a0 .Tabs_module_icon__df3be7a0 {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--dark-grey);\n}\n.Tabs_module_tabView__df3be7a0:hover, .Tabs_module_tabViewSelected__df3be7a0:hover {\n  background-color: var(--background);\n  border-radius: 0.25rem;\n  color: var(--highlight);\n}\n.Tabs_module_tabView__df3be7a0:hover .Tabs_module_content__df3be7a0 .Tabs_module_left__df3be7a0 .Tabs_module_iconContainer__df3be7a0 .Tabs_module_icon__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0:hover .Tabs_module_content__df3be7a0 .Tabs_module_left__df3be7a0 .Tabs_module_iconContainer__df3be7a0 .Tabs_module_icon__df3be7a0 {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--highlight);\n}\n.Tabs_module_tabView__df3be7a0:hover .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_saperator__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0:hover .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_saperator__df3be7a0 {\n  border-right: 0.031rem solid var(--highlight);\n  border-radius: 0.625rem;\n  height: 1.438rem;\n  margin: 0rem 0rem 0rem 1rem;\n}\n.Tabs_module_tabView__df3be7a0:hover .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_iconContainer__df3be7a0 .Tabs_module_icon__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0:hover .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_iconContainer__df3be7a0 .Tabs_module_icon__df3be7a0 {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--highlight);\n}\n\n.Tabs_module_tabViewSelected__df3be7a0 {\n  color: var(--highlight);\n  border-bottom: 0.125rem solid var(--highlight);\n}\n.Tabs_module_tabViewSelected__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_left__df3be7a0 .Tabs_module_iconContainer__df3be7a0 .Tabs_module_icon__df3be7a0 {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--highlight);\n}\n.Tabs_module_tabViewSelected__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_saperator__df3be7a0 {\n  border-right: 0.031rem solid var(--highlight);\n  border-radius: 0.625rem;\n  height: 1.438rem;\n  margin: 0rem 0rem 0rem 1rem;\n}\n.Tabs_module_tabViewSelected__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_iconContainer__df3be7a0 .Tabs_module_icon__df3be7a0 {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--highlight);\n}";