@banyan_cloud/roots 1.0.149 → 1.0.150
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 +350 -326
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +350 -326
- package/dist/esm/index.js.map +1 -1
- package/dist/index.js +350 -326
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -47783,8 +47783,8 @@ var TableColumn$1 = /*#__PURE__*/_createClass(function TableColumn(_ref) {
|
|
|
47783
47783
|
this.sticky = sticky;
|
|
47784
47784
|
});
|
|
47785
47785
|
|
|
47786
|
-
var css$L = ".
|
|
47787
|
-
var modules_7ba8d001$1 = {"root":"
|
|
47786
|
+
var css$L = ".TableCell_module_root__b59011bb[data-elem=base-cell] {\n background: var(--white);\n border-bottom: 1px solid var(--grey4);\n}\n.TableCell_module_root__b59011bb[data-elem=base-cell] > [data-elem*=component] {\n overflow: hidden;\n}\n.TableCell_module_root__b59011bb[data-elem=base-cell] > [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n flex: 1;\n}\n.TableCell_module_root__b59011bb[data-elem=base-cell] > [data-elem*=component] .TableCell_module_cellText__b59011bb {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n display: inline-block;\n width: 100%;\n font-size: 1rem;\n}\n.TableCell_module_root__b59011bb[data-elem=base-cell] > [data-elem*=component].TableCell_module_light__b59011bb {\n background: #ffffff;\n}\n.TableCell_module_root__b59011bb[data-elem=base-cell] > [data-elem*=component].TableCell_module_light__b59011bb .TableCell_module_cellText__b59011bb {\n color: #1a2028;\n}\n.TableCell_module_root__b59011bb[data-elem=base-cell] > [data-elem*=component].TableCell_module_dark__b59011bb {\n background: #ffffff;\n}\n.TableCell_module_root__b59011bb[data-elem=base-cell] > [data-elem*=component].TableCell_module_dark__b59011bb .TableCell_module_cellText__b59011bb {\n color: var(--grey);\n}\n.TableCell_module_root__b59011bb[data-elem=base-cell].TableCell_module_headerCell__b59011bb .TableCell_module_cellText__b59011bb {\n font-weight: 400;\n font-size: 0.875rem;\n}\n.TableCell_module_root__b59011bb[data-elem=base-cell].TableCell_module_headerCell__b59011bb.TableCell_module_light__b59011bb {\n background: #f7f7f8;\n}\n.TableCell_module_root__b59011bb[data-elem=base-cell].TableCell_module_headerCell__b59011bb.TableCell_module_light__b59011bb .TableCell_module_cellText__b59011bb {\n color: #575f6e;\n}\n.TableCell_module_root__b59011bb[data-elem=base-cell].TableCell_module_headerCell__b59011bb.TableCell_module_dark__b59011bb {\n background: #f7f7f8;\n}\n.TableCell_module_root__b59011bb[data-elem=base-cell].TableCell_module_headerCell__b59011bb.TableCell_module_dark__b59011bb .TableCell_module_cellText__b59011bb {\n color: var(--grey);\n}\n.TableCell_module_root__b59011bb[data-elem=base-cell].TableCell_module_headerCell__b59011bb.TableCell_module_sortable__b59011bb > [data-elem=component2] {\n flex: 0 0 auto;\n}\n.TableCell_module_root__b59011bb[data-elem=base-cell].TableCell_module_headerCell__b59011bb.TableCell_module_sortable__b59011bb > [data-elem=component2] .TableCell_module_cellText__b59011bb {\n width: auto;\n}\n.TableCell_module_root__b59011bb[data-elem=base-cell].TableCell_module_headerCell__b59011bb.TableCell_module_sortable__b59011bb > [data-elem=component3] {\n flex: 0 0 auto;\n margin-right: auto;\n overflow: visible;\n}\n.TableCell_module_root__b59011bb[data-elem=base-cell].TableCell_module_headerCell__b59011bb.TableCell_module_sortable__b59011bb > [data-elem=component3] button.TableCell_module_sort__b59011bb {\n height: auto;\n background: transparent;\n padding: 0;\n}\n.TableCell_module_root__b59011bb[data-elem=base-cell].TableCell_module_headerCell__b59011bb.TableCell_module_sortable__b59011bb > [data-elem=component3] .TableCell_module_sortIcon__b59011bb {\n width: 1rem;\n height: 1rem;\n}\n.TableCell_module_root__b59011bb[data-elem=base-cell].TableCell_module_headerCell__b59011bb.TableCell_module_sortable__b59011bb.TableCell_module_sortDefault__b59011bb > [data-elem=component3] {\n visibility: hidden;\n}\n.TableCell_module_root__b59011bb[data-elem=base-cell].TableCell_module_headerCell__b59011bb.TableCell_module_sortable__b59011bb.TableCell_module_sortDefault__b59011bb > [data-elem=component3] .TableCell_module_sortIcon__b59011bb {\n width: 1rem;\n height: 1rem;\n}\n.TableCell_module_root__b59011bb[data-elem=base-cell].TableCell_module_headerCell__b59011bb.TableCell_module_sortable__b59011bb.TableCell_module_sortAsc__b59011bb > [data-elem=component3], .TableCell_module_root__b59011bb[data-elem=base-cell].TableCell_module_headerCell__b59011bb.TableCell_module_sortable__b59011bb.TableCell_module_sortDesc__b59011bb > [data-elem=component3] {\n visibility: visible;\n}\n.TableCell_module_root__b59011bb[data-elem=base-cell].TableCell_module_headerCell__b59011bb.TableCell_module_sortable__b59011bb.TableCell_module_sortAsc__b59011bb > [data-elem=component3] .TableCell_module_sortIcon__b59011bb, .TableCell_module_root__b59011bb[data-elem=base-cell].TableCell_module_headerCell__b59011bb.TableCell_module_sortable__b59011bb.TableCell_module_sortDesc__b59011bb > [data-elem=component3] .TableCell_module_sortIcon__b59011bb {\n fill: var(--highlight);\n width: 1rem;\n height: 1rem;\n}\n.TableCell_module_root__b59011bb[data-elem=base-cell].TableCell_module_headerCell__b59011bb.TableCell_module_sortable__b59011bb:hover > [data-elem=component3] {\n visibility: visible;\n}\n.TableCell_module_root__b59011bb[data-elem=base-cell].TableCell_module_bodyCell__b59011bb .TableCell_module_cellText__b59011bb.TableCell_module_multiLine__b59011bb {\n white-space: normal;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n font-size: 0.75rem;\n}\n.TableCell_module_root__b59011bb[data-elem=base-cell].TableCell_module_bodyCell__b59011bb.TableCell_module_light__b59011bb {\n background: #ffffff;\n}\n.TableCell_module_root__b59011bb[data-elem=base-cell].TableCell_module_bodyCell__b59011bb.TableCell_module_light__b59011bb .TableCell_module_cellText__b59011bb {\n color: #1a2028;\n}\n.TableCell_module_root__b59011bb[data-elem=base-cell].TableCell_module_bodyCell__b59011bb.TableCell_module_dark__b59011bb {\n background: #ffffff;\n}\n.TableCell_module_root__b59011bb[data-elem=base-cell].TableCell_module_bodyCell__b59011bb.TableCell_module_dark__b59011bb .TableCell_module_cellText__b59011bb {\n color: var(--grey);\n}\n.TableCell_module_root__b59011bb[data-elem=base-cell].TableCell_module_stickyLeft__b59011bb {\n box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n position: -webkit-sticky;\n position: sticky;\n left: 0;\n}\n.TableCell_module_root__b59011bb[data-elem=base-cell].TableCell_module_stickyRight__b59011bb {\n box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n position: -webkit-sticky;\n position: sticky;\n right: 0;\n}";
|
|
47787
|
+
var modules_7ba8d001$1 = {"root":"TableCell_module_root__b59011bb","cell-text":"TableCell_module_cellText__b59011bb","light":"TableCell_module_light__b59011bb","dark":"TableCell_module_dark__b59011bb","header-cell":"TableCell_module_headerCell__b59011bb","sortable":"TableCell_module_sortable__b59011bb","sort":"TableCell_module_sort__b59011bb","sort-icon":"TableCell_module_sortIcon__b59011bb","sort-default":"TableCell_module_sortDefault__b59011bb","sort-asc":"TableCell_module_sortAsc__b59011bb","sort-desc":"TableCell_module_sortDesc__b59011bb","body-cell":"TableCell_module_bodyCell__b59011bb","multi-line":"TableCell_module_multiLine__b59011bb","sticky-left":"TableCell_module_stickyLeft__b59011bb","sticky-right":"TableCell_module_stickyRight__b59011bb"};
|
|
47788
47788
|
n(css$L,{});
|
|
47789
47789
|
|
|
47790
47790
|
var SORT_ICONS$1 = {
|
|
@@ -47829,10 +47829,11 @@ var TableCell$1 = /*#__PURE__*/React.forwardRef(function TableCell(props, ref) {
|
|
|
47829
47829
|
cellTitle = props.cellTitle,
|
|
47830
47830
|
sticky = props.sticky,
|
|
47831
47831
|
sort = props.sort,
|
|
47832
|
-
onSort = props.onSort
|
|
47832
|
+
onSort = props.onSort,
|
|
47833
|
+
theme = props.theme;
|
|
47833
47834
|
return /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
47834
47835
|
ref: ref,
|
|
47835
|
-
className: classes(modules_7ba8d001$1.root, className, modules_7ba8d001$1["".concat(type, "-cell")], modules_7ba8d001$1["sticky-".concat(sticky)], modules_7ba8d001$1["sort-".concat(sort)], sort != null ? modules_7ba8d001$1.sortable : ''),
|
|
47836
|
+
className: classes(modules_7ba8d001$1.root, className, modules_7ba8d001$1["".concat(type, "-cell")], modules_7ba8d001$1["".concat(theme)], modules_7ba8d001$1["sticky-".concat(sticky)], modules_7ba8d001$1["sort-".concat(sort)], sort != null ? modules_7ba8d001$1.sortable : ''),
|
|
47836
47837
|
attrs: _objectSpread2({
|
|
47837
47838
|
style: style
|
|
47838
47839
|
}, attrs),
|
|
@@ -47864,6 +47865,7 @@ var TableCell$1 = /*#__PURE__*/React.forwardRef(function TableCell(props, ref) {
|
|
|
47864
47865
|
});
|
|
47865
47866
|
});
|
|
47866
47867
|
TableCell$1.propTypes = _objectSpread2(_objectSpread2({}, BaseCell.propTypes), {}, {
|
|
47868
|
+
theme: propTypesExports.string,
|
|
47867
47869
|
title: propTypesExports.string,
|
|
47868
47870
|
id: propTypesExports.string,
|
|
47869
47871
|
size: propTypesExports.oneOf(['sm', 'md', 'lg']),
|
|
@@ -47881,13 +47883,127 @@ TableCell$1.defaultProps = _objectSpread2(_objectSpread2({}, BaseCell.defaultPro
|
|
|
47881
47883
|
cellContent: null,
|
|
47882
47884
|
cellTitle: null,
|
|
47883
47885
|
RootDOM: 'td',
|
|
47886
|
+
theme: 'light',
|
|
47884
47887
|
onSort: function onSort() {}
|
|
47885
47888
|
});
|
|
47886
47889
|
|
|
47887
|
-
var css$K = ".
|
|
47888
|
-
var
|
|
47890
|
+
var css$K = ".TableCell_module_root__915d8e0c[data-elem=base-cell] {\n background: var(--white);\n border-bottom: 1px solid var(--grey4);\n}\n.TableCell_module_root__915d8e0c[data-elem=base-cell] > [data-elem*=component] {\n overflow: hidden;\n}\n.TableCell_module_root__915d8e0c[data-elem=base-cell] > [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n flex: 1;\n}\n.TableCell_module_root__915d8e0c[data-elem=base-cell] > [data-elem*=component] .TableCell_module_cellText__915d8e0c {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n display: inline-block;\n width: 100%;\n font-size: 0.875rem;\n}\n.TableCell_module_root__915d8e0c[data-elem=base-cell].TableCell_module_headerCell__915d8e0c {\n background: var(--grey6);\n}\n.TableCell_module_root__915d8e0c[data-elem=base-cell].TableCell_module_headerCell__915d8e0c .TableCell_module_cellText__915d8e0c {\n font-weight: 500;\n color: var(--grey);\n font-size: 0.75rem;\n}\n.TableCell_module_root__915d8e0c[data-elem=base-cell].TableCell_module_headerCell__915d8e0c.TableCell_module_sortable__915d8e0c > [data-elem=component2] {\n flex: 0 0 auto;\n}\n.TableCell_module_root__915d8e0c[data-elem=base-cell].TableCell_module_headerCell__915d8e0c.TableCell_module_sortable__915d8e0c > [data-elem=component2] .TableCell_module_cellText__915d8e0c {\n width: auto;\n}\n.TableCell_module_root__915d8e0c[data-elem=base-cell].TableCell_module_headerCell__915d8e0c.TableCell_module_sortable__915d8e0c > [data-elem=component3] {\n flex: 0 0 auto;\n margin-right: auto;\n overflow: visible;\n}\n.TableCell_module_root__915d8e0c[data-elem=base-cell].TableCell_module_headerCell__915d8e0c.TableCell_module_sortable__915d8e0c > [data-elem=component3] button.TableCell_module_sort__915d8e0c {\n height: auto;\n background: transparent;\n padding: 0;\n}\n.TableCell_module_root__915d8e0c[data-elem=base-cell].TableCell_module_headerCell__915d8e0c.TableCell_module_sortable__915d8e0c > [data-elem=component3] .TableCell_module_sortIcon__915d8e0c {\n width: 1rem;\n height: 1rem;\n}\n.TableCell_module_root__915d8e0c[data-elem=base-cell].TableCell_module_headerCell__915d8e0c.TableCell_module_sortable__915d8e0c.TableCell_module_sortDefault__915d8e0c > [data-elem=component3] {\n visibility: hidden;\n}\n.TableCell_module_root__915d8e0c[data-elem=base-cell].TableCell_module_headerCell__915d8e0c.TableCell_module_sortable__915d8e0c.TableCell_module_sortDefault__915d8e0c > [data-elem=component3] .TableCell_module_sortIcon__915d8e0c {\n width: 1rem;\n height: 1rem;\n}\n.TableCell_module_root__915d8e0c[data-elem=base-cell].TableCell_module_headerCell__915d8e0c.TableCell_module_sortable__915d8e0c.TableCell_module_sortAsc__915d8e0c > [data-elem=component3], .TableCell_module_root__915d8e0c[data-elem=base-cell].TableCell_module_headerCell__915d8e0c.TableCell_module_sortable__915d8e0c.TableCell_module_sortDesc__915d8e0c > [data-elem=component3] {\n visibility: visible;\n}\n.TableCell_module_root__915d8e0c[data-elem=base-cell].TableCell_module_headerCell__915d8e0c.TableCell_module_sortable__915d8e0c.TableCell_module_sortAsc__915d8e0c > [data-elem=component3] .TableCell_module_sortIcon__915d8e0c, .TableCell_module_root__915d8e0c[data-elem=base-cell].TableCell_module_headerCell__915d8e0c.TableCell_module_sortable__915d8e0c.TableCell_module_sortDesc__915d8e0c > [data-elem=component3] .TableCell_module_sortIcon__915d8e0c {\n fill: var(--highlight);\n width: 1rem;\n height: 1rem;\n}\n.TableCell_module_root__915d8e0c[data-elem=base-cell].TableCell_module_headerCell__915d8e0c.TableCell_module_sortable__915d8e0c:hover > [data-elem=component3] {\n visibility: visible;\n}\n.TableCell_module_root__915d8e0c[data-elem=base-cell].TableCell_module_bodyCell__915d8e0c .TableCell_module_cellText__915d8e0c.TableCell_module_multiLine__915d8e0c {\n white-space: normal;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n font-size: 0.75rem;\n}\n.TableCell_module_root__915d8e0c[data-elem=base-cell].TableCell_module_stickyLeft__915d8e0c {\n box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n position: sticky;\n left: 0;\n}\n.TableCell_module_root__915d8e0c[data-elem=base-cell].TableCell_module_stickyRight__915d8e0c {\n box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n position: sticky;\n right: 0;\n}";
|
|
47891
|
+
var modules_7ba8d001 = {"root":"TableCell_module_root__915d8e0c","cell-text":"TableCell_module_cellText__915d8e0c","header-cell":"TableCell_module_headerCell__915d8e0c","sortable":"TableCell_module_sortable__915d8e0c","sort":"TableCell_module_sort__915d8e0c","sort-icon":"TableCell_module_sortIcon__915d8e0c","sort-default":"TableCell_module_sortDefault__915d8e0c","sort-asc":"TableCell_module_sortAsc__915d8e0c","sort-desc":"TableCell_module_sortDesc__915d8e0c","body-cell":"TableCell_module_bodyCell__915d8e0c","multi-line":"TableCell_module_multiLine__915d8e0c","sticky-left":"TableCell_module_stickyLeft__915d8e0c","sticky-right":"TableCell_module_stickyRight__915d8e0c"};
|
|
47889
47892
|
n(css$K,{});
|
|
47890
47893
|
|
|
47894
|
+
var SORT_ICONS = {
|
|
47895
|
+
asc: /*#__PURE__*/jsxRuntime.jsx(Sort, {
|
|
47896
|
+
className: modules_7ba8d001['sort-icon'],
|
|
47897
|
+
position: "az"
|
|
47898
|
+
}),
|
|
47899
|
+
desc: /*#__PURE__*/jsxRuntime.jsx(Sort, {
|
|
47900
|
+
className: modules_7ba8d001['sort-icon'],
|
|
47901
|
+
position: "za"
|
|
47902
|
+
}),
|
|
47903
|
+
"default": /*#__PURE__*/jsxRuntime.jsx(Sort, {
|
|
47904
|
+
className: modules_7ba8d001['sort-icon'],
|
|
47905
|
+
position: "az"
|
|
47906
|
+
})
|
|
47907
|
+
};
|
|
47908
|
+
var getNextSortState = function getNextSortState(currentSort) {
|
|
47909
|
+
var _asc$desc$default;
|
|
47910
|
+
return (_asc$desc$default = {
|
|
47911
|
+
asc: 'desc',
|
|
47912
|
+
desc: 'default',
|
|
47913
|
+
"default": 'asc'
|
|
47914
|
+
}) === null || _asc$desc$default === void 0 ? void 0 : _asc$desc$default[currentSort];
|
|
47915
|
+
};
|
|
47916
|
+
|
|
47917
|
+
// eslint-disable-next-line prefer-arrow-callback
|
|
47918
|
+
var TableCell = /*#__PURE__*/React.forwardRef(function TableCell(props, ref) {
|
|
47919
|
+
var id = props.id,
|
|
47920
|
+
className = props.className,
|
|
47921
|
+
size = props.size,
|
|
47922
|
+
flexible = props.flexible,
|
|
47923
|
+
rounded = props.rounded,
|
|
47924
|
+
component1 = props.component1,
|
|
47925
|
+
component3 = props.component3,
|
|
47926
|
+
RootDOM = props.RootDOM,
|
|
47927
|
+
attrs = props.attrs,
|
|
47928
|
+
radius = props.radius,
|
|
47929
|
+
style = props.style,
|
|
47930
|
+
multiLine = props.multiLine,
|
|
47931
|
+
type = props.type,
|
|
47932
|
+
cellContent = props.cellContent,
|
|
47933
|
+
cellTitle = props.cellTitle,
|
|
47934
|
+
sticky = props.sticky,
|
|
47935
|
+
sort = props.sort,
|
|
47936
|
+
onSort = props.onSort;
|
|
47937
|
+
props.theme;
|
|
47938
|
+
var v2 = props.v2;
|
|
47939
|
+
console.log({
|
|
47940
|
+
v2: v2
|
|
47941
|
+
});
|
|
47942
|
+
if (v2) {
|
|
47943
|
+
return /*#__PURE__*/jsxRuntime.jsx(TableCell$1, _objectSpread2({}, props));
|
|
47944
|
+
}
|
|
47945
|
+
return /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
47946
|
+
ref: ref,
|
|
47947
|
+
className: classes(modules_7ba8d001.root, className, modules_7ba8d001["".concat(type, "-cell")], modules_7ba8d001["sticky-".concat(sticky)], modules_7ba8d001["sort-".concat(sort)], sort != null ? modules_7ba8d001.sortable : ''),
|
|
47948
|
+
attrs: _objectSpread2({
|
|
47949
|
+
style: style
|
|
47950
|
+
}, attrs),
|
|
47951
|
+
size: size,
|
|
47952
|
+
flexible: flexible,
|
|
47953
|
+
rounded: rounded,
|
|
47954
|
+
component1: component1,
|
|
47955
|
+
component2: /*#__PURE__*/jsxRuntime.jsx("span", _objectSpread2(_objectSpread2({}, _objectSpread2(_objectSpread2({}, cellTitle != null ? {
|
|
47956
|
+
title: cellTitle
|
|
47957
|
+
} : {}), {}, {
|
|
47958
|
+
className: classes(modules_7ba8d001['cell-text'], multiLine ? modules_7ba8d001['multi-line'] : ''),
|
|
47959
|
+
style: style,
|
|
47960
|
+
'data-elem': 'text'
|
|
47961
|
+
})), {}, {
|
|
47962
|
+
children: [null, false, true].includes(cellContent) ? JSON.stringify(cellContent) : cellContent
|
|
47963
|
+
})),
|
|
47964
|
+
component3: type === 'header' && sort ? /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
47965
|
+
className: modules_7ba8d001.sort,
|
|
47966
|
+
size: "auto",
|
|
47967
|
+
onClick: function onClick() {
|
|
47968
|
+
onSort(id, getNextSortState(sort));
|
|
47969
|
+
},
|
|
47970
|
+
leftComponent: function leftComponent() {
|
|
47971
|
+
return SORT_ICONS[sort];
|
|
47972
|
+
}
|
|
47973
|
+
}) : component3,
|
|
47974
|
+
RootDOM: RootDOM,
|
|
47975
|
+
radius: radius
|
|
47976
|
+
});
|
|
47977
|
+
});
|
|
47978
|
+
TableCell.propTypes = _objectSpread2(_objectSpread2({}, BaseCell.propTypes), {}, {
|
|
47979
|
+
title: propTypesExports.string,
|
|
47980
|
+
id: propTypesExports.string,
|
|
47981
|
+
size: propTypesExports.oneOf(['sm', 'md', 'lg']),
|
|
47982
|
+
flexible: propTypesExports.bool,
|
|
47983
|
+
sort: propTypesExports.oneOf(['default', 'asc', 'desc']),
|
|
47984
|
+
// eslint-disable-next-line react/forbid-prop-types
|
|
47985
|
+
style: propTypesExports.object,
|
|
47986
|
+
multiLine: propTypesExports.bool,
|
|
47987
|
+
sticky: propTypesExports.oneOf(['left', 'right', 'none']),
|
|
47988
|
+
cellContent: propTypesExports.node,
|
|
47989
|
+
cellTitle: propTypesExports.string,
|
|
47990
|
+
theme: propTypesExports.oneOf(['light', 'dark']),
|
|
47991
|
+
v2: propTypesExports.bool,
|
|
47992
|
+
onSort: propTypesExports.func
|
|
47993
|
+
});
|
|
47994
|
+
TableCell.defaultProps = _objectSpread2(_objectSpread2({}, BaseCell.defaultProps), {}, {
|
|
47995
|
+
cellContent: null,
|
|
47996
|
+
cellTitle: null,
|
|
47997
|
+
RootDOM: 'td',
|
|
47998
|
+
theme: 'light',
|
|
47999
|
+
v2: false,
|
|
48000
|
+
onSort: function onSort() {}
|
|
48001
|
+
});
|
|
48002
|
+
|
|
48003
|
+
var css$J = ".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}";
|
|
48004
|
+
var modules_f6618a87$1 = {"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"};
|
|
48005
|
+
n(css$J,{});
|
|
48006
|
+
|
|
47891
48007
|
var TableRow$1 = /*#__PURE__*/React.forwardRef(function BaseTable(props, ref) {
|
|
47892
48008
|
var _headerData$map;
|
|
47893
48009
|
var type = props.type,
|
|
@@ -47947,7 +48063,7 @@ var TableRow$1 = /*#__PURE__*/React.forwardRef(function BaseTable(props, ref) {
|
|
|
47947
48063
|
return (
|
|
47948
48064
|
/*#__PURE__*/
|
|
47949
48065
|
// eslint-disable-next-line react/jsx-key
|
|
47950
|
-
jsxRuntime.jsx(TableCell
|
|
48066
|
+
jsxRuntime.jsx(TableCell, _objectSpread2({}, cellProps))
|
|
47951
48067
|
);
|
|
47952
48068
|
});
|
|
47953
48069
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
@@ -48010,9 +48126,9 @@ TableRow$1.defaultProps = {
|
|
|
48010
48126
|
onRowClick: function onRowClick() {}
|
|
48011
48127
|
};
|
|
48012
48128
|
|
|
48013
|
-
var css$
|
|
48129
|
+
var css$I = ".TableBody_module_root__77e2990d {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}";
|
|
48014
48130
|
var modules_82c0c387$1 = {"root":"TableBody_module_root__77e2990d"};
|
|
48015
|
-
n(css$
|
|
48131
|
+
n(css$I,{});
|
|
48016
48132
|
|
|
48017
48133
|
/* eslint-disable no-underscore-dangle */
|
|
48018
48134
|
/* eslint-disable react/forbid-prop-types */
|
|
@@ -48104,9 +48220,137 @@ TableBody$1.defaultProps = {
|
|
|
48104
48220
|
onRowClick: function onRowClick() {}
|
|
48105
48221
|
};
|
|
48106
48222
|
|
|
48107
|
-
var css$
|
|
48108
|
-
var
|
|
48109
|
-
n(css$
|
|
48223
|
+
var css$H = ".TableRow_module_root__936e981b {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.TableRow_module_root__936e981b.TableRow_module_headerRow__936e981b {\n background: #F7F7F8;\n}\n.TableRow_module_root__936e981b.TableRow_module_headerRow__936e981b > [data-elem=base-cell].TableRow_module_expandableCell__936e981b {\n background: transparent;\n}\n.TableRow_module_root__936e981b.TableRow_module_headerRow__936e981b > [data-elem=base-cell].TableRow_module_expandableCell__936e981b > [data-elem=component2] {\n width: 3rem;\n visibility: hidden;\n}\n.TableRow_module_root__936e981b.TableRow_module_bodyRow__936e981b {\n background: var(--white);\n}\n.TableRow_module_root__936e981b.TableRow_module_bodyRow__936e981b > [data-elem=base-cell] {\n background: var(--white);\n}\n.TableRow_module_root__936e981b.TableRow_module_bodyRow__936e981b:hover > [data-elem=base-cell] {\n background: var(--info-bg);\n}\n.TableRow_module_root__936e981b.TableRow_module_bodyRow__936e981b[data-active=true] > [data-elem=base-cell] {\n background: var(--background);\n}\n.TableRow_module_root__936e981b > [data-elem=base-cell]:first-child {\n padding-left: 1rem;\n}\n.TableRow_module_root__936e981b > [data-elem=base-cell]:last-child {\n padding-right: 1rem;\n}\n.TableRow_module_root__936e981b.TableRow_module_rowHeightMd__936e981b > td[data-elem=base-cell] {\n height: 3rem;\n}\n.TableRow_module_root__936e981b.TableRow_module_rowHeightLg__936e981b > td[data-elem=base-cell] {\n height: 4rem;\n}\n.TableRow_module_root__936e981b > [data-elem=base-cell].TableRow_module_expandableCell__936e981b {\n padding-left: 0.9rem;\n padding-right: 0.1rem;\n overflow: visible;\n}\n.TableRow_module_root__936e981b > [data-elem=base-cell].TableRow_module_expandableCell__936e981b > [data-elem=component2] {\n overflow: visible;\n}\n.TableRow_module_root__936e981b > [data-elem=base-cell].TableRow_module_expandableCell__936e981b > [data-elem=component2] > [data-elem=text] {\n overflow: visible;\n}\n.TableRow_module_root__936e981b button.TableRow_module_button__936e981b[data-elem=base-cell] .TableRow_module_icon__936e981b {\n width: 1.5rem;\n height: 1.5rem;\n}\n.TableRow_module_root__936e981b button.TableRow_module_button__936e981b[data-elem=base-cell]:disabled {\n cursor: default;\n}\n.TableRow_module_root__936e981b button.TableRow_module_button__936e981b[data-elem=base-cell]:disabled .TableRow_module_icon__936e981b {\n visibility: hidden;\n}\n.TableRow_module_root__936e981b .TableRow_module_expanded__936e981b .TableRow_module_button__936e981b .TableRow_module_icon__936e981b {\n transform: rotate(180deg);\n}";
|
|
48224
|
+
var modules_f6618a87 = {"root":"TableRow_module_root__936e981b","header-row":"TableRow_module_headerRow__936e981b","expandable-cell":"TableRow_module_expandableCell__936e981b","body-row":"TableRow_module_bodyRow__936e981b","row-height-md":"TableRow_module_rowHeightMd__936e981b","row-height-lg":"TableRow_module_rowHeightLg__936e981b","button":"TableRow_module_button__936e981b","icon":"TableRow_module_icon__936e981b","expanded":"TableRow_module_expanded__936e981b"};
|
|
48225
|
+
n(css$H,{});
|
|
48226
|
+
|
|
48227
|
+
var TableRow = /*#__PURE__*/React.forwardRef(function BaseTable(props, ref) {
|
|
48228
|
+
var _headerData$map;
|
|
48229
|
+
var type = props.type,
|
|
48230
|
+
headerData = props.headerData,
|
|
48231
|
+
datum = props.datum,
|
|
48232
|
+
_index = props._index,
|
|
48233
|
+
customCells = props.customCells,
|
|
48234
|
+
className = props.className,
|
|
48235
|
+
setActiveId = props.setActiveId,
|
|
48236
|
+
onRowClick = props.onRowClick,
|
|
48237
|
+
Expandable = props.expandable,
|
|
48238
|
+
onSort = props.onSort,
|
|
48239
|
+
theme = props.theme,
|
|
48240
|
+
rowHeight = props.rowHeight;
|
|
48241
|
+
var _useState = React.useState(false),
|
|
48242
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
48243
|
+
expanded = _useState2[0],
|
|
48244
|
+
setExpanded = _useState2[1];
|
|
48245
|
+
var expandableProps = Expandable ? {
|
|
48246
|
+
_expanded: expanded,
|
|
48247
|
+
_setExpanded: setExpanded,
|
|
48248
|
+
disabled: !Expandable({
|
|
48249
|
+
datum: datum,
|
|
48250
|
+
index: _index
|
|
48251
|
+
}),
|
|
48252
|
+
onClick: function onClick() {
|
|
48253
|
+
setExpanded(function (prev) {
|
|
48254
|
+
return !prev;
|
|
48255
|
+
});
|
|
48256
|
+
}
|
|
48257
|
+
} : {};
|
|
48258
|
+
var tableCells = headerData === null || headerData === void 0 || (_headerData$map = headerData.map) === null || _headerData$map === void 0 ? void 0 : _headerData$map.call(headerData, function (item) {
|
|
48259
|
+
var _getCustomCell;
|
|
48260
|
+
var cellContent = null;
|
|
48261
|
+
if (type === 'header') {
|
|
48262
|
+
cellContent = item.title;
|
|
48263
|
+
} else if (type === 'body') {
|
|
48264
|
+
cellContent = datum === null || datum === void 0 ? void 0 : datum[item.id];
|
|
48265
|
+
}
|
|
48266
|
+
var cellProps = _objectSpread2(_objectSpread2(_objectSpread2({}, props), item), {}, {
|
|
48267
|
+
_index: _index,
|
|
48268
|
+
expandableProps: expandableProps,
|
|
48269
|
+
setActiveId: setActiveId,
|
|
48270
|
+
key: item.id,
|
|
48271
|
+
datum: datum,
|
|
48272
|
+
cellContent: cellContent,
|
|
48273
|
+
cellTitle: cellContent,
|
|
48274
|
+
type: type,
|
|
48275
|
+
onSort: onSort,
|
|
48276
|
+
theme: theme,
|
|
48277
|
+
rowHeight: rowHeight
|
|
48278
|
+
});
|
|
48279
|
+
var getCustomCell = customCells === null || customCells === void 0 ? void 0 : customCells[type];
|
|
48280
|
+
var CustomCell = typeof getCustomCell === 'function' ? (_getCustomCell = getCustomCell()) === null || _getCustomCell === void 0 ? void 0 : _getCustomCell[item.id] : null;
|
|
48281
|
+
if (CustomCell != null) {
|
|
48282
|
+
// eslint-disable-next-line react/jsx-key
|
|
48283
|
+
return /*#__PURE__*/jsxRuntime.jsx(CustomCell, _objectSpread2({}, cellProps));
|
|
48284
|
+
}
|
|
48285
|
+
return (
|
|
48286
|
+
/*#__PURE__*/
|
|
48287
|
+
// eslint-disable-next-line react/jsx-key
|
|
48288
|
+
jsxRuntime.jsx(TableCell$1, _objectSpread2({}, cellProps))
|
|
48289
|
+
);
|
|
48290
|
+
});
|
|
48291
|
+
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
48292
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("tr", {
|
|
48293
|
+
ref: ref,
|
|
48294
|
+
tabIndex: -1,
|
|
48295
|
+
"data-elem": "table-row",
|
|
48296
|
+
onClick: function onClick() {
|
|
48297
|
+
return onRowClick(props);
|
|
48298
|
+
},
|
|
48299
|
+
className: classes(className, modules_f6618a87.root, modules_f6618a87["".concat(type, "-row")], modules_f6618a87["row-height-".concat(rowHeight)]),
|
|
48300
|
+
children: tableCells
|
|
48301
|
+
}), Expandable && expanded && /*#__PURE__*/jsxRuntime.jsx("tr", {
|
|
48302
|
+
onClick: function onClick() {
|
|
48303
|
+
return onRowClick(datum, setActiveId);
|
|
48304
|
+
},
|
|
48305
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Expandable, {
|
|
48306
|
+
datum: datum,
|
|
48307
|
+
index: _index
|
|
48308
|
+
})
|
|
48309
|
+
})]
|
|
48310
|
+
});
|
|
48311
|
+
});
|
|
48312
|
+
TableRow.propTypes = {
|
|
48313
|
+
className: propTypesExports.string,
|
|
48314
|
+
type: propTypesExports.oneOf(['header', 'body']),
|
|
48315
|
+
datum: propTypesExports.object,
|
|
48316
|
+
customCells: propTypesExports.shape({
|
|
48317
|
+
header: propTypesExports.func,
|
|
48318
|
+
body: propTypesExports.func
|
|
48319
|
+
}),
|
|
48320
|
+
headerData: propTypesExports.arrayOf(propTypesExports.shape({
|
|
48321
|
+
title: propTypesExports.string,
|
|
48322
|
+
id: propTypesExports.string,
|
|
48323
|
+
size: propTypesExports.oneOf(['sm', 'md', 'lg']),
|
|
48324
|
+
flexible: propTypesExports.bool,
|
|
48325
|
+
sort: propTypesExports.bool,
|
|
48326
|
+
style: propTypesExports.object,
|
|
48327
|
+
multiLine: propTypesExports.bool
|
|
48328
|
+
})),
|
|
48329
|
+
setActiveId: propTypesExports.func,
|
|
48330
|
+
expandable: propTypesExports.func,
|
|
48331
|
+
onSort: propTypesExports.func,
|
|
48332
|
+
rowHeight: propTypesExports.oneOf(['md', 'lg']),
|
|
48333
|
+
onRowClick: propTypesExports.func
|
|
48334
|
+
};
|
|
48335
|
+
TableRow.defaultProps = {
|
|
48336
|
+
className: '',
|
|
48337
|
+
type: 'body',
|
|
48338
|
+
datum: {},
|
|
48339
|
+
customCells: {
|
|
48340
|
+
header: null,
|
|
48341
|
+
body: null
|
|
48342
|
+
},
|
|
48343
|
+
headerData: [],
|
|
48344
|
+
setActiveId: function setActiveId() {},
|
|
48345
|
+
expandable: null,
|
|
48346
|
+
onSort: function onSort() {},
|
|
48347
|
+
rowHeight: 'md',
|
|
48348
|
+
onRowClick: function onRowClick() {}
|
|
48349
|
+
};
|
|
48350
|
+
|
|
48351
|
+
var css$G = ".TableHeader_module_root__6decaec4 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n color: #f7f7f8;\n}";
|
|
48352
|
+
var modules_3be98c28$1 = {"root":"TableHeader_module_root__6decaec4"};
|
|
48353
|
+
n(css$G,{});
|
|
48110
48354
|
|
|
48111
48355
|
/* eslint-disable react/forbid-prop-types */
|
|
48112
48356
|
var TableHeader$1 = function TableHeader(props) {
|
|
@@ -48115,18 +48359,20 @@ var TableHeader$1 = function TableHeader(props) {
|
|
|
48115
48359
|
expandable = props.expandable,
|
|
48116
48360
|
onSort = props.onSort,
|
|
48117
48361
|
rowHeight = props.rowHeight,
|
|
48362
|
+
theme = props.theme,
|
|
48118
48363
|
onRowClick = props.onRowClick;
|
|
48119
48364
|
return /*#__PURE__*/jsxRuntime.jsx("thead", {
|
|
48120
48365
|
"data-elem": "table-header",
|
|
48121
48366
|
className: modules_3be98c28$1.root,
|
|
48122
|
-
children: /*#__PURE__*/jsxRuntime.jsx(TableRow
|
|
48367
|
+
children: /*#__PURE__*/jsxRuntime.jsx(TableRow, {
|
|
48123
48368
|
type: "header",
|
|
48124
48369
|
headerData: headerData,
|
|
48125
48370
|
customCells: customCells,
|
|
48126
48371
|
expandable: expandable,
|
|
48127
48372
|
onSort: onSort,
|
|
48128
48373
|
rowHeight: rowHeight,
|
|
48129
|
-
onRowClick: onRowClick
|
|
48374
|
+
onRowClick: onRowClick,
|
|
48375
|
+
theme: theme
|
|
48130
48376
|
})
|
|
48131
48377
|
});
|
|
48132
48378
|
};
|
|
@@ -48161,13 +48407,78 @@ TableHeader$1.defaultProps = {
|
|
|
48161
48407
|
onRowClick: function onRowClick() {}
|
|
48162
48408
|
};
|
|
48163
48409
|
|
|
48164
|
-
var css$
|
|
48410
|
+
var css$F = ".TableHeader_module_root__daf69a14 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}";
|
|
48411
|
+
var modules_3be98c28 = {"root":"TableHeader_module_root__daf69a14"};
|
|
48412
|
+
n(css$F,{});
|
|
48413
|
+
|
|
48414
|
+
var TableHeader = function TableHeader(props) {
|
|
48415
|
+
var headerData = props.headerData,
|
|
48416
|
+
customCells = props.customCells,
|
|
48417
|
+
expandable = props.expandable,
|
|
48418
|
+
onSort = props.onSort,
|
|
48419
|
+
rowHeight = props.rowHeight;
|
|
48420
|
+
props.theme;
|
|
48421
|
+
var v2 = props.v2,
|
|
48422
|
+
onRowClick = props.onRowClick;
|
|
48423
|
+
if (v2) {
|
|
48424
|
+
return /*#__PURE__*/jsxRuntime.jsx(TableHeader$1, _objectSpread2({}, props));
|
|
48425
|
+
}
|
|
48426
|
+
return /*#__PURE__*/jsxRuntime.jsx("thead", {
|
|
48427
|
+
"data-elem": "table-header",
|
|
48428
|
+
className: modules_3be98c28.root,
|
|
48429
|
+
children: /*#__PURE__*/jsxRuntime.jsx(TableRow$1, {
|
|
48430
|
+
type: "header",
|
|
48431
|
+
headerData: headerData,
|
|
48432
|
+
customCells: customCells,
|
|
48433
|
+
expandable: expandable,
|
|
48434
|
+
onSort: onSort,
|
|
48435
|
+
rowHeight: rowHeight,
|
|
48436
|
+
onRowClick: onRowClick
|
|
48437
|
+
})
|
|
48438
|
+
});
|
|
48439
|
+
};
|
|
48440
|
+
TableHeader.propTypes = {
|
|
48441
|
+
headerData: propTypesExports.arrayOf(propTypesExports.shape({
|
|
48442
|
+
title: propTypesExports.string,
|
|
48443
|
+
id: propTypesExports.string,
|
|
48444
|
+
size: propTypesExports.oneOf(['sm', 'md', 'lg']),
|
|
48445
|
+
flexible: propTypesExports.bool,
|
|
48446
|
+
sort: propTypesExports.bool,
|
|
48447
|
+
style: propTypesExports.object,
|
|
48448
|
+
multiLine: propTypesExports.bool
|
|
48449
|
+
})),
|
|
48450
|
+
customCells: propTypesExports.shape({
|
|
48451
|
+
header: propTypesExports.func,
|
|
48452
|
+
body: propTypesExports.func
|
|
48453
|
+
}),
|
|
48454
|
+
expandable: propTypesExports.func,
|
|
48455
|
+
onSort: propTypesExports.func,
|
|
48456
|
+
rowHeight: propTypesExports.oneOf(['md', 'lg']),
|
|
48457
|
+
theme: propTypesExports.oneOf(['light', 'dark']),
|
|
48458
|
+
v2: propTypesExports.bool,
|
|
48459
|
+
onRowClick: propTypesExports.func
|
|
48460
|
+
};
|
|
48461
|
+
TableHeader.defaultProps = {
|
|
48462
|
+
headerData: [],
|
|
48463
|
+
customCells: {
|
|
48464
|
+
header: null,
|
|
48465
|
+
body: null
|
|
48466
|
+
},
|
|
48467
|
+
expandable: null,
|
|
48468
|
+
onSort: function onSort() {},
|
|
48469
|
+
rowHeight: 'md',
|
|
48470
|
+
theme: 'light',
|
|
48471
|
+
v2: false,
|
|
48472
|
+
onRowClick: function onRowClick() {}
|
|
48473
|
+
};
|
|
48474
|
+
|
|
48475
|
+
var css$E = ".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}";
|
|
48165
48476
|
var modules_f1817c60$1 = {"root":"BaseTable_module_root__7a8d241c"};
|
|
48166
|
-
n(css$
|
|
48477
|
+
n(css$E,{});
|
|
48167
48478
|
|
|
48168
|
-
var css$
|
|
48479
|
+
var css$D = ".Skeleton_module_row__f53f20f3 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1rem;\n padding: 0rem 0.5rem;\n}\n.Skeleton_module_row__f53f20f3.Skeleton_module_header__f53f20f3 {\n height: 2rem;\n background: var(--grey4);\n border-radius: 0.25rem;\n}\n.Skeleton_module_row__f53f20f3.Skeleton_module_header__f53f20f3 .Skeleton_module_th__f53f20f3 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.Skeleton_module_row__f53f20f3.Skeleton_module_header__f53f20f3 .Skeleton_module_th__f53f20f3 .Skeleton_module_skeleton__f53f20f3 {\n background: var(--grey8);\n}\n.Skeleton_module_row__f53f20f3 > .Skeleton_module_column__f53f20f3 {\n width: 100%;\n}\n.Skeleton_module_row__f53f20f3 > .Skeleton_module_column__f53f20f3 .Skeleton_module_skeleton__f53f20f3 {\n height: 1.5rem;\n}";
|
|
48169
48480
|
var modules_37a5ff73$c = {"row":"Skeleton_module_row__f53f20f3","header":"Skeleton_module_header__f53f20f3","th":"Skeleton_module_th__f53f20f3","skeleton":"Skeleton_module_skeleton__f53f20f3","column":"Skeleton_module_column__f53f20f3"};
|
|
48170
|
-
n(css$
|
|
48481
|
+
n(css$D,{});
|
|
48171
48482
|
|
|
48172
48483
|
var COLUMNS$1 = _toConsumableArray$1(Array(4).keys()).map(function () {
|
|
48173
48484
|
return Math.floor(Math.random() * 80 + 20);
|
|
@@ -48218,7 +48529,7 @@ var BaseTable$1 = /*#__PURE__*/React.forwardRef(function BaseTable(props, ref) {
|
|
|
48218
48529
|
ref: ref,
|
|
48219
48530
|
"data-elem": "table",
|
|
48220
48531
|
className: classes(className, modules_f1817c60$1.root),
|
|
48221
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(TableHeader
|
|
48532
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(TableHeader, {
|
|
48222
48533
|
headerData: transformedHeaderData,
|
|
48223
48534
|
customCells: customCells,
|
|
48224
48535
|
expandable: expandable,
|
|
@@ -48276,9 +48587,9 @@ BaseTable$1.defaultProps = {
|
|
|
48276
48587
|
onRowClick: function onRowClick() {}
|
|
48277
48588
|
};
|
|
48278
48589
|
|
|
48279
|
-
var css$
|
|
48590
|
+
var css$C = ".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}";
|
|
48280
48591
|
var modules_e4619b04 = {"tooltip":"Tooltip_module_tooltip__04fbc763","light":"Tooltip_module_light__04fbc763","arrow":"Tooltip_module_arrow__04fbc763","dark":"Tooltip_module_dark__04fbc763"};
|
|
48281
|
-
n(css$
|
|
48592
|
+
n(css$C,{});
|
|
48282
48593
|
|
|
48283
48594
|
var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(props, propRef) {
|
|
48284
48595
|
var _middlewareData$arrow, _middlewareData$arrow2, _middlewareData$arrow3, _middlewareData$arrow4;
|
|
@@ -48385,9 +48696,9 @@ Tooltip.defaultProps = {
|
|
|
48385
48696
|
className: ''
|
|
48386
48697
|
};
|
|
48387
48698
|
|
|
48388
|
-
var css$
|
|
48699
|
+
var css$B = ".Skeleton_module_root__15c10a9b[data-elem=base-cell] {\n align-items: flex-start;\n width: 100%;\n}\n.Skeleton_module_root__15c10a9b[data-elem=base-cell] > [data-elem=component1] {\n width: auto;\n}\n.Skeleton_module_root__15c10a9b[data-elem=base-cell] > [data-elem=component1] > [data-elem=skeleton] {\n height: 1.5rem;\n width: 1.5rem !important;\n}\n.Skeleton_module_root__15c10a9b[data-elem=base-cell] > [data-elem=component2] {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 1rem;\n flex: 8;\n}\n.Skeleton_module_root__15c10a9b[data-elem=base-cell] > [data-elem=component2] > [data-elem=skeleton] {\n max-width: 9rem;\n height: 1.5rem;\n}";
|
|
48389
48700
|
var modules_37a5ff73$b = {"root":"Skeleton_module_root__15c10a9b"};
|
|
48390
|
-
n(css$
|
|
48701
|
+
n(css$B,{});
|
|
48391
48702
|
|
|
48392
48703
|
var CHIPS$1 = _toConsumableArray$1(Array(5).keys());
|
|
48393
48704
|
var TableChipsSkeleton$1 = function TableChipsSkeleton(_ref) {
|
|
@@ -48408,9 +48719,9 @@ var TableChipsSkeleton$1 = function TableChipsSkeleton(_ref) {
|
|
|
48408
48719
|
});
|
|
48409
48720
|
};
|
|
48410
48721
|
|
|
48411
|
-
var css$
|
|
48722
|
+
var css$A = ".TableChipItem_module_root__928eddc9 {\n background: var(--grey8);\n border: 1px solid var(--grey4);\n padding: 0.25rem;\n height: 100%;\n max-height: 3rem;\n max-width: -moz-fit-content;\n max-width: fit-content;\n cursor: default;\n}\n.TableChipItem_module_root__928eddc9 .TableChipItem_module_chipIcon__928eddc9 {\n width: 1rem;\n height: 1rem;\n}\n.TableChipItem_module_root__928eddc9 > [data-elem=component1] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TableChipItem_module_root__928eddc9 > [data-elem=component2] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 0.25rem;\n height: 100%;\n}\n.TableChipItem_module_root__928eddc9 > [data-elem=component2] .TableChipItem_module_label__928eddc9 {\n height: 100%;\n}\n.TableChipItem_module_root__928eddc9 > [data-elem=component2] .TableChipItem_module_label__928eddc9 div.TableChipItem_module_chipSearch__928eddc9 > label > [data-elem=base-cell] {\n background-color: transparent;\n border: none;\n padding: 0 0.125rem;\n border-radius: 0.125rem;\n width: auto;\n}\n.TableChipItem_module_root__928eddc9 > [data-elem=component2] .TableChipItem_module_label__928eddc9 div.TableChipItem_module_chipSearch__928eddc9 > label > [data-elem=base-cell] > [data-elem=component2] > [data-elem=input] {\n font-size: 0.875rem;\n font-weight: 500;\n width: auto;\n}\n.TableChipItem_module_root__928eddc9 > [data-elem=component2] div.TableChipItem_module_chipSearch__928eddc9 {\n padding: 0;\n height: 100%;\n}\n.TableChipItem_module_root__928eddc9 > [data-elem=component2] div.TableChipItem_module_chipSearch__928eddc9 > label > [data-elem=base-cell] {\n border-radius: 1.5rem;\n width: auto;\n}\n.TableChipItem_module_root__928eddc9 > [data-elem=component2] div.TableChipItem_module_chipSearch__928eddc9 > label > [data-elem=base-cell] > [data-elem=component2] > [data-elem=input] {\n font-size: 0.875rem;\n font-weight: 500;\n width: auto;\n}\n.TableChipItem_module_root__928eddc9 > [data-elem=component2] .TableChipItem_module_chip__928eddc9 {\n height: 100%;\n}\n.TableChipItem_module_root__928eddc9 > [data-elem=component2] .TableChipItem_module_chip__928eddc9:not(:disabled) {\n cursor: pointer;\n}\n.TableChipItem_module_root__928eddc9 > [data-elem=component2] .TableChipItem_module_chip__928eddc9:disabled {\n cursor: default;\n color: var(--info);\n border-color: var(--info-outline);\n background: var(--info-bg);\n filter: none;\n}\n.TableChipItem_module_root__928eddc9 > [data-elem=component2] .TableChipItem_module_chip__928eddc9 > [data-elem=component2] > [data-elem=title] {\n color: var(--dark-grey);\n}\n.TableChipItem_module_root__928eddc9 > [data-elem=component2] .TableChipItem_module_chip__928eddc9 .TableChipItem_module_icon__928eddc9 {\n width: 0.875rem;\n height: 0.875rem;\n}\n.TableChipItem_module_root__928eddc9 > [data-elem=component3] {\n height: 100%;\n width: auto;\n}\n.TableChipItem_module_root__928eddc9 > [data-elem=component3] button.TableChipItem_module_remove__928eddc9[data-elem=base-cell] {\n background: transparent;\n padding: 0;\n}\n.TableChipItem_module_root__928eddc9 > [data-elem=component3] button.TableChipItem_module_remove__928eddc9[data-elem=base-cell] .TableChipItem_module_icon__928eddc9 {\n width: 1rem;\n height: 1rem;\n}\n.TableChipItem_module_root__928eddc9.TableChipItem_module_disabled__928eddc9:hover {\n border-color: var(--grey4);\n}\n.TableChipItem_module_root__928eddc9.TableChipItem_module_disabled__928eddc9:hover > [data-elem=component2] .TableChipItem_module_label__928eddc9 {\n color: var(--dark-grey);\n}\n.TableChipItem_module_root__928eddc9.TableChipItem_module_disabled__928eddc9:hover > [data-elem=component2] .TableChipItem_module_chipChild__928eddc9 {\n background: var(--info-bg);\n}\n.TableChipItem_module_root__928eddc9.TableChipItem_module_disabled__928eddc9:hover > [data-elem=component2] .TableChipItem_module_chipChild__928eddc9 > [data-elem=component2] > [data-elem=title] {\n color: var(--dark-grey);\n}\n.TableChipItem_module_root__928eddc9.TableChipItem_module_disabled__928eddc9:hover > [data-elem=component2] .TableChipItem_module_chipChild__928eddc9 .TableChipItem_module_icon__928eddc9 {\n width: 0.875rem;\n height: 0.875rem;\n}\n.TableChipItem_module_root__928eddc9:hover:not(.TableChipItem_module_temp__928eddc9) {\n border-color: var(--highlight);\n}\n.TableChipItem_module_root__928eddc9:hover:not(.TableChipItem_module_temp__928eddc9) > [data-elem=component2] .TableChipItem_module_label__928eddc9 {\n color: var(--highlight);\n}\n.TableChipItem_module_root__928eddc9:hover:not(.TableChipItem_module_temp__928eddc9) > [data-elem=component2] .TableChipItem_module_chip__928eddc9 {\n background: var(--background);\n}\n.TableChipItem_module_root__928eddc9:hover:not(.TableChipItem_module_temp__928eddc9) > [data-elem=component2] .TableChipItem_module_chip__928eddc9 > [data-elem=component2] > [data-elem=title] {\n color: var(--highlight);\n}\n.TableChipItem_module_root__928eddc9:hover:not(.TableChipItem_module_temp__928eddc9) > [data-elem=component2] .TableChipItem_module_chip__928eddc9 .TableChipItem_module_icon__928eddc9 {\n width: 0.875rem;\n height: 0.875rem;\n}\n.TableChipItem_module_root__928eddc9.TableChipItem_module_temp__928eddc9 {\n background: var(--highlight);\n}\n.TableChipItem_module_root__928eddc9.TableChipItem_module_temp__928eddc9 > [data-elem=component1] .TableChipItem_module_chipIcon__928eddc9 {\n fill: var(--white);\n}\n.TableChipItem_module_root__928eddc9.TableChipItem_module_temp__928eddc9 > [data-elem=component2] .TableChipItem_module_label__928eddc9 {\n color: var(--white);\n}\n.TableChipItem_module_root__928eddc9.TableChipItem_module_temp__928eddc9:hover > [data-elem=component2] .TableChipItem_module_chip__928eddc9 {\n background: var(--info-bg);\n}\n.TableChipItem_module_root__928eddc9.TableChipItem_module_temp__928eddc9 > [data-elem=component3] .TableChipItem_module_remove__928eddc9 .TableChipItem_module_icon__928eddc9 {\n fill: var(--white);\n}";
|
|
48412
48723
|
var modules_ac61eac3$1 = {"root":"TableChipItem_module_root__928eddc9","chip-icon":"TableChipItem_module_chipIcon__928eddc9","label":"TableChipItem_module_label__928eddc9","chip-search":"TableChipItem_module_chipSearch__928eddc9","chip":"TableChipItem_module_chip__928eddc9","icon":"TableChipItem_module_icon__928eddc9","remove":"TableChipItem_module_remove__928eddc9","disabled":"TableChipItem_module_disabled__928eddc9","chip-child":"TableChipItem_module_chipChild__928eddc9","temp":"TableChipItem_module_temp__928eddc9"};
|
|
48413
|
-
n(css$
|
|
48724
|
+
n(css$A,{});
|
|
48414
48725
|
|
|
48415
48726
|
var TableChipItem$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
48416
48727
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -48542,9 +48853,9 @@ var TableChipItem$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
48542
48853
|
});
|
|
48543
48854
|
});
|
|
48544
48855
|
|
|
48545
|
-
var css$
|
|
48856
|
+
var css$z = ".TableChips_module_root__6212ef0c[data-elem=base-cell] {\n padding: 0.5rem 1.5rem;\n width: 100%;\n background: var(--grey6);\n border-radius: 0.25rem 0.25rem 0 0;\n}\n.TableChips_module_root__6212ef0c[data-elem=base-cell] > [data-elem=component1] .TableChips_module_back__6212ef0c {\n height: 2rem;\n width: 2rem;\n}\n.TableChips_module_root__6212ef0c[data-elem=base-cell] > [data-elem=component1] .TableChips_module_back__6212ef0c [data-elem=component1] .TableChips_module_icon__6212ef0c {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n}\n.TableChips_module_root__6212ef0c[data-elem=base-cell] > [data-elem=component2] {\n -ms-overflow-style: none;\n scrollbar-width: none;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n height: 100%;\n gap: 0.5rem;\n overflow: auto hidden;\n flex: 1;\n}\n.TableChips_module_root__6212ef0c[data-elem=base-cell] > [data-elem=component2]::-webkit-scrollbar {\n display: none;\n}\n.TableChips_module_root__6212ef0c[data-elem=base-cell] > [data-elem=component3] {\n height: 100%;\n}\n.TableChips_module_root__6212ef0c[data-elem=base-cell] > [data-elem=component3] .TableChips_module_clear__6212ef0c {\n height: 100%;\n}";
|
|
48546
48857
|
var modules_016d9b3e$1 = {"root":"TableChips_module_root__6212ef0c","back":"TableChips_module_back__6212ef0c","icon":"TableChips_module_icon__6212ef0c","clear":"TableChips_module_clear__6212ef0c"};
|
|
48547
|
-
n(css$
|
|
48858
|
+
n(css$z,{});
|
|
48548
48859
|
|
|
48549
48860
|
var TableChips$1 = function TableChips(props) {
|
|
48550
48861
|
var _chips$filter;
|
|
@@ -48679,9 +48990,9 @@ var TableChip = /*#__PURE__*/_createClass(function TableChip(_ref) {
|
|
|
48679
48990
|
this.temp = temp;
|
|
48680
48991
|
});
|
|
48681
48992
|
|
|
48682
|
-
var css$
|
|
48993
|
+
var css$y = ".Columns_module_popover__19f4f6da {\n height: 32rem;\n padding: 0;\n overflow: hidden;\n}\n\n.Columns_module_root__19f4f6da {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n position: relative;\n height: 100%;\n min-width: 18rem;\n max-width: 100%;\n}\n.Columns_module_root__19f4f6da .Columns_module_header__19f4f6da {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n border-bottom: 1px solid var(--grey4);\n padding: 0.75rem 2.5rem;\n}\n.Columns_module_root__19f4f6da .Columns_module_header__19f4f6da > [data-elem=component1] {\n font-weight: 500;\n}\n.Columns_module_root__19f4f6da .Columns_module_header__19f4f6da > [data-elem=component2] .Columns_module_close__19f4f6da {\n height: auto;\n padding: 0;\n}\n.Columns_module_root__19f4f6da .Columns_module_header__19f4f6da > [data-elem=component2] .Columns_module_close__19f4f6da .Columns_module_icon__19f4f6da {\n width: 1rem;\n height: 1rem;\n}\n.Columns_module_root__19f4f6da .Columns_module_body__19f4f6da {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n gap: 0.5rem;\n padding: 0.75rem 2.5rem;\n max-height: 28rem;\n overflow-y: auto;\n flex: 1 1 auto;\n}\n.Columns_module_root__19f4f6da .Columns_module_body__19f4f6da .Columns_module_search__19f4f6da {\n position: sticky;\n top: 0;\n}\n.Columns_module_root__19f4f6da .Columns_module_body__19f4f6da .Columns_module_columns__19f4f6da {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n gap: 0.5rem;\n overflow-y: auto;\n}\n.Columns_module_root__19f4f6da .Columns_module_body__19f4f6da .Columns_module_columns__19f4f6da .Columns_module_item__19f4f6da {\n height: 3rem;\n}\n.Columns_module_root__19f4f6da .Columns_module_body__19f4f6da .Columns_module_columns__19f4f6da .Columns_module_item__19f4f6da > [data-elem=title] {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.Columns_module_root__19f4f6da .Columns_module_footer__19f4f6da {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n height: auto;\n margin-top: auto;\n padding: 0.5rem 2.5rem;\n border-top: 1px solid var(--grey4);\n}\n.Columns_module_root__19f4f6da .Columns_module_footer__19f4f6da button.Columns_module_expand__19f4f6da {\n height: auto;\n background: var(--grey8);\n border: 1px solid var(--grey4);\n color: var(--black);\n}\n.Columns_module_root__19f4f6da .Columns_module_footer__19f4f6da button.Columns_module_expand__19f4f6da .Columns_module_icon__19f4f6da {\n width: 1.5rem;\n height: 1.5rem;\n transform: rotate(180deg);\n}\n.Columns_module_root__19f4f6da.Columns_module_expanded__19f4f6da .Columns_module_body__19f4f6da {\n flex: 0 1 auto;\n}\n.Columns_module_root__19f4f6da.Columns_module_expanded__19f4f6da .Columns_module_body__19f4f6da .Columns_module_columns__19f4f6da {\n display: grid;\n grid-template-columns: 1fr 1fr;\n}\n.Columns_module_root__19f4f6da.Columns_module_expanded__19f4f6da .Columns_module_body__19f4f6da .Columns_module_columns__19f4f6da .Columns_module_item__19f4f6da {\n overflow: hidden;\n}\n.Columns_module_root__19f4f6da.Columns_module_expanded__19f4f6da .Columns_module_footer__19f4f6da button.Columns_module_expand__19f4f6da .Columns_module_icon__19f4f6da {\n transform: none;\n}";
|
|
48683
48994
|
var modules_48c02c99$1 = {"popover":"Columns_module_popover__19f4f6da","root":"Columns_module_root__19f4f6da","header":"Columns_module_header__19f4f6da","close":"Columns_module_close__19f4f6da","icon":"Columns_module_icon__19f4f6da","body":"Columns_module_body__19f4f6da","search":"Columns_module_search__19f4f6da","columns":"Columns_module_columns__19f4f6da","item":"Columns_module_item__19f4f6da","footer":"Columns_module_footer__19f4f6da","expand":"Columns_module_expand__19f4f6da","expanded":"Columns_module_expanded__19f4f6da"};
|
|
48684
|
-
n(css$
|
|
48995
|
+
n(css$y,{});
|
|
48685
48996
|
|
|
48686
48997
|
var Columns$1 = function Columns(props) {
|
|
48687
48998
|
var open = props.open,
|
|
@@ -48788,13 +49099,13 @@ var Columns$1 = function Columns(props) {
|
|
|
48788
49099
|
});
|
|
48789
49100
|
};
|
|
48790
49101
|
|
|
48791
|
-
var css$
|
|
49102
|
+
var css$x = ".TableFilters_module_root__5c8a9b08[data-elem=base-cell] {\n -ms-overflow-style: none;\n scrollbar-width: none;\n overflow-x: auto;\n padding: 0.375rem 1rem;\n gap: 1.25rem;\n width: 100%;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell]::-webkit-scrollbar {\n display: none;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] .TableFilters_module_icon__5c8a9b08 {\n width: 1.5rem;\n height: 1.5rem;\n flex-shrink: 0;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] button.TableFilters_module_iconButton__5c8a9b08 {\n height: 100%;\n background: var(--grey8);\n border: 1px solid var(--grey4);\n color: var(--black);\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem*=component] {\n height: 100%;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] .TableFilters_module_left__5c8a9b08,\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] .TableFilters_module_center__5c8a9b08,\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] .TableFilters_module_right__5c8a9b08 {\n height: 100%;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__5c8a9b08 {\n gap: 1rem;\n background: var(--grey8);\n border: 1px solid var(--grey4);\n color: var(--black);\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__5c8a9b08 [data-elem=left] {\n gap: 1rem;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__5c8a9b08 .TableFilters_module_icon__5c8a9b08 {\n fill: var(--black);\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__5c8a9b08 .TableFilters_module_filterValue__5c8a9b08 {\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__5c8a9b08[data-elem=base-cell] > [data-elem=component2] {\n flex: 1;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component2] > .TableFilters_module_center__5c8a9b08 {\n width: 100%;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component2] > .TableFilters_module_center__5c8a9b08 > label [data-elem=base-cell] {\n border-color: var(--grey4);\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component2] > .TableFilters_module_center__5c8a9b08 > label [data-elem=base-cell] > [data-elem=component1] {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.5rem;\n height: 100%;\n padding: 0.25rem;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component2] > .TableFilters_module_center__5c8a9b08 > label [data-elem=base-cell] > [data-elem=component1] [data-elem=base-cell] {\n outline: none;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component2] > .TableFilters_module_center__5c8a9b08 > label [data-elem=base-cell] > [data-elem=component2] input:disabled {\n background: transparent;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component2] > .TableFilters_module_center__5c8a9b08 > label [data-elem=base-cell]:focus-within {\n outline: 1px solid var(--highlight);\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component2] > .TableFilters_module_center__5c8a9b08 > label .TableFilters_module_icon__5c8a9b08 {\n width: 1.25rem;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] .TableFilters_module_right__5c8a9b08 {\n width: auto;\n padding: 0;\n min-width: 0rem;\n gap: 0.5rem;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] .TableFilters_module_right__5c8a9b08 > [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n height: 100%;\n}";
|
|
48792
49103
|
var modules_a0fe63f9$1 = {"root":"TableFilters_module_root__5c8a9b08","icon":"TableFilters_module_icon__5c8a9b08","icon-button":"TableFilters_module_iconButton__5c8a9b08","left":"TableFilters_module_left__5c8a9b08","center":"TableFilters_module_center__5c8a9b08","right":"TableFilters_module_right__5c8a9b08","filter-value":"TableFilters_module_filterValue__5c8a9b08"};
|
|
48793
|
-
n(css$
|
|
49104
|
+
n(css$x,{});
|
|
48794
49105
|
|
|
48795
|
-
var css$
|
|
49106
|
+
var css$w = ".Skeleton_module_root__bdc934d4[data-elem=base-cell] {\n width: 100%;\n gap: 1.25rem;\n}\n.Skeleton_module_root__bdc934d4[data-elem=base-cell] > [data-elem=component1] {\n flex: 1;\n}\n.Skeleton_module_root__bdc934d4[data-elem=base-cell] > [data-elem=component2] {\n flex: 6;\n}\n.Skeleton_module_root__bdc934d4[data-elem=base-cell] > [data-elem=component3] {\n flex: 3;\n}\n.Skeleton_module_root__bdc934d4[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__bdc934d4[data-elem=base-cell] > [data-elem=component3] > [data-elem=base-cell] > [data-elem*=component] {\n flex: 1;\n}\n.Skeleton_module_root__bdc934d4[data-elem=base-cell] > [data-elem=component3] > [data-elem=base-cell] > [data-elem*=component] > [data-elem=skeleton] {\n height: 1.5rem;\n}";
|
|
48796
49107
|
var modules_37a5ff73$a = {"root":"Skeleton_module_root__bdc934d4"};
|
|
48797
|
-
n(css$
|
|
49108
|
+
n(css$w,{});
|
|
48798
49109
|
|
|
48799
49110
|
var TableFiltersSkeleton$1 = function TableFiltersSkeleton(_ref) {
|
|
48800
49111
|
var theme = _ref.theme;
|
|
@@ -49257,9 +49568,9 @@ var useTableSearch = function useTableSearch() {
|
|
|
49257
49568
|
};
|
|
49258
49569
|
};
|
|
49259
49570
|
|
|
49260
|
-
var css$
|
|
49571
|
+
var css$v = ".Table_module_root__b07b1753 {\n position: relative;\n border-style: solid;\n border-color: var(--grey4);\n border-width: 1px 1px 0px 1px;\n border-radius: 0.25rem;\n width: 100%;\n max-width: 100%;\n height: 100%;\n overflow: hidden;\n}\n.Table_module_root__b07b1753 .Table_module_table__b07b1753 {\n height: calc(100% - 6rem);\n padding-bottom: 3.5rem;\n}\n.Table_module_root__b07b1753 .Table_module_pagination__b07b1753 {\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n}\n.Table_module_root__b07b1753 .Table_module_pagination__b07b1753.Table_module_floating__b07b1753 {\n bottom: 1rem;\n}\n.Table_module_root__b07b1753 .Table_module_chips__b07b1753,\n.Table_module_root__b07b1753 .Table_module_filters__b07b1753,\n.Table_module_root__b07b1753 .Table_module_table__b07b1753 > [data-elem=table-header] {\n position: sticky;\n z-index: 1;\n top: 0;\n}";
|
|
49261
49572
|
var modules_2e8406c7$1 = {"root":"Table_module_root__b07b1753","table":"Table_module_table__b07b1753","pagination":"Table_module_pagination__b07b1753","floating":"Table_module_floating__b07b1753","chips":"Table_module_chips__b07b1753","filters":"Table_module_filters__b07b1753"};
|
|
49262
|
-
n(css$
|
|
49573
|
+
n(css$v,{});
|
|
49263
49574
|
|
|
49264
49575
|
var SIZE_MAP = {
|
|
49265
49576
|
sm: 9.063,
|
|
@@ -49299,239 +49610,9 @@ var TableColumn = /*#__PURE__*/_createClass(function TableColumn(_ref) {
|
|
|
49299
49610
|
this.sticky = sticky;
|
|
49300
49611
|
});
|
|
49301
49612
|
|
|
49302
|
-
var css$
|
|
49303
|
-
var modules_7ba8d001 = {"root":"TableCell_module_root__b59011bb","cell-text":"TableCell_module_cellText__b59011bb","light":"TableCell_module_light__b59011bb","dark":"TableCell_module_dark__b59011bb","header-cell":"TableCell_module_headerCell__b59011bb","sortable":"TableCell_module_sortable__b59011bb","sort":"TableCell_module_sort__b59011bb","sort-icon":"TableCell_module_sortIcon__b59011bb","sort-default":"TableCell_module_sortDefault__b59011bb","sort-asc":"TableCell_module_sortAsc__b59011bb","sort-desc":"TableCell_module_sortDesc__b59011bb","body-cell":"TableCell_module_bodyCell__b59011bb","multi-line":"TableCell_module_multiLine__b59011bb","sticky-left":"TableCell_module_stickyLeft__b59011bb","sticky-right":"TableCell_module_stickyRight__b59011bb"};
|
|
49304
|
-
n(css$x,{});
|
|
49305
|
-
|
|
49306
|
-
var SORT_ICONS = {
|
|
49307
|
-
asc: /*#__PURE__*/jsxRuntime.jsx(Sort, {
|
|
49308
|
-
className: modules_7ba8d001['sort-icon'],
|
|
49309
|
-
position: "az"
|
|
49310
|
-
}),
|
|
49311
|
-
desc: /*#__PURE__*/jsxRuntime.jsx(Sort, {
|
|
49312
|
-
className: modules_7ba8d001['sort-icon'],
|
|
49313
|
-
position: "za"
|
|
49314
|
-
}),
|
|
49315
|
-
"default": /*#__PURE__*/jsxRuntime.jsx(Sort, {
|
|
49316
|
-
className: modules_7ba8d001['sort-icon'],
|
|
49317
|
-
position: "az"
|
|
49318
|
-
})
|
|
49319
|
-
};
|
|
49320
|
-
var getNextSortState = function getNextSortState(currentSort) {
|
|
49321
|
-
var _asc$desc$default;
|
|
49322
|
-
return (_asc$desc$default = {
|
|
49323
|
-
asc: 'desc',
|
|
49324
|
-
desc: 'default',
|
|
49325
|
-
"default": 'asc'
|
|
49326
|
-
}) === null || _asc$desc$default === void 0 ? void 0 : _asc$desc$default[currentSort];
|
|
49327
|
-
};
|
|
49328
|
-
|
|
49329
|
-
// eslint-disable-next-line prefer-arrow-callback
|
|
49330
|
-
var TableCell = /*#__PURE__*/React.forwardRef(function TableCell(props, ref) {
|
|
49331
|
-
var id = props.id,
|
|
49332
|
-
className = props.className,
|
|
49333
|
-
size = props.size,
|
|
49334
|
-
flexible = props.flexible,
|
|
49335
|
-
rounded = props.rounded,
|
|
49336
|
-
component1 = props.component1,
|
|
49337
|
-
component3 = props.component3,
|
|
49338
|
-
RootDOM = props.RootDOM,
|
|
49339
|
-
attrs = props.attrs,
|
|
49340
|
-
radius = props.radius,
|
|
49341
|
-
style = props.style,
|
|
49342
|
-
multiLine = props.multiLine,
|
|
49343
|
-
type = props.type,
|
|
49344
|
-
cellContent = props.cellContent,
|
|
49345
|
-
cellTitle = props.cellTitle,
|
|
49346
|
-
sticky = props.sticky,
|
|
49347
|
-
sort = props.sort,
|
|
49348
|
-
onSort = props.onSort,
|
|
49349
|
-
theme = props.theme;
|
|
49350
|
-
return /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
49351
|
-
ref: ref,
|
|
49352
|
-
className: classes(modules_7ba8d001.root, className, modules_7ba8d001["".concat(type, "-cell")], modules_7ba8d001["".concat(theme)], modules_7ba8d001["sticky-".concat(sticky)], modules_7ba8d001["sort-".concat(sort)], sort != null ? modules_7ba8d001.sortable : ''),
|
|
49353
|
-
attrs: _objectSpread2({
|
|
49354
|
-
style: style
|
|
49355
|
-
}, attrs),
|
|
49356
|
-
size: size,
|
|
49357
|
-
flexible: flexible,
|
|
49358
|
-
rounded: rounded,
|
|
49359
|
-
component1: component1,
|
|
49360
|
-
component2: /*#__PURE__*/jsxRuntime.jsx("span", _objectSpread2(_objectSpread2({}, _objectSpread2(_objectSpread2({}, cellTitle != null ? {
|
|
49361
|
-
title: cellTitle
|
|
49362
|
-
} : {}), {}, {
|
|
49363
|
-
className: classes(modules_7ba8d001['cell-text'], multiLine ? modules_7ba8d001['multi-line'] : ''),
|
|
49364
|
-
style: style,
|
|
49365
|
-
'data-elem': 'text'
|
|
49366
|
-
})), {}, {
|
|
49367
|
-
children: [null, false, true].includes(cellContent) ? JSON.stringify(cellContent) : cellContent
|
|
49368
|
-
})),
|
|
49369
|
-
component3: type === 'header' && sort ? /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
49370
|
-
className: modules_7ba8d001.sort,
|
|
49371
|
-
size: "auto",
|
|
49372
|
-
onClick: function onClick() {
|
|
49373
|
-
onSort(id, getNextSortState(sort));
|
|
49374
|
-
},
|
|
49375
|
-
leftComponent: function leftComponent() {
|
|
49376
|
-
return SORT_ICONS[sort];
|
|
49377
|
-
}
|
|
49378
|
-
}) : component3,
|
|
49379
|
-
RootDOM: RootDOM,
|
|
49380
|
-
radius: radius
|
|
49381
|
-
});
|
|
49382
|
-
});
|
|
49383
|
-
TableCell.propTypes = _objectSpread2(_objectSpread2({}, BaseCell.propTypes), {}, {
|
|
49384
|
-
theme: propTypesExports.string,
|
|
49385
|
-
title: propTypesExports.string,
|
|
49386
|
-
id: propTypesExports.string,
|
|
49387
|
-
size: propTypesExports.oneOf(['sm', 'md', 'lg']),
|
|
49388
|
-
flexible: propTypesExports.bool,
|
|
49389
|
-
sort: propTypesExports.oneOf(['default', 'asc', 'desc']),
|
|
49390
|
-
// eslint-disable-next-line react/forbid-prop-types
|
|
49391
|
-
style: propTypesExports.object,
|
|
49392
|
-
multiLine: propTypesExports.bool,
|
|
49393
|
-
sticky: propTypesExports.oneOf(['left', 'right', 'none']),
|
|
49394
|
-
cellContent: propTypesExports.node,
|
|
49395
|
-
cellTitle: propTypesExports.string,
|
|
49396
|
-
onSort: propTypesExports.func
|
|
49397
|
-
});
|
|
49398
|
-
TableCell.defaultProps = _objectSpread2(_objectSpread2({}, BaseCell.defaultProps), {}, {
|
|
49399
|
-
cellContent: null,
|
|
49400
|
-
cellTitle: null,
|
|
49401
|
-
RootDOM: 'td',
|
|
49402
|
-
theme: 'light',
|
|
49403
|
-
onSort: function onSort() {}
|
|
49404
|
-
});
|
|
49405
|
-
|
|
49406
|
-
var css$w = ".TableRow_module_root__936e981b {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.TableRow_module_root__936e981b.TableRow_module_headerRow__936e981b {\n background: #F7F7F8;\n}\n.TableRow_module_root__936e981b.TableRow_module_headerRow__936e981b > [data-elem=base-cell].TableRow_module_expandableCell__936e981b {\n background: transparent;\n}\n.TableRow_module_root__936e981b.TableRow_module_headerRow__936e981b > [data-elem=base-cell].TableRow_module_expandableCell__936e981b > [data-elem=component2] {\n width: 3rem;\n visibility: hidden;\n}\n.TableRow_module_root__936e981b.TableRow_module_bodyRow__936e981b {\n background: var(--white);\n}\n.TableRow_module_root__936e981b.TableRow_module_bodyRow__936e981b > [data-elem=base-cell] {\n background: var(--white);\n}\n.TableRow_module_root__936e981b.TableRow_module_bodyRow__936e981b:hover > [data-elem=base-cell] {\n background: var(--info-bg);\n}\n.TableRow_module_root__936e981b.TableRow_module_bodyRow__936e981b[data-active=true] > [data-elem=base-cell] {\n background: var(--background);\n}\n.TableRow_module_root__936e981b > [data-elem=base-cell]:first-child {\n padding-left: 1rem;\n}\n.TableRow_module_root__936e981b > [data-elem=base-cell]:last-child {\n padding-right: 1rem;\n}\n.TableRow_module_root__936e981b.TableRow_module_rowHeightMd__936e981b > td[data-elem=base-cell] {\n height: 3rem;\n}\n.TableRow_module_root__936e981b.TableRow_module_rowHeightLg__936e981b > td[data-elem=base-cell] {\n height: 4rem;\n}\n.TableRow_module_root__936e981b > [data-elem=base-cell].TableRow_module_expandableCell__936e981b {\n padding-left: 0.9rem;\n padding-right: 0.1rem;\n overflow: visible;\n}\n.TableRow_module_root__936e981b > [data-elem=base-cell].TableRow_module_expandableCell__936e981b > [data-elem=component2] {\n overflow: visible;\n}\n.TableRow_module_root__936e981b > [data-elem=base-cell].TableRow_module_expandableCell__936e981b > [data-elem=component2] > [data-elem=text] {\n overflow: visible;\n}\n.TableRow_module_root__936e981b button.TableRow_module_button__936e981b[data-elem=base-cell] .TableRow_module_icon__936e981b {\n width: 1.5rem;\n height: 1.5rem;\n}\n.TableRow_module_root__936e981b button.TableRow_module_button__936e981b[data-elem=base-cell]:disabled {\n cursor: default;\n}\n.TableRow_module_root__936e981b button.TableRow_module_button__936e981b[data-elem=base-cell]:disabled .TableRow_module_icon__936e981b {\n visibility: hidden;\n}\n.TableRow_module_root__936e981b .TableRow_module_expanded__936e981b .TableRow_module_button__936e981b .TableRow_module_icon__936e981b {\n transform: rotate(180deg);\n}";
|
|
49407
|
-
var modules_f6618a87 = {"root":"TableRow_module_root__936e981b","header-row":"TableRow_module_headerRow__936e981b","expandable-cell":"TableRow_module_expandableCell__936e981b","body-row":"TableRow_module_bodyRow__936e981b","row-height-md":"TableRow_module_rowHeightMd__936e981b","row-height-lg":"TableRow_module_rowHeightLg__936e981b","button":"TableRow_module_button__936e981b","icon":"TableRow_module_icon__936e981b","expanded":"TableRow_module_expanded__936e981b"};
|
|
49408
|
-
n(css$w,{});
|
|
49409
|
-
|
|
49410
|
-
var TableRow = /*#__PURE__*/React.forwardRef(function BaseTable(props, ref) {
|
|
49411
|
-
var _headerData$map;
|
|
49412
|
-
var type = props.type,
|
|
49413
|
-
headerData = props.headerData,
|
|
49414
|
-
datum = props.datum,
|
|
49415
|
-
_index = props._index,
|
|
49416
|
-
customCells = props.customCells,
|
|
49417
|
-
className = props.className,
|
|
49418
|
-
setActiveId = props.setActiveId,
|
|
49419
|
-
onRowClick = props.onRowClick,
|
|
49420
|
-
Expandable = props.expandable,
|
|
49421
|
-
onSort = props.onSort,
|
|
49422
|
-
rowHeight = props.rowHeight;
|
|
49423
|
-
var _useState = React.useState(false),
|
|
49424
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
49425
|
-
expanded = _useState2[0],
|
|
49426
|
-
setExpanded = _useState2[1];
|
|
49427
|
-
var expandableProps = Expandable ? {
|
|
49428
|
-
_expanded: expanded,
|
|
49429
|
-
_setExpanded: setExpanded,
|
|
49430
|
-
disabled: !Expandable({
|
|
49431
|
-
datum: datum,
|
|
49432
|
-
index: _index
|
|
49433
|
-
}),
|
|
49434
|
-
onClick: function onClick() {
|
|
49435
|
-
setExpanded(function (prev) {
|
|
49436
|
-
return !prev;
|
|
49437
|
-
});
|
|
49438
|
-
}
|
|
49439
|
-
} : {};
|
|
49440
|
-
var tableCells = headerData === null || headerData === void 0 || (_headerData$map = headerData.map) === null || _headerData$map === void 0 ? void 0 : _headerData$map.call(headerData, function (item) {
|
|
49441
|
-
var _getCustomCell;
|
|
49442
|
-
var cellContent = null;
|
|
49443
|
-
if (type === 'header') {
|
|
49444
|
-
cellContent = item.title;
|
|
49445
|
-
} else if (type === 'body') {
|
|
49446
|
-
cellContent = datum === null || datum === void 0 ? void 0 : datum[item.id];
|
|
49447
|
-
}
|
|
49448
|
-
var cellProps = _objectSpread2(_objectSpread2(_objectSpread2({}, props), item), {}, {
|
|
49449
|
-
_index: _index,
|
|
49450
|
-
expandableProps: expandableProps,
|
|
49451
|
-
setActiveId: setActiveId,
|
|
49452
|
-
key: item.id,
|
|
49453
|
-
datum: datum,
|
|
49454
|
-
cellContent: cellContent,
|
|
49455
|
-
cellTitle: cellContent,
|
|
49456
|
-
type: type,
|
|
49457
|
-
onSort: onSort,
|
|
49458
|
-
rowHeight: rowHeight
|
|
49459
|
-
});
|
|
49460
|
-
var getCustomCell = customCells === null || customCells === void 0 ? void 0 : customCells[type];
|
|
49461
|
-
var CustomCell = typeof getCustomCell === 'function' ? (_getCustomCell = getCustomCell()) === null || _getCustomCell === void 0 ? void 0 : _getCustomCell[item.id] : null;
|
|
49462
|
-
if (CustomCell != null) {
|
|
49463
|
-
// eslint-disable-next-line react/jsx-key
|
|
49464
|
-
return /*#__PURE__*/jsxRuntime.jsx(CustomCell, _objectSpread2({}, cellProps));
|
|
49465
|
-
}
|
|
49466
|
-
return (
|
|
49467
|
-
/*#__PURE__*/
|
|
49468
|
-
// eslint-disable-next-line react/jsx-key
|
|
49469
|
-
jsxRuntime.jsx(TableCell, _objectSpread2({}, cellProps))
|
|
49470
|
-
);
|
|
49471
|
-
});
|
|
49472
|
-
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
49473
|
-
children: [/*#__PURE__*/jsxRuntime.jsx("tr", {
|
|
49474
|
-
ref: ref,
|
|
49475
|
-
tabIndex: -1,
|
|
49476
|
-
"data-elem": "table-row",
|
|
49477
|
-
onClick: function onClick() {
|
|
49478
|
-
return onRowClick(props);
|
|
49479
|
-
},
|
|
49480
|
-
className: classes(className, modules_f6618a87.root, modules_f6618a87["".concat(type, "-row")], modules_f6618a87["row-height-".concat(rowHeight)]),
|
|
49481
|
-
children: tableCells
|
|
49482
|
-
}), Expandable && expanded && /*#__PURE__*/jsxRuntime.jsx("tr", {
|
|
49483
|
-
onClick: function onClick() {
|
|
49484
|
-
return onRowClick(datum, setActiveId);
|
|
49485
|
-
},
|
|
49486
|
-
children: /*#__PURE__*/jsxRuntime.jsx(Expandable, {
|
|
49487
|
-
datum: datum,
|
|
49488
|
-
index: _index
|
|
49489
|
-
})
|
|
49490
|
-
})]
|
|
49491
|
-
});
|
|
49492
|
-
});
|
|
49493
|
-
TableRow.propTypes = {
|
|
49494
|
-
className: propTypesExports.string,
|
|
49495
|
-
type: propTypesExports.oneOf(['header', 'body']),
|
|
49496
|
-
datum: propTypesExports.object,
|
|
49497
|
-
customCells: propTypesExports.shape({
|
|
49498
|
-
header: propTypesExports.func,
|
|
49499
|
-
body: propTypesExports.func
|
|
49500
|
-
}),
|
|
49501
|
-
headerData: propTypesExports.arrayOf(propTypesExports.shape({
|
|
49502
|
-
title: propTypesExports.string,
|
|
49503
|
-
id: propTypesExports.string,
|
|
49504
|
-
size: propTypesExports.oneOf(['sm', 'md', 'lg']),
|
|
49505
|
-
flexible: propTypesExports.bool,
|
|
49506
|
-
sort: propTypesExports.bool,
|
|
49507
|
-
style: propTypesExports.object,
|
|
49508
|
-
multiLine: propTypesExports.bool
|
|
49509
|
-
})),
|
|
49510
|
-
setActiveId: propTypesExports.func,
|
|
49511
|
-
expandable: propTypesExports.func,
|
|
49512
|
-
onSort: propTypesExports.func,
|
|
49513
|
-
rowHeight: propTypesExports.oneOf(['md', 'lg']),
|
|
49514
|
-
onRowClick: propTypesExports.func
|
|
49515
|
-
};
|
|
49516
|
-
TableRow.defaultProps = {
|
|
49517
|
-
className: '',
|
|
49518
|
-
type: 'body',
|
|
49519
|
-
datum: {},
|
|
49520
|
-
customCells: {
|
|
49521
|
-
header: null,
|
|
49522
|
-
body: null
|
|
49523
|
-
},
|
|
49524
|
-
headerData: [],
|
|
49525
|
-
setActiveId: function setActiveId() {},
|
|
49526
|
-
expandable: null,
|
|
49527
|
-
onSort: function onSort() {},
|
|
49528
|
-
rowHeight: 'md',
|
|
49529
|
-
onRowClick: function onRowClick() {}
|
|
49530
|
-
};
|
|
49531
|
-
|
|
49532
|
-
var css$v = ".TableBody_module_root__77e2990d {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}";
|
|
49613
|
+
var css$u = ".TableBody_module_root__77e2990d {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}";
|
|
49533
49614
|
var modules_82c0c387 = {"root":"TableBody_module_root__77e2990d"};
|
|
49534
|
-
n(css$
|
|
49615
|
+
n(css$u,{});
|
|
49535
49616
|
|
|
49536
49617
|
/* eslint-disable no-underscore-dangle */
|
|
49537
49618
|
/* eslint-disable react/forbid-prop-types */
|
|
@@ -49623,63 +49704,6 @@ TableBody.defaultProps = {
|
|
|
49623
49704
|
onRowClick: function onRowClick() {}
|
|
49624
49705
|
};
|
|
49625
49706
|
|
|
49626
|
-
var css$u = ".TableHeader_module_root__6decaec4 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n color: #f7f7f8;\n}";
|
|
49627
|
-
var modules_3be98c28 = {"root":"TableHeader_module_root__6decaec4"};
|
|
49628
|
-
n(css$u,{});
|
|
49629
|
-
|
|
49630
|
-
/* eslint-disable react/forbid-prop-types */
|
|
49631
|
-
var TableHeader = function TableHeader(props) {
|
|
49632
|
-
var headerData = props.headerData,
|
|
49633
|
-
customCells = props.customCells,
|
|
49634
|
-
expandable = props.expandable,
|
|
49635
|
-
onSort = props.onSort,
|
|
49636
|
-
rowHeight = props.rowHeight,
|
|
49637
|
-
onRowClick = props.onRowClick;
|
|
49638
|
-
return /*#__PURE__*/jsxRuntime.jsx("thead", {
|
|
49639
|
-
"data-elem": "table-header",
|
|
49640
|
-
className: modules_3be98c28.root,
|
|
49641
|
-
children: /*#__PURE__*/jsxRuntime.jsx(TableRow, {
|
|
49642
|
-
type: "header",
|
|
49643
|
-
headerData: headerData,
|
|
49644
|
-
customCells: customCells,
|
|
49645
|
-
expandable: expandable,
|
|
49646
|
-
onSort: onSort,
|
|
49647
|
-
rowHeight: rowHeight,
|
|
49648
|
-
onRowClick: onRowClick
|
|
49649
|
-
})
|
|
49650
|
-
});
|
|
49651
|
-
};
|
|
49652
|
-
TableHeader.propTypes = {
|
|
49653
|
-
headerData: propTypesExports.arrayOf(propTypesExports.shape({
|
|
49654
|
-
title: propTypesExports.string,
|
|
49655
|
-
id: propTypesExports.string,
|
|
49656
|
-
size: propTypesExports.oneOf(['sm', 'md', 'lg']),
|
|
49657
|
-
flexible: propTypesExports.bool,
|
|
49658
|
-
sort: propTypesExports.bool,
|
|
49659
|
-
style: propTypesExports.object,
|
|
49660
|
-
multiLine: propTypesExports.bool
|
|
49661
|
-
})),
|
|
49662
|
-
customCells: propTypesExports.shape({
|
|
49663
|
-
header: propTypesExports.func,
|
|
49664
|
-
body: propTypesExports.func
|
|
49665
|
-
}),
|
|
49666
|
-
expandable: propTypesExports.func,
|
|
49667
|
-
onSort: propTypesExports.func,
|
|
49668
|
-
rowHeight: propTypesExports.oneOf(['md', 'lg']),
|
|
49669
|
-
onRowClick: propTypesExports.func
|
|
49670
|
-
};
|
|
49671
|
-
TableHeader.defaultProps = {
|
|
49672
|
-
headerData: [],
|
|
49673
|
-
customCells: {
|
|
49674
|
-
header: null,
|
|
49675
|
-
body: null
|
|
49676
|
-
},
|
|
49677
|
-
expandable: null,
|
|
49678
|
-
onSort: function onSort() {},
|
|
49679
|
-
rowHeight: 'md',
|
|
49680
|
-
onRowClick: function onRowClick() {}
|
|
49681
|
-
};
|
|
49682
|
-
|
|
49683
49707
|
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}";
|
|
49684
49708
|
var modules_f1817c60 = {"root":"BaseTable_module_root__7a8d241c"};
|
|
49685
49709
|
n(css$t,{});
|
|
@@ -49737,7 +49761,7 @@ var BaseTable = /*#__PURE__*/React.forwardRef(function BaseTable(props, ref) {
|
|
|
49737
49761
|
ref: ref,
|
|
49738
49762
|
"data-elem": "table",
|
|
49739
49763
|
className: classes(className, modules_f1817c60.root),
|
|
49740
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(TableHeader, {
|
|
49764
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(TableHeader$1, {
|
|
49741
49765
|
headerData: transformedHeaderData,
|
|
49742
49766
|
customCells: customCells,
|
|
49743
49767
|
expandable: expandable,
|
|
@@ -118528,7 +118552,7 @@ exports.Step = Step;
|
|
|
118528
118552
|
exports.Stepper = Stepper;
|
|
118529
118553
|
exports.Switch = Switch;
|
|
118530
118554
|
exports.Table = Table;
|
|
118531
|
-
exports.TableCell = TableCell
|
|
118555
|
+
exports.TableCell = TableCell;
|
|
118532
118556
|
exports.TableChip = TableChip;
|
|
118533
118557
|
exports.TableChipItem = TableChipItem$1;
|
|
118534
118558
|
exports.TableChips = TableChips$1;
|