@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/cjs/index.js
CHANGED
|
@@ -45262,8 +45262,8 @@ Switch.defaultProps = {
|
|
|
45262
45262
|
onChange: function onChange() {}
|
|
45263
45263
|
};
|
|
45264
45264
|
|
|
45265
|
-
var css$Q = ".
|
|
45266
|
-
var modules_a8ff92a5 = {"root":"
|
|
45265
|
+
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}";
|
|
45266
|
+
var modules_a8ff92a5 = {"root":"DateAndTimeSelection_module_root__beb12207","input":"DateAndTimeSelection_module_input__beb12207","range":"DateAndTimeSelection_module_range__beb12207"};
|
|
45267
45267
|
n(css$Q,{});
|
|
45268
45268
|
|
|
45269
45269
|
var DateAndTimeSelection = function DateAndTimeSelection(_ref) {
|
|
@@ -45628,8 +45628,8 @@ var TodayIndicator = function TodayIndicator(_ref) {
|
|
|
45628
45628
|
});
|
|
45629
45629
|
};
|
|
45630
45630
|
|
|
45631
|
-
var css$M = ".
|
|
45632
|
-
var modules_b02dadcc = {"root":"
|
|
45631
|
+
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}";
|
|
45632
|
+
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"};
|
|
45633
45633
|
n(css$M,{});
|
|
45634
45634
|
|
|
45635
45635
|
var getDatesOfLastWeekOfLastMonth = function getDatesOfLastWeekOfLastMonth(_ref) {
|
|
@@ -46312,12 +46312,14 @@ var CustomRanges = function CustomRanges(_ref) {
|
|
|
46312
46312
|
selectedRange = _ref.selectedRange,
|
|
46313
46313
|
setSelectedRange = _ref.setSelectedRange,
|
|
46314
46314
|
setFixedRange = _ref.setFixedRange,
|
|
46315
|
-
|
|
46316
|
-
|
|
46315
|
+
setOpenCustomRange = _ref.setOpenCustomRange,
|
|
46316
|
+
apply = _ref.apply;
|
|
46317
46317
|
var selectFixedDateRange = function selectFixedDateRange(dateRange, title) {
|
|
46318
46318
|
setSelectedRange(dateRange);
|
|
46319
46319
|
setFixedRange(title);
|
|
46320
|
-
|
|
46320
|
+
apply({
|
|
46321
|
+
rangeSelected: dateRange
|
|
46322
|
+
});
|
|
46321
46323
|
setOpenCustomRange(false);
|
|
46322
46324
|
};
|
|
46323
46325
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
@@ -46409,22 +46411,24 @@ var DatePicker = function DatePicker(props) {
|
|
|
46409
46411
|
var customRangeInteractionProps = useInteractions([useClick(customRangeFloatingReference.context, {
|
|
46410
46412
|
enabled: !disabled
|
|
46411
46413
|
}), useDismiss(customRangeFloatingReference.context)]);
|
|
46412
|
-
var apply = function apply() {
|
|
46413
|
-
var
|
|
46414
|
-
|
|
46414
|
+
var apply = function apply(_ref) {
|
|
46415
|
+
var _rangeSelected$dates;
|
|
46416
|
+
var rangeSelected = _ref.rangeSelected,
|
|
46417
|
+
dateSelected = _ref.dateSelected;
|
|
46418
|
+
if (((_rangeSelected$dates = rangeSelected.dates) === null || _rangeSelected$dates === void 0 ? void 0 : _rangeSelected$dates.length) === 2) {
|
|
46415
46419
|
if (maxRange !== null && !isMaxRangeExceeded({
|
|
46416
46420
|
maxRange: maxRange,
|
|
46417
|
-
|
|
46421
|
+
rangeSelected: rangeSelected
|
|
46418
46422
|
})) {
|
|
46419
46423
|
setError('Invalid range of dates');
|
|
46420
46424
|
setOpenDatePicker(false);
|
|
46421
46425
|
return;
|
|
46422
46426
|
}
|
|
46423
46427
|
setError('');
|
|
46424
|
-
onApply(
|
|
46428
|
+
onApply(rangeSelected.unix, fixedRange, getDateRangeTag(rangeSelected.unix));
|
|
46425
46429
|
setOpenDatePicker(false);
|
|
46426
46430
|
} else {
|
|
46427
|
-
onApply(
|
|
46431
|
+
onApply(dateSelected.unix);
|
|
46428
46432
|
setOpenDatePicker(false);
|
|
46429
46433
|
}
|
|
46430
46434
|
};
|
|
@@ -46436,7 +46440,10 @@ var DatePicker = function DatePicker(props) {
|
|
|
46436
46440
|
fixedRange: fixedRange,
|
|
46437
46441
|
range: range,
|
|
46438
46442
|
onApply: function onApply() {
|
|
46439
|
-
apply(
|
|
46443
|
+
apply({
|
|
46444
|
+
rangeSelected: selectedRange,
|
|
46445
|
+
dateSelected: selectedDate
|
|
46446
|
+
});
|
|
46440
46447
|
},
|
|
46441
46448
|
disabledDates: disabledDates,
|
|
46442
46449
|
disableDatesBefore: disableDatesBefore,
|
|
@@ -46444,6 +46451,16 @@ var DatePicker = function DatePicker(props) {
|
|
|
46444
46451
|
setFixedRange: setFixedRange,
|
|
46445
46452
|
customRanges: customRanges
|
|
46446
46453
|
};
|
|
46454
|
+
var customRangesProps = {
|
|
46455
|
+
customRanges: customRanges,
|
|
46456
|
+
selectedRange: selectedRange,
|
|
46457
|
+
setSelectedRange: setSelectedRange,
|
|
46458
|
+
setFixedRange: setFixedRange,
|
|
46459
|
+
setOpenCustomRange: setOpenCustomRange,
|
|
46460
|
+
fixedRange: fixedRange,
|
|
46461
|
+
theme: theme,
|
|
46462
|
+
apply: apply
|
|
46463
|
+
};
|
|
46447
46464
|
var hasCustomRanges = (customRanges === null || customRanges === void 0 ? void 0 : customRanges.length) && customRanges !== null;
|
|
46448
46465
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
46449
46466
|
className: classes(modules_5b831cd1.root),
|
|
@@ -46544,16 +46561,7 @@ var DatePicker = function DatePicker(props) {
|
|
|
46544
46561
|
}
|
|
46545
46562
|
})), {}, {
|
|
46546
46563
|
className: classes(modules_5b831cd1.popper, openCustomRange ? modules_5b831cd1.open : ''),
|
|
46547
|
-
children: /*#__PURE__*/jsxRuntime.jsx(CustomRanges, {
|
|
46548
|
-
customRanges: customRanges,
|
|
46549
|
-
selectedRange: selectedRange,
|
|
46550
|
-
setSelectedRange: setSelectedRange,
|
|
46551
|
-
setFixedRange: setFixedRange,
|
|
46552
|
-
setOpenDatePicker: setOpenDatePicker,
|
|
46553
|
-
setOpenCustomRange: setOpenCustomRange,
|
|
46554
|
-
fixedRange: fixedRange,
|
|
46555
|
-
theme: theme
|
|
46556
|
-
})
|
|
46564
|
+
children: /*#__PURE__*/jsxRuntime.jsx(CustomRanges, _objectSpread2({}, customRangesProps))
|
|
46557
46565
|
}))
|
|
46558
46566
|
})]
|
|
46559
46567
|
})]
|
|
@@ -47531,8 +47539,8 @@ var TableColumn = /*#__PURE__*/_createClass(function TableColumn(_ref) {
|
|
|
47531
47539
|
this.sticky = sticky;
|
|
47532
47540
|
});
|
|
47533
47541
|
|
|
47534
|
-
var css$y = ".
|
|
47535
|
-
var modules_7ba8d001 = {"root":"
|
|
47542
|
+
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}";
|
|
47543
|
+
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"};
|
|
47536
47544
|
n(css$y,{});
|
|
47537
47545
|
|
|
47538
47546
|
var SORT_ICONS = {
|
|
@@ -47771,15 +47779,18 @@ var TableBody = function TableBody(props) {
|
|
|
47771
47779
|
var reset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
47772
47780
|
var multiSelect = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
47773
47781
|
if (reset) {
|
|
47774
|
-
|
|
47782
|
+
var _listRef$current, _listRef$current$_ind, _listRef$current$_ind2;
|
|
47783
|
+
(_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');
|
|
47775
47784
|
} else {
|
|
47785
|
+
var _listRef$current3, _listRef$current3$_in, _listRef$current3$_in2;
|
|
47776
47786
|
if (!multiSelect) {
|
|
47777
|
-
var _listRef$
|
|
47778
|
-
(_listRef$
|
|
47779
|
-
|
|
47787
|
+
var _listRef$current2;
|
|
47788
|
+
(_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 ? void 0 : _listRef$current2.forEach(function (elem) {
|
|
47789
|
+
var _elem$removeAttribute;
|
|
47790
|
+
elem === null || elem === void 0 ? void 0 : (_elem$removeAttribute = elem.removeAttribute) === null || _elem$removeAttribute === void 0 ? void 0 : _elem$removeAttribute.call(elem, 'data-active');
|
|
47780
47791
|
});
|
|
47781
47792
|
}
|
|
47782
|
-
listRef.current[_index].setAttribute('data-active', true);
|
|
47793
|
+
(_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);
|
|
47783
47794
|
}
|
|
47784
47795
|
};
|
|
47785
47796
|
return /*#__PURE__*/jsxRuntime.jsx(TableRow, {
|
|
@@ -48030,10 +48041,121 @@ BaseTable.defaultProps = {
|
|
|
48030
48041
|
theme: 'light'
|
|
48031
48042
|
};
|
|
48032
48043
|
|
|
48033
|
-
|
|
48034
|
-
|
|
48044
|
+
function o(f){return r=>{f.forEach(n=>{typeof n=="function"?n(r):n!=null&&(n.current=r);});}}
|
|
48045
|
+
|
|
48046
|
+
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}";
|
|
48047
|
+
var modules_e4619b04 = {"tooltip":"Tooltip_module_tooltip__04fbc763","light":"Tooltip_module_light__04fbc763","arrow":"Tooltip_module_arrow__04fbc763","dark":"Tooltip_module_dark__04fbc763"};
|
|
48035
48048
|
n(css$r,{});
|
|
48036
48049
|
|
|
48050
|
+
var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(props, propRef) {
|
|
48051
|
+
var _middlewareData$arrow, _middlewareData$arrow2, _middlewareData$arrow3, _middlewareData$arrow4;
|
|
48052
|
+
var children = props.children,
|
|
48053
|
+
position = props.position,
|
|
48054
|
+
content = props.content,
|
|
48055
|
+
variant = props.variant,
|
|
48056
|
+
className = props.className;
|
|
48057
|
+
var arrowEl = React.useRef(null);
|
|
48058
|
+
var _useState = React.useState(false),
|
|
48059
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
48060
|
+
open = _useState2[0],
|
|
48061
|
+
setOpen = _useState2[1];
|
|
48062
|
+
|
|
48063
|
+
// eslint-disable-next-line object-curly-newline
|
|
48064
|
+
var _useFloating = useFloating({
|
|
48065
|
+
open: open,
|
|
48066
|
+
onOpenChange: setOpen,
|
|
48067
|
+
// strategy: 'fixed',
|
|
48068
|
+
placement: position,
|
|
48069
|
+
// Make sure the tooltip stays on the screen
|
|
48070
|
+
whileElementsMounted: autoUpdate,
|
|
48071
|
+
middleware: [offset(12), flip(), shift(), arrow({
|
|
48072
|
+
element: arrowEl
|
|
48073
|
+
})]
|
|
48074
|
+
}),
|
|
48075
|
+
x = _useFloating.x,
|
|
48076
|
+
y = _useFloating.y,
|
|
48077
|
+
reference = _useFloating.reference,
|
|
48078
|
+
floating = _useFloating.floating,
|
|
48079
|
+
strategy = _useFloating.strategy,
|
|
48080
|
+
context = _useFloating.context,
|
|
48081
|
+
middlewareData = _useFloating.middlewareData,
|
|
48082
|
+
placement = _useFloating.placement;
|
|
48083
|
+
|
|
48084
|
+
// Event listeners to change the open state
|
|
48085
|
+
var hover = useHover(context, {
|
|
48086
|
+
move: true
|
|
48087
|
+
});
|
|
48088
|
+
var focus = useFocus(context);
|
|
48089
|
+
var dismiss = useDismiss(context);
|
|
48090
|
+
// Role props for screen readers
|
|
48091
|
+
var role = useRole(context, {
|
|
48092
|
+
role: 'tooltip'
|
|
48093
|
+
});
|
|
48094
|
+
|
|
48095
|
+
// Merge all the interactions into prop getters
|
|
48096
|
+
var _useInteractions = useInteractions([hover, focus, dismiss, role]),
|
|
48097
|
+
getReferenceProps = _useInteractions.getReferenceProps,
|
|
48098
|
+
getFloatingProps = _useInteractions.getFloatingProps;
|
|
48099
|
+
var childrenRef = children.ref;
|
|
48100
|
+
var ref = React.useMemo(function () {
|
|
48101
|
+
return o([reference, childrenRef, propRef]);
|
|
48102
|
+
}, [reference, childrenRef]);
|
|
48103
|
+
var clonedChildren = /*#__PURE__*/React.cloneElement(children, getReferenceProps(_objectSpread2({
|
|
48104
|
+
ref: ref
|
|
48105
|
+
}, children.props)));
|
|
48106
|
+
var side = placement.split('-')[0];
|
|
48107
|
+
var staticSide = {
|
|
48108
|
+
top: 'bottom',
|
|
48109
|
+
right: 'left',
|
|
48110
|
+
bottom: 'top',
|
|
48111
|
+
left: 'right'
|
|
48112
|
+
}[side];
|
|
48113
|
+
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
48114
|
+
children: [clonedChildren, /*#__PURE__*/jsxRuntime.jsx(Popper, {
|
|
48115
|
+
open: open && content != null,
|
|
48116
|
+
backdrop: false,
|
|
48117
|
+
wrapperId: "tooltip",
|
|
48118
|
+
children: /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread2(_objectSpread2({}, getFloatingProps({
|
|
48119
|
+
ref: floating,
|
|
48120
|
+
className: classes(modules_e4619b04.tooltip, modules_e4619b04[variant], className),
|
|
48121
|
+
style: {
|
|
48122
|
+
position: strategy,
|
|
48123
|
+
top: y !== null && y !== void 0 ? y : 0,
|
|
48124
|
+
left: x !== null && x !== void 0 ? x : 0,
|
|
48125
|
+
zIndex: 100
|
|
48126
|
+
}
|
|
48127
|
+
})), {}, {
|
|
48128
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
48129
|
+
className: modules_e4619b04.arrow,
|
|
48130
|
+
ref: arrowEl,
|
|
48131
|
+
style: _defineProperty$1({
|
|
48132
|
+
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 : '',
|
|
48133
|
+
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 : '',
|
|
48134
|
+
right: '',
|
|
48135
|
+
bottom: ''
|
|
48136
|
+
}, staticSide, '-0.5rem')
|
|
48137
|
+
}), content]
|
|
48138
|
+
}))
|
|
48139
|
+
})]
|
|
48140
|
+
});
|
|
48141
|
+
});
|
|
48142
|
+
Tooltip.propTypes = {
|
|
48143
|
+
variant: propTypes$1.exports.oneOf(['light', 'dark']),
|
|
48144
|
+
content: propTypes$1.exports.node,
|
|
48145
|
+
position: propTypes$1.exports.oneOf(['right', 'top', 'bottom', 'left']),
|
|
48146
|
+
className: propTypes$1.exports.string
|
|
48147
|
+
};
|
|
48148
|
+
Tooltip.defaultProps = {
|
|
48149
|
+
variant: 'light',
|
|
48150
|
+
content: null,
|
|
48151
|
+
position: 'top',
|
|
48152
|
+
className: ''
|
|
48153
|
+
};
|
|
48154
|
+
|
|
48155
|
+
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}";
|
|
48156
|
+
var modules_37a5ff73$6 = {"root":"Skeleton_module_root__15c10a9b"};
|
|
48157
|
+
n(css$q,{});
|
|
48158
|
+
|
|
48037
48159
|
var CHIPS = _toConsumableArray$1(Array(5).keys());
|
|
48038
48160
|
var TableChipsSkeleton = function TableChipsSkeleton(_ref) {
|
|
48039
48161
|
var theme = _ref.theme;
|
|
@@ -48053,9 +48175,9 @@ var TableChipsSkeleton = function TableChipsSkeleton(_ref) {
|
|
|
48053
48175
|
});
|
|
48054
48176
|
};
|
|
48055
48177
|
|
|
48056
|
-
var css$
|
|
48178
|
+
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}";
|
|
48057
48179
|
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"};
|
|
48058
|
-
n(css$
|
|
48180
|
+
n(css$p,{});
|
|
48059
48181
|
|
|
48060
48182
|
var TableChipItem = function TableChipItem(props) {
|
|
48061
48183
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -48133,9 +48255,9 @@ var TableChipItem = function TableChipItem(props) {
|
|
|
48133
48255
|
});
|
|
48134
48256
|
};
|
|
48135
48257
|
|
|
48136
|
-
var css$
|
|
48258
|
+
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}";
|
|
48137
48259
|
var modules_016d9b3e = {"root":"TableChips_module_root__6212ef0c","back":"TableChips_module_back__6212ef0c","icon":"TableChips_module_icon__6212ef0c","clear":"TableChips_module_clear__6212ef0c"};
|
|
48138
|
-
n(css$
|
|
48260
|
+
n(css$o,{});
|
|
48139
48261
|
|
|
48140
48262
|
var TableChips = function TableChips(props) {
|
|
48141
48263
|
var _chips$filter;
|
|
@@ -48146,6 +48268,7 @@ var TableChips = function TableChips(props) {
|
|
|
48146
48268
|
chips = props.chips,
|
|
48147
48269
|
className = props.className,
|
|
48148
48270
|
style = props.style,
|
|
48271
|
+
tooltip = props.tooltip,
|
|
48149
48272
|
loading = props.loading,
|
|
48150
48273
|
_onRemove = props.onRemove,
|
|
48151
48274
|
theme = props.theme;
|
|
@@ -48170,18 +48293,21 @@ var TableChips = function TableChips(props) {
|
|
|
48170
48293
|
attrs: {
|
|
48171
48294
|
style: style
|
|
48172
48295
|
},
|
|
48173
|
-
component1: showBack && /*#__PURE__*/jsxRuntime.jsx(
|
|
48174
|
-
|
|
48175
|
-
|
|
48176
|
-
|
|
48177
|
-
|
|
48178
|
-
|
|
48179
|
-
|
|
48180
|
-
|
|
48181
|
-
|
|
48182
|
-
|
|
48183
|
-
|
|
48184
|
-
|
|
48296
|
+
component1: showBack && /*#__PURE__*/jsxRuntime.jsx(Tooltip, _objectSpread2(_objectSpread2({}, tooltip), {}, {
|
|
48297
|
+
variant: theme,
|
|
48298
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
48299
|
+
size: "auto",
|
|
48300
|
+
radius: "round",
|
|
48301
|
+
className: modules_016d9b3e.back,
|
|
48302
|
+
leftComponent: function leftComponent() {
|
|
48303
|
+
return /*#__PURE__*/jsxRuntime.jsx(Arrow$1, {
|
|
48304
|
+
className: modules_016d9b3e.icon,
|
|
48305
|
+
position: "left"
|
|
48306
|
+
});
|
|
48307
|
+
},
|
|
48308
|
+
onClick: onBack
|
|
48309
|
+
})
|
|
48310
|
+
})),
|
|
48185
48311
|
component2: (chipsDOM === null || chipsDOM === void 0 ? void 0 : chipsDOM.length) > 0 ? chipsDOM : null,
|
|
48186
48312
|
component3: (chipsDOM === null || chipsDOM === void 0 ? void 0 : chipsDOM.length) > 0 ? /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
48187
48313
|
size: "auto",
|
|
@@ -48210,6 +48336,8 @@ TableChips.propTypes = {
|
|
|
48210
48336
|
disabled: propTypes$1.exports.bool,
|
|
48211
48337
|
rightComponent: propTypes$1.exports.node
|
|
48212
48338
|
})),
|
|
48339
|
+
// eslint-disable-next-line react/forbid-prop-types
|
|
48340
|
+
tooltip: propTypes$1.exports.object,
|
|
48213
48341
|
loading: propTypes$1.exports.bool,
|
|
48214
48342
|
onRemove: propTypes$1.exports.func,
|
|
48215
48343
|
theme: propTypes$1.exports.oneOf(['light', 'dark'])
|
|
@@ -48218,6 +48346,7 @@ TableChips.defaultProps = {
|
|
|
48218
48346
|
className: '',
|
|
48219
48347
|
style: {},
|
|
48220
48348
|
showBack: false,
|
|
48349
|
+
tooltip: {},
|
|
48221
48350
|
onBack: function onBack() {},
|
|
48222
48351
|
onClear: function onClear() {},
|
|
48223
48352
|
chips: [],
|
|
@@ -48251,9 +48380,9 @@ var TableChip = /*#__PURE__*/_createClass(function TableChip(_ref) {
|
|
|
48251
48380
|
this.rightComponent = rightComponent;
|
|
48252
48381
|
});
|
|
48253
48382
|
|
|
48254
|
-
var css$
|
|
48383
|
+
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}";
|
|
48255
48384
|
var modules_dfc4608f = {"root":"Popover_module_root__e2663c00","dark-theme":"Popover_module_darkTheme__e2663c00","light-theme":"Popover_module_lightTheme__e2663c00"};
|
|
48256
|
-
n(css$
|
|
48385
|
+
n(css$n,{});
|
|
48257
48386
|
|
|
48258
48387
|
var Popover = function Popover(props) {
|
|
48259
48388
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -48337,9 +48466,9 @@ Popover.defaultProps = {
|
|
|
48337
48466
|
theme: 'dark'
|
|
48338
48467
|
};
|
|
48339
48468
|
|
|
48340
|
-
var css$
|
|
48469
|
+
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}";
|
|
48341
48470
|
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"};
|
|
48342
|
-
n(css$
|
|
48471
|
+
n(css$m,{});
|
|
48343
48472
|
|
|
48344
48473
|
var Columns = function Columns(props) {
|
|
48345
48474
|
var open = props.open,
|
|
@@ -48444,13 +48573,13 @@ var Columns = function Columns(props) {
|
|
|
48444
48573
|
});
|
|
48445
48574
|
};
|
|
48446
48575
|
|
|
48447
|
-
var css$
|
|
48576
|
+
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}";
|
|
48448
48577
|
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"};
|
|
48449
|
-
n(css$
|
|
48578
|
+
n(css$l,{});
|
|
48450
48579
|
|
|
48451
|
-
var css$
|
|
48580
|
+
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}";
|
|
48452
48581
|
var modules_37a5ff73$5 = {"root":"Skeleton_module_root__bdc934d4"};
|
|
48453
|
-
n(css$
|
|
48582
|
+
n(css$k,{});
|
|
48454
48583
|
|
|
48455
48584
|
var TableFiltersSkeleton = function TableFiltersSkeleton(_ref) {
|
|
48456
48585
|
var theme = _ref.theme;
|
|
@@ -48646,9 +48775,9 @@ TableFilters.defaultProps = {
|
|
|
48646
48775
|
theme: 'light'
|
|
48647
48776
|
};
|
|
48648
48777
|
|
|
48649
|
-
var css$
|
|
48778
|
+
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}";
|
|
48650
48779
|
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"};
|
|
48651
|
-
n(css$
|
|
48780
|
+
n(css$j,{});
|
|
48652
48781
|
|
|
48653
48782
|
var INTERSECTION = 1;
|
|
48654
48783
|
var STEP = 0.05;
|
|
@@ -48841,9 +48970,9 @@ Table.defaultProps = {
|
|
|
48841
48970
|
theme: 'light'
|
|
48842
48971
|
};
|
|
48843
48972
|
|
|
48844
|
-
var css$
|
|
48973
|
+
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}";
|
|
48845
48974
|
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"};
|
|
48846
|
-
n(css$
|
|
48975
|
+
n(css$i,{});
|
|
48847
48976
|
|
|
48848
48977
|
var Tabs = function Tabs(props) {
|
|
48849
48978
|
var tabs = props.tabs,
|
|
@@ -48900,117 +49029,6 @@ Tabs.defaultProps = {
|
|
|
48900
49029
|
theme: 'light'
|
|
48901
49030
|
};
|
|
48902
49031
|
|
|
48903
|
-
function o(f){return r=>{f.forEach(n=>{typeof n=="function"?n(r):n!=null&&(n.current=r);});}}
|
|
48904
|
-
|
|
48905
|
-
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}";
|
|
48906
|
-
var modules_e4619b04 = {"tooltip":"Tooltip_module_tooltip__04fbc763","light":"Tooltip_module_light__04fbc763","arrow":"Tooltip_module_arrow__04fbc763","dark":"Tooltip_module_dark__04fbc763"};
|
|
48907
|
-
n(css$i,{});
|
|
48908
|
-
|
|
48909
|
-
var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(props, propRef) {
|
|
48910
|
-
var _middlewareData$arrow, _middlewareData$arrow2, _middlewareData$arrow3, _middlewareData$arrow4;
|
|
48911
|
-
var children = props.children,
|
|
48912
|
-
position = props.position,
|
|
48913
|
-
content = props.content,
|
|
48914
|
-
variant = props.variant,
|
|
48915
|
-
className = props.className;
|
|
48916
|
-
var arrowEl = React.useRef(null);
|
|
48917
|
-
var _useState = React.useState(false),
|
|
48918
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
48919
|
-
open = _useState2[0],
|
|
48920
|
-
setOpen = _useState2[1];
|
|
48921
|
-
|
|
48922
|
-
// eslint-disable-next-line object-curly-newline
|
|
48923
|
-
var _useFloating = useFloating({
|
|
48924
|
-
open: open,
|
|
48925
|
-
onOpenChange: setOpen,
|
|
48926
|
-
// strategy: 'fixed',
|
|
48927
|
-
placement: position,
|
|
48928
|
-
// Make sure the tooltip stays on the screen
|
|
48929
|
-
whileElementsMounted: autoUpdate,
|
|
48930
|
-
middleware: [offset(12), flip(), shift(), arrow({
|
|
48931
|
-
element: arrowEl
|
|
48932
|
-
})]
|
|
48933
|
-
}),
|
|
48934
|
-
x = _useFloating.x,
|
|
48935
|
-
y = _useFloating.y,
|
|
48936
|
-
reference = _useFloating.reference,
|
|
48937
|
-
floating = _useFloating.floating,
|
|
48938
|
-
strategy = _useFloating.strategy,
|
|
48939
|
-
context = _useFloating.context,
|
|
48940
|
-
middlewareData = _useFloating.middlewareData,
|
|
48941
|
-
placement = _useFloating.placement;
|
|
48942
|
-
|
|
48943
|
-
// Event listeners to change the open state
|
|
48944
|
-
var hover = useHover(context, {
|
|
48945
|
-
move: true
|
|
48946
|
-
});
|
|
48947
|
-
var focus = useFocus(context);
|
|
48948
|
-
var dismiss = useDismiss(context);
|
|
48949
|
-
// Role props for screen readers
|
|
48950
|
-
var role = useRole(context, {
|
|
48951
|
-
role: 'tooltip'
|
|
48952
|
-
});
|
|
48953
|
-
|
|
48954
|
-
// Merge all the interactions into prop getters
|
|
48955
|
-
var _useInteractions = useInteractions([hover, focus, dismiss, role]),
|
|
48956
|
-
getReferenceProps = _useInteractions.getReferenceProps,
|
|
48957
|
-
getFloatingProps = _useInteractions.getFloatingProps;
|
|
48958
|
-
var childrenRef = children.ref;
|
|
48959
|
-
var ref = React.useMemo(function () {
|
|
48960
|
-
return o([reference, childrenRef, propRef]);
|
|
48961
|
-
}, [reference, childrenRef]);
|
|
48962
|
-
var clonedChildren = /*#__PURE__*/React.cloneElement(children, getReferenceProps(_objectSpread2({
|
|
48963
|
-
ref: ref
|
|
48964
|
-
}, children.props)));
|
|
48965
|
-
var side = placement.split('-')[0];
|
|
48966
|
-
var staticSide = {
|
|
48967
|
-
top: 'bottom',
|
|
48968
|
-
right: 'left',
|
|
48969
|
-
bottom: 'top',
|
|
48970
|
-
left: 'right'
|
|
48971
|
-
}[side];
|
|
48972
|
-
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
48973
|
-
children: [clonedChildren, /*#__PURE__*/jsxRuntime.jsx(Popper, {
|
|
48974
|
-
open: open && content != null,
|
|
48975
|
-
backdrop: false,
|
|
48976
|
-
wrapperId: "tooltip",
|
|
48977
|
-
children: /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread2(_objectSpread2({}, getFloatingProps({
|
|
48978
|
-
ref: floating,
|
|
48979
|
-
className: classes(modules_e4619b04.tooltip, modules_e4619b04[variant], className),
|
|
48980
|
-
style: {
|
|
48981
|
-
position: strategy,
|
|
48982
|
-
top: y !== null && y !== void 0 ? y : 0,
|
|
48983
|
-
left: x !== null && x !== void 0 ? x : 0,
|
|
48984
|
-
zIndex: 100
|
|
48985
|
-
}
|
|
48986
|
-
})), {}, {
|
|
48987
|
-
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
48988
|
-
className: modules_e4619b04.arrow,
|
|
48989
|
-
ref: arrowEl,
|
|
48990
|
-
style: _defineProperty$1({
|
|
48991
|
-
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 : '',
|
|
48992
|
-
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 : '',
|
|
48993
|
-
right: '',
|
|
48994
|
-
bottom: ''
|
|
48995
|
-
}, staticSide, '-0.5rem')
|
|
48996
|
-
}), content]
|
|
48997
|
-
}))
|
|
48998
|
-
})]
|
|
48999
|
-
});
|
|
49000
|
-
});
|
|
49001
|
-
Tooltip.propTypes = {
|
|
49002
|
-
variant: propTypes$1.exports.oneOf(['light', 'dark']),
|
|
49003
|
-
content: propTypes$1.exports.node,
|
|
49004
|
-
position: propTypes$1.exports.oneOf(['right', 'top', 'bottom', 'left']),
|
|
49005
|
-
className: propTypes$1.exports.string
|
|
49006
|
-
};
|
|
49007
|
-
Tooltip.defaultProps = {
|
|
49008
|
-
variant: 'light',
|
|
49009
|
-
content: null,
|
|
49010
|
-
position: 'top',
|
|
49011
|
-
className: ''
|
|
49012
|
-
};
|
|
49013
|
-
|
|
49014
49032
|
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}";
|
|
49015
49033
|
var modules_c7321921 = {"root":"BaseSidePanel_module_root__c7817916","close":"BaseSidePanel_module_close__c7817916","body":"BaseSidePanel_module_body__c7817916"};
|
|
49016
49034
|
n(css$h,{});
|