@banyan_cloud/roots 1.0.149 → 1.0.151
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 +429 -411
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +428 -411
- package/dist/esm/index.js.map +1 -1
- package/dist/index.js +428 -411
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -5433,6 +5433,22 @@ Download.defaultProps = {
|
|
|
5433
5433
|
className: ''
|
|
5434
5434
|
};
|
|
5435
5435
|
|
|
5436
|
+
var DropdownIcon = function DropdownIcon(props) {
|
|
5437
|
+
var className = props.className;
|
|
5438
|
+
return /*#__PURE__*/jsxRuntime.jsx("svg", {
|
|
5439
|
+
className: className,
|
|
5440
|
+
viewBox: "0 0 25 24",
|
|
5441
|
+
fill: "#1A2028",
|
|
5442
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5443
|
+
children: /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
5444
|
+
d: "M7.00488 10L12.0049 15L17.0049 10H7.00488Z"
|
|
5445
|
+
})
|
|
5446
|
+
});
|
|
5447
|
+
};
|
|
5448
|
+
DropdownIcon.defaultProps = {
|
|
5449
|
+
className: ''
|
|
5450
|
+
};
|
|
5451
|
+
|
|
5436
5452
|
var CheckboxIcon = {
|
|
5437
5453
|
Checked: function Checked(props) {
|
|
5438
5454
|
var className = props.className;
|
|
@@ -44916,7 +44932,8 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, inputRef)
|
|
|
44916
44932
|
name = props.name,
|
|
44917
44933
|
feedback = props.feedback,
|
|
44918
44934
|
formatter = props.formatter,
|
|
44919
|
-
custom = props.custom
|
|
44935
|
+
custom = props.custom,
|
|
44936
|
+
newIcon = props.newIcon;
|
|
44920
44937
|
var _useState = React.useState(false),
|
|
44921
44938
|
_useState2 = _slicedToArray(_useState, 2),
|
|
44922
44939
|
open = _useState2[0],
|
|
@@ -45199,7 +45216,10 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, inputRef)
|
|
|
45199
45216
|
"data-elem": "placeholder",
|
|
45200
45217
|
className: modules_1b90f5ea.placeholder,
|
|
45201
45218
|
children: (_ref2 = (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) > 1 ? formatter(selectedOptions.length) : selectedOptions === null || selectedOptions === void 0 || (_selectedOptions$ = selectedOptions[0]) === null || _selectedOptions$ === void 0 ? void 0 : _selectedOptions$.title) !== null && _ref2 !== void 0 ? _ref2 : placeholder
|
|
45202
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
45219
|
+
}), newIcon ? /*#__PURE__*/jsxRuntime.jsx(DropdownIcon, {
|
|
45220
|
+
"data-elem": "icon",
|
|
45221
|
+
className: classes(modules_1b90f5ea.icon, modules_1b90f5ea['drop-icon'])
|
|
45222
|
+
}) : /*#__PURE__*/jsxRuntime.jsx(Caret, {
|
|
45203
45223
|
"data-elem": "icon",
|
|
45204
45224
|
className: classes(modules_1b90f5ea.icon, modules_1b90f5ea['drop-icon'])
|
|
45205
45225
|
})]
|
|
@@ -47334,8 +47354,8 @@ function getPagination(curr, total, limit) {
|
|
|
47334
47354
|
return pages;
|
|
47335
47355
|
}
|
|
47336
47356
|
|
|
47337
|
-
var css$P = ".Pagination_module_root__99afd7d1 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: stretch;\n -ms-overflow-style: none;\n scrollbar-width: none;\n gap: 0.75rem;\n padding: 0.625rem 2.125rem;\n background: var(--dark-grey);\n margin-top: auto;\n width: 100%;\n height: 3.5rem;\n overflow: auto;\n transition-property: background-color, color, bottom, width;\n transition-duration: 0.33s;\n transition-timing-function: ease-out;\n}\n.Pagination_module_root__99afd7d1::-webkit-scrollbar {\n display: none;\n}\n.Pagination_module_root__99afd7d1.Pagination_module_floating__99afd7d1 {\n background: var(--dark-grey-o-85);\n position: absolute;\n border-radius: 6.25rem;\n width: 82%;\n bottom: 3rem;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_rowSwitcher__99afd7d1,\n.Pagination_module_root__99afd7d1 .Pagination_module_jumpToPage__99afd7d1,\n.Pagination_module_root__99afd7d1 .Pagination_module_form__99afd7d1 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n height: 100%;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_rowSwitcher__99afd7d1 {\n display: none;\n flex: 0 1 15%;\n background-color: transparent;\n padding: 0;\n height: 100%;\n}\n@media (min-width: 992px) {\n .Pagination_module_root__99afd7d1 .Pagination_module_rowSwitcher__99afd7d1 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n }\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_rowSwitcher__99afd7d1 > [data-elem=component2] {\n flex: 0 1 auto;\n height: 100%;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_rowSwitcher__99afd7d1 .Pagination_module_rowSwitcherHandle__99afd7d1 {\n gap: 0.75rem;\n background-color: var(--grey);\n padding: 0;\n border-radius: 0.25rem;\n height: 100%;\n width: 100%;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_rowSwitcher__99afd7d1 .Pagination_module_rowSwitcherHandle__99afd7d1 > [data-elem*=component] {\n overflow: hidden;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_rowSwitcher__99afd7d1 .Pagination_module_rowSwitcherHandle__99afd7d1 > [data-elem=component2] {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: stretch;\n flex: 0 0 auto;\n height: 100%;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_rowSwitcher__99afd7d1 .Pagination_module_rowSwitcherHandle__99afd7d1 > [data-elem=component2]::before {\n content: \"\";\n margin: auto;\n background: var(--white);\n width: 0.5px;\n height: 50%;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_rowSwitcher__99afd7d1 .Pagination_module_text__99afd7d1 {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n height: 100%;\n display: block;\n padding: 0.5rem;\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--white);\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_rowSwitcher__99afd7d1 .Pagination_module_dropdown__99afd7d1 {\n height: 100%;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_rowSwitcher__99afd7d1 .Pagination_module_dropdown__99afd7d1 > [data-elem=header] {\n height: 100%;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_rowSwitcher__99afd7d1 .Pagination_module_dropdown__99afd7d1 > [data-elem=header] > [data-elem=select] {\n height: 2.375rem;\n max-height: 100%;\n width: auto;\n min-width: -moz-fit-content;\n min-width: fit-content;\n padding: 0.625rem;\n background-color: var(--grey);\n border: none;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_rowSwitcher__99afd7d1 .Pagination_module_dropdown__99afd7d1 > [data-elem=header] > [data-elem=select] > [data-elem=placeholder] {\n color: var(--white);\n font-size: 0.875rem;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_rowSwitcher__99afd7d1 .Pagination_module_dropdown__99afd7d1 > [data-elem=header] > [data-elem=select] > svg {\n fill: var(--white);\n width: 0.813rem;\n height: 0.813rem;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_pageNumbers__99afd7d1 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 1.25rem;\n flex: 1 1 100%;\n}\n@media (min-width: 992px) {\n .Pagination_module_root__99afd7d1 .Pagination_module_pageNumbers__99afd7d1 {\n flex: 1 1 40%;\n }\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_pageNumbers__99afd7d1 > .Pagination_module_button__99afd7d1.Pagination_module_disable__99afd7d1 {\n pointer-events: none;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_pageNumbers__99afd7d1 > .Pagination_module_button__99afd7d1 [data-elem=title] {\n color: var(--white);\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_pageNumbers__99afd7d1 > .Pagination_module_button__99afd7d1 .Pagination_module_icon__99afd7d1 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_pageNumbers__99afd7d1 > .Pagination_module_pageSelect__99afd7d1 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 0.625rem;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_pageNumbers__99afd7d1 > .Pagination_module_pageSelect__99afd7d1 .Pagination_module_number__99afd7d1 {\n cursor: pointer;\n border-radius: 50%;\n background-color: #e0e0e0;\n color: var(--black);\n width: 2.313rem;\n line-height: 2.313rem;\n text-align: center;\n font-size: 1rem;\n border: 1px solid transparent;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_pageNumbers__99afd7d1 > .Pagination_module_pageSelect__99afd7d1 .Pagination_module_number__99afd7d1:not([data-active=true]) {\n display: none;\n}\n@media (min-width: 768px) {\n .Pagination_module_root__99afd7d1 .Pagination_module_pageNumbers__99afd7d1 > .Pagination_module_pageSelect__99afd7d1 .Pagination_module_number__99afd7d1:not([data-active=true]) {\n display: block;\n }\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_pageNumbers__99afd7d1 > .Pagination_module_pageSelect__99afd7d1 .Pagination_module_number__99afd7d1:hover {\n border: 1px solid var(--highlight);\n color: var(--highlight);\n background: var(--background);\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_pageNumbers__99afd7d1 > .Pagination_module_pageSelect__99afd7d1 .Pagination_module_number__99afd7d1.Pagination_module_active__99afd7d1 {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_form__99afd7d1 {\n display: none;\n padding: 0;\n flex: 0 1 30%;\n background: transparent;\n}\n@media (min-width: 992px) {\n .Pagination_module_root__99afd7d1 .Pagination_module_form__99afd7d1 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n }\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_form__99afd7d1 > [data-elem*=component] {\n width: 100%;\n height: 100%;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_form__99afd7d1 > [data-elem*=component] > * {\n height: 100%;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_form__99afd7d1 > [data-elem*=component] > form {\n width: -moz-fit-content;\n width: fit-content;\n margin-left: auto;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_form__99afd7d1 .Pagination_module_jumpToPage__99afd7d1 {\n width: 100%;\n background: transparent;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: stretch;\n gap: 0rem;\n padding: 0;\n height: 100%;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_form__99afd7d1 .Pagination_module_jumpToPage__99afd7d1 > [data-elem*=component] {\n overflow: hidden;\n height: 100%;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_form__99afd7d1 .Pagination_module_jumpToPage__99afd7d1 .Pagination_module_inputbox__99afd7d1 {\n max-width: 100%;\n height: 100%;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_form__99afd7d1 .Pagination_module_jumpToPage__99afd7d1 .Pagination_module_inputbox__99afd7d1 > label {\n height: 100%;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_form__99afd7d1 .Pagination_module_jumpToPage__99afd7d1 .Pagination_module_inputbox__99afd7d1 > label > [data-elem=base-cell] {\n border-radius: 0.313rem;\n background-color: transparent;\n color: var(--white);\n border-color: var(--grey1);\n border-radius: 0.25rem 0 0 0.25rem;\n height: 100%;\n width: 10rem;\n flex: 1;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_form__99afd7d1 .Pagination_module_jumpToPage__99afd7d1 .Pagination_module_inputbox__99afd7d1 > label > [data-elem=base-cell] .Pagination_module_icon__99afd7d1 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--grey1);\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_form__99afd7d1 .Pagination_module_jumpToPage__99afd7d1 .Pagination_module_inputbox__99afd7d1 > label > [data-elem=base-cell] > [data-elem=component2] {\n height: 100%;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_form__99afd7d1 .Pagination_module_jumpToPage__99afd7d1 .Pagination_module_inputbox__99afd7d1 > label > [data-elem=base-cell] [data-elem=input] {\n text-align: center;\n color: var(--white);\n background-color: transparent;\n border: none;\n height: 100%;\n width: 100%;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_form__99afd7d1 .Pagination_module_jumpToPage__99afd7d1 .Pagination_module_button__99afd7d1 {\n border-radius: 0rem 0.25rem 0.25rem 0rem;\n background-color: var(--grey1);\n padding: 0.75rem 0.5rem;\n height: 100%;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_form__99afd7d1 .Pagination_module_jumpToPage__99afd7d1 .Pagination_module_button__99afd7d1 .Pagination_module_icon__99afd7d1 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n flex-shrink: 0;\n}\n.Pagination_module_root__99afd7d1 .Pagination_module_totalData__99afd7d1 {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n display: none;\n margin: auto;\n color: var(--white);\n flex: 0 1 15%;\n}\n@media (min-width: 992px) {\n .Pagination_module_root__99afd7d1 .Pagination_module_totalData__99afd7d1 {\n display: inline;\n }\n}\n.Pagination_module_root__99afd7d1.Pagination_module_noTotalData__99afd7d1 .Pagination_module_rowSwitcher__99afd7d1 {\n flex: 0 1 20%;\n}\n.Pagination_module_root__99afd7d1.Pagination_module_noTotalData__99afd7d1 .Pagination_module_jumpToPage__99afd7d1 {\n flex: 1 1 60%;\n}\n.Pagination_module_root__99afd7d1.Pagination_module_noTotalData__99afd7d1 .Pagination_module_form__99afd7d1 {\n flex: 0 1 20%;\n}";
|
|
47338
|
-
var modules_a3d40e77 = {"root":"
|
|
47357
|
+
var css$P = ".Pagination_module_root__ac1fd45b {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: stretch;\n -ms-overflow-style: none;\n scrollbar-width: none;\n padding: 0.4375rem 1rem;\n background: #f7f7f8;\n margin-top: auto;\n width: 100%;\n height: 3.5rem;\n overflow: auto;\n transition-property: background-color, color, bottom, width;\n transition-duration: 0.33s;\n transition-timing-function: ease-out;\n}\n.Pagination_module_root__ac1fd45b::-webkit-scrollbar {\n display: none;\n}\n.Pagination_module_root__ac1fd45b.Pagination_module_floating__ac1fd45b {\n background: var(--dark-grey-o-85);\n position: absolute;\n border-radius: 6.25rem;\n width: 82%;\n bottom: 3rem;\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_copyrightText__ac1fd45b {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_copyrightText__ac1fd45b > .Pagination_module_text__ac1fd45b {\n color: #9a9ea5;\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1.125rem;\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_rowSwitcher__ac1fd45b,\n.Pagination_module_root__ac1fd45b .Pagination_module_jumpToPage__ac1fd45b,\n.Pagination_module_root__ac1fd45b .Pagination_module_form__ac1fd45b {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n height: 100%;\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_rowSwitcher__ac1fd45b {\n display: none;\n flex: 0;\n background-color: transparent;\n padding: 0;\n height: 100%;\n}\n@media (min-width: 992px) {\n .Pagination_module_root__ac1fd45b .Pagination_module_rowSwitcher__ac1fd45b {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n }\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_rowSwitcher__ac1fd45b > [data-elem=component1] {\n flex: 0 1 auto;\n height: 100%;\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_rowSwitcher__ac1fd45b .Pagination_module_rowSwitcherHandle__ac1fd45b {\n gap: 0.75rem;\n padding: 0;\n border-radius: 0.25rem;\n height: 100%;\n width: 100%;\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_rowSwitcher__ac1fd45b .Pagination_module_rowSwitcherHandle__ac1fd45b > [data-elem*=component] {\n overflow: hidden;\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_rowSwitcher__ac1fd45b .Pagination_module_rowSwitcherHandle__ac1fd45b > [data-elem=component1] {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: stretch;\n flex: 0 0 auto;\n height: 100%;\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_rowSwitcher__ac1fd45b .Pagination_module_rowSwitcherHandle__ac1fd45b > [data-elem=component1]::before {\n content: \"\";\n margin: auto;\n background: var(--white);\n width: 0.0313rem;\n height: 50%;\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_rowSwitcher__ac1fd45b .Pagination_module_text__ac1fd45b {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n height: 100%;\n display: block;\n padding: 0.5rem;\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--white);\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_rowSwitcher__ac1fd45b [data-elem=dropdown] {\n border: none;\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_rowSwitcher__ac1fd45b .Pagination_module_dropdown__ac1fd45b {\n height: 100%;\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_rowSwitcher__ac1fd45b .Pagination_module_dropdown__ac1fd45b > [data-elem=header] {\n height: 100%;\n background-color: #f7f7f8;\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_rowSwitcher__ac1fd45b .Pagination_module_dropdown__ac1fd45b > [data-elem=header] > [data-elem=select] {\n height: 2.375rem;\n max-height: 100%;\n width: auto;\n min-width: -moz-fit-content;\n min-width: fit-content;\n padding: 0.625rem;\n background-color: #f7f7f8;\n border: 0rem solid transparent;\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_rowSwitcher__ac1fd45b .Pagination_module_dropdown__ac1fd45b > [data-elem=header] > [data-elem=select] > [data-elem=placeholder] {\n color: #1a2028;\n font-size: 0.875rem;\n background-color: #f7f7f8;\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_rowSwitcher__ac1fd45b .Pagination_module_dropdown__ac1fd45b > [data-elem=header] > [data-elem=select] > svg {\n fill: #1a2028;\n width: 0.813rem;\n height: 0.813rem;\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_pageNumbers__ac1fd45b {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 1.25rem;\n flex: 1 1 100%;\n}\n@media (min-width: 992px) {\n .Pagination_module_root__ac1fd45b .Pagination_module_pageNumbers__ac1fd45b {\n flex: 1 1 25%;\n }\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_pageNumbers__ac1fd45b > .Pagination_module_button__ac1fd45b.Pagination_module_disable__ac1fd45b {\n pointer-events: none;\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_pageNumbers__ac1fd45b > .Pagination_module_button__ac1fd45b [data-elem=title] {\n color: var(--white);\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_pageNumbers__ac1fd45b > .Pagination_module_button__ac1fd45b .Pagination_module_icon__ac1fd45b {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_pageNumbers__ac1fd45b > .Pagination_module_pageSelect__ac1fd45b {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_pageNumbers__ac1fd45b > .Pagination_module_pageSelect__ac1fd45b .Pagination_module_number__ac1fd45b {\n cursor: pointer;\n color: #1a2028;\n text-align: center;\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.125rem;\n border: 0.0625rem solid transparent;\n padding: 0rem 0.5rem;\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_pageNumbers__ac1fd45b > .Pagination_module_pageSelect__ac1fd45b .Pagination_module_number__ac1fd45b:not([data-active=true]) {\n display: none;\n}\n@media (min-width: 768px) {\n .Pagination_module_root__ac1fd45b .Pagination_module_pageNumbers__ac1fd45b > .Pagination_module_pageSelect__ac1fd45b .Pagination_module_number__ac1fd45b:not([data-active=true]) {\n display: block;\n }\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_pageNumbers__ac1fd45b > .Pagination_module_pageSelect__ac1fd45b .Pagination_module_number__ac1fd45b.Pagination_module_active__ac1fd45b {\n color: #007aff;\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_form__ac1fd45b {\n display: none;\n padding: 0;\n flex: 1;\n background: transparent;\n}\n@media (min-width: 992px) {\n .Pagination_module_root__ac1fd45b .Pagination_module_form__ac1fd45b {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n }\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_form__ac1fd45b > [data-elem*=component] {\n width: 100%;\n height: 100%;\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_form__ac1fd45b > [data-elem*=component] > * {\n height: 100%;\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_form__ac1fd45b > [data-elem*=component] > form {\n width: -moz-fit-content;\n width: fit-content;\n margin-left: auto;\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_form__ac1fd45b .Pagination_module_jumpToPage__ac1fd45b {\n width: 100%;\n background: transparent;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: stretch;\n gap: 0rem;\n padding: 0rem;\n height: 100%;\n border-radius: 0.25rem;\n border: 0.0313rem solid var(--light-mono-grey-5, #ddd);\n box-shadow: 0.1875rem 0.1875rem 0.25rem 0rem rgba(194, 194, 194, 0.12) inset;\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_form__ac1fd45b .Pagination_module_jumpToPage__ac1fd45b > [data-elem*=component] {\n overflow: hidden;\n height: 100%;\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_form__ac1fd45b .Pagination_module_jumpToPage__ac1fd45b .Pagination_module_inputbox__ac1fd45b {\n max-width: 100%;\n height: 100%;\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_form__ac1fd45b .Pagination_module_jumpToPage__ac1fd45b .Pagination_module_inputbox__ac1fd45b > label {\n height: 100%;\n font-size: 0.875rem;\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_form__ac1fd45b .Pagination_module_jumpToPage__ac1fd45b .Pagination_module_inputbox__ac1fd45b > label > [data-elem=base-cell] {\n background-color: transparent;\n color: var(--white);\n height: 100%;\n width: 10rem;\n flex: 1;\n padding: 0.625rem;\n border: none;\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_form__ac1fd45b .Pagination_module_jumpToPage__ac1fd45b .Pagination_module_inputbox__ac1fd45b > label > [data-elem=base-cell] .Pagination_module_icon__ac1fd45b {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--grey1);\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_form__ac1fd45b .Pagination_module_jumpToPage__ac1fd45b .Pagination_module_inputbox__ac1fd45b > label > [data-elem=base-cell] > [data-elem=component2] {\n height: 100%;\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_form__ac1fd45b .Pagination_module_jumpToPage__ac1fd45b .Pagination_module_inputbox__ac1fd45b > label > [data-elem=base-cell] [data-elem=input] {\n text-align: center;\n background-color: transparent;\n border: none;\n height: 100%;\n width: 100%;\n color: #9a9ea5;\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_form__ac1fd45b .Pagination_module_jumpToPage__ac1fd45b .Pagination_module_button__ac1fd45b {\n border-radius: 0rem 0.25rem 0.25rem 0rem;\n background-color: #dddddd;\n padding: 0.75rem 0.5rem;\n height: 100%;\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_form__ac1fd45b .Pagination_module_jumpToPage__ac1fd45b .Pagination_module_button__ac1fd45b .Pagination_module_icon__ac1fd45b {\n width: 1.5rem;\n height: 1.5rem;\n fill: #737373;\n flex-shrink: 0;\n}\n.Pagination_module_root__ac1fd45b .Pagination_module_totalData__ac1fd45b {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n display: none;\n margin: auto;\n flex: 0 1 7%;\n color: #1a2028;\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.125rem;\n}\n@media (min-width: 992px) {\n .Pagination_module_root__ac1fd45b .Pagination_module_totalData__ac1fd45b {\n display: inline;\n }\n}\n.Pagination_module_root__ac1fd45b.Pagination_module_noTotalData__ac1fd45b .Pagination_module_rowSwitcher__ac1fd45b {\n flex: 0;\n}\n.Pagination_module_root__ac1fd45b.Pagination_module_noTotalData__ac1fd45b .Pagination_module_jumpToPage__ac1fd45b {\n flex: 1 1 60%;\n}\n.Pagination_module_root__ac1fd45b.Pagination_module_noTotalData__ac1fd45b .Pagination_module_form__ac1fd45b {\n flex: 1;\n}";
|
|
47358
|
+
var modules_a3d40e77 = {"root":"Pagination_module_root__ac1fd45b","floating":"Pagination_module_floating__ac1fd45b","copyrightText":"Pagination_module_copyrightText__ac1fd45b","text":"Pagination_module_text__ac1fd45b","row-switcher":"Pagination_module_rowSwitcher__ac1fd45b","jump-to-page":"Pagination_module_jumpToPage__ac1fd45b","form":"Pagination_module_form__ac1fd45b","row-switcher-handle":"Pagination_module_rowSwitcherHandle__ac1fd45b","dropdown":"Pagination_module_dropdown__ac1fd45b","page-numbers":"Pagination_module_pageNumbers__ac1fd45b","button":"Pagination_module_button__ac1fd45b","disable":"Pagination_module_disable__ac1fd45b","icon":"Pagination_module_icon__ac1fd45b","pageSelect":"Pagination_module_pageSelect__ac1fd45b","number":"Pagination_module_number__ac1fd45b","active":"Pagination_module_active__ac1fd45b","inputbox":"Pagination_module_inputbox__ac1fd45b","total-data":"Pagination_module_totalData__ac1fd45b","no-total-data":"Pagination_module_noTotalData__ac1fd45b"};
|
|
47339
47359
|
n(css$P,{});
|
|
47340
47360
|
|
|
47341
47361
|
var dropdownOptions = ['10', '25', '50', '100', '200', '250'];
|
|
@@ -47450,23 +47470,59 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
47450
47470
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
47451
47471
|
ref: ref,
|
|
47452
47472
|
className: classes(modules_a3d40e77.root, className, floating ? modules_a3d40e77.floating : '', showTotalData ? '' : modules_a3d40e77['no-total-data']),
|
|
47453
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
47473
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
47474
|
+
className: modules_a3d40e77.copyrightText,
|
|
47475
|
+
children: /*#__PURE__*/jsxRuntime.jsx("p", {
|
|
47476
|
+
className: modules_a3d40e77.text,
|
|
47477
|
+
children: "\xA9 2023 Banyan Cloud Inc. All rights reserved."
|
|
47478
|
+
})
|
|
47479
|
+
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
47480
|
+
className: modules_a3d40e77['page-numbers'],
|
|
47481
|
+
children: /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
47482
|
+
className: modules_a3d40e77.pageSelect,
|
|
47483
|
+
children: paginationList.pages.map(function (page) {
|
|
47484
|
+
var active = currentPage === page.number;
|
|
47485
|
+
return /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
47486
|
+
title: "Page ".concat(page.number),
|
|
47487
|
+
onClick: function onClick() {
|
|
47488
|
+
_onChange({
|
|
47489
|
+
type: 'SET_PAGE',
|
|
47490
|
+
payload: page.number
|
|
47491
|
+
});
|
|
47492
|
+
},
|
|
47493
|
+
"data-active": active,
|
|
47494
|
+
className: classes(active ? modules_a3d40e77.active : '', modules_a3d40e77.number),
|
|
47495
|
+
children: page.ellipsis ? '...' : page.number
|
|
47496
|
+
}, page.number);
|
|
47497
|
+
})
|
|
47498
|
+
})
|
|
47499
|
+
}), showTotalData && /*#__PURE__*/jsxRuntime.jsxs(Text, {
|
|
47500
|
+
variant: "b1",
|
|
47501
|
+
stroke: "medium",
|
|
47502
|
+
className: modules_a3d40e77['total-data'],
|
|
47503
|
+
attrs: {
|
|
47504
|
+
title: "".concat((currentPage - 1) * step + 1, "-").concat(currentPage * step, " of ").concat(totalData)
|
|
47505
|
+
},
|
|
47506
|
+
children: [(currentPage - 1) * step + 1, "-", currentPage === totalPages ? totalData : currentPage * step, "/", totalData]
|
|
47507
|
+
}), /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
47454
47508
|
size: "auto",
|
|
47455
47509
|
flexible: true,
|
|
47456
47510
|
className: modules_a3d40e77['row-switcher'],
|
|
47457
47511
|
component2: /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
47458
47512
|
size: "auto",
|
|
47459
47513
|
flexible: true,
|
|
47460
|
-
className: modules_a3d40e77['row-switcher-handle']
|
|
47461
|
-
component1
|
|
47462
|
-
|
|
47463
|
-
|
|
47464
|
-
|
|
47465
|
-
}
|
|
47466
|
-
|
|
47514
|
+
className: modules_a3d40e77['row-switcher-handle']
|
|
47515
|
+
// component1={
|
|
47516
|
+
// <span title='Rows per page' className={styles.text}>
|
|
47517
|
+
// Rows per page
|
|
47518
|
+
// </span>
|
|
47519
|
+
// }
|
|
47520
|
+
,
|
|
47521
|
+
component1: /*#__PURE__*/jsxRuntime.jsx(Dropdown, {
|
|
47467
47522
|
className: modules_a3d40e77.dropdown,
|
|
47468
47523
|
popperClassName: modules_a3d40e77['dropdown-popper'],
|
|
47469
47524
|
value: step,
|
|
47525
|
+
newIcon: true,
|
|
47470
47526
|
placeholder: null,
|
|
47471
47527
|
onChange: function onChange(e, newStep) {
|
|
47472
47528
|
_onChange({
|
|
@@ -47482,68 +47538,6 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
47482
47538
|
})
|
|
47483
47539
|
})
|
|
47484
47540
|
})
|
|
47485
|
-
}), showTotalData && /*#__PURE__*/jsxRuntime.jsxs(Text, {
|
|
47486
|
-
variant: "b1",
|
|
47487
|
-
stroke: "medium",
|
|
47488
|
-
className: modules_a3d40e77['total-data'],
|
|
47489
|
-
attrs: {
|
|
47490
|
-
title: "".concat((currentPage - 1) * step + 1, "-").concat(currentPage * step, " of ").concat(totalData)
|
|
47491
|
-
},
|
|
47492
|
-
children: [(currentPage - 1) * step + 1, "-", currentPage === totalPages ? totalData : currentPage * step, " of ", totalData]
|
|
47493
|
-
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
47494
|
-
className: modules_a3d40e77['page-numbers'],
|
|
47495
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
47496
|
-
size: "auto",
|
|
47497
|
-
disabled: currentPage === 1,
|
|
47498
|
-
title: "Prev",
|
|
47499
|
-
onClick: function onClick() {
|
|
47500
|
-
_onChange({
|
|
47501
|
-
type: 'PREV_PAGE'
|
|
47502
|
-
});
|
|
47503
|
-
},
|
|
47504
|
-
className: classes(modules_a3d40e77.button),
|
|
47505
|
-
leftComponent: function leftComponent() {
|
|
47506
|
-
return /*#__PURE__*/jsxRuntime.jsx(Chevron, {
|
|
47507
|
-
className: modules_a3d40e77.icon,
|
|
47508
|
-
position: "left"
|
|
47509
|
-
});
|
|
47510
|
-
},
|
|
47511
|
-
variant: "text"
|
|
47512
|
-
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
47513
|
-
className: modules_a3d40e77.pageSelect,
|
|
47514
|
-
children: paginationList.pages.map(function (page) {
|
|
47515
|
-
var active = currentPage === page.number;
|
|
47516
|
-
return /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
47517
|
-
title: "Page ".concat(page.number),
|
|
47518
|
-
onClick: function onClick() {
|
|
47519
|
-
_onChange({
|
|
47520
|
-
type: 'SET_PAGE',
|
|
47521
|
-
payload: page.number
|
|
47522
|
-
});
|
|
47523
|
-
},
|
|
47524
|
-
"data-active": active,
|
|
47525
|
-
className: classes(active ? modules_a3d40e77.active : '', modules_a3d40e77.number),
|
|
47526
|
-
children: page.ellipsis ? '...' : page.number
|
|
47527
|
-
}, page.number);
|
|
47528
|
-
})
|
|
47529
|
-
}), /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
47530
|
-
size: "auto",
|
|
47531
|
-
disabled: currentPage === totalPages,
|
|
47532
|
-
title: "Next",
|
|
47533
|
-
onClick: function onClick() {
|
|
47534
|
-
_onChange({
|
|
47535
|
-
type: 'NEXT_PAGE'
|
|
47536
|
-
});
|
|
47537
|
-
},
|
|
47538
|
-
className: classes(modules_a3d40e77.button),
|
|
47539
|
-
rightComponent: function rightComponent() {
|
|
47540
|
-
return /*#__PURE__*/jsxRuntime.jsx(Chevron, {
|
|
47541
|
-
className: modules_a3d40e77.icon,
|
|
47542
|
-
position: "right"
|
|
47543
|
-
});
|
|
47544
|
-
},
|
|
47545
|
-
variant: "text"
|
|
47546
|
-
})]
|
|
47547
47541
|
}), /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
47548
47542
|
flexible: true,
|
|
47549
47543
|
className: modules_a3d40e77.form,
|
|
@@ -47568,13 +47562,12 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
47568
47562
|
},
|
|
47569
47563
|
ref: jumpPageRef,
|
|
47570
47564
|
type: "number",
|
|
47571
|
-
className: modules_a3d40e77.inputbox
|
|
47572
|
-
|
|
47573
|
-
|
|
47574
|
-
|
|
47575
|
-
});
|
|
47576
|
-
}
|
|
47565
|
+
className: modules_a3d40e77.inputbox
|
|
47566
|
+
// LeftComponent={() => {
|
|
47567
|
+
// return <SearchIcon className={styles.icon} />;
|
|
47568
|
+
// }}
|
|
47577
47569
|
}),
|
|
47570
|
+
|
|
47578
47571
|
component2: /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
47579
47572
|
size: "auto",
|
|
47580
47573
|
variant: "contained",
|
|
@@ -47783,8 +47776,8 @@ var TableColumn$1 = /*#__PURE__*/_createClass(function TableColumn(_ref) {
|
|
|
47783
47776
|
this.sticky = sticky;
|
|
47784
47777
|
});
|
|
47785
47778
|
|
|
47786
|
-
var css$L = ".
|
|
47787
|
-
var modules_7ba8d001$1 = {"root":"
|
|
47779
|
+
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}";
|
|
47780
|
+
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
47781
|
n(css$L,{});
|
|
47789
47782
|
|
|
47790
47783
|
var SORT_ICONS$1 = {
|
|
@@ -47829,10 +47822,11 @@ var TableCell$1 = /*#__PURE__*/React.forwardRef(function TableCell(props, ref) {
|
|
|
47829
47822
|
cellTitle = props.cellTitle,
|
|
47830
47823
|
sticky = props.sticky,
|
|
47831
47824
|
sort = props.sort,
|
|
47832
|
-
onSort = props.onSort
|
|
47825
|
+
onSort = props.onSort,
|
|
47826
|
+
theme = props.theme;
|
|
47833
47827
|
return /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
47834
47828
|
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 : ''),
|
|
47829
|
+
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
47830
|
attrs: _objectSpread2({
|
|
47837
47831
|
style: style
|
|
47838
47832
|
}, attrs),
|
|
@@ -47864,6 +47858,7 @@ var TableCell$1 = /*#__PURE__*/React.forwardRef(function TableCell(props, ref) {
|
|
|
47864
47858
|
});
|
|
47865
47859
|
});
|
|
47866
47860
|
TableCell$1.propTypes = _objectSpread2(_objectSpread2({}, BaseCell.propTypes), {}, {
|
|
47861
|
+
theme: propTypesExports.string,
|
|
47867
47862
|
title: propTypesExports.string,
|
|
47868
47863
|
id: propTypesExports.string,
|
|
47869
47864
|
size: propTypesExports.oneOf(['sm', 'md', 'lg']),
|
|
@@ -47881,13 +47876,127 @@ TableCell$1.defaultProps = _objectSpread2(_objectSpread2({}, BaseCell.defaultPro
|
|
|
47881
47876
|
cellContent: null,
|
|
47882
47877
|
cellTitle: null,
|
|
47883
47878
|
RootDOM: 'td',
|
|
47879
|
+
theme: 'light',
|
|
47884
47880
|
onSort: function onSort() {}
|
|
47885
47881
|
});
|
|
47886
47882
|
|
|
47887
|
-
var css$K = ".
|
|
47888
|
-
var
|
|
47883
|
+
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}";
|
|
47884
|
+
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
47885
|
n(css$K,{});
|
|
47890
47886
|
|
|
47887
|
+
var SORT_ICONS = {
|
|
47888
|
+
asc: /*#__PURE__*/jsxRuntime.jsx(Sort, {
|
|
47889
|
+
className: modules_7ba8d001['sort-icon'],
|
|
47890
|
+
position: "az"
|
|
47891
|
+
}),
|
|
47892
|
+
desc: /*#__PURE__*/jsxRuntime.jsx(Sort, {
|
|
47893
|
+
className: modules_7ba8d001['sort-icon'],
|
|
47894
|
+
position: "za"
|
|
47895
|
+
}),
|
|
47896
|
+
"default": /*#__PURE__*/jsxRuntime.jsx(Sort, {
|
|
47897
|
+
className: modules_7ba8d001['sort-icon'],
|
|
47898
|
+
position: "az"
|
|
47899
|
+
})
|
|
47900
|
+
};
|
|
47901
|
+
var getNextSortState = function getNextSortState(currentSort) {
|
|
47902
|
+
var _asc$desc$default;
|
|
47903
|
+
return (_asc$desc$default = {
|
|
47904
|
+
asc: 'desc',
|
|
47905
|
+
desc: 'default',
|
|
47906
|
+
"default": 'asc'
|
|
47907
|
+
}) === null || _asc$desc$default === void 0 ? void 0 : _asc$desc$default[currentSort];
|
|
47908
|
+
};
|
|
47909
|
+
|
|
47910
|
+
// eslint-disable-next-line prefer-arrow-callback
|
|
47911
|
+
var TableCell = /*#__PURE__*/React.forwardRef(function TableCell(props, ref) {
|
|
47912
|
+
var id = props.id,
|
|
47913
|
+
className = props.className,
|
|
47914
|
+
size = props.size,
|
|
47915
|
+
flexible = props.flexible,
|
|
47916
|
+
rounded = props.rounded,
|
|
47917
|
+
component1 = props.component1,
|
|
47918
|
+
component3 = props.component3,
|
|
47919
|
+
RootDOM = props.RootDOM,
|
|
47920
|
+
attrs = props.attrs,
|
|
47921
|
+
radius = props.radius,
|
|
47922
|
+
style = props.style,
|
|
47923
|
+
multiLine = props.multiLine,
|
|
47924
|
+
type = props.type,
|
|
47925
|
+
cellContent = props.cellContent,
|
|
47926
|
+
cellTitle = props.cellTitle,
|
|
47927
|
+
sticky = props.sticky,
|
|
47928
|
+
sort = props.sort,
|
|
47929
|
+
onSort = props.onSort;
|
|
47930
|
+
props.theme;
|
|
47931
|
+
var v2 = props.v2;
|
|
47932
|
+
console.log({
|
|
47933
|
+
v2: v2
|
|
47934
|
+
});
|
|
47935
|
+
if (v2) {
|
|
47936
|
+
return /*#__PURE__*/jsxRuntime.jsx(TableCell$1, _objectSpread2({}, props));
|
|
47937
|
+
}
|
|
47938
|
+
return /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
47939
|
+
ref: ref,
|
|
47940
|
+
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 : ''),
|
|
47941
|
+
attrs: _objectSpread2({
|
|
47942
|
+
style: style
|
|
47943
|
+
}, attrs),
|
|
47944
|
+
size: size,
|
|
47945
|
+
flexible: flexible,
|
|
47946
|
+
rounded: rounded,
|
|
47947
|
+
component1: component1,
|
|
47948
|
+
component2: /*#__PURE__*/jsxRuntime.jsx("span", _objectSpread2(_objectSpread2({}, _objectSpread2(_objectSpread2({}, cellTitle != null ? {
|
|
47949
|
+
title: cellTitle
|
|
47950
|
+
} : {}), {}, {
|
|
47951
|
+
className: classes(modules_7ba8d001['cell-text'], multiLine ? modules_7ba8d001['multi-line'] : ''),
|
|
47952
|
+
style: style,
|
|
47953
|
+
'data-elem': 'text'
|
|
47954
|
+
})), {}, {
|
|
47955
|
+
children: [null, false, true].includes(cellContent) ? JSON.stringify(cellContent) : cellContent
|
|
47956
|
+
})),
|
|
47957
|
+
component3: type === 'header' && sort ? /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
47958
|
+
className: modules_7ba8d001.sort,
|
|
47959
|
+
size: "auto",
|
|
47960
|
+
onClick: function onClick() {
|
|
47961
|
+
onSort(id, getNextSortState(sort));
|
|
47962
|
+
},
|
|
47963
|
+
leftComponent: function leftComponent() {
|
|
47964
|
+
return SORT_ICONS[sort];
|
|
47965
|
+
}
|
|
47966
|
+
}) : component3,
|
|
47967
|
+
RootDOM: RootDOM,
|
|
47968
|
+
radius: radius
|
|
47969
|
+
});
|
|
47970
|
+
});
|
|
47971
|
+
TableCell.propTypes = _objectSpread2(_objectSpread2({}, BaseCell.propTypes), {}, {
|
|
47972
|
+
title: propTypesExports.string,
|
|
47973
|
+
id: propTypesExports.string,
|
|
47974
|
+
size: propTypesExports.oneOf(['sm', 'md', 'lg']),
|
|
47975
|
+
flexible: propTypesExports.bool,
|
|
47976
|
+
sort: propTypesExports.oneOf(['default', 'asc', 'desc']),
|
|
47977
|
+
// eslint-disable-next-line react/forbid-prop-types
|
|
47978
|
+
style: propTypesExports.object,
|
|
47979
|
+
multiLine: propTypesExports.bool,
|
|
47980
|
+
sticky: propTypesExports.oneOf(['left', 'right', 'none']),
|
|
47981
|
+
cellContent: propTypesExports.node,
|
|
47982
|
+
cellTitle: propTypesExports.string,
|
|
47983
|
+
theme: propTypesExports.oneOf(['light', 'dark']),
|
|
47984
|
+
v2: propTypesExports.bool,
|
|
47985
|
+
onSort: propTypesExports.func
|
|
47986
|
+
});
|
|
47987
|
+
TableCell.defaultProps = _objectSpread2(_objectSpread2({}, BaseCell.defaultProps), {}, {
|
|
47988
|
+
cellContent: null,
|
|
47989
|
+
cellTitle: null,
|
|
47990
|
+
RootDOM: 'td',
|
|
47991
|
+
theme: 'light',
|
|
47992
|
+
v2: false,
|
|
47993
|
+
onSort: function onSort() {}
|
|
47994
|
+
});
|
|
47995
|
+
|
|
47996
|
+
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}";
|
|
47997
|
+
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"};
|
|
47998
|
+
n(css$J,{});
|
|
47999
|
+
|
|
47891
48000
|
var TableRow$1 = /*#__PURE__*/React.forwardRef(function BaseTable(props, ref) {
|
|
47892
48001
|
var _headerData$map;
|
|
47893
48002
|
var type = props.type,
|
|
@@ -47947,7 +48056,7 @@ var TableRow$1 = /*#__PURE__*/React.forwardRef(function BaseTable(props, ref) {
|
|
|
47947
48056
|
return (
|
|
47948
48057
|
/*#__PURE__*/
|
|
47949
48058
|
// eslint-disable-next-line react/jsx-key
|
|
47950
|
-
jsxRuntime.jsx(TableCell
|
|
48059
|
+
jsxRuntime.jsx(TableCell, _objectSpread2({}, cellProps))
|
|
47951
48060
|
);
|
|
47952
48061
|
});
|
|
47953
48062
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
@@ -48010,9 +48119,9 @@ TableRow$1.defaultProps = {
|
|
|
48010
48119
|
onRowClick: function onRowClick() {}
|
|
48011
48120
|
};
|
|
48012
48121
|
|
|
48013
|
-
var css$
|
|
48122
|
+
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
48123
|
var modules_82c0c387$1 = {"root":"TableBody_module_root__77e2990d"};
|
|
48015
|
-
n(css$
|
|
48124
|
+
n(css$I,{});
|
|
48016
48125
|
|
|
48017
48126
|
/* eslint-disable no-underscore-dangle */
|
|
48018
48127
|
/* eslint-disable react/forbid-prop-types */
|
|
@@ -48104,9 +48213,137 @@ TableBody$1.defaultProps = {
|
|
|
48104
48213
|
onRowClick: function onRowClick() {}
|
|
48105
48214
|
};
|
|
48106
48215
|
|
|
48107
|
-
var css$
|
|
48108
|
-
var
|
|
48109
|
-
n(css$
|
|
48216
|
+
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}";
|
|
48217
|
+
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"};
|
|
48218
|
+
n(css$H,{});
|
|
48219
|
+
|
|
48220
|
+
var TableRow = /*#__PURE__*/React.forwardRef(function BaseTable(props, ref) {
|
|
48221
|
+
var _headerData$map;
|
|
48222
|
+
var type = props.type,
|
|
48223
|
+
headerData = props.headerData,
|
|
48224
|
+
datum = props.datum,
|
|
48225
|
+
_index = props._index,
|
|
48226
|
+
customCells = props.customCells,
|
|
48227
|
+
className = props.className,
|
|
48228
|
+
setActiveId = props.setActiveId,
|
|
48229
|
+
onRowClick = props.onRowClick,
|
|
48230
|
+
Expandable = props.expandable,
|
|
48231
|
+
onSort = props.onSort,
|
|
48232
|
+
theme = props.theme,
|
|
48233
|
+
rowHeight = props.rowHeight;
|
|
48234
|
+
var _useState = React.useState(false),
|
|
48235
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
48236
|
+
expanded = _useState2[0],
|
|
48237
|
+
setExpanded = _useState2[1];
|
|
48238
|
+
var expandableProps = Expandable ? {
|
|
48239
|
+
_expanded: expanded,
|
|
48240
|
+
_setExpanded: setExpanded,
|
|
48241
|
+
disabled: !Expandable({
|
|
48242
|
+
datum: datum,
|
|
48243
|
+
index: _index
|
|
48244
|
+
}),
|
|
48245
|
+
onClick: function onClick() {
|
|
48246
|
+
setExpanded(function (prev) {
|
|
48247
|
+
return !prev;
|
|
48248
|
+
});
|
|
48249
|
+
}
|
|
48250
|
+
} : {};
|
|
48251
|
+
var tableCells = headerData === null || headerData === void 0 || (_headerData$map = headerData.map) === null || _headerData$map === void 0 ? void 0 : _headerData$map.call(headerData, function (item) {
|
|
48252
|
+
var _getCustomCell;
|
|
48253
|
+
var cellContent = null;
|
|
48254
|
+
if (type === 'header') {
|
|
48255
|
+
cellContent = item.title;
|
|
48256
|
+
} else if (type === 'body') {
|
|
48257
|
+
cellContent = datum === null || datum === void 0 ? void 0 : datum[item.id];
|
|
48258
|
+
}
|
|
48259
|
+
var cellProps = _objectSpread2(_objectSpread2(_objectSpread2({}, props), item), {}, {
|
|
48260
|
+
_index: _index,
|
|
48261
|
+
expandableProps: expandableProps,
|
|
48262
|
+
setActiveId: setActiveId,
|
|
48263
|
+
key: item.id,
|
|
48264
|
+
datum: datum,
|
|
48265
|
+
cellContent: cellContent,
|
|
48266
|
+
cellTitle: cellContent,
|
|
48267
|
+
type: type,
|
|
48268
|
+
onSort: onSort,
|
|
48269
|
+
theme: theme,
|
|
48270
|
+
rowHeight: rowHeight
|
|
48271
|
+
});
|
|
48272
|
+
var getCustomCell = customCells === null || customCells === void 0 ? void 0 : customCells[type];
|
|
48273
|
+
var CustomCell = typeof getCustomCell === 'function' ? (_getCustomCell = getCustomCell()) === null || _getCustomCell === void 0 ? void 0 : _getCustomCell[item.id] : null;
|
|
48274
|
+
if (CustomCell != null) {
|
|
48275
|
+
// eslint-disable-next-line react/jsx-key
|
|
48276
|
+
return /*#__PURE__*/jsxRuntime.jsx(CustomCell, _objectSpread2({}, cellProps));
|
|
48277
|
+
}
|
|
48278
|
+
return (
|
|
48279
|
+
/*#__PURE__*/
|
|
48280
|
+
// eslint-disable-next-line react/jsx-key
|
|
48281
|
+
jsxRuntime.jsx(TableCell$1, _objectSpread2({}, cellProps))
|
|
48282
|
+
);
|
|
48283
|
+
});
|
|
48284
|
+
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
48285
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("tr", {
|
|
48286
|
+
ref: ref,
|
|
48287
|
+
tabIndex: -1,
|
|
48288
|
+
"data-elem": "table-row",
|
|
48289
|
+
onClick: function onClick() {
|
|
48290
|
+
return onRowClick(props);
|
|
48291
|
+
},
|
|
48292
|
+
className: classes(className, modules_f6618a87.root, modules_f6618a87["".concat(type, "-row")], modules_f6618a87["row-height-".concat(rowHeight)]),
|
|
48293
|
+
children: tableCells
|
|
48294
|
+
}), Expandable && expanded && /*#__PURE__*/jsxRuntime.jsx("tr", {
|
|
48295
|
+
onClick: function onClick() {
|
|
48296
|
+
return onRowClick(datum, setActiveId);
|
|
48297
|
+
},
|
|
48298
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Expandable, {
|
|
48299
|
+
datum: datum,
|
|
48300
|
+
index: _index
|
|
48301
|
+
})
|
|
48302
|
+
})]
|
|
48303
|
+
});
|
|
48304
|
+
});
|
|
48305
|
+
TableRow.propTypes = {
|
|
48306
|
+
className: propTypesExports.string,
|
|
48307
|
+
type: propTypesExports.oneOf(['header', 'body']),
|
|
48308
|
+
datum: propTypesExports.object,
|
|
48309
|
+
customCells: propTypesExports.shape({
|
|
48310
|
+
header: propTypesExports.func,
|
|
48311
|
+
body: propTypesExports.func
|
|
48312
|
+
}),
|
|
48313
|
+
headerData: propTypesExports.arrayOf(propTypesExports.shape({
|
|
48314
|
+
title: propTypesExports.string,
|
|
48315
|
+
id: propTypesExports.string,
|
|
48316
|
+
size: propTypesExports.oneOf(['sm', 'md', 'lg']),
|
|
48317
|
+
flexible: propTypesExports.bool,
|
|
48318
|
+
sort: propTypesExports.bool,
|
|
48319
|
+
style: propTypesExports.object,
|
|
48320
|
+
multiLine: propTypesExports.bool
|
|
48321
|
+
})),
|
|
48322
|
+
setActiveId: propTypesExports.func,
|
|
48323
|
+
expandable: propTypesExports.func,
|
|
48324
|
+
onSort: propTypesExports.func,
|
|
48325
|
+
rowHeight: propTypesExports.oneOf(['md', 'lg']),
|
|
48326
|
+
onRowClick: propTypesExports.func
|
|
48327
|
+
};
|
|
48328
|
+
TableRow.defaultProps = {
|
|
48329
|
+
className: '',
|
|
48330
|
+
type: 'body',
|
|
48331
|
+
datum: {},
|
|
48332
|
+
customCells: {
|
|
48333
|
+
header: null,
|
|
48334
|
+
body: null
|
|
48335
|
+
},
|
|
48336
|
+
headerData: [],
|
|
48337
|
+
setActiveId: function setActiveId() {},
|
|
48338
|
+
expandable: null,
|
|
48339
|
+
onSort: function onSort() {},
|
|
48340
|
+
rowHeight: 'md',
|
|
48341
|
+
onRowClick: function onRowClick() {}
|
|
48342
|
+
};
|
|
48343
|
+
|
|
48344
|
+
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}";
|
|
48345
|
+
var modules_3be98c28$1 = {"root":"TableHeader_module_root__6decaec4"};
|
|
48346
|
+
n(css$G,{});
|
|
48110
48347
|
|
|
48111
48348
|
/* eslint-disable react/forbid-prop-types */
|
|
48112
48349
|
var TableHeader$1 = function TableHeader(props) {
|
|
@@ -48115,18 +48352,20 @@ var TableHeader$1 = function TableHeader(props) {
|
|
|
48115
48352
|
expandable = props.expandable,
|
|
48116
48353
|
onSort = props.onSort,
|
|
48117
48354
|
rowHeight = props.rowHeight,
|
|
48355
|
+
theme = props.theme,
|
|
48118
48356
|
onRowClick = props.onRowClick;
|
|
48119
48357
|
return /*#__PURE__*/jsxRuntime.jsx("thead", {
|
|
48120
48358
|
"data-elem": "table-header",
|
|
48121
48359
|
className: modules_3be98c28$1.root,
|
|
48122
|
-
children: /*#__PURE__*/jsxRuntime.jsx(TableRow
|
|
48360
|
+
children: /*#__PURE__*/jsxRuntime.jsx(TableRow, {
|
|
48123
48361
|
type: "header",
|
|
48124
48362
|
headerData: headerData,
|
|
48125
48363
|
customCells: customCells,
|
|
48126
48364
|
expandable: expandable,
|
|
48127
48365
|
onSort: onSort,
|
|
48128
48366
|
rowHeight: rowHeight,
|
|
48129
|
-
onRowClick: onRowClick
|
|
48367
|
+
onRowClick: onRowClick,
|
|
48368
|
+
theme: theme
|
|
48130
48369
|
})
|
|
48131
48370
|
});
|
|
48132
48371
|
};
|
|
@@ -48161,13 +48400,78 @@ TableHeader$1.defaultProps = {
|
|
|
48161
48400
|
onRowClick: function onRowClick() {}
|
|
48162
48401
|
};
|
|
48163
48402
|
|
|
48164
|
-
var css$
|
|
48403
|
+
var css$F = ".TableHeader_module_root__daf69a14 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}";
|
|
48404
|
+
var modules_3be98c28 = {"root":"TableHeader_module_root__daf69a14"};
|
|
48405
|
+
n(css$F,{});
|
|
48406
|
+
|
|
48407
|
+
var TableHeader = function TableHeader(props) {
|
|
48408
|
+
var headerData = props.headerData,
|
|
48409
|
+
customCells = props.customCells,
|
|
48410
|
+
expandable = props.expandable,
|
|
48411
|
+
onSort = props.onSort,
|
|
48412
|
+
rowHeight = props.rowHeight;
|
|
48413
|
+
props.theme;
|
|
48414
|
+
var v2 = props.v2,
|
|
48415
|
+
onRowClick = props.onRowClick;
|
|
48416
|
+
if (v2) {
|
|
48417
|
+
return /*#__PURE__*/jsxRuntime.jsx(TableHeader$1, _objectSpread2({}, props));
|
|
48418
|
+
}
|
|
48419
|
+
return /*#__PURE__*/jsxRuntime.jsx("thead", {
|
|
48420
|
+
"data-elem": "table-header",
|
|
48421
|
+
className: modules_3be98c28.root,
|
|
48422
|
+
children: /*#__PURE__*/jsxRuntime.jsx(TableRow$1, {
|
|
48423
|
+
type: "header",
|
|
48424
|
+
headerData: headerData,
|
|
48425
|
+
customCells: customCells,
|
|
48426
|
+
expandable: expandable,
|
|
48427
|
+
onSort: onSort,
|
|
48428
|
+
rowHeight: rowHeight,
|
|
48429
|
+
onRowClick: onRowClick
|
|
48430
|
+
})
|
|
48431
|
+
});
|
|
48432
|
+
};
|
|
48433
|
+
TableHeader.propTypes = {
|
|
48434
|
+
headerData: propTypesExports.arrayOf(propTypesExports.shape({
|
|
48435
|
+
title: propTypesExports.string,
|
|
48436
|
+
id: propTypesExports.string,
|
|
48437
|
+
size: propTypesExports.oneOf(['sm', 'md', 'lg']),
|
|
48438
|
+
flexible: propTypesExports.bool,
|
|
48439
|
+
sort: propTypesExports.bool,
|
|
48440
|
+
style: propTypesExports.object,
|
|
48441
|
+
multiLine: propTypesExports.bool
|
|
48442
|
+
})),
|
|
48443
|
+
customCells: propTypesExports.shape({
|
|
48444
|
+
header: propTypesExports.func,
|
|
48445
|
+
body: propTypesExports.func
|
|
48446
|
+
}),
|
|
48447
|
+
expandable: propTypesExports.func,
|
|
48448
|
+
onSort: propTypesExports.func,
|
|
48449
|
+
rowHeight: propTypesExports.oneOf(['md', 'lg']),
|
|
48450
|
+
theme: propTypesExports.oneOf(['light', 'dark']),
|
|
48451
|
+
v2: propTypesExports.bool,
|
|
48452
|
+
onRowClick: propTypesExports.func
|
|
48453
|
+
};
|
|
48454
|
+
TableHeader.defaultProps = {
|
|
48455
|
+
headerData: [],
|
|
48456
|
+
customCells: {
|
|
48457
|
+
header: null,
|
|
48458
|
+
body: null
|
|
48459
|
+
},
|
|
48460
|
+
expandable: null,
|
|
48461
|
+
onSort: function onSort() {},
|
|
48462
|
+
rowHeight: 'md',
|
|
48463
|
+
theme: 'light',
|
|
48464
|
+
v2: false,
|
|
48465
|
+
onRowClick: function onRowClick() {}
|
|
48466
|
+
};
|
|
48467
|
+
|
|
48468
|
+
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
48469
|
var modules_f1817c60$1 = {"root":"BaseTable_module_root__7a8d241c"};
|
|
48166
|
-
n(css$
|
|
48470
|
+
n(css$E,{});
|
|
48167
48471
|
|
|
48168
|
-
var css$
|
|
48472
|
+
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
48473
|
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$
|
|
48474
|
+
n(css$D,{});
|
|
48171
48475
|
|
|
48172
48476
|
var COLUMNS$1 = _toConsumableArray$1(Array(4).keys()).map(function () {
|
|
48173
48477
|
return Math.floor(Math.random() * 80 + 20);
|
|
@@ -48218,7 +48522,7 @@ var BaseTable$1 = /*#__PURE__*/React.forwardRef(function BaseTable(props, ref) {
|
|
|
48218
48522
|
ref: ref,
|
|
48219
48523
|
"data-elem": "table",
|
|
48220
48524
|
className: classes(className, modules_f1817c60$1.root),
|
|
48221
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(TableHeader
|
|
48525
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(TableHeader, {
|
|
48222
48526
|
headerData: transformedHeaderData,
|
|
48223
48527
|
customCells: customCells,
|
|
48224
48528
|
expandable: expandable,
|
|
@@ -48276,9 +48580,9 @@ BaseTable$1.defaultProps = {
|
|
|
48276
48580
|
onRowClick: function onRowClick() {}
|
|
48277
48581
|
};
|
|
48278
48582
|
|
|
48279
|
-
var css$
|
|
48583
|
+
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
48584
|
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$
|
|
48585
|
+
n(css$C,{});
|
|
48282
48586
|
|
|
48283
48587
|
var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(props, propRef) {
|
|
48284
48588
|
var _middlewareData$arrow, _middlewareData$arrow2, _middlewareData$arrow3, _middlewareData$arrow4;
|
|
@@ -48385,9 +48689,9 @@ Tooltip.defaultProps = {
|
|
|
48385
48689
|
className: ''
|
|
48386
48690
|
};
|
|
48387
48691
|
|
|
48388
|
-
var css$
|
|
48692
|
+
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
48693
|
var modules_37a5ff73$b = {"root":"Skeleton_module_root__15c10a9b"};
|
|
48390
|
-
n(css$
|
|
48694
|
+
n(css$B,{});
|
|
48391
48695
|
|
|
48392
48696
|
var CHIPS$1 = _toConsumableArray$1(Array(5).keys());
|
|
48393
48697
|
var TableChipsSkeleton$1 = function TableChipsSkeleton(_ref) {
|
|
@@ -48408,9 +48712,9 @@ var TableChipsSkeleton$1 = function TableChipsSkeleton(_ref) {
|
|
|
48408
48712
|
});
|
|
48409
48713
|
};
|
|
48410
48714
|
|
|
48411
|
-
var css$
|
|
48715
|
+
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
48716
|
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$
|
|
48717
|
+
n(css$A,{});
|
|
48414
48718
|
|
|
48415
48719
|
var TableChipItem$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
48416
48720
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -48542,9 +48846,9 @@ var TableChipItem$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
48542
48846
|
});
|
|
48543
48847
|
});
|
|
48544
48848
|
|
|
48545
|
-
var css$
|
|
48849
|
+
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
48850
|
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$
|
|
48851
|
+
n(css$z,{});
|
|
48548
48852
|
|
|
48549
48853
|
var TableChips$1 = function TableChips(props) {
|
|
48550
48854
|
var _chips$filter;
|
|
@@ -48679,9 +48983,9 @@ var TableChip = /*#__PURE__*/_createClass(function TableChip(_ref) {
|
|
|
48679
48983
|
this.temp = temp;
|
|
48680
48984
|
});
|
|
48681
48985
|
|
|
48682
|
-
var css$
|
|
48986
|
+
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
48987
|
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$
|
|
48988
|
+
n(css$y,{});
|
|
48685
48989
|
|
|
48686
48990
|
var Columns$1 = function Columns(props) {
|
|
48687
48991
|
var open = props.open,
|
|
@@ -48788,13 +49092,13 @@ var Columns$1 = function Columns(props) {
|
|
|
48788
49092
|
});
|
|
48789
49093
|
};
|
|
48790
49094
|
|
|
48791
|
-
var css$
|
|
49095
|
+
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
49096
|
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$
|
|
49097
|
+
n(css$x,{});
|
|
48794
49098
|
|
|
48795
|
-
var css$
|
|
49099
|
+
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
49100
|
var modules_37a5ff73$a = {"root":"Skeleton_module_root__bdc934d4"};
|
|
48797
|
-
n(css$
|
|
49101
|
+
n(css$w,{});
|
|
48798
49102
|
|
|
48799
49103
|
var TableFiltersSkeleton$1 = function TableFiltersSkeleton(_ref) {
|
|
48800
49104
|
var theme = _ref.theme;
|
|
@@ -49257,9 +49561,9 @@ var useTableSearch = function useTableSearch() {
|
|
|
49257
49561
|
};
|
|
49258
49562
|
};
|
|
49259
49563
|
|
|
49260
|
-
var css$
|
|
49564
|
+
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
49565
|
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$
|
|
49566
|
+
n(css$v,{});
|
|
49263
49567
|
|
|
49264
49568
|
var SIZE_MAP = {
|
|
49265
49569
|
sm: 9.063,
|
|
@@ -49299,239 +49603,9 @@ var TableColumn = /*#__PURE__*/_createClass(function TableColumn(_ref) {
|
|
|
49299
49603
|
this.sticky = sticky;
|
|
49300
49604
|
});
|
|
49301
49605
|
|
|
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}";
|
|
49606
|
+
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
49607
|
var modules_82c0c387 = {"root":"TableBody_module_root__77e2990d"};
|
|
49534
|
-
n(css$
|
|
49608
|
+
n(css$u,{});
|
|
49535
49609
|
|
|
49536
49610
|
/* eslint-disable no-underscore-dangle */
|
|
49537
49611
|
/* eslint-disable react/forbid-prop-types */
|
|
@@ -49623,63 +49697,6 @@ TableBody.defaultProps = {
|
|
|
49623
49697
|
onRowClick: function onRowClick() {}
|
|
49624
49698
|
};
|
|
49625
49699
|
|
|
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
49700
|
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
49701
|
var modules_f1817c60 = {"root":"BaseTable_module_root__7a8d241c"};
|
|
49685
49702
|
n(css$t,{});
|
|
@@ -49737,7 +49754,7 @@ var BaseTable = /*#__PURE__*/React.forwardRef(function BaseTable(props, ref) {
|
|
|
49737
49754
|
ref: ref,
|
|
49738
49755
|
"data-elem": "table",
|
|
49739
49756
|
className: classes(className, modules_f1817c60.root),
|
|
49740
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(TableHeader, {
|
|
49757
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(TableHeader$1, {
|
|
49741
49758
|
headerData: transformedHeaderData,
|
|
49742
49759
|
customCells: customCells,
|
|
49743
49760
|
expandable: expandable,
|
|
@@ -115432,8 +115449,8 @@ NestedPieChart.defaultProps = {
|
|
|
115432
115449
|
theme: 'dark'
|
|
115433
115450
|
};
|
|
115434
115451
|
|
|
115435
|
-
var css$5 = ".BaseWidget_module_root__ee04d38b {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n border: 1px solid var(--grey);\n border-radius: 2.5rem;\n height: 100%;\n width: 100%;\n}\n.BaseWidget_module_root__ee04d38b .BaseWidget_module_header__ee04d38b {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 1.713rem;\n}\n.BaseWidget_module_root__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerTitle__ee04d38b {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.5rem;\n}\n.BaseWidget_module_root__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerTitle__ee04d38b .BaseWidget_module_back__ee04d38b {\n height: 1.5rem;\n width: 1.5rem;\n}\n.BaseWidget_module_root__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerTitle__ee04d38b .BaseWidget_module_back__ee04d38b [data-elem=component1] .BaseWidget_module_icon__ee04d38b {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n}\n.BaseWidget_module_root__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerTitle__ee04d38b.BaseWidget_module_noOptions__ee04d38b {\n flex: 1;\n}\n.BaseWidget_module_root__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerTitle__ee04d38b.BaseWidget_module_noTitleOptions__ee04d38b .BaseWidget_module_titleContainer__ee04d38b {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.4rem;\n}\n.BaseWidget_module_root__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerTitle__ee04d38b button.BaseWidget_module_title__ee04d38b {\n height: auto;\n background: transparent;\n cursor: pointer;\n border-radius: 0.25rem;\n padding: 0 0.5rem;\n}\n.BaseWidget_module_root__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerTitle__ee04d38b button.BaseWidget_module_title__ee04d38b .BaseWidget_module_icon__ee04d38b {\n width: 1rem;\n height: 1rem;\n fill: var(--white);\n}\n.BaseWidget_module_root__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerOptions__ee04d38b {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: flex-end;\n gap: 0.5rem;\n}\n.BaseWidget_module_root__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerOptions__ee04d38b .BaseWidget_module_headerOptionsToggle__ee04d38b .BaseWidget_module_toggleBody__ee04d38b {\n padding: 0.125rem 0.25rem;\n height: 1.75rem;\n}\n.BaseWidget_module_root__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerOptions__ee04d38b .BaseWidget_module_headerOptionsList__ee04d38b {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n gap: 0.5rem;\n}\n.BaseWidget_module_root__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerOptions__ee04d38b .BaseWidget_module_headerOptionsList__ee04d38b .BaseWidget_module_dropdownHeader__ee04d38b {\n height: 1.75rem;\n}\n.BaseWidget_module_root__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerOptions__ee04d38b .BaseWidget_module_headerOptionsList__ee04d38b .BaseWidget_module_dropdownHeader__ee04d38b [data-elem=select] {\n background-color: transparent;\n width: 100%;\n padding: 0.07rem 0.5rem;\n}\n.BaseWidget_module_root__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerOptions__ee04d38b .BaseWidget_module_headerOptionsList__ee04d38b .BaseWidget_module_dropdownHeader__ee04d38b [data-elem=select] [data-elem=placeholder] {\n font-size: 0.875rem;\n}\n.BaseWidget_module_root__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerOptions__ee04d38b .BaseWidget_module_headerOptionsList__ee04d38b .BaseWidget_module_dropdownHeader__ee04d38b [data-elem=select] > svg {\n width: 0.875rem;\n}\n.BaseWidget_module_root__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerOptions__ee04d38b .BaseWidget_module_headerOptionsList__ee04d38b .BaseWidget_module_expandButton__ee04d38b {\n padding: 0 0.25rem;\n height: 1.75rem;\n}\n.BaseWidget_module_root__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerOptions__ee04d38b .BaseWidget_module_headerOptionsList__ee04d38b .BaseWidget_module_expandButton__ee04d38b .BaseWidget_module_expandIcon__ee04d38b {\n height: 1.25rem;\n width: 1.25rem;\n fill: var(--white);\n}\n.BaseWidget_module_root__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerOptions__ee04d38b .BaseWidget_module_headerOptionsList__ee04d38b .BaseWidget_module_datePicker__ee04d38b {\n min-width: 0;\n}\n.BaseWidget_module_root__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerOptions__ee04d38b .BaseWidget_module_headerOptionsList__ee04d38b .BaseWidget_module_datePicker__ee04d38b [data-elem=header] {\n padding: 0.06rem 0.25rem;\n border: 1px solid var(--grey);\n font-size: 0.875rem;\n}\n.BaseWidget_module_root__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerOptions__ee04d38b .BaseWidget_module_headerOptionsList__ee04d38b .BaseWidget_module_datePicker__ee04d38b [data-elem=header] > div {\n gap: 0.5rem;\n}\n.BaseWidget_module_root__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerOptions__ee04d38b .BaseWidget_module_headerOptionsList__ee04d38b .BaseWidget_module_datePicker__ee04d38b [data-elem=header] > div :nth-child(1) {\n height: 1.25rem;\n width: 1.25rem;\n}\n.BaseWidget_module_root__ee04d38b.BaseWidget_module_darkTheme__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerTitle__ee04d38b [data-elem=title],\n.BaseWidget_module_root__ee04d38b.BaseWidget_module_darkTheme__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerTitle__ee04d38b [data-elem=subtitle] {\n color: var(--white);\n}\n.BaseWidget_module_root__ee04d38b.BaseWidget_module_darkTheme__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerTitle__ee04d38b [data-elem=title-desc] {\n color: #9a9ea5;\n}\n.BaseWidget_module_root__ee04d38b.BaseWidget_module_darkTheme__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerTitle__ee04d38b .BaseWidget_module_title__ee04d38b .BaseWidget_module_icon__ee04d38b {\n fill: var(--white);\n}\n.BaseWidget_module_root__ee04d38b.BaseWidget_module_darkTheme__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerOptions__ee04d38b .BaseWidget_module_dropdownHeader__ee04d38b [data-elem=select] {\n border-color: var(--grey);\n}\n.BaseWidget_module_root__ee04d38b.BaseWidget_module_darkTheme__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerOptions__ee04d38b .BaseWidget_module_dropdownHeader__ee04d38b [data-elem=select] [data-elem=placeholder] {\n color: var(--white);\n}\n.BaseWidget_module_root__ee04d38b.BaseWidget_module_darkTheme__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerOptions__ee04d38b .BaseWidget_module_dropdownHeader__ee04d38b [data-elem=select] > svg {\n fill: var(--white);\n}\n.BaseWidget_module_root__ee04d38b.BaseWidget_module_darkTheme__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerOptions__ee04d38b .BaseWidget_module_datePicker__ee04d38b [data-elem=header] {\n border-color: var(--grey);\n}\n.BaseWidget_module_root__ee04d38b.BaseWidget_module_darkTheme__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerOptions__ee04d38b .BaseWidget_module_datePicker__ee04d38b [data-elem=header] :nth-child(1) {\n fill: var(--white);\n}\n.BaseWidget_module_root__ee04d38b.BaseWidget_module_darkTheme__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerOptions__ee04d38b .BaseWidget_module_expandButton__ee04d38b {\n color: var(--white);\n border-color: var(--grey);\n}\n.BaseWidget_module_root__ee04d38b.BaseWidget_module_darkTheme__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerOptions__ee04d38b .BaseWidget_module_expandButton__ee04d38b .BaseWidget_module_expandIcon__ee04d38b {\n fill: var(--white);\n}\n.BaseWidget_module_root__ee04d38b.BaseWidget_module_lightTheme__ee04d38b {\n background: #fbfbfb;\n box-shadow: 4px 4px 25px 2px rgba(226, 226, 226, 0.8);\n}\n.BaseWidget_module_root__ee04d38b.BaseWidget_module_lightTheme__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerTitle__ee04d38b [data-elem=title],\n.BaseWidget_module_root__ee04d38b.BaseWidget_module_lightTheme__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerTitle__ee04d38b [data-elem=subtitle] {\n color: #1a2028;\n}\n.BaseWidget_module_root__ee04d38b.BaseWidget_module_lightTheme__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerTitle__ee04d38b [data-elem=title-desc] {\n color: #9a9ea5;\n}\n.BaseWidget_module_root__ee04d38b.BaseWidget_module_lightTheme__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerTitle__ee04d38b .BaseWidget_module_title__ee04d38b .BaseWidget_module_icon__ee04d38b {\n fill: var(--menu-black);\n}\n.BaseWidget_module_root__ee04d38b.BaseWidget_module_lightTheme__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerOptions__ee04d38b .BaseWidget_module_dropdownHeader__ee04d38b [data-elem=select] {\n border-color: var(--grey6);\n}\n.BaseWidget_module_root__ee04d38b.BaseWidget_module_lightTheme__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerOptions__ee04d38b .BaseWidget_module_dropdownHeader__ee04d38b [data-elem=select] [data-elem=placeholder] {\n color: var(--dark-grey);\n}\n.BaseWidget_module_root__ee04d38b.BaseWidget_module_lightTheme__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerOptions__ee04d38b .BaseWidget_module_dropdownHeader__ee04d38b [data-elem=select] > svg {\n fill: var(--dark-grey);\n}\n.BaseWidget_module_root__ee04d38b.BaseWidget_module_lightTheme__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerOptions__ee04d38b .BaseWidget_module_datePicker__ee04d38b [data-elem=header] {\n border-color: var(--grey6);\n}\n.BaseWidget_module_root__ee04d38b.BaseWidget_module_lightTheme__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerOptions__ee04d38b .BaseWidget_module_datePicker__ee04d38b [data-elem=header] :nth-child(1) {\n fill: var(--dark-grey);\n}\n.BaseWidget_module_root__ee04d38b.BaseWidget_module_lightTheme__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerOptions__ee04d38b .BaseWidget_module_expandButton__ee04d38b {\n color: var(--dark-grey);\n border-color: var(--grey6);\n}\n.BaseWidget_module_root__ee04d38b.BaseWidget_module_lightTheme__ee04d38b .BaseWidget_module_header__ee04d38b .BaseWidget_module_headerOptions__ee04d38b .BaseWidget_module_expandButton__ee04d38b .BaseWidget_module_expandIcon__ee04d38b {\n fill: var(--dark-grey);\n}\n.BaseWidget_module_root__ee04d38b .BaseWidget_module_children__ee04d38b {\n flex: 1 1;\n position: relative;\n padding: 0.5rem;\n}\n\n.BaseWidget_module_dropdownPopper__ee04d38b {\n padding: 0rem;\n background: var(--grey1);\n}\n.BaseWidget_module_dropdownPopper__ee04d38b .BaseWidget_module_dropdownItem__ee04d38b {\n height: 2.25rem;\n color: var(--white);\n background: var(--grey);\n}\n.BaseWidget_module_dropdownPopper__ee04d38b .BaseWidget_module_dropdownItem__ee04d38b:hover, .BaseWidget_module_dropdownPopper__ee04d38b .BaseWidget_module_dropdownItem__ee04d38b:focus {\n color: var(--dark-grey);\n background: var(--grey2);\n}\n.BaseWidget_module_dropdownPopper__ee04d38b .BaseWidget_module_dropdownItem__ee04d38b:hover label > svg, .BaseWidget_module_dropdownPopper__ee04d38b .BaseWidget_module_dropdownItem__ee04d38b:focus label > svg {\n border: 1px solid var(--dark-grey);\n border-radius: 0.25rem;\n}";
|
|
115436
|
-
var modules_6a0e74b6 = {"root":"
|
|
115452
|
+
var css$5 = ".BaseWidget_module_root__f69e952d {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n border: 1px solid var(--grey);\n border-radius: 2.5rem;\n height: 100%;\n width: 100%;\n}\n.BaseWidget_module_root__f69e952d .BaseWidget_module_header__f69e952d {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n padding: 1.713rem 1.713rem 0 1.713rem;\n}\n.BaseWidget_module_root__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerTitle__f69e952d {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.5rem;\n}\n.BaseWidget_module_root__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerTitle__f69e952d .BaseWidget_module_back__f69e952d {\n height: 1.5rem;\n width: 1.5rem;\n}\n.BaseWidget_module_root__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerTitle__f69e952d .BaseWidget_module_back__f69e952d [data-elem=component1] .BaseWidget_module_icon__f69e952d {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n}\n.BaseWidget_module_root__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerTitle__f69e952d.BaseWidget_module_noOptions__f69e952d {\n flex: 1;\n}\n.BaseWidget_module_root__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerTitle__f69e952d.BaseWidget_module_noTitleOptions__f69e952d .BaseWidget_module_titleContainer__f69e952d {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.4rem;\n}\n.BaseWidget_module_root__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerTitle__f69e952d button.BaseWidget_module_title__f69e952d {\n height: auto;\n background: transparent;\n cursor: pointer;\n border-radius: 0.25rem;\n padding: 0 0.5rem;\n}\n.BaseWidget_module_root__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerTitle__f69e952d button.BaseWidget_module_title__f69e952d .BaseWidget_module_icon__f69e952d {\n width: 1rem;\n height: 1rem;\n fill: var(--white);\n}\n.BaseWidget_module_root__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerOptions__f69e952d {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: flex-end;\n gap: 0.5rem;\n}\n.BaseWidget_module_root__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerOptions__f69e952d .BaseWidget_module_headerOptionsToggle__f69e952d .BaseWidget_module_toggleBody__f69e952d {\n padding: 0.125rem 0.25rem;\n height: 1.75rem;\n}\n.BaseWidget_module_root__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerOptions__f69e952d .BaseWidget_module_headerOptionsList__f69e952d {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n gap: 0.5rem;\n}\n.BaseWidget_module_root__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerOptions__f69e952d .BaseWidget_module_headerOptionsList__f69e952d .BaseWidget_module_dropdownHeader__f69e952d {\n height: 1.75rem;\n}\n.BaseWidget_module_root__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerOptions__f69e952d .BaseWidget_module_headerOptionsList__f69e952d .BaseWidget_module_dropdownHeader__f69e952d [data-elem=select] {\n background-color: transparent;\n width: 100%;\n padding: 0.07rem 0.5rem;\n}\n.BaseWidget_module_root__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerOptions__f69e952d .BaseWidget_module_headerOptionsList__f69e952d .BaseWidget_module_dropdownHeader__f69e952d [data-elem=select] [data-elem=placeholder] {\n font-size: 0.875rem;\n}\n.BaseWidget_module_root__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerOptions__f69e952d .BaseWidget_module_headerOptionsList__f69e952d .BaseWidget_module_dropdownHeader__f69e952d [data-elem=select] > svg {\n width: 0.875rem;\n}\n.BaseWidget_module_root__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerOptions__f69e952d .BaseWidget_module_headerOptionsList__f69e952d .BaseWidget_module_expandButton__f69e952d {\n padding: 0 0.25rem;\n height: 1.75rem;\n}\n.BaseWidget_module_root__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerOptions__f69e952d .BaseWidget_module_headerOptionsList__f69e952d .BaseWidget_module_expandButton__f69e952d .BaseWidget_module_expandIcon__f69e952d {\n height: 1.25rem;\n width: 1.25rem;\n fill: var(--white);\n}\n.BaseWidget_module_root__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerOptions__f69e952d .BaseWidget_module_headerOptionsList__f69e952d .BaseWidget_module_datePicker__f69e952d {\n min-width: 0;\n}\n.BaseWidget_module_root__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerOptions__f69e952d .BaseWidget_module_headerOptionsList__f69e952d .BaseWidget_module_datePicker__f69e952d [data-elem=header] {\n padding: 0.06rem 0.25rem;\n border: 1px solid var(--grey);\n font-size: 0.875rem;\n}\n.BaseWidget_module_root__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerOptions__f69e952d .BaseWidget_module_headerOptionsList__f69e952d .BaseWidget_module_datePicker__f69e952d [data-elem=header] > div {\n gap: 0.5rem;\n}\n.BaseWidget_module_root__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerOptions__f69e952d .BaseWidget_module_headerOptionsList__f69e952d .BaseWidget_module_datePicker__f69e952d [data-elem=header] > div :nth-child(1) {\n height: 1.25rem;\n width: 1.25rem;\n}\n.BaseWidget_module_root__f69e952d.BaseWidget_module_darkTheme__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerTitle__f69e952d [data-elem=title],\n.BaseWidget_module_root__f69e952d.BaseWidget_module_darkTheme__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerTitle__f69e952d [data-elem=subtitle] {\n color: var(--white);\n}\n.BaseWidget_module_root__f69e952d.BaseWidget_module_darkTheme__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerTitle__f69e952d [data-elem=title-desc] {\n color: #9a9ea5;\n}\n.BaseWidget_module_root__f69e952d.BaseWidget_module_darkTheme__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerTitle__f69e952d .BaseWidget_module_title__f69e952d .BaseWidget_module_icon__f69e952d {\n fill: var(--white);\n}\n.BaseWidget_module_root__f69e952d.BaseWidget_module_darkTheme__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerOptions__f69e952d .BaseWidget_module_dropdownHeader__f69e952d [data-elem=select] {\n border-color: var(--grey);\n}\n.BaseWidget_module_root__f69e952d.BaseWidget_module_darkTheme__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerOptions__f69e952d .BaseWidget_module_dropdownHeader__f69e952d [data-elem=select] [data-elem=placeholder] {\n color: var(--white);\n}\n.BaseWidget_module_root__f69e952d.BaseWidget_module_darkTheme__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerOptions__f69e952d .BaseWidget_module_dropdownHeader__f69e952d [data-elem=select] > svg {\n fill: var(--white);\n}\n.BaseWidget_module_root__f69e952d.BaseWidget_module_darkTheme__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerOptions__f69e952d .BaseWidget_module_datePicker__f69e952d [data-elem=header] {\n border-color: var(--grey);\n}\n.BaseWidget_module_root__f69e952d.BaseWidget_module_darkTheme__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerOptions__f69e952d .BaseWidget_module_datePicker__f69e952d [data-elem=header] :nth-child(1) {\n fill: var(--white);\n}\n.BaseWidget_module_root__f69e952d.BaseWidget_module_darkTheme__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerOptions__f69e952d .BaseWidget_module_expandButton__f69e952d {\n color: var(--white);\n border-color: var(--grey);\n}\n.BaseWidget_module_root__f69e952d.BaseWidget_module_darkTheme__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerOptions__f69e952d .BaseWidget_module_expandButton__f69e952d .BaseWidget_module_expandIcon__f69e952d {\n fill: var(--white);\n}\n.BaseWidget_module_root__f69e952d.BaseWidget_module_lightTheme__f69e952d {\n background: #fbfbfb;\n box-shadow: 4px 4px 25px 2px rgba(226, 226, 226, 0.8);\n}\n.BaseWidget_module_root__f69e952d.BaseWidget_module_lightTheme__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerTitle__f69e952d [data-elem=title],\n.BaseWidget_module_root__f69e952d.BaseWidget_module_lightTheme__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerTitle__f69e952d [data-elem=subtitle] {\n color: #1a2028;\n}\n.BaseWidget_module_root__f69e952d.BaseWidget_module_lightTheme__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerTitle__f69e952d [data-elem=title-desc] {\n color: #9a9ea5;\n}\n.BaseWidget_module_root__f69e952d.BaseWidget_module_lightTheme__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerTitle__f69e952d .BaseWidget_module_title__f69e952d .BaseWidget_module_icon__f69e952d {\n fill: var(--menu-black);\n}\n.BaseWidget_module_root__f69e952d.BaseWidget_module_lightTheme__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerOptions__f69e952d .BaseWidget_module_dropdownHeader__f69e952d [data-elem=select] {\n border-color: var(--grey6);\n}\n.BaseWidget_module_root__f69e952d.BaseWidget_module_lightTheme__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerOptions__f69e952d .BaseWidget_module_dropdownHeader__f69e952d [data-elem=select] [data-elem=placeholder] {\n color: var(--dark-grey);\n}\n.BaseWidget_module_root__f69e952d.BaseWidget_module_lightTheme__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerOptions__f69e952d .BaseWidget_module_dropdownHeader__f69e952d [data-elem=select] > svg {\n fill: var(--dark-grey);\n}\n.BaseWidget_module_root__f69e952d.BaseWidget_module_lightTheme__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerOptions__f69e952d .BaseWidget_module_datePicker__f69e952d [data-elem=header] {\n border-color: var(--grey6);\n}\n.BaseWidget_module_root__f69e952d.BaseWidget_module_lightTheme__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerOptions__f69e952d .BaseWidget_module_datePicker__f69e952d [data-elem=header] :nth-child(1) {\n fill: var(--dark-grey);\n}\n.BaseWidget_module_root__f69e952d.BaseWidget_module_lightTheme__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerOptions__f69e952d .BaseWidget_module_expandButton__f69e952d {\n color: var(--dark-grey);\n border-color: var(--grey6);\n}\n.BaseWidget_module_root__f69e952d.BaseWidget_module_lightTheme__f69e952d .BaseWidget_module_header__f69e952d .BaseWidget_module_headerOptions__f69e952d .BaseWidget_module_expandButton__f69e952d .BaseWidget_module_expandIcon__f69e952d {\n fill: var(--dark-grey);\n}\n.BaseWidget_module_root__f69e952d .BaseWidget_module_children__f69e952d {\n flex: 1 1;\n position: relative;\n padding: 0.5rem;\n}\n\n.BaseWidget_module_dropdownPopper__f69e952d {\n padding: 0rem;\n background: var(--grey1);\n}\n.BaseWidget_module_dropdownPopper__f69e952d .BaseWidget_module_dropdownItem__f69e952d {\n height: 2.25rem;\n color: var(--white);\n background: var(--grey);\n}\n.BaseWidget_module_dropdownPopper__f69e952d .BaseWidget_module_dropdownItem__f69e952d:hover, .BaseWidget_module_dropdownPopper__f69e952d .BaseWidget_module_dropdownItem__f69e952d:focus {\n color: var(--dark-grey);\n background: var(--grey2);\n}\n.BaseWidget_module_dropdownPopper__f69e952d .BaseWidget_module_dropdownItem__f69e952d:hover label > svg, .BaseWidget_module_dropdownPopper__f69e952d .BaseWidget_module_dropdownItem__f69e952d:focus label > svg {\n border: 1px solid var(--dark-grey);\n border-radius: 0.25rem;\n}";
|
|
115453
|
+
var modules_6a0e74b6 = {"root":"BaseWidget_module_root__f69e952d","header":"BaseWidget_module_header__f69e952d","header-title":"BaseWidget_module_headerTitle__f69e952d","back":"BaseWidget_module_back__f69e952d","icon":"BaseWidget_module_icon__f69e952d","no-options":"BaseWidget_module_noOptions__f69e952d","no-title-options":"BaseWidget_module_noTitleOptions__f69e952d","title-container":"BaseWidget_module_titleContainer__f69e952d","title":"BaseWidget_module_title__f69e952d","header-options":"BaseWidget_module_headerOptions__f69e952d","header-options-toggle":"BaseWidget_module_headerOptionsToggle__f69e952d","toggle-body":"BaseWidget_module_toggleBody__f69e952d","header-options-list":"BaseWidget_module_headerOptionsList__f69e952d","dropdown-header":"BaseWidget_module_dropdownHeader__f69e952d","expand-button":"BaseWidget_module_expandButton__f69e952d","expand-icon":"BaseWidget_module_expandIcon__f69e952d","date-picker":"BaseWidget_module_datePicker__f69e952d","dark-theme":"BaseWidget_module_darkTheme__f69e952d","light-theme":"BaseWidget_module_lightTheme__f69e952d","children":"BaseWidget_module_children__f69e952d","dropdown-popper":"BaseWidget_module_dropdownPopper__f69e952d","dropdown-item":"BaseWidget_module_dropdownItem__f69e952d"};
|
|
115437
115454
|
n(css$5,{});
|
|
115438
115455
|
|
|
115439
115456
|
var css$4 = ".Skeleton_module_root__3a767a43 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n height: 100%;\n width: 45%;\n gap: 1rem;\n padding: 0.5rem;\n}";
|
|
@@ -115778,14 +115795,14 @@ var BaseWidget = /*#__PURE__*/React.forwardRef(function BaseWidget(props, ref) {
|
|
|
115778
115795
|
children: [/*#__PURE__*/jsxRuntime.jsxs(Text, {
|
|
115779
115796
|
className: modules_6a0e74b6['title-primary'],
|
|
115780
115797
|
children: [/*#__PURE__*/jsxRuntime.jsxs(Text, {
|
|
115781
|
-
variant: "
|
|
115798
|
+
variant: "h2",
|
|
115782
115799
|
stroke: "semibold",
|
|
115783
115800
|
attrs: {
|
|
115784
115801
|
'data-elem': 'title'
|
|
115785
115802
|
},
|
|
115786
115803
|
children: [title, " ", subtitle && '-']
|
|
115787
115804
|
}), subtitle && /*#__PURE__*/jsxRuntime.jsxs(Text, {
|
|
115788
|
-
variant: "
|
|
115805
|
+
variant: "b1",
|
|
115789
115806
|
stroke: "medium",
|
|
115790
115807
|
attrs: {
|
|
115791
115808
|
'data-elem': 'subtitle'
|
|
@@ -115793,7 +115810,7 @@ var BaseWidget = /*#__PURE__*/React.forwardRef(function BaseWidget(props, ref) {
|
|
|
115793
115810
|
children: [' ', subtitle]
|
|
115794
115811
|
})]
|
|
115795
115812
|
}), titleDesc && /*#__PURE__*/jsxRuntime.jsxs(Text, {
|
|
115796
|
-
variant: "
|
|
115813
|
+
variant: "b1",
|
|
115797
115814
|
stroke: "medium",
|
|
115798
115815
|
attrs: {
|
|
115799
115816
|
'data-elem': 'title-desc'
|
|
@@ -118491,6 +118508,7 @@ exports.DialogBox = DialogBox;
|
|
|
118491
118508
|
exports.DisplayPicture = DisplayPicture;
|
|
118492
118509
|
exports.DownloadIcon = Download;
|
|
118493
118510
|
exports.Dropdown = Dropdown;
|
|
118511
|
+
exports.DropdownIcon = DropdownIcon;
|
|
118494
118512
|
exports.DropdownItem = DropdownItem;
|
|
118495
118513
|
exports.EditIcon = Edit;
|
|
118496
118514
|
exports.ExpandArrowAltIcon = ExpandArrowAlt;
|
|
@@ -118528,7 +118546,7 @@ exports.Step = Step;
|
|
|
118528
118546
|
exports.Stepper = Stepper;
|
|
118529
118547
|
exports.Switch = Switch;
|
|
118530
118548
|
exports.Table = Table;
|
|
118531
|
-
exports.TableCell = TableCell
|
|
118549
|
+
exports.TableCell = TableCell;
|
|
118532
118550
|
exports.TableChip = TableChip;
|
|
118533
118551
|
exports.TableChipItem = TableChipItem$1;
|
|
118534
118552
|
exports.TableChips = TableChips$1;
|