@banyan_cloud/roots 1.0.112 → 1.0.114
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 +190 -172
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +190 -172
- package/dist/esm/index.js.map +1 -1
- package/dist/index.js +190 -172
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -45242,8 +45242,8 @@ Switch.defaultProps = {
|
|
|
45242
45242
|
onChange: function onChange() {}
|
|
45243
45243
|
};
|
|
45244
45244
|
|
|
45245
|
-
var css$Q = ".
|
|
45246
|
-
var modules_a8ff92a5 = {"root":"
|
|
45245
|
+
var css$Q = ".DateAndTimeSelection_module_root__beb12207 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.3125rem;\n padding-inline: 0.75rem;\n width: 100%;\n}\n.DateAndTimeSelection_module_root__beb12207 > span {\n font-weight: 500;\n font-size: 0.875rem;\n line-height: 1.3125rem;\n color: var(--dark-grey);\n}\n.DateAndTimeSelection_module_root__beb12207 > div {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n width: 100%;\n gap: 0.25rem;\n}\n.DateAndTimeSelection_module_root__beb12207 > div .DateAndTimeSelection_module_input__beb12207 {\n flex: 1;\n background: var(--white);\n border: 1px solid var(--grey3);\n border-radius: 4px;\n padding: 0.75rem 1rem;\n}\n.DateAndTimeSelection_module_root__beb12207 > div .DateAndTimeSelection_module_input__beb12207 > label > div[data-elem=base-cell] {\n padding: 0 0;\n border: none;\n width: 9.063rem;\n}\n.DateAndTimeSelection_module_root__beb12207 > div .DateAndTimeSelection_module_input__beb12207 > label > div[data-elem=base-cell] > span[data-elem=component2] > input[data-elem=input] {\n padding: 0;\n color: var(--dark-grey);\n width: -moz-fit-content;\n width: fit-content;\n}\n.DateAndTimeSelection_module_root__beb12207.DateAndTimeSelection_module_range__beb12207 > span:nth-last-child(2) {\n margin-top: 0.25rem;\n}";
|
|
45246
|
+
var modules_a8ff92a5 = {"root":"DateAndTimeSelection_module_root__beb12207","input":"DateAndTimeSelection_module_input__beb12207","range":"DateAndTimeSelection_module_range__beb12207"};
|
|
45247
45247
|
n(css$Q,{});
|
|
45248
45248
|
|
|
45249
45249
|
var DateAndTimeSelection = function DateAndTimeSelection(_ref) {
|
|
@@ -45608,8 +45608,8 @@ var TodayIndicator = function TodayIndicator(_ref) {
|
|
|
45608
45608
|
});
|
|
45609
45609
|
};
|
|
45610
45610
|
|
|
45611
|
-
var css$M = ".
|
|
45612
|
-
var modules_b02dadcc = {"root":"
|
|
45611
|
+
var css$M = ".Dates_module_root__923ee458 {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n align-items: center;\n flex-wrap: wrap;\n}\n.Dates_module_root__923ee458 > div {\n flex-basis: 14.28%;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n margin-bottom: 0.25rem;\n cursor: pointer;\n align-self: center;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.Dates_module_root__923ee458 > div.Dates_module_minInRange__923ee458 {\n background-color: var(--highlight);\n border-radius: 1.5rem 0rem 0rem 1.5rem;\n}\n.Dates_module_root__923ee458 > div.Dates_module_minInRange__923ee458 .Dates_module_date__923ee458 {\n color: var(--white);\n}\n.Dates_module_root__923ee458 > div.Dates_module_minInRange__923ee458:hover .Dates_module_date__923ee458 {\n background: var(--highlight);\n color: var(--white);\n box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n}\n.Dates_module_root__923ee458 > div.Dates_module_minInRange__923ee458.Dates_module_today__923ee458 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.Dates_module_root__923ee458 > div.Dates_module_minInRange__923ee458.Dates_module_today__923ee458 .Dates_module_date__923ee458 {\n color: var(--white);\n font-weight: 500;\n}\n.Dates_module_root__923ee458 > div.Dates_module_minInRange__923ee458.Dates_module_today__923ee458 .Dates_module_indicator__923ee458 {\n display: none;\n}\n.Dates_module_root__923ee458 > div.Dates_module_minInRange__923ee458.Dates_module_todaySelected__923ee458 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.Dates_module_root__923ee458 > div.Dates_module_minInRange__923ee458.Dates_module_todaySelected__923ee458 .Dates_module_date__923ee458 {\n font-weight: 500;\n color: var(--white);\n}\n.Dates_module_root__923ee458 > div.Dates_module_minInRange__923ee458.Dates_module_todaySelected__923ee458 .Dates_module_indicator__923ee458 {\n display: none;\n}\n.Dates_module_root__923ee458 > div.Dates_module_maxInRange__923ee458 {\n background-color: var(--highlight);\n border-radius: 0rem 1.5rem 1.5rem 0rem;\n}\n.Dates_module_root__923ee458 > div.Dates_module_maxInRange__923ee458 .Dates_module_date__923ee458 {\n color: var(--white);\n}\n.Dates_module_root__923ee458 > div.Dates_module_maxInRange__923ee458.Dates_module_todaySelected__923ee458 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n display: none;\n}\n.Dates_module_root__923ee458 > div.Dates_module_maxInRange__923ee458.Dates_module_todaySelected__923ee458 .Dates_module_date__923ee458 {\n font-weight: 500;\n color: var(--white);\n}\n.Dates_module_root__923ee458 > div.Dates_module_maxInRange__923ee458.Dates_module_todaySelected__923ee458 .Dates_module_indicator__923ee458 {\n display: none;\n}\n.Dates_module_root__923ee458 > div.Dates_module_maxInRange__923ee458.Dates_module_today__923ee458 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.Dates_module_root__923ee458 > div.Dates_module_maxInRange__923ee458.Dates_module_today__923ee458 .Dates_module_date__923ee458 {\n color: var(--white);\n font-weight: 500;\n}\n.Dates_module_root__923ee458 > div.Dates_module_maxInRange__923ee458.Dates_module_today__923ee458 .Dates_module_indicator__923ee458 {\n display: none;\n}\n.Dates_module_root__923ee458 > div.Dates_module_maxInRange__923ee458:hover .Dates_module_date__923ee458 {\n background: var(--highlight);\n color: var(--white);\n box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n}\n.Dates_module_root__923ee458 > div.Dates_module_midInRange__923ee458 {\n background: var(--background);\n border-radius: 0rem;\n}\n.Dates_module_root__923ee458 > div.Dates_module_midInRange__923ee458 .Dates_module_date__923ee458 {\n color: var(--highlight);\n}\n.Dates_module_root__923ee458 > div.Dates_module_midInRange__923ee458.Dates_module_todaySelected__923ee458 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.Dates_module_root__923ee458 > div.Dates_module_midInRange__923ee458.Dates_module_todaySelected__923ee458 .Dates_module_date__923ee458 {\n font-weight: 500;\n color: var(--white);\n}\n.Dates_module_root__923ee458 > div.Dates_module_midInRange__923ee458.Dates_module_todaySelected__923ee458 .Dates_module_indicator__923ee458 {\n display: none;\n}\n.Dates_module_root__923ee458 > div.Dates_module_midInRangeSelected__923ee458 {\n background: var(--background);\n border-radius: 0rem;\n}\n.Dates_module_root__923ee458 > div.Dates_module_midInRangeSelected__923ee458 .Dates_module_date__923ee458 {\n color: var(--white);\n}\n.Dates_module_root__923ee458 > div.Dates_module_midInRangeSelected__923ee458.Dates_module_todaySelected__923ee458 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.Dates_module_root__923ee458 > div.Dates_module_midInRangeSelected__923ee458.Dates_module_todaySelected__923ee458 .Dates_module_date__923ee458 {\n font-weight: 500;\n color: var(--white);\n}\n.Dates_module_root__923ee458 > div.Dates_module_midInRangeSelected__923ee458.Dates_module_todaySelected__923ee458 .Dates_module_indicator__923ee458 {\n display: none;\n}\n.Dates_module_root__923ee458 > div.Dates_module_firstHovered__923ee458 {\n background: var(--background);\n border-radius: 0rem 1.5rem 1.5rem 0rem;\n}\n.Dates_module_root__923ee458 > div.Dates_module_firstHovered__923ee458 .Dates_module_date__923ee458 {\n color: var(--highlight);\n}\n.Dates_module_root__923ee458 > div.Dates_module_firstHovered__923ee458.Dates_module_todaySelected__923ee458 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.Dates_module_root__923ee458 > div.Dates_module_firstHovered__923ee458.Dates_module_todaySelected__923ee458 .Dates_module_date__923ee458 {\n font-weight: 500;\n color: var(--white);\n}\n.Dates_module_root__923ee458 > div.Dates_module_firstHovered__923ee458.Dates_module_todaySelected__923ee458 .Dates_module_indicator__923ee458 {\n display: none;\n}\n.Dates_module_root__923ee458 > div.Dates_module_lastHovered__923ee458 {\n background: var(--background);\n border-radius: 1.5rem 0rem 0rem 1.5rem;\n}\n.Dates_module_root__923ee458 > div.Dates_module_lastHovered__923ee458 .Dates_module_date__923ee458 {\n color: var(--highlight);\n}\n.Dates_module_root__923ee458 > div.Dates_module_lastHovered__923ee458.Dates_module_todaySelected__923ee458 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.Dates_module_root__923ee458 > div.Dates_module_lastHovered__923ee458.Dates_module_todaySelected__923ee458 .Dates_module_date__923ee458 {\n font-weight: 500;\n color: var(--white);\n}\n.Dates_module_root__923ee458 > div.Dates_module_lastHovered__923ee458.Dates_module_todaySelected__923ee458 .Dates_module_indicator__923ee458 {\n display: none;\n}\n.Dates_module_root__923ee458 > div.Dates_module_today__923ee458 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.Dates_module_root__923ee458 > div.Dates_module_today__923ee458 .Dates_module_date__923ee458 {\n color: var(--highlight);\n font-weight: 500;\n}\n.Dates_module_root__923ee458 > div.Dates_module_today__923ee458 .Dates_module_indicator__923ee458 {\n margin-top: -0.825rem;\n}\n.Dates_module_root__923ee458 > div.Dates_module_todaySelected__923ee458 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.Dates_module_root__923ee458 > div.Dates_module_todaySelected__923ee458 .Dates_module_date__923ee458 {\n font-weight: 500;\n color: var(--white);\n}\n.Dates_module_root__923ee458 > div.Dates_module_todaySelected__923ee458 .Dates_module_indicator__923ee458 {\n margin-top: -0.825rem;\n fill: var(--white);\n}\n.Dates_module_root__923ee458 > div .Dates_module_date__923ee458 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n text-align: center;\n vertical-align: middle;\n border-radius: 1.5rem;\n height: 2.5rem;\n width: 2.5rem;\n font-weight: 400;\n font-size: 0.875rem;\n color: var(--black);\n}\n.Dates_module_root__923ee458 > div .Dates_module_date__923ee458.Dates_module_selected__923ee458 {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Dates_module_root__923ee458 > div .Dates_module_date__923ee458.Dates_module_unSelected__923ee458 {\n background-color: var(--white);\n border-color: var(--highlight);\n border-width: 0.125rem;\n border-style: solid;\n color: var(--black);\n}\n.Dates_module_root__923ee458 > div .Dates_module_date__923ee458.Dates_module_disabled__923ee458 {\n border-radius: 1.5rem;\n color: var(--grey2);\n}\n.Dates_module_root__923ee458 > div .Dates_module_date__923ee458.Dates_module_diffMonth__923ee458 {\n opacity: 0.6;\n}\n.Dates_module_root__923ee458 > div:hover .Dates_module_date__923ee458 {\n background: var(--background);\n color: var(--highlight);\n box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n}\n.Dates_module_root__923ee458 > div:hover .Dates_module_selected__923ee458 {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Dates_module_root__923ee458 > div:hover .Dates_module_disabled__923ee458 {\n background: transparent;\n box-shadow: none;\n border-radius: 1.5rem;\n color: var(--grey2);\n}";
|
|
45612
|
+
var modules_b02dadcc = {"root":"Dates_module_root__923ee458","minInRange":"Dates_module_minInRange__923ee458","date":"Dates_module_date__923ee458","today":"Dates_module_today__923ee458","indicator":"Dates_module_indicator__923ee458","today-selected":"Dates_module_todaySelected__923ee458","maxInRange":"Dates_module_maxInRange__923ee458","midInRange":"Dates_module_midInRange__923ee458","midInRangeSelected":"Dates_module_midInRangeSelected__923ee458","first-hovered":"Dates_module_firstHovered__923ee458","last-hovered":"Dates_module_lastHovered__923ee458","selected":"Dates_module_selected__923ee458","unSelected":"Dates_module_unSelected__923ee458","disabled":"Dates_module_disabled__923ee458","diffMonth":"Dates_module_diffMonth__923ee458"};
|
|
45613
45613
|
n(css$M,{});
|
|
45614
45614
|
|
|
45615
45615
|
var getDatesOfLastWeekOfLastMonth = function getDatesOfLastWeekOfLastMonth(_ref) {
|
|
@@ -46292,12 +46292,14 @@ var CustomRanges = function CustomRanges(_ref) {
|
|
|
46292
46292
|
selectedRange = _ref.selectedRange,
|
|
46293
46293
|
setSelectedRange = _ref.setSelectedRange,
|
|
46294
46294
|
setFixedRange = _ref.setFixedRange,
|
|
46295
|
-
|
|
46296
|
-
|
|
46295
|
+
setOpenCustomRange = _ref.setOpenCustomRange,
|
|
46296
|
+
apply = _ref.apply;
|
|
46297
46297
|
var selectFixedDateRange = function selectFixedDateRange(dateRange, title) {
|
|
46298
46298
|
setSelectedRange(dateRange);
|
|
46299
46299
|
setFixedRange(title);
|
|
46300
|
-
|
|
46300
|
+
apply({
|
|
46301
|
+
rangeSelected: dateRange
|
|
46302
|
+
});
|
|
46301
46303
|
setOpenCustomRange(false);
|
|
46302
46304
|
};
|
|
46303
46305
|
return /*#__PURE__*/jsx("div", {
|
|
@@ -46389,22 +46391,24 @@ var DatePicker = function DatePicker(props) {
|
|
|
46389
46391
|
var customRangeInteractionProps = useInteractions([useClick(customRangeFloatingReference.context, {
|
|
46390
46392
|
enabled: !disabled
|
|
46391
46393
|
}), useDismiss(customRangeFloatingReference.context)]);
|
|
46392
|
-
var apply = function apply() {
|
|
46393
|
-
var
|
|
46394
|
-
|
|
46394
|
+
var apply = function apply(_ref) {
|
|
46395
|
+
var _rangeSelected$dates;
|
|
46396
|
+
var rangeSelected = _ref.rangeSelected,
|
|
46397
|
+
dateSelected = _ref.dateSelected;
|
|
46398
|
+
if (((_rangeSelected$dates = rangeSelected.dates) === null || _rangeSelected$dates === void 0 ? void 0 : _rangeSelected$dates.length) === 2) {
|
|
46395
46399
|
if (maxRange !== null && !isMaxRangeExceeded({
|
|
46396
46400
|
maxRange: maxRange,
|
|
46397
|
-
|
|
46401
|
+
rangeSelected: rangeSelected
|
|
46398
46402
|
})) {
|
|
46399
46403
|
setError('Invalid range of dates');
|
|
46400
46404
|
setOpenDatePicker(false);
|
|
46401
46405
|
return;
|
|
46402
46406
|
}
|
|
46403
46407
|
setError('');
|
|
46404
|
-
onApply(
|
|
46408
|
+
onApply(rangeSelected.unix, fixedRange, getDateRangeTag(rangeSelected.unix));
|
|
46405
46409
|
setOpenDatePicker(false);
|
|
46406
46410
|
} else {
|
|
46407
|
-
onApply(
|
|
46411
|
+
onApply(dateSelected.unix);
|
|
46408
46412
|
setOpenDatePicker(false);
|
|
46409
46413
|
}
|
|
46410
46414
|
};
|
|
@@ -46416,7 +46420,10 @@ var DatePicker = function DatePicker(props) {
|
|
|
46416
46420
|
fixedRange: fixedRange,
|
|
46417
46421
|
range: range,
|
|
46418
46422
|
onApply: function onApply() {
|
|
46419
|
-
apply(
|
|
46423
|
+
apply({
|
|
46424
|
+
rangeSelected: selectedRange,
|
|
46425
|
+
dateSelected: selectedDate
|
|
46426
|
+
});
|
|
46420
46427
|
},
|
|
46421
46428
|
disabledDates: disabledDates,
|
|
46422
46429
|
disableDatesBefore: disableDatesBefore,
|
|
@@ -46424,6 +46431,16 @@ var DatePicker = function DatePicker(props) {
|
|
|
46424
46431
|
setFixedRange: setFixedRange,
|
|
46425
46432
|
customRanges: customRanges
|
|
46426
46433
|
};
|
|
46434
|
+
var customRangesProps = {
|
|
46435
|
+
customRanges: customRanges,
|
|
46436
|
+
selectedRange: selectedRange,
|
|
46437
|
+
setSelectedRange: setSelectedRange,
|
|
46438
|
+
setFixedRange: setFixedRange,
|
|
46439
|
+
setOpenCustomRange: setOpenCustomRange,
|
|
46440
|
+
fixedRange: fixedRange,
|
|
46441
|
+
theme: theme,
|
|
46442
|
+
apply: apply
|
|
46443
|
+
};
|
|
46427
46444
|
var hasCustomRanges = (customRanges === null || customRanges === void 0 ? void 0 : customRanges.length) && customRanges !== null;
|
|
46428
46445
|
return /*#__PURE__*/jsxs("div", {
|
|
46429
46446
|
className: classes(modules_5b831cd1.root),
|
|
@@ -46524,16 +46541,7 @@ var DatePicker = function DatePicker(props) {
|
|
|
46524
46541
|
}
|
|
46525
46542
|
})), {}, {
|
|
46526
46543
|
className: classes(modules_5b831cd1.popper, openCustomRange ? modules_5b831cd1.open : ''),
|
|
46527
|
-
children: /*#__PURE__*/jsx(CustomRanges, {
|
|
46528
|
-
customRanges: customRanges,
|
|
46529
|
-
selectedRange: selectedRange,
|
|
46530
|
-
setSelectedRange: setSelectedRange,
|
|
46531
|
-
setFixedRange: setFixedRange,
|
|
46532
|
-
setOpenDatePicker: setOpenDatePicker,
|
|
46533
|
-
setOpenCustomRange: setOpenCustomRange,
|
|
46534
|
-
fixedRange: fixedRange,
|
|
46535
|
-
theme: theme
|
|
46536
|
-
})
|
|
46544
|
+
children: /*#__PURE__*/jsx(CustomRanges, _objectSpread2({}, customRangesProps))
|
|
46537
46545
|
}))
|
|
46538
46546
|
})]
|
|
46539
46547
|
})]
|
|
@@ -47511,8 +47519,8 @@ var TableColumn = /*#__PURE__*/_createClass(function TableColumn(_ref) {
|
|
|
47511
47519
|
this.sticky = sticky;
|
|
47512
47520
|
});
|
|
47513
47521
|
|
|
47514
|
-
var css$y = ".
|
|
47515
|
-
var modules_7ba8d001 = {"root":"
|
|
47522
|
+
var css$y = ".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}";
|
|
47523
|
+
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"};
|
|
47516
47524
|
n(css$y,{});
|
|
47517
47525
|
|
|
47518
47526
|
var SORT_ICONS = {
|
|
@@ -47751,15 +47759,18 @@ var TableBody = function TableBody(props) {
|
|
|
47751
47759
|
var reset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
47752
47760
|
var multiSelect = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
47753
47761
|
if (reset) {
|
|
47754
|
-
|
|
47762
|
+
var _listRef$current, _listRef$current$_ind, _listRef$current$_ind2;
|
|
47763
|
+
(_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : (_listRef$current$_ind = _listRef$current[_index]) === null || _listRef$current$_ind === void 0 ? void 0 : (_listRef$current$_ind2 = _listRef$current$_ind.removeAttribute) === null || _listRef$current$_ind2 === void 0 ? void 0 : _listRef$current$_ind2.call(_listRef$current$_ind, 'data-active');
|
|
47755
47764
|
} else {
|
|
47765
|
+
var _listRef$current3, _listRef$current3$_in, _listRef$current3$_in2;
|
|
47756
47766
|
if (!multiSelect) {
|
|
47757
|
-
var _listRef$
|
|
47758
|
-
(_listRef$
|
|
47759
|
-
|
|
47767
|
+
var _listRef$current2;
|
|
47768
|
+
(_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 ? void 0 : _listRef$current2.forEach(function (elem) {
|
|
47769
|
+
var _elem$removeAttribute;
|
|
47770
|
+
elem === null || elem === void 0 ? void 0 : (_elem$removeAttribute = elem.removeAttribute) === null || _elem$removeAttribute === void 0 ? void 0 : _elem$removeAttribute.call(elem, 'data-active');
|
|
47760
47771
|
});
|
|
47761
47772
|
}
|
|
47762
|
-
listRef.current[_index].setAttribute('data-active', true);
|
|
47773
|
+
(_listRef$current3 = listRef.current) === null || _listRef$current3 === void 0 ? void 0 : (_listRef$current3$_in = _listRef$current3[_index]) === null || _listRef$current3$_in === void 0 ? void 0 : (_listRef$current3$_in2 = _listRef$current3$_in.setAttribute) === null || _listRef$current3$_in2 === void 0 ? void 0 : _listRef$current3$_in2.call(_listRef$current3$_in, 'data-active', true);
|
|
47763
47774
|
}
|
|
47764
47775
|
};
|
|
47765
47776
|
return /*#__PURE__*/jsx(TableRow, {
|
|
@@ -48010,10 +48021,121 @@ BaseTable.defaultProps = {
|
|
|
48010
48021
|
theme: 'light'
|
|
48011
48022
|
};
|
|
48012
48023
|
|
|
48013
|
-
|
|
48014
|
-
|
|
48024
|
+
function o(f){return r=>{f.forEach(n=>{typeof n=="function"?n(r):n!=null&&(n.current=r);});}}
|
|
48025
|
+
|
|
48026
|
+
var css$r = ".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}";
|
|
48027
|
+
var modules_e4619b04 = {"tooltip":"Tooltip_module_tooltip__04fbc763","light":"Tooltip_module_light__04fbc763","arrow":"Tooltip_module_arrow__04fbc763","dark":"Tooltip_module_dark__04fbc763"};
|
|
48015
48028
|
n(css$r,{});
|
|
48016
48029
|
|
|
48030
|
+
var Tooltip = /*#__PURE__*/forwardRef(function Tooltip(props, propRef) {
|
|
48031
|
+
var _middlewareData$arrow, _middlewareData$arrow2, _middlewareData$arrow3, _middlewareData$arrow4;
|
|
48032
|
+
var children = props.children,
|
|
48033
|
+
position = props.position,
|
|
48034
|
+
content = props.content,
|
|
48035
|
+
variant = props.variant,
|
|
48036
|
+
className = props.className;
|
|
48037
|
+
var arrowEl = useRef(null);
|
|
48038
|
+
var _useState = useState(false),
|
|
48039
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
48040
|
+
open = _useState2[0],
|
|
48041
|
+
setOpen = _useState2[1];
|
|
48042
|
+
|
|
48043
|
+
// eslint-disable-next-line object-curly-newline
|
|
48044
|
+
var _useFloating = useFloating({
|
|
48045
|
+
open: open,
|
|
48046
|
+
onOpenChange: setOpen,
|
|
48047
|
+
// strategy: 'fixed',
|
|
48048
|
+
placement: position,
|
|
48049
|
+
// Make sure the tooltip stays on the screen
|
|
48050
|
+
whileElementsMounted: autoUpdate,
|
|
48051
|
+
middleware: [offset(12), flip(), shift(), arrow({
|
|
48052
|
+
element: arrowEl
|
|
48053
|
+
})]
|
|
48054
|
+
}),
|
|
48055
|
+
x = _useFloating.x,
|
|
48056
|
+
y = _useFloating.y,
|
|
48057
|
+
reference = _useFloating.reference,
|
|
48058
|
+
floating = _useFloating.floating,
|
|
48059
|
+
strategy = _useFloating.strategy,
|
|
48060
|
+
context = _useFloating.context,
|
|
48061
|
+
middlewareData = _useFloating.middlewareData,
|
|
48062
|
+
placement = _useFloating.placement;
|
|
48063
|
+
|
|
48064
|
+
// Event listeners to change the open state
|
|
48065
|
+
var hover = useHover(context, {
|
|
48066
|
+
move: true
|
|
48067
|
+
});
|
|
48068
|
+
var focus = useFocus(context);
|
|
48069
|
+
var dismiss = useDismiss(context);
|
|
48070
|
+
// Role props for screen readers
|
|
48071
|
+
var role = useRole(context, {
|
|
48072
|
+
role: 'tooltip'
|
|
48073
|
+
});
|
|
48074
|
+
|
|
48075
|
+
// Merge all the interactions into prop getters
|
|
48076
|
+
var _useInteractions = useInteractions([hover, focus, dismiss, role]),
|
|
48077
|
+
getReferenceProps = _useInteractions.getReferenceProps,
|
|
48078
|
+
getFloatingProps = _useInteractions.getFloatingProps;
|
|
48079
|
+
var childrenRef = children.ref;
|
|
48080
|
+
var ref = React__default.useMemo(function () {
|
|
48081
|
+
return o([reference, childrenRef, propRef]);
|
|
48082
|
+
}, [reference, childrenRef]);
|
|
48083
|
+
var clonedChildren = /*#__PURE__*/cloneElement(children, getReferenceProps(_objectSpread2({
|
|
48084
|
+
ref: ref
|
|
48085
|
+
}, children.props)));
|
|
48086
|
+
var side = placement.split('-')[0];
|
|
48087
|
+
var staticSide = {
|
|
48088
|
+
top: 'bottom',
|
|
48089
|
+
right: 'left',
|
|
48090
|
+
bottom: 'top',
|
|
48091
|
+
left: 'right'
|
|
48092
|
+
}[side];
|
|
48093
|
+
return /*#__PURE__*/jsxs(Fragment, {
|
|
48094
|
+
children: [clonedChildren, /*#__PURE__*/jsx(Popper, {
|
|
48095
|
+
open: open && content != null,
|
|
48096
|
+
backdrop: false,
|
|
48097
|
+
wrapperId: "tooltip",
|
|
48098
|
+
children: /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2({}, getFloatingProps({
|
|
48099
|
+
ref: floating,
|
|
48100
|
+
className: classes(modules_e4619b04.tooltip, modules_e4619b04[variant], className),
|
|
48101
|
+
style: {
|
|
48102
|
+
position: strategy,
|
|
48103
|
+
top: y !== null && y !== void 0 ? y : 0,
|
|
48104
|
+
left: x !== null && x !== void 0 ? x : 0,
|
|
48105
|
+
zIndex: 100
|
|
48106
|
+
}
|
|
48107
|
+
})), {}, {
|
|
48108
|
+
children: [/*#__PURE__*/jsx("div", {
|
|
48109
|
+
className: modules_e4619b04.arrow,
|
|
48110
|
+
ref: arrowEl,
|
|
48111
|
+
style: _defineProperty$1({
|
|
48112
|
+
left: (_middlewareData$arrow = middlewareData === null || middlewareData === void 0 ? void 0 : (_middlewareData$arrow2 = middlewareData.arrow) === null || _middlewareData$arrow2 === void 0 ? void 0 : _middlewareData$arrow2.x) !== null && _middlewareData$arrow !== void 0 ? _middlewareData$arrow : '',
|
|
48113
|
+
top: (_middlewareData$arrow3 = middlewareData === null || middlewareData === void 0 ? void 0 : (_middlewareData$arrow4 = middlewareData.arrow) === null || _middlewareData$arrow4 === void 0 ? void 0 : _middlewareData$arrow4.y) !== null && _middlewareData$arrow3 !== void 0 ? _middlewareData$arrow3 : '',
|
|
48114
|
+
right: '',
|
|
48115
|
+
bottom: ''
|
|
48116
|
+
}, staticSide, '-0.5rem')
|
|
48117
|
+
}), content]
|
|
48118
|
+
}))
|
|
48119
|
+
})]
|
|
48120
|
+
});
|
|
48121
|
+
});
|
|
48122
|
+
Tooltip.propTypes = {
|
|
48123
|
+
variant: propTypes$1.exports.oneOf(['light', 'dark']),
|
|
48124
|
+
content: propTypes$1.exports.node,
|
|
48125
|
+
position: propTypes$1.exports.oneOf(['right', 'top', 'bottom', 'left']),
|
|
48126
|
+
className: propTypes$1.exports.string
|
|
48127
|
+
};
|
|
48128
|
+
Tooltip.defaultProps = {
|
|
48129
|
+
variant: 'light',
|
|
48130
|
+
content: null,
|
|
48131
|
+
position: 'top',
|
|
48132
|
+
className: ''
|
|
48133
|
+
};
|
|
48134
|
+
|
|
48135
|
+
var css$q = ".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}";
|
|
48136
|
+
var modules_37a5ff73$6 = {"root":"Skeleton_module_root__15c10a9b"};
|
|
48137
|
+
n(css$q,{});
|
|
48138
|
+
|
|
48017
48139
|
var CHIPS = _toConsumableArray$1(Array(5).keys());
|
|
48018
48140
|
var TableChipsSkeleton = function TableChipsSkeleton(_ref) {
|
|
48019
48141
|
var theme = _ref.theme;
|
|
@@ -48033,9 +48155,9 @@ var TableChipsSkeleton = function TableChipsSkeleton(_ref) {
|
|
|
48033
48155
|
});
|
|
48034
48156
|
};
|
|
48035
48157
|
|
|
48036
|
-
var css$
|
|
48158
|
+
var css$p = ".TableChipItem_module_root__46c5e2b5 {\n background: var(--grey8);\n border: 1px solid var(--grey4);\n padding: 0.344rem 0.25rem;\n height: 3rem;\n max-height: 100%;\n max-width: -moz-fit-content;\n max-width: fit-content;\n cursor: default;\n}\n.TableChipItem_module_root__46c5e2b5 .TableChipItem_module_chipIcon__46c5e2b5 {\n width: 1rem;\n height: 1rem;\n}\n.TableChipItem_module_root__46c5e2b5 > [data-elem=component1] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TableChipItem_module_root__46c5e2b5 > [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__46c5e2b5 > [data-elem=component2] div.TableChipItem_module_chipSearch__46c5e2b5 {\n padding: 0;\n height: 100%;\n}\n.TableChipItem_module_root__46c5e2b5 > [data-elem=component2] div.TableChipItem_module_chipSearch__46c5e2b5 > label > [data-elem=base-cell] {\n border-radius: 1.5rem;\n width: auto;\n}\n.TableChipItem_module_root__46c5e2b5 > [data-elem=component2] div.TableChipItem_module_chipSearch__46c5e2b5 > 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__46c5e2b5 > [data-elem=component2] .TableChipItem_module_chip__46c5e2b5 {\n height: 100%;\n}\n.TableChipItem_module_root__46c5e2b5 > [data-elem=component2] .TableChipItem_module_chip__46c5e2b5:not(:disabled) {\n cursor: pointer;\n}\n.TableChipItem_module_root__46c5e2b5 > [data-elem=component2] .TableChipItem_module_chip__46c5e2b5: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__46c5e2b5 > [data-elem=component2] .TableChipItem_module_chip__46c5e2b5 > [data-elem=component2] > [data-elem=title] {\n color: var(--dark-grey);\n}\n.TableChipItem_module_root__46c5e2b5 > [data-elem=component2] .TableChipItem_module_chip__46c5e2b5 .TableChipItem_module_icon__46c5e2b5 {\n width: 0.875rem;\n height: 0.875rem;\n}\n.TableChipItem_module_root__46c5e2b5 > [data-elem=component3] {\n height: 100%;\n}\n.TableChipItem_module_root__46c5e2b5.TableChipItem_module_disabled__46c5e2b5:hover {\n border-color: var(--grey4);\n}\n.TableChipItem_module_root__46c5e2b5.TableChipItem_module_disabled__46c5e2b5:hover > [data-elem=component2] .TableChipItem_module_label__46c5e2b5 {\n color: var(--dark-grey);\n}\n.TableChipItem_module_root__46c5e2b5.TableChipItem_module_disabled__46c5e2b5:hover > [data-elem=component2] .TableChipItem_module_chipChild__46c5e2b5 {\n background: var(--info-bg);\n}\n.TableChipItem_module_root__46c5e2b5.TableChipItem_module_disabled__46c5e2b5:hover > [data-elem=component2] .TableChipItem_module_chipChild__46c5e2b5 > [data-elem=component2] > [data-elem=title] {\n color: var(--dark-grey);\n}\n.TableChipItem_module_root__46c5e2b5.TableChipItem_module_disabled__46c5e2b5:hover > [data-elem=component2] .TableChipItem_module_chipChild__46c5e2b5 .TableChipItem_module_icon__46c5e2b5 {\n width: 0.875rem;\n height: 0.875rem;\n}\n.TableChipItem_module_root__46c5e2b5:hover {\n border-color: var(--highlight);\n}\n.TableChipItem_module_root__46c5e2b5:hover > [data-elem=component2] .TableChipItem_module_label__46c5e2b5 {\n color: var(--highlight);\n}\n.TableChipItem_module_root__46c5e2b5:hover > [data-elem=component2] .TableChipItem_module_chipChild__46c5e2b5 {\n background: var(--background);\n}\n.TableChipItem_module_root__46c5e2b5:hover > [data-elem=component2] .TableChipItem_module_chipChild__46c5e2b5 > [data-elem=component2] > [data-elem=title] {\n color: var(--highlight);\n}\n.TableChipItem_module_root__46c5e2b5:hover > [data-elem=component2] .TableChipItem_module_chipChild__46c5e2b5 .TableChipItem_module_icon__46c5e2b5 {\n width: 0.875rem;\n height: 0.875rem;\n}";
|
|
48037
48159
|
var modules_ac61eac3 = {"root":"TableChipItem_module_root__46c5e2b5","chip-icon":"TableChipItem_module_chipIcon__46c5e2b5","chip-search":"TableChipItem_module_chipSearch__46c5e2b5","chip":"TableChipItem_module_chip__46c5e2b5","icon":"TableChipItem_module_icon__46c5e2b5","disabled":"TableChipItem_module_disabled__46c5e2b5","label":"TableChipItem_module_label__46c5e2b5","chip-child":"TableChipItem_module_chipChild__46c5e2b5"};
|
|
48038
|
-
n(css$
|
|
48160
|
+
n(css$p,{});
|
|
48039
48161
|
|
|
48040
48162
|
var TableChipItem = function TableChipItem(props) {
|
|
48041
48163
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -48113,9 +48235,9 @@ var TableChipItem = function TableChipItem(props) {
|
|
|
48113
48235
|
});
|
|
48114
48236
|
};
|
|
48115
48237
|
|
|
48116
|
-
var css$
|
|
48238
|
+
var css$o = ".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}";
|
|
48117
48239
|
var modules_016d9b3e = {"root":"TableChips_module_root__6212ef0c","back":"TableChips_module_back__6212ef0c","icon":"TableChips_module_icon__6212ef0c","clear":"TableChips_module_clear__6212ef0c"};
|
|
48118
|
-
n(css$
|
|
48240
|
+
n(css$o,{});
|
|
48119
48241
|
|
|
48120
48242
|
var TableChips = function TableChips(props) {
|
|
48121
48243
|
var _chips$filter;
|
|
@@ -48126,6 +48248,7 @@ var TableChips = function TableChips(props) {
|
|
|
48126
48248
|
chips = props.chips,
|
|
48127
48249
|
className = props.className,
|
|
48128
48250
|
style = props.style,
|
|
48251
|
+
tooltip = props.tooltip,
|
|
48129
48252
|
loading = props.loading,
|
|
48130
48253
|
_onRemove = props.onRemove,
|
|
48131
48254
|
theme = props.theme;
|
|
@@ -48150,18 +48273,21 @@ var TableChips = function TableChips(props) {
|
|
|
48150
48273
|
attrs: {
|
|
48151
48274
|
style: style
|
|
48152
48275
|
},
|
|
48153
|
-
component1: showBack && /*#__PURE__*/jsx(
|
|
48154
|
-
|
|
48155
|
-
|
|
48156
|
-
|
|
48157
|
-
|
|
48158
|
-
|
|
48159
|
-
|
|
48160
|
-
|
|
48161
|
-
|
|
48162
|
-
|
|
48163
|
-
|
|
48164
|
-
|
|
48276
|
+
component1: showBack && /*#__PURE__*/jsx(Tooltip, _objectSpread2(_objectSpread2({}, tooltip), {}, {
|
|
48277
|
+
variant: theme,
|
|
48278
|
+
children: /*#__PURE__*/jsx(Button, {
|
|
48279
|
+
size: "auto",
|
|
48280
|
+
radius: "round",
|
|
48281
|
+
className: modules_016d9b3e.back,
|
|
48282
|
+
leftComponent: function leftComponent() {
|
|
48283
|
+
return /*#__PURE__*/jsx(Arrow$1, {
|
|
48284
|
+
className: modules_016d9b3e.icon,
|
|
48285
|
+
position: "left"
|
|
48286
|
+
});
|
|
48287
|
+
},
|
|
48288
|
+
onClick: onBack
|
|
48289
|
+
})
|
|
48290
|
+
})),
|
|
48165
48291
|
component2: (chipsDOM === null || chipsDOM === void 0 ? void 0 : chipsDOM.length) > 0 ? chipsDOM : null,
|
|
48166
48292
|
component3: (chipsDOM === null || chipsDOM === void 0 ? void 0 : chipsDOM.length) > 0 ? /*#__PURE__*/jsx(Button, {
|
|
48167
48293
|
size: "auto",
|
|
@@ -48190,6 +48316,8 @@ TableChips.propTypes = {
|
|
|
48190
48316
|
disabled: propTypes$1.exports.bool,
|
|
48191
48317
|
rightComponent: propTypes$1.exports.node
|
|
48192
48318
|
})),
|
|
48319
|
+
// eslint-disable-next-line react/forbid-prop-types
|
|
48320
|
+
tooltip: propTypes$1.exports.object,
|
|
48193
48321
|
loading: propTypes$1.exports.bool,
|
|
48194
48322
|
onRemove: propTypes$1.exports.func,
|
|
48195
48323
|
theme: propTypes$1.exports.oneOf(['light', 'dark'])
|
|
@@ -48198,6 +48326,7 @@ TableChips.defaultProps = {
|
|
|
48198
48326
|
className: '',
|
|
48199
48327
|
style: {},
|
|
48200
48328
|
showBack: false,
|
|
48329
|
+
tooltip: {},
|
|
48201
48330
|
onBack: function onBack() {},
|
|
48202
48331
|
onClear: function onClear() {},
|
|
48203
48332
|
chips: [],
|
|
@@ -48231,9 +48360,9 @@ var TableChip = /*#__PURE__*/_createClass(function TableChip(_ref) {
|
|
|
48231
48360
|
this.rightComponent = rightComponent;
|
|
48232
48361
|
});
|
|
48233
48362
|
|
|
48234
|
-
var css$
|
|
48363
|
+
var css$n = ".Popover_module_root__e2663c00 {\n padding: 1rem;\n border-radius: 0.25rem;\n border: 1px solid var(--grey);\n}\n.Popover_module_root__e2663c00.Popover_module_darkTheme__e2663c00 {\n box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n background-color: var(--dark-grey);\n color: var(--white);\n border-color: var(--grey);\n}\n.Popover_module_root__e2663c00.Popover_module_lightTheme__e2663c00 {\n box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n background-color: var(--white);\n color: var(--dark-grey);\n border-color: var(--grey4);\n}";
|
|
48235
48364
|
var modules_dfc4608f = {"root":"Popover_module_root__e2663c00","dark-theme":"Popover_module_darkTheme__e2663c00","light-theme":"Popover_module_lightTheme__e2663c00"};
|
|
48236
|
-
n(css$
|
|
48365
|
+
n(css$n,{});
|
|
48237
48366
|
|
|
48238
48367
|
var Popover = function Popover(props) {
|
|
48239
48368
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -48317,9 +48446,9 @@ Popover.defaultProps = {
|
|
|
48317
48446
|
theme: 'dark'
|
|
48318
48447
|
};
|
|
48319
48448
|
|
|
48320
|
-
var css$
|
|
48449
|
+
var css$m = ".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}";
|
|
48321
48450
|
var modules_48c02c99 = {"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"};
|
|
48322
|
-
n(css$
|
|
48451
|
+
n(css$m,{});
|
|
48323
48452
|
|
|
48324
48453
|
var Columns = function Columns(props) {
|
|
48325
48454
|
var open = props.open,
|
|
@@ -48424,13 +48553,13 @@ var Columns = function Columns(props) {
|
|
|
48424
48553
|
});
|
|
48425
48554
|
};
|
|
48426
48555
|
|
|
48427
|
-
var css$
|
|
48556
|
+
var css$l = ".TableFilters_module_root__53838cde[data-elem=base-cell] {\n -ms-overflow-style: none;\n scrollbar-width: none;\n overflow-x: auto;\n padding: 0.5rem;\n gap: 1.25rem;\n width: 100%;\n}\n.TableFilters_module_root__53838cde[data-elem=base-cell]::-webkit-scrollbar {\n display: none;\n}\n.TableFilters_module_root__53838cde[data-elem=base-cell] .TableFilters_module_icon__53838cde {\n width: 1.5rem;\n height: 1.5rem;\n flex-shrink: 0;\n}\n.TableFilters_module_root__53838cde[data-elem=base-cell] button.TableFilters_module_iconButton__53838cde {\n height: 100%;\n background: var(--grey8);\n border: 1px solid var(--grey4);\n color: var(--black);\n}\n.TableFilters_module_root__53838cde[data-elem=base-cell] > [data-elem*=component] {\n height: 100%;\n}\n.TableFilters_module_root__53838cde[data-elem=base-cell] .TableFilters_module_left__53838cde,\n.TableFilters_module_root__53838cde[data-elem=base-cell] .TableFilters_module_center__53838cde,\n.TableFilters_module_root__53838cde[data-elem=base-cell] .TableFilters_module_right__53838cde {\n height: 100%;\n}\n.TableFilters_module_root__53838cde[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__53838cde {\n gap: 1rem;\n background: var(--grey8);\n border: 1px solid var(--grey4);\n color: var(--black);\n}\n.TableFilters_module_root__53838cde[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__53838cde [data-elem=left] {\n gap: 1rem;\n}\n.TableFilters_module_root__53838cde[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__53838cde .TableFilters_module_icon__53838cde {\n fill: var(--black);\n}\n.TableFilters_module_root__53838cde[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__53838cde .TableFilters_module_filterValue__53838cde {\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__53838cde[data-elem=base-cell] > [data-elem=component2] {\n flex: 1;\n}\n.TableFilters_module_root__53838cde[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_center__53838cde {\n width: 100%;\n}\n.TableFilters_module_root__53838cde[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_center__53838cde [data-elem=base-cell] {\n border-color: var(--grey4);\n}\n.TableFilters_module_root__53838cde[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_center__53838cde [data-elem=base-cell]:focus-within {\n outline: 1px solid var(--highlight);\n}\n.TableFilters_module_root__53838cde[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_center__53838cde .TableFilters_module_icon__53838cde {\n width: 1.25rem;\n}\n.TableFilters_module_root__53838cde[data-elem=base-cell] .TableFilters_module_right__53838cde {\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__53838cde[data-elem=base-cell] .TableFilters_module_right__53838cde > [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n height: 100%;\n}";
|
|
48428
48557
|
var modules_a0fe63f9 = {"root":"TableFilters_module_root__53838cde","icon":"TableFilters_module_icon__53838cde","icon-button":"TableFilters_module_iconButton__53838cde","left":"TableFilters_module_left__53838cde","center":"TableFilters_module_center__53838cde","right":"TableFilters_module_right__53838cde","filter-value":"TableFilters_module_filterValue__53838cde"};
|
|
48429
|
-
n(css$
|
|
48558
|
+
n(css$l,{});
|
|
48430
48559
|
|
|
48431
|
-
var css$
|
|
48560
|
+
var css$k = ".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}";
|
|
48432
48561
|
var modules_37a5ff73$5 = {"root":"Skeleton_module_root__bdc934d4"};
|
|
48433
|
-
n(css$
|
|
48562
|
+
n(css$k,{});
|
|
48434
48563
|
|
|
48435
48564
|
var TableFiltersSkeleton = function TableFiltersSkeleton(_ref) {
|
|
48436
48565
|
var theme = _ref.theme;
|
|
@@ -48626,9 +48755,9 @@ TableFilters.defaultProps = {
|
|
|
48626
48755
|
theme: 'light'
|
|
48627
48756
|
};
|
|
48628
48757
|
|
|
48629
|
-
var css$
|
|
48758
|
+
var css$j = ".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}";
|
|
48630
48759
|
var modules_2e8406c7 = {"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"};
|
|
48631
|
-
n(css$
|
|
48760
|
+
n(css$j,{});
|
|
48632
48761
|
|
|
48633
48762
|
var INTERSECTION = 1;
|
|
48634
48763
|
var STEP = 0.05;
|
|
@@ -48821,9 +48950,9 @@ Table.defaultProps = {
|
|
|
48821
48950
|
theme: 'light'
|
|
48822
48951
|
};
|
|
48823
48952
|
|
|
48824
|
-
var css$
|
|
48953
|
+
var css$i = ".Tabs_module_root__18f64bf7 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.Tabs_module_root__18f64bf7.Tabs_module_lightTheme__18f64bf7 > button.Tabs_module_tab__18f64bf7 {\n border-color: var(--grey4);\n}\n.Tabs_module_root__18f64bf7.Tabs_module_lightTheme__18f64bf7 > button.Tabs_module_tab__18f64bf7 > [data-elem=component1] > .Tabs_module_icon__18f64bf7,\n.Tabs_module_root__18f64bf7.Tabs_module_lightTheme__18f64bf7 > button.Tabs_module_tab__18f64bf7 > [data-elem=component3] > .Tabs_module_icon__18f64bf7 {\n fill: var(--black);\n}\n.Tabs_module_root__18f64bf7.Tabs_module_lightTheme__18f64bf7 > button.Tabs_module_tab__18f64bf7 > [data-elem=component2] {\n color: var(--black);\n}\n.Tabs_module_root__18f64bf7.Tabs_module_lightTheme__18f64bf7 > button.Tabs_module_tab__18f64bf7:hover {\n background: var(--info-bg);\n}\n.Tabs_module_root__18f64bf7.Tabs_module_darkTheme__18f64bf7 > button.Tabs_module_tab__18f64bf7 {\n border-color: var(--grey);\n}\n.Tabs_module_root__18f64bf7.Tabs_module_darkTheme__18f64bf7 > button.Tabs_module_tab__18f64bf7 > [data-elem=component1] > .Tabs_module_icon__18f64bf7,\n.Tabs_module_root__18f64bf7.Tabs_module_darkTheme__18f64bf7 > button.Tabs_module_tab__18f64bf7 > [data-elem=component3] > .Tabs_module_icon__18f64bf7 {\n fill: var(--white);\n}\n.Tabs_module_root__18f64bf7.Tabs_module_darkTheme__18f64bf7 > button.Tabs_module_tab__18f64bf7 > [data-elem=component2] {\n color: var(--white);\n}\n.Tabs_module_root__18f64bf7.Tabs_module_darkTheme__18f64bf7 > button.Tabs_module_tab__18f64bf7:hover {\n background: var(--dark-grey);\n}\n.Tabs_module_root__18f64bf7 > button.Tabs_module_tab__18f64bf7 {\n padding: 0.75rem;\n gap: 0.75rem;\n border-bottom-width: 1px;\n border-bottom-style: solid;\n}\n.Tabs_module_root__18f64bf7 > button.Tabs_module_tab__18f64bf7 > [data-elem=component1] > .Tabs_module_icon__18f64bf7,\n.Tabs_module_root__18f64bf7 > button.Tabs_module_tab__18f64bf7 > [data-elem=component3] > .Tabs_module_icon__18f64bf7 {\n width: 1.5rem;\n height: 1.5rem;\n}\n.Tabs_module_root__18f64bf7 > button.Tabs_module_tab__18f64bf7.Tabs_module_active__18f64bf7 {\n border-bottom-width: 2px;\n border-color: var(--highlight);\n}\n.Tabs_module_root__18f64bf7 > button.Tabs_module_tab__18f64bf7.Tabs_module_active__18f64bf7 > [data-elem=component1] > .Tabs_module_icon__18f64bf7,\n.Tabs_module_root__18f64bf7 > button.Tabs_module_tab__18f64bf7.Tabs_module_active__18f64bf7 > [data-elem=component3] > .Tabs_module_icon__18f64bf7 {\n fill: var(--highlight);\n}\n.Tabs_module_root__18f64bf7 > button.Tabs_module_tab__18f64bf7.Tabs_module_active__18f64bf7 > [data-elem=component2] {\n color: var(--highlight);\n}\n.Tabs_module_root__18f64bf7 > button.Tabs_module_tab__18f64bf7:hover > [data-elem=component1] > .Tabs_module_icon__18f64bf7,\n.Tabs_module_root__18f64bf7 > button.Tabs_module_tab__18f64bf7:hover > [data-elem=component3] > .Tabs_module_icon__18f64bf7 {\n fill: var(--highlight);\n}\n.Tabs_module_root__18f64bf7 > button.Tabs_module_tab__18f64bf7:hover > [data-elem=component2] {\n color: var(--highlight);\n}";
|
|
48825
48954
|
var modules_78ab5066 = {"root":"Tabs_module_root__18f64bf7","light-theme":"Tabs_module_lightTheme__18f64bf7","tab":"Tabs_module_tab__18f64bf7","icon":"Tabs_module_icon__18f64bf7","dark-theme":"Tabs_module_darkTheme__18f64bf7","active":"Tabs_module_active__18f64bf7"};
|
|
48826
|
-
n(css$
|
|
48955
|
+
n(css$i,{});
|
|
48827
48956
|
|
|
48828
48957
|
var Tabs = function Tabs(props) {
|
|
48829
48958
|
var tabs = props.tabs,
|
|
@@ -48880,117 +49009,6 @@ Tabs.defaultProps = {
|
|
|
48880
49009
|
theme: 'light'
|
|
48881
49010
|
};
|
|
48882
49011
|
|
|
48883
|
-
function o(f){return r=>{f.forEach(n=>{typeof n=="function"?n(r):n!=null&&(n.current=r);});}}
|
|
48884
|
-
|
|
48885
|
-
var css$i = ".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}";
|
|
48886
|
-
var modules_e4619b04 = {"tooltip":"Tooltip_module_tooltip__04fbc763","light":"Tooltip_module_light__04fbc763","arrow":"Tooltip_module_arrow__04fbc763","dark":"Tooltip_module_dark__04fbc763"};
|
|
48887
|
-
n(css$i,{});
|
|
48888
|
-
|
|
48889
|
-
var Tooltip = /*#__PURE__*/forwardRef(function Tooltip(props, propRef) {
|
|
48890
|
-
var _middlewareData$arrow, _middlewareData$arrow2, _middlewareData$arrow3, _middlewareData$arrow4;
|
|
48891
|
-
var children = props.children,
|
|
48892
|
-
position = props.position,
|
|
48893
|
-
content = props.content,
|
|
48894
|
-
variant = props.variant,
|
|
48895
|
-
className = props.className;
|
|
48896
|
-
var arrowEl = useRef(null);
|
|
48897
|
-
var _useState = useState(false),
|
|
48898
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
48899
|
-
open = _useState2[0],
|
|
48900
|
-
setOpen = _useState2[1];
|
|
48901
|
-
|
|
48902
|
-
// eslint-disable-next-line object-curly-newline
|
|
48903
|
-
var _useFloating = useFloating({
|
|
48904
|
-
open: open,
|
|
48905
|
-
onOpenChange: setOpen,
|
|
48906
|
-
// strategy: 'fixed',
|
|
48907
|
-
placement: position,
|
|
48908
|
-
// Make sure the tooltip stays on the screen
|
|
48909
|
-
whileElementsMounted: autoUpdate,
|
|
48910
|
-
middleware: [offset(12), flip(), shift(), arrow({
|
|
48911
|
-
element: arrowEl
|
|
48912
|
-
})]
|
|
48913
|
-
}),
|
|
48914
|
-
x = _useFloating.x,
|
|
48915
|
-
y = _useFloating.y,
|
|
48916
|
-
reference = _useFloating.reference,
|
|
48917
|
-
floating = _useFloating.floating,
|
|
48918
|
-
strategy = _useFloating.strategy,
|
|
48919
|
-
context = _useFloating.context,
|
|
48920
|
-
middlewareData = _useFloating.middlewareData,
|
|
48921
|
-
placement = _useFloating.placement;
|
|
48922
|
-
|
|
48923
|
-
// Event listeners to change the open state
|
|
48924
|
-
var hover = useHover(context, {
|
|
48925
|
-
move: true
|
|
48926
|
-
});
|
|
48927
|
-
var focus = useFocus(context);
|
|
48928
|
-
var dismiss = useDismiss(context);
|
|
48929
|
-
// Role props for screen readers
|
|
48930
|
-
var role = useRole(context, {
|
|
48931
|
-
role: 'tooltip'
|
|
48932
|
-
});
|
|
48933
|
-
|
|
48934
|
-
// Merge all the interactions into prop getters
|
|
48935
|
-
var _useInteractions = useInteractions([hover, focus, dismiss, role]),
|
|
48936
|
-
getReferenceProps = _useInteractions.getReferenceProps,
|
|
48937
|
-
getFloatingProps = _useInteractions.getFloatingProps;
|
|
48938
|
-
var childrenRef = children.ref;
|
|
48939
|
-
var ref = React__default.useMemo(function () {
|
|
48940
|
-
return o([reference, childrenRef, propRef]);
|
|
48941
|
-
}, [reference, childrenRef]);
|
|
48942
|
-
var clonedChildren = /*#__PURE__*/cloneElement(children, getReferenceProps(_objectSpread2({
|
|
48943
|
-
ref: ref
|
|
48944
|
-
}, children.props)));
|
|
48945
|
-
var side = placement.split('-')[0];
|
|
48946
|
-
var staticSide = {
|
|
48947
|
-
top: 'bottom',
|
|
48948
|
-
right: 'left',
|
|
48949
|
-
bottom: 'top',
|
|
48950
|
-
left: 'right'
|
|
48951
|
-
}[side];
|
|
48952
|
-
return /*#__PURE__*/jsxs(Fragment, {
|
|
48953
|
-
children: [clonedChildren, /*#__PURE__*/jsx(Popper, {
|
|
48954
|
-
open: open && content != null,
|
|
48955
|
-
backdrop: false,
|
|
48956
|
-
wrapperId: "tooltip",
|
|
48957
|
-
children: /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2({}, getFloatingProps({
|
|
48958
|
-
ref: floating,
|
|
48959
|
-
className: classes(modules_e4619b04.tooltip, modules_e4619b04[variant], className),
|
|
48960
|
-
style: {
|
|
48961
|
-
position: strategy,
|
|
48962
|
-
top: y !== null && y !== void 0 ? y : 0,
|
|
48963
|
-
left: x !== null && x !== void 0 ? x : 0,
|
|
48964
|
-
zIndex: 100
|
|
48965
|
-
}
|
|
48966
|
-
})), {}, {
|
|
48967
|
-
children: [/*#__PURE__*/jsx("div", {
|
|
48968
|
-
className: modules_e4619b04.arrow,
|
|
48969
|
-
ref: arrowEl,
|
|
48970
|
-
style: _defineProperty$1({
|
|
48971
|
-
left: (_middlewareData$arrow = middlewareData === null || middlewareData === void 0 ? void 0 : (_middlewareData$arrow2 = middlewareData.arrow) === null || _middlewareData$arrow2 === void 0 ? void 0 : _middlewareData$arrow2.x) !== null && _middlewareData$arrow !== void 0 ? _middlewareData$arrow : '',
|
|
48972
|
-
top: (_middlewareData$arrow3 = middlewareData === null || middlewareData === void 0 ? void 0 : (_middlewareData$arrow4 = middlewareData.arrow) === null || _middlewareData$arrow4 === void 0 ? void 0 : _middlewareData$arrow4.y) !== null && _middlewareData$arrow3 !== void 0 ? _middlewareData$arrow3 : '',
|
|
48973
|
-
right: '',
|
|
48974
|
-
bottom: ''
|
|
48975
|
-
}, staticSide, '-0.5rem')
|
|
48976
|
-
}), content]
|
|
48977
|
-
}))
|
|
48978
|
-
})]
|
|
48979
|
-
});
|
|
48980
|
-
});
|
|
48981
|
-
Tooltip.propTypes = {
|
|
48982
|
-
variant: propTypes$1.exports.oneOf(['light', 'dark']),
|
|
48983
|
-
content: propTypes$1.exports.node,
|
|
48984
|
-
position: propTypes$1.exports.oneOf(['right', 'top', 'bottom', 'left']),
|
|
48985
|
-
className: propTypes$1.exports.string
|
|
48986
|
-
};
|
|
48987
|
-
Tooltip.defaultProps = {
|
|
48988
|
-
variant: 'light',
|
|
48989
|
-
content: null,
|
|
48990
|
-
position: 'top',
|
|
48991
|
-
className: ''
|
|
48992
|
-
};
|
|
48993
|
-
|
|
48994
49012
|
var css$h = ".BaseSidePanel_module_root__c7817916 {\n max-height: 100%;\n height: 100%;\n display: flex;\n width: 30%;\n flex-direction: column;\n top: 0;\n background: #ffffff;\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);\n overflow-x: hidden;\n transition: 0.5s;\n}\n.BaseSidePanel_module_root__c7817916.BaseSidePanel_module_close__c7817916 {\n width: 0rem;\n}\n.BaseSidePanel_module_root__c7817916 .BaseSidePanel_module_body__c7817916 {\n flex: 1;\n overflow-y: auto;\n}";
|
|
48995
49013
|
var modules_c7321921 = {"root":"BaseSidePanel_module_root__c7817916","close":"BaseSidePanel_module_close__c7817916","body":"BaseSidePanel_module_body__c7817916"};
|
|
48996
49014
|
n(css$h,{});
|