@banyan_cloud/roots 1.0.29 → 1.0.31
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 +74 -35
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +74 -35
- package/dist/esm/index.js.map +1 -1
- package/dist/index.js +74 -35
- package/package.json +1 -1
- package/styles/main.css.map +1 -0
package/dist/cjs/index.js
CHANGED
|
@@ -5843,8 +5843,8 @@ const useListNavigation = function (_ref, _temp2) {
|
|
|
5843
5843
|
};
|
|
5844
5844
|
};
|
|
5845
5845
|
|
|
5846
|
-
var css$M = ".
|
|
5847
|
-
var modules_fe46b225 = {"backdrop":"
|
|
5846
|
+
var css$M = ".Popper_module_backdrop__0c794282 {\n position: fixed;\n z-index: 100;\n inset: 0;\n background: rgba(0, 0, 0, 0.4);\n}\n.Popper_module_backdrop__0c794282.Popper_module_transparent__0c794282 {\n background: none;\n}\n.Popper_module_backdrop__0c794282.Popper_module_hideBackdrop__0c794282 {\n position: static !important;\n}";
|
|
5847
|
+
var modules_fe46b225 = {"backdrop":"Popper_module_backdrop__0c794282","transparent":"Popper_module_transparent__0c794282","hide-backdrop":"Popper_module_hideBackdrop__0c794282"};
|
|
5848
5848
|
n(css$M,{});
|
|
5849
5849
|
|
|
5850
5850
|
var Popper = function Popper(props) {
|
|
@@ -33579,7 +33579,6 @@ var Dates = function Dates(props) {
|
|
|
33579
33579
|
selectedRange = props.selectedRange,
|
|
33580
33580
|
setSelectedRange = props.setSelectedRange,
|
|
33581
33581
|
disabledDates = props.disabledDates,
|
|
33582
|
-
disableDatesAfter = props.disableDatesAfter,
|
|
33583
33582
|
disableDatesBefore = props.disableDatesBefore;
|
|
33584
33583
|
var monthAsNumber = selectedMonth.monthAsNumber,
|
|
33585
33584
|
year = selectedMonth.year;
|
|
@@ -33661,7 +33660,10 @@ var Dates = function Dates(props) {
|
|
|
33661
33660
|
return (disableDatesBefore === null || disableDatesBefore === void 0 ? void 0 : disableDatesBefore.length) > 0 && isBefore(date, fromUnixTime(disableDatesBefore));
|
|
33662
33661
|
};
|
|
33663
33662
|
var disabledAfterDate = function disabledAfterDate(date) {
|
|
33664
|
-
|
|
33663
|
+
var dObj = new Date();
|
|
33664
|
+
dObj.setDate(dObj.getDate() + 1);
|
|
33665
|
+
dObj.setHours(0, 0, 0, 0);
|
|
33666
|
+
return isAfter(date, dObj);
|
|
33665
33667
|
};
|
|
33666
33668
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
33667
33669
|
className: modules_b02dadcc.dates,
|
|
@@ -33860,8 +33862,8 @@ var Calender = function Calender(props) {
|
|
|
33860
33862
|
setSelectedRange = props.setSelectedRange,
|
|
33861
33863
|
onApply = props.onApply,
|
|
33862
33864
|
disabledDates = props.disabledDates,
|
|
33863
|
-
|
|
33864
|
-
|
|
33865
|
+
disableDatesBefore = props.disableDatesBefore,
|
|
33866
|
+
value = props.value;
|
|
33865
33867
|
var _getDayInfo = getDayInfo(new Date()),
|
|
33866
33868
|
month = _getDayInfo.month,
|
|
33867
33869
|
year = _getDayInfo.year,
|
|
@@ -33877,13 +33879,36 @@ var Calender = function Calender(props) {
|
|
|
33877
33879
|
selectedMonth = _useState2[0],
|
|
33878
33880
|
setSelectedMonth = _useState2[1];
|
|
33879
33881
|
React.useEffect(function () {
|
|
33882
|
+
if (value) {
|
|
33883
|
+
var _date = fromUnixTime(value);
|
|
33884
|
+
var dateAsNumber = _date.getDate();
|
|
33885
|
+
var selectedDayInfo = getDayInfo(_date);
|
|
33886
|
+
var selectedDateMonth = {
|
|
33887
|
+
month: selectedDayInfo.month,
|
|
33888
|
+
monthAsNumber: selectedDayInfo.monthAsNumber,
|
|
33889
|
+
year: selectedDayInfo.year,
|
|
33890
|
+
dayAsNumber: selectedDayInfo.dayAsNumber
|
|
33891
|
+
};
|
|
33892
|
+
setSelectedMonth({
|
|
33893
|
+
month: selectedDayInfo.month,
|
|
33894
|
+
monthAsNumber: selectedDayInfo.monthAsNumber,
|
|
33895
|
+
year: selectedDayInfo.year
|
|
33896
|
+
});
|
|
33897
|
+
setSelectedDate(_objectSpread2(_objectSpread2({}, selectedDate), {}, {
|
|
33898
|
+
month: selectedDateMonth.month,
|
|
33899
|
+
year: selectedDateMonth.year,
|
|
33900
|
+
date: dateAsNumber,
|
|
33901
|
+
unix: getUnixTime(_date.setHours(23, 59, 59, 59))
|
|
33902
|
+
}));
|
|
33903
|
+
return;
|
|
33904
|
+
}
|
|
33880
33905
|
var date = new Date();
|
|
33881
|
-
if (!range && !isBefore(date, disableDatesBefore)
|
|
33882
|
-
var
|
|
33906
|
+
if (!range && !isBefore(date, disableDatesBefore)) {
|
|
33907
|
+
var _dateAsNumber = date.getDate();
|
|
33883
33908
|
setSelectedDate(_objectSpread2(_objectSpread2({}, selectedDate), {}, {
|
|
33884
33909
|
month: selectedMonth.month,
|
|
33885
33910
|
year: selectedMonth.year,
|
|
33886
|
-
date:
|
|
33911
|
+
date: _dateAsNumber,
|
|
33887
33912
|
unix: getUnixTime(date.setHours(23, 59, 59, 59))
|
|
33888
33913
|
}));
|
|
33889
33914
|
}
|
|
@@ -33954,7 +33979,6 @@ var Calender = function Calender(props) {
|
|
|
33954
33979
|
selectedRange: selectedRange,
|
|
33955
33980
|
setSelectedRange: setSelectedRange,
|
|
33956
33981
|
disabledDates: disabledDates,
|
|
33957
|
-
disableDatesAfter: disableDatesAfter,
|
|
33958
33982
|
disableDatesBefore: disableDatesBefore
|
|
33959
33983
|
}), /*#__PURE__*/jsxRuntime.jsx(Footer, {
|
|
33960
33984
|
range: range,
|
|
@@ -33968,8 +33992,8 @@ var Calender = function Calender(props) {
|
|
|
33968
33992
|
});
|
|
33969
33993
|
};
|
|
33970
33994
|
|
|
33971
|
-
var css$A = ".
|
|
33972
|
-
var modules_5b831cd1 = {"root":"
|
|
33995
|
+
var css$A = ".DatePicker_module_root__eb13bcdd {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n gap: 0.5rem;\n max-width: 100%;\n overflow: visible;\n}\n.DatePicker_module_root__eb13bcdd .DatePicker_module_label__eb13bcdd {\n font-weight: 400;\n font-size: 0.75rem;\n}\n.DatePicker_module_root__eb13bcdd .DatePicker_module_label__eb13bcdd.DatePicker_module_light__eb13bcdd {\n color: var(--black);\n}\n.DatePicker_module_root__eb13bcdd .DatePicker_module_label__eb13bcdd.DatePicker_module_dark__eb13bcdd {\n color: var(--white);\n}\n.DatePicker_module_root__eb13bcdd .DatePicker_module_container__eb13bcdd {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n position: relative;\n background: transparent;\n border: 0.0625rem solid #d9d9d9;\n border-radius: 0.25rem;\n width: auto;\n border: 0.0625rem solid var(--grey5);\n padding: 0.75rem 1rem;\n cursor: pointer;\n}\n.DatePicker_module_root__eb13bcdd .DatePicker_module_container__eb13bcdd > div {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n font-size: 0px;\n letter-spacing: 0px;\n word-spacing: 0px;\n}\n.DatePicker_module_root__eb13bcdd .DatePicker_module_container__eb13bcdd .DatePicker_module_placeholder__eb13bcdd {\n font-weight: 400;\n font-size: 1rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n margin-left: 0.9375rem;\n color: var(--grey1);\n}\n.DatePicker_module_root__eb13bcdd .DatePicker_module_container__eb13bcdd .DatePicker_module_value__eb13bcdd {\n font-weight: 400;\n font-size: 1rem;\n margin-left: 0.9375rem;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.DatePicker_module_root__eb13bcdd .DatePicker_module_container__eb13bcdd .DatePicker_module_value__eb13bcdd.DatePicker_module_light__eb13bcdd {\n color: var(--black);\n}\n.DatePicker_module_root__eb13bcdd .DatePicker_module_container__eb13bcdd .DatePicker_module_value__eb13bcdd.DatePicker_module_dark__eb13bcdd {\n color: var(--white);\n}\n.DatePicker_module_root__eb13bcdd .DatePicker_module_container__eb13bcdd .DatePicker_module_value__eb13bcdd span {\n max-width: 150px;\n display: inline-block;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n font-weight: 500;\n}\n.DatePicker_module_root__eb13bcdd .DatePicker_module_container__eb13bcdd .DatePicker_module_input__eb13bcdd {\n display: none;\n}\n.DatePicker_module_root__eb13bcdd .DatePicker_module_container__eb13bcdd .DatePicker_module_icon__eb13bcdd {\n width: 1.25rem;\n height: 1.25rem;\n}\n.DatePicker_module_root__eb13bcdd .DatePicker_module_container__eb13bcdd .DatePicker_module_icon__eb13bcdd.DatePicker_module_light__eb13bcdd > path {\n fill: var(--dark-grey);\n}\n.DatePicker_module_root__eb13bcdd .DatePicker_module_container__eb13bcdd .DatePicker_module_icon__eb13bcdd.DatePicker_module_dark__eb13bcdd > path {\n fill: var(--white);\n}\n.DatePicker_module_root__eb13bcdd .DatePicker_module_container__eb13bcdd .DatePicker_module_down__eb13bcdd {\n transform: rotate(270deg);\n}\n.DatePicker_module_root__eb13bcdd .DatePicker_module_container__eb13bcdd .DatePicker_module_up__eb13bcdd {\n transform: rotate(90deg);\n}\n.DatePicker_module_root__eb13bcdd .DatePicker_module_disabled__eb13bcdd {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n position: relative;\n background: var(--grey10);\n border: 0.0625rem solid #d9d9d9;\n border-radius: 0.25rem;\n border: 0.0625rem solid var(--grey5);\n padding: 0.75rem 1rem;\n cursor: pointer;\n}\n.DatePicker_module_root__eb13bcdd .DatePicker_module_disabled__eb13bcdd .DatePicker_module_downArrow__eb13bcdd {\n transform: rotate(270deg);\n fill: var(--grey3);\n}\n.DatePicker_module_root__eb13bcdd .DatePicker_module_disabled__eb13bcdd .DatePicker_module_placeholder__eb13bcdd {\n font-weight: 400;\n font-size: 1rem;\n color: var(--grey3);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.DatePicker_module_root__eb13bcdd.DatePicker_module_open__eb13bcdd {\n border-color: var(--highlight);\n}\n.DatePicker_module_root__eb13bcdd .DatePicker_module_error__eb13bcdd {\n border: 0.0938rem solid var(--error);\n}\n.DatePicker_module_root__eb13bcdd .DatePicker_module_errorText__eb13bcdd {\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 0.9375rem;\n color: var(--error);\n}\n\n.DatePicker_module_popper__eb13bcdd {\n display: none;\n background: var(--white);\n border: 0.0625rem solid #d9d9d9;\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n border-radius: 0.25rem;\n overflow: auto;\n}\n.DatePicker_module_popper__eb13bcdd.DatePicker_module_open__eb13bcdd {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n position: absolute;\n}";
|
|
33996
|
+
var modules_5b831cd1 = {"root":"DatePicker_module_root__eb13bcdd","label":"DatePicker_module_label__eb13bcdd","light":"DatePicker_module_light__eb13bcdd","dark":"DatePicker_module_dark__eb13bcdd","container":"DatePicker_module_container__eb13bcdd","placeholder":"DatePicker_module_placeholder__eb13bcdd","value":"DatePicker_module_value__eb13bcdd","input":"DatePicker_module_input__eb13bcdd","icon":"DatePicker_module_icon__eb13bcdd","down":"DatePicker_module_down__eb13bcdd","up":"DatePicker_module_up__eb13bcdd","disabled":"DatePicker_module_disabled__eb13bcdd","down-arrow":"DatePicker_module_downArrow__eb13bcdd","open":"DatePicker_module_open__eb13bcdd","error":"DatePicker_module_error__eb13bcdd","error-text":"DatePicker_module_errorText__eb13bcdd","popper":"DatePicker_module_popper__eb13bcdd"};
|
|
33973
33997
|
n(css$A,{});
|
|
33974
33998
|
|
|
33975
33999
|
var isMaxRangeExceeded = function isMaxRangeExceeded(_ref) {
|
|
@@ -33996,7 +34020,6 @@ var isMaxRangeExceeded = function isMaxRangeExceeded(_ref) {
|
|
|
33996
34020
|
};
|
|
33997
34021
|
|
|
33998
34022
|
var DatePicker = function DatePicker(props) {
|
|
33999
|
-
// eslint-disable-next-line object-curly-newline
|
|
34000
34023
|
var placeholder = props.placeholder,
|
|
34001
34024
|
label = props.label,
|
|
34002
34025
|
range = props.range,
|
|
@@ -34006,8 +34029,9 @@ var DatePicker = function DatePicker(props) {
|
|
|
34006
34029
|
value = props.value,
|
|
34007
34030
|
disabled = props.disabled,
|
|
34008
34031
|
className = props.className,
|
|
34009
|
-
|
|
34010
|
-
|
|
34032
|
+
disableDatesBefore = props.disableDatesBefore,
|
|
34033
|
+
theme = props.theme,
|
|
34034
|
+
onClear = props.onClear;
|
|
34011
34035
|
var _useState = React.useState(false),
|
|
34012
34036
|
_useState2 = _slicedToArray(_useState, 2),
|
|
34013
34037
|
open = _useState2[0],
|
|
@@ -34104,35 +34128,45 @@ var DatePicker = function DatePicker(props) {
|
|
|
34104
34128
|
apply();
|
|
34105
34129
|
},
|
|
34106
34130
|
disabledDates: disabledDates,
|
|
34107
|
-
|
|
34108
|
-
|
|
34131
|
+
disableDatesBefore: disableDatesBefore,
|
|
34132
|
+
value: value
|
|
34109
34133
|
};
|
|
34110
34134
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
34111
34135
|
className: classes(modules_5b831cd1.root, className),
|
|
34112
34136
|
ref: datePickerRef,
|
|
34113
34137
|
children: [label && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
34114
|
-
className: modules_5b831cd1.label,
|
|
34138
|
+
className: classes(modules_5b831cd1.label, modules_5b831cd1[theme]),
|
|
34115
34139
|
children: label
|
|
34116
34140
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread2(_objectSpread2({
|
|
34117
34141
|
"data-elem": "header",
|
|
34118
34142
|
ref: reference,
|
|
34119
|
-
className: classes(modules_5b831cd1.container, disabled ? modules_5b831cd1.disabled : '', open ? modules_5b831cd1.open : '', error ? modules_5b831cd1.error : '')
|
|
34143
|
+
className: classes(modules_5b831cd1.container, disabled ? modules_5b831cd1.disabled : '', open ? modules_5b831cd1.open : '', error ? modules_5b831cd1.error : '', modules_5b831cd1[theme])
|
|
34120
34144
|
}, getReferenceProps()), {}, {
|
|
34121
34145
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
34122
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Calender$1, {
|
|
34123
|
-
className: modules_5b831cd1.
|
|
34146
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Calender$1, {
|
|
34147
|
+
className: classes(modules_5b831cd1.icon, modules_5b831cd1[theme])
|
|
34148
|
+
}), !displayValue && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
34149
|
+
className: classes(modules_5b831cd1.placeholder, modules_5b831cd1[theme]),
|
|
34124
34150
|
children: placeholder
|
|
34125
|
-
}), displayValue && /*#__PURE__*/jsxRuntime.
|
|
34126
|
-
className: modules_5b831cd1.value,
|
|
34127
|
-
children:
|
|
34151
|
+
}), displayValue && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
34152
|
+
className: classes(modules_5b831cd1.value, modules_5b831cd1[theme]),
|
|
34153
|
+
children: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
34128
34154
|
children: displayValue
|
|
34129
|
-
})
|
|
34155
|
+
})
|
|
34130
34156
|
})]
|
|
34131
34157
|
}), /*#__PURE__*/jsxRuntime.jsx("input", {
|
|
34132
34158
|
className: modules_5b831cd1.input,
|
|
34133
34159
|
value: displayValue
|
|
34134
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
34135
|
-
|
|
34160
|
+
}), value ? /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
34161
|
+
onClick: function onClick(event) {
|
|
34162
|
+
event.stopPropagation();
|
|
34163
|
+
onClear();
|
|
34164
|
+
},
|
|
34165
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Cross$1, {
|
|
34166
|
+
className: classes(modules_5b831cd1.icon, modules_5b831cd1[theme])
|
|
34167
|
+
})
|
|
34168
|
+
}) : /*#__PURE__*/jsxRuntime.jsx(Chevron, {
|
|
34169
|
+
className: classes(modules_5b831cd1.icon, modules_5b831cd1[theme]),
|
|
34136
34170
|
position: open ? 'bottom' : 'top'
|
|
34137
34171
|
})]
|
|
34138
34172
|
})), error && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
@@ -34166,6 +34200,7 @@ DatePicker.propTypes = {
|
|
|
34166
34200
|
label: propTypes$1.exports.string,
|
|
34167
34201
|
range: propTypes$1.exports.bool,
|
|
34168
34202
|
onApply: propTypes$1.exports.func,
|
|
34203
|
+
onClear: propTypes$1.exports.func,
|
|
34169
34204
|
value: propTypes$1.exports.string,
|
|
34170
34205
|
disabled: propTypes$1.exports.bool,
|
|
34171
34206
|
disabledDates: propTypes$1.exports.arrayOf(propTypes$1.exports.string),
|
|
@@ -34175,7 +34210,7 @@ DatePicker.propTypes = {
|
|
|
34175
34210
|
}),
|
|
34176
34211
|
className: propTypes$1.exports.string,
|
|
34177
34212
|
disableDatesBefore: propTypes$1.exports.arrayOf(propTypes$1.exports.string),
|
|
34178
|
-
|
|
34213
|
+
theme: propTypes$1.exports.string
|
|
34179
34214
|
};
|
|
34180
34215
|
DatePicker.defaultProps = {
|
|
34181
34216
|
placeholder: '',
|
|
@@ -34188,7 +34223,8 @@ DatePicker.defaultProps = {
|
|
|
34188
34223
|
value: '',
|
|
34189
34224
|
className: '',
|
|
34190
34225
|
disableDatesBefore: [],
|
|
34191
|
-
|
|
34226
|
+
theme: 'dark',
|
|
34227
|
+
onClear: function onClear() {}
|
|
34192
34228
|
};
|
|
34193
34229
|
|
|
34194
34230
|
var css$z = ".HierarchyItem_module_root__d7b2e7cd {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n flex: 1;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.25rem;\n min-height: 2rem;\n height: auto;\n padding: 0.25rem;\n cursor: pointer;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd > [data-elem=component1], .HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd > [data-elem=component3] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd > [data-elem=component1] .HierarchyItem_module_icon__d7b2e7cd, .HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd > [data-elem=component3] .HierarchyItem_module_icon__d7b2e7cd {\n transform: rotate(-90deg);\n width: 1rem;\n height: 1rem;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd > [data-elem=component2] {\n flex: 1 1 auto;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd > [data-elem=component2] .HierarchyItem_module_title__d7b2e7cd {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd:hover {\n background: var(--background);\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd:hover .HierarchyItem_module_icon__d7b2e7cd,\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd:hover .HierarchyItem_module_title__d7b2e7cd,\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd:hover .HierarchyItem_module_title__d7b2e7cd svg {\n color: var(--highlight);\n fill: var(--highlight);\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_body__d7b2e7cd {\n display: none;\n flex: 1 0 auto;\n padding: 0px 0rem 0px 0.25rem;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_body__d7b2e7cd > [data-elem=component1] {\n flex: 0 0 1.6rem;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_body__d7b2e7cd > [data-elem=component1] .HierarchyItem_module_tail__d7b2e7cd {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n width: 1.6rem;\n height: 100%;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_body__d7b2e7cd > [data-elem=component1] .HierarchyItem_module_tail__d7b2e7cd::after {\n content: \"\";\n display: block;\n margin: auto;\n width: 1px;\n flex: 1;\n background: var(--grey1);\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_body__d7b2e7cd > [data-elem=component2] {\n flex: 1 0 auto;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_body__d7b2e7cd > [data-elem=component2] .HierarchyItem_module_children__d7b2e7cd {\n flex: 1 0 auto;\n}\n.HierarchyItem_module_root__d7b2e7cd.HierarchyItem_module_open__d7b2e7cd > .HierarchyItem_module_header__d7b2e7cd .HierarchyItem_module_icon__d7b2e7cd {\n transform: none;\n}\n.HierarchyItem_module_root__d7b2e7cd.HierarchyItem_module_open__d7b2e7cd > .HierarchyItem_module_body__d7b2e7cd {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: stretch;\n gap: 0.25rem;\n height: auto;\n}";
|
|
@@ -36417,8 +36453,8 @@ var Columns = function Columns(props) {
|
|
|
36417
36453
|
});
|
|
36418
36454
|
};
|
|
36419
36455
|
|
|
36420
|
-
var css$b = ".
|
|
36421
|
-
var modules_a0fe63f9 = {"root":"
|
|
36456
|
+
var css$b = ".TableFilters_module_root__8fb9adbb[data-elem=base-cell] {\n -ms-overflow-style: none;\n scrollbar-width: none;\n overflow-x: auto;\n padding: 0.5rem;\n gap: 1.25rem;\n width: 100%;\n}\n.TableFilters_module_root__8fb9adbb[data-elem=base-cell]::-webkit-scrollbar {\n display: none;\n}\n.TableFilters_module_root__8fb9adbb[data-elem=base-cell] .TableFilters_module_icon__8fb9adbb {\n width: 1.5rem;\n height: 1.5rem;\n flex-shrink: 0;\n}\n.TableFilters_module_root__8fb9adbb[data-elem=base-cell] .TableFilters_module_iconButton__8fb9adbb {\n padding: 0rem;\n height: 100%;\n}\n.TableFilters_module_root__8fb9adbb[data-elem=base-cell] > [data-elem*=component] {\n height: 100%;\n}\n.TableFilters_module_root__8fb9adbb[data-elem=base-cell] .TableFilters_module_left__8fb9adbb,\n.TableFilters_module_root__8fb9adbb[data-elem=base-cell] .TableFilters_module_center__8fb9adbb,\n.TableFilters_module_root__8fb9adbb[data-elem=base-cell] .TableFilters_module_right__8fb9adbb {\n height: 100%;\n}\n.TableFilters_module_root__8fb9adbb[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__8fb9adbb {\n gap: 1rem;\n}\n.TableFilters_module_root__8fb9adbb[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__8fb9adbb [data-elem=left] {\n gap: 1rem;\n}\n.TableFilters_module_root__8fb9adbb[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__8fb9adbb .TableFilters_module_filterValue__8fb9adbb {\n color: var(--white);\n background: var(--highlight);\n padding: 0.125rem 0.5rem;\n border-radius: 50%;\n font-size: 0.813rem;\n}\n.TableFilters_module_root__8fb9adbb[data-elem=base-cell] > [data-elem=component2] {\n flex: 1;\n}\n.TableFilters_module_root__8fb9adbb[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_center__8fb9adbb {\n width: 100%;\n}\n.TableFilters_module_root__8fb9adbb[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_center__8fb9adbb [data-elem=base-cell] {\n background: var(--grey7);\n border-color: var(--grey3);\n}\n.TableFilters_module_root__8fb9adbb[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_center__8fb9adbb .TableFilters_module_icon__8fb9adbb {\n width: 1.25rem;\n}\n.TableFilters_module_root__8fb9adbb[data-elem=base-cell] .TableFilters_module_right__8fb9adbb {\n width: auto;\n padding: 0;\n min-width: 0rem;\n gap: 2.5rem;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.TableFilters_module_root__8fb9adbb[data-elem=base-cell] .TableFilters_module_right__8fb9adbb > [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}";
|
|
36457
|
+
var modules_a0fe63f9 = {"root":"TableFilters_module_root__8fb9adbb","icon":"TableFilters_module_icon__8fb9adbb","icon-button":"TableFilters_module_iconButton__8fb9adbb","left":"TableFilters_module_left__8fb9adbb","center":"TableFilters_module_center__8fb9adbb","right":"TableFilters_module_right__8fb9adbb","filter-value":"TableFilters_module_filterValue__8fb9adbb"};
|
|
36422
36458
|
n(css$b,{});
|
|
36423
36459
|
|
|
36424
36460
|
var css$a = ".Skeleton_module_root__d0937f9d[data-elem=base-cell] {\n width: 100%;\n gap: 1.25rem;\n}\n.Skeleton_module_root__d0937f9d[data-elem=base-cell] > [data-elem=component1] {\n flex: 1;\n}\n.Skeleton_module_root__d0937f9d[data-elem=base-cell] > [data-elem=component2] {\n flex: 6;\n}\n.Skeleton_module_root__d0937f9d[data-elem=base-cell] > [data-elem=component3] {\n flex: 1;\n}\n.Skeleton_module_root__d0937f9d[data-elem=base-cell] > [data-elem=component3] > [data-elem=base-cell] {\n padding: 0;\n align-items: flex-start;\n height: auto;\n}\n.Skeleton_module_root__d0937f9d[data-elem=base-cell] > [data-elem=component3] > [data-elem=base-cell] > [data-elem*=component] {\n flex: 1;\n}\n.Skeleton_module_root__d0937f9d[data-elem=base-cell] > [data-elem=component3] > [data-elem=base-cell] > [data-elem*=component] > [data-elem=skeleton] {\n height: 1.5rem;\n}";
|
|
@@ -36913,7 +36949,8 @@ var Tooltip = function Tooltip(props) {
|
|
|
36913
36949
|
var children = props.children,
|
|
36914
36950
|
position = props.position,
|
|
36915
36951
|
content = props.content,
|
|
36916
|
-
variant = props.variant
|
|
36952
|
+
variant = props.variant,
|
|
36953
|
+
className = props.className;
|
|
36917
36954
|
var timeoutRef = React.useRef(null);
|
|
36918
36955
|
var tooltipRef = React.useRef(null);
|
|
36919
36956
|
var _useState = React.useState(false),
|
|
@@ -36942,7 +36979,7 @@ var Tooltip = function Tooltip(props) {
|
|
|
36942
36979
|
anchorEl: tooltipRef,
|
|
36943
36980
|
wrapperId: "tooltip-popper",
|
|
36944
36981
|
children: /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
36945
|
-
className: classes(modules_e4619b04.tooltip, modules_e4619b04[position], modules_e4619b04[variant]),
|
|
36982
|
+
className: classes(modules_e4619b04.tooltip, modules_e4619b04[position], modules_e4619b04[variant], className),
|
|
36946
36983
|
style: _objectSpread2({}, getPositionStyles({
|
|
36947
36984
|
position: position,
|
|
36948
36985
|
anchor: tooltipRef,
|
|
@@ -36956,12 +36993,14 @@ var Tooltip = function Tooltip(props) {
|
|
|
36956
36993
|
Tooltip.propTypes = {
|
|
36957
36994
|
variant: propTypes$1.exports.oneOf(['light', 'dark']),
|
|
36958
36995
|
content: propTypes$1.exports.string,
|
|
36959
|
-
position: propTypes$1.exports.oneOf(['right', 'top', 'bottom', 'left'])
|
|
36996
|
+
position: propTypes$1.exports.oneOf(['right', 'top', 'bottom', 'left']),
|
|
36997
|
+
className: propTypes$1.exports.string
|
|
36960
36998
|
};
|
|
36961
36999
|
Tooltip.defaultProps = {
|
|
36962
37000
|
variant: 'light',
|
|
36963
37001
|
content: 'Tooltip Info',
|
|
36964
|
-
position: 'top'
|
|
37002
|
+
position: 'top',
|
|
37003
|
+
className: ''
|
|
36965
37004
|
};
|
|
36966
37005
|
|
|
36967
37006
|
var css$6 = ".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}";
|