@banyan_cloud/roots 1.0.28 → 1.0.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +33 -13
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +33 -13
- package/dist/esm/index.js.map +1 -1
- package/dist/index.js +33 -13
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -5823,8 +5823,8 @@ const useListNavigation = function (_ref, _temp2) {
|
|
|
5823
5823
|
};
|
|
5824
5824
|
};
|
|
5825
5825
|
|
|
5826
|
-
var css$M = ".
|
|
5827
|
-
var modules_fe46b225 = {"backdrop":"
|
|
5826
|
+
var css$M = ".Popper_module_backdrop__0c794282 {\n position: fixed;\n z-index: 100;\n inset: 0;\n background: rgba(0, 0, 0, 0.4);\n}\n.Popper_module_backdrop__0c794282.Popper_module_transparent__0c794282 {\n background: none;\n}\n.Popper_module_backdrop__0c794282.Popper_module_hideBackdrop__0c794282 {\n position: static !important;\n}";
|
|
5827
|
+
var modules_fe46b225 = {"backdrop":"Popper_module_backdrop__0c794282","transparent":"Popper_module_transparent__0c794282","hide-backdrop":"Popper_module_hideBackdrop__0c794282"};
|
|
5828
5828
|
n(css$M,{});
|
|
5829
5829
|
|
|
5830
5830
|
var Popper = function Popper(props) {
|
|
@@ -36397,8 +36397,8 @@ var Columns = function Columns(props) {
|
|
|
36397
36397
|
});
|
|
36398
36398
|
};
|
|
36399
36399
|
|
|
36400
|
-
var css$b = ".
|
|
36401
|
-
var modules_a0fe63f9 = {"root":"
|
|
36400
|
+
var css$b = ".TableFilters_module_root__8fb9adbb[data-elem=base-cell] {\n -ms-overflow-style: none;\n scrollbar-width: none;\n overflow-x: auto;\n padding: 0.5rem;\n gap: 1.25rem;\n width: 100%;\n}\n.TableFilters_module_root__8fb9adbb[data-elem=base-cell]::-webkit-scrollbar {\n display: none;\n}\n.TableFilters_module_root__8fb9adbb[data-elem=base-cell] .TableFilters_module_icon__8fb9adbb {\n width: 1.5rem;\n height: 1.5rem;\n flex-shrink: 0;\n}\n.TableFilters_module_root__8fb9adbb[data-elem=base-cell] .TableFilters_module_iconButton__8fb9adbb {\n padding: 0rem;\n height: 100%;\n}\n.TableFilters_module_root__8fb9adbb[data-elem=base-cell] > [data-elem*=component] {\n height: 100%;\n}\n.TableFilters_module_root__8fb9adbb[data-elem=base-cell] .TableFilters_module_left__8fb9adbb,\n.TableFilters_module_root__8fb9adbb[data-elem=base-cell] .TableFilters_module_center__8fb9adbb,\n.TableFilters_module_root__8fb9adbb[data-elem=base-cell] .TableFilters_module_right__8fb9adbb {\n height: 100%;\n}\n.TableFilters_module_root__8fb9adbb[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__8fb9adbb {\n gap: 1rem;\n}\n.TableFilters_module_root__8fb9adbb[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__8fb9adbb [data-elem=left] {\n gap: 1rem;\n}\n.TableFilters_module_root__8fb9adbb[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__8fb9adbb .TableFilters_module_filterValue__8fb9adbb {\n color: var(--white);\n background: var(--highlight);\n padding: 0.125rem 0.5rem;\n border-radius: 50%;\n font-size: 0.813rem;\n}\n.TableFilters_module_root__8fb9adbb[data-elem=base-cell] > [data-elem=component2] {\n flex: 1;\n}\n.TableFilters_module_root__8fb9adbb[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_center__8fb9adbb {\n width: 100%;\n}\n.TableFilters_module_root__8fb9adbb[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_center__8fb9adbb [data-elem=base-cell] {\n background: var(--grey7);\n border-color: var(--grey3);\n}\n.TableFilters_module_root__8fb9adbb[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_center__8fb9adbb .TableFilters_module_icon__8fb9adbb {\n width: 1.25rem;\n}\n.TableFilters_module_root__8fb9adbb[data-elem=base-cell] .TableFilters_module_right__8fb9adbb {\n width: auto;\n padding: 0;\n min-width: 0rem;\n gap: 2.5rem;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.TableFilters_module_root__8fb9adbb[data-elem=base-cell] .TableFilters_module_right__8fb9adbb > [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}";
|
|
36401
|
+
var modules_a0fe63f9 = {"root":"TableFilters_module_root__8fb9adbb","icon":"TableFilters_module_icon__8fb9adbb","icon-button":"TableFilters_module_iconButton__8fb9adbb","left":"TableFilters_module_left__8fb9adbb","center":"TableFilters_module_center__8fb9adbb","right":"TableFilters_module_right__8fb9adbb","filter-value":"TableFilters_module_filterValue__8fb9adbb"};
|
|
36402
36402
|
n(css$b,{});
|
|
36403
36403
|
|
|
36404
36404
|
var css$a = ".Skeleton_module_root__d0937f9d[data-elem=base-cell] {\n width: 100%;\n gap: 1.25rem;\n}\n.Skeleton_module_root__d0937f9d[data-elem=base-cell] > [data-elem=component1] {\n flex: 1;\n}\n.Skeleton_module_root__d0937f9d[data-elem=base-cell] > [data-elem=component2] {\n flex: 6;\n}\n.Skeleton_module_root__d0937f9d[data-elem=base-cell] > [data-elem=component3] {\n flex: 1;\n}\n.Skeleton_module_root__d0937f9d[data-elem=base-cell] > [data-elem=component3] > [data-elem=base-cell] {\n padding: 0;\n align-items: flex-start;\n height: auto;\n}\n.Skeleton_module_root__d0937f9d[data-elem=base-cell] > [data-elem=component3] > [data-elem=base-cell] > [data-elem*=component] {\n flex: 1;\n}\n.Skeleton_module_root__d0937f9d[data-elem=base-cell] > [data-elem=component3] > [data-elem=base-cell] > [data-elem*=component] > [data-elem=skeleton] {\n height: 1.5rem;\n}";
|
|
@@ -36442,7 +36442,8 @@ var TableFilters = function TableFilters(props) {
|
|
|
36442
36442
|
headerData = props.headerData,
|
|
36443
36443
|
hiddenColumns = props.hiddenColumns,
|
|
36444
36444
|
setHiddenColumns = props.setHiddenColumns,
|
|
36445
|
-
loading = props.loading
|
|
36445
|
+
loading = props.loading,
|
|
36446
|
+
disabledFilterOptions = props.disabledFilterOptions;
|
|
36446
36447
|
var _useState = useState(false),
|
|
36447
36448
|
_useState2 = _slicedToArray(_useState, 2),
|
|
36448
36449
|
openColumns = _useState2[0],
|
|
@@ -36451,6 +36452,11 @@ var TableFilters = function TableFilters(props) {
|
|
|
36451
36452
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
36452
36453
|
anchorEl = _useState4[0],
|
|
36453
36454
|
setAnchorEl = _useState4[1];
|
|
36455
|
+
var disabledFilterButton = disabledFilterOptions.filterButton,
|
|
36456
|
+
disabledRefresh = disabledFilterOptions.refresh,
|
|
36457
|
+
disabledColumnFilter = disabledFilterOptions.columnFilter,
|
|
36458
|
+
disabledSettings = disabledFilterOptions.settings;
|
|
36459
|
+
var hideRightOptions = disabledColumnFilter && disabledRefresh && disabledSettings;
|
|
36454
36460
|
if (loading) {
|
|
36455
36461
|
return /*#__PURE__*/jsx$1(TableFiltersSkeleton, {});
|
|
36456
36462
|
}
|
|
@@ -36460,7 +36466,7 @@ var TableFilters = function TableFilters(props) {
|
|
|
36460
36466
|
attrs: {
|
|
36461
36467
|
style: style
|
|
36462
36468
|
},
|
|
36463
|
-
component1: /*#__PURE__*/jsx$1(Button, {
|
|
36469
|
+
component1: !disabledFilterButton && /*#__PURE__*/jsx$1(Button, {
|
|
36464
36470
|
className: modules_a0fe63f9.left,
|
|
36465
36471
|
title: "Filter",
|
|
36466
36472
|
variant: "outlined",
|
|
@@ -36490,10 +36496,10 @@ var TableFilters = function TableFilters(props) {
|
|
|
36490
36496
|
},
|
|
36491
36497
|
placeholder: "Search"
|
|
36492
36498
|
}),
|
|
36493
|
-
component3: /*#__PURE__*/jsx$1(BaseCell, {
|
|
36499
|
+
component3: !hideRightOptions && /*#__PURE__*/jsx$1(BaseCell, {
|
|
36494
36500
|
flexible: true,
|
|
36495
36501
|
className: modules_a0fe63f9.right,
|
|
36496
|
-
component1: /*#__PURE__*/jsxs(Fragment, {
|
|
36502
|
+
component1: !disabledColumnFilter && /*#__PURE__*/jsxs(Fragment, {
|
|
36497
36503
|
children: [/*#__PURE__*/jsx$1(Button, {
|
|
36498
36504
|
ref: function ref(el) {
|
|
36499
36505
|
setAnchorEl(el);
|
|
@@ -36520,7 +36526,7 @@ var TableFilters = function TableFilters(props) {
|
|
|
36520
36526
|
setHiddenColumns: setHiddenColumns
|
|
36521
36527
|
})]
|
|
36522
36528
|
}),
|
|
36523
|
-
component2: /*#__PURE__*/jsx$1(Button, {
|
|
36529
|
+
component2: !disabledRefresh && /*#__PURE__*/jsx$1(Button, {
|
|
36524
36530
|
size: "auto",
|
|
36525
36531
|
className: modules_a0fe63f9['icon-button'],
|
|
36526
36532
|
variant: "text",
|
|
@@ -36531,7 +36537,7 @@ var TableFilters = function TableFilters(props) {
|
|
|
36531
36537
|
});
|
|
36532
36538
|
}
|
|
36533
36539
|
}),
|
|
36534
|
-
component3: /*#__PURE__*/jsx$1(Button, {
|
|
36540
|
+
component3: !disabledSettings && /*#__PURE__*/jsx$1(Button, {
|
|
36535
36541
|
size: "auto",
|
|
36536
36542
|
className: modules_a0fe63f9['icon-button'],
|
|
36537
36543
|
variant: "text",
|
|
@@ -36590,7 +36596,8 @@ var Table = function Table(props) {
|
|
|
36590
36596
|
chipsData = props.chipsData,
|
|
36591
36597
|
filtersData = props.filtersData,
|
|
36592
36598
|
paginationData = props.paginationData,
|
|
36593
|
-
loading = props.loading
|
|
36599
|
+
loading = props.loading,
|
|
36600
|
+
disabledFilterOptions = props.disabledFilterOptions;
|
|
36594
36601
|
var ref = useRef(null);
|
|
36595
36602
|
var paginationRef = useRef(null);
|
|
36596
36603
|
var _useState = useState(false),
|
|
@@ -36671,6 +36678,7 @@ var Table = function Table(props) {
|
|
|
36671
36678
|
})), filtersData != null && /*#__PURE__*/jsx$1(TableFilters, _objectSpread2(_objectSpread2({
|
|
36672
36679
|
className: modules_2e8406c7.filters
|
|
36673
36680
|
}, _objectSpread2(_objectSpread2({}, filtersData), {}, {
|
|
36681
|
+
disabledFilterOptions: disabledFilterOptions,
|
|
36674
36682
|
headerData: headerData,
|
|
36675
36683
|
hiddenColumns: hiddenColumns,
|
|
36676
36684
|
setHiddenColumns: setHiddenColumns
|
|
@@ -36716,7 +36724,13 @@ Table.propTypes = {
|
|
|
36716
36724
|
chipsData: propTypes$1.exports.shape(_objectSpread2({}, TableChips.propTypes)),
|
|
36717
36725
|
filtersData: propTypes$1.exports.shape(_objectSpread2({}, TableFilters.propTypes)),
|
|
36718
36726
|
paginationData: propTypes$1.exports.shape(_objectSpread2({}, Pagination.propTypes)),
|
|
36719
|
-
loading: propTypes$1.exports.bool
|
|
36727
|
+
loading: propTypes$1.exports.bool,
|
|
36728
|
+
disabledFilterOptions: propTypes$1.exports.shape({
|
|
36729
|
+
filterButton: propTypes$1.exports.bool,
|
|
36730
|
+
refresh: propTypes$1.exports.bool,
|
|
36731
|
+
columnFilter: propTypes$1.exports.bool,
|
|
36732
|
+
settings: propTypes$1.exports.bool
|
|
36733
|
+
})
|
|
36720
36734
|
};
|
|
36721
36735
|
Table.defaultProps = {
|
|
36722
36736
|
className: '',
|
|
@@ -36732,7 +36746,13 @@ Table.defaultProps = {
|
|
|
36732
36746
|
chipsData: null,
|
|
36733
36747
|
filtersData: null,
|
|
36734
36748
|
paginationData: null,
|
|
36735
|
-
loading: null
|
|
36749
|
+
loading: null,
|
|
36750
|
+
disabledFilterOptions: {
|
|
36751
|
+
filterButton: false,
|
|
36752
|
+
refresh: false,
|
|
36753
|
+
columnFilter: false,
|
|
36754
|
+
settings: false
|
|
36755
|
+
}
|
|
36736
36756
|
};
|
|
36737
36757
|
|
|
36738
36758
|
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}";
|