@banyan_cloud/roots 1.0.113 → 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 +148 -141
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +148 -141
- package/dist/esm/index.js.map +1 -1
- package/dist/index.js +148 -141
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -48041,10 +48041,121 @@ BaseTable.defaultProps = {
|
|
|
48041
48041
|
theme: 'light'
|
|
48042
48042
|
};
|
|
48043
48043
|
|
|
48044
|
-
|
|
48045
|
-
|
|
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"};
|
|
48046
48048
|
n(css$r,{});
|
|
48047
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
|
+
|
|
48048
48159
|
var CHIPS = _toConsumableArray$1(Array(5).keys());
|
|
48049
48160
|
var TableChipsSkeleton = function TableChipsSkeleton(_ref) {
|
|
48050
48161
|
var theme = _ref.theme;
|
|
@@ -48064,9 +48175,9 @@ var TableChipsSkeleton = function TableChipsSkeleton(_ref) {
|
|
|
48064
48175
|
});
|
|
48065
48176
|
};
|
|
48066
48177
|
|
|
48067
|
-
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}";
|
|
48068
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"};
|
|
48069
|
-
n(css$
|
|
48180
|
+
n(css$p,{});
|
|
48070
48181
|
|
|
48071
48182
|
var TableChipItem = function TableChipItem(props) {
|
|
48072
48183
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -48144,9 +48255,9 @@ var TableChipItem = function TableChipItem(props) {
|
|
|
48144
48255
|
});
|
|
48145
48256
|
};
|
|
48146
48257
|
|
|
48147
|
-
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}";
|
|
48148
48259
|
var modules_016d9b3e = {"root":"TableChips_module_root__6212ef0c","back":"TableChips_module_back__6212ef0c","icon":"TableChips_module_icon__6212ef0c","clear":"TableChips_module_clear__6212ef0c"};
|
|
48149
|
-
n(css$
|
|
48260
|
+
n(css$o,{});
|
|
48150
48261
|
|
|
48151
48262
|
var TableChips = function TableChips(props) {
|
|
48152
48263
|
var _chips$filter;
|
|
@@ -48157,6 +48268,7 @@ var TableChips = function TableChips(props) {
|
|
|
48157
48268
|
chips = props.chips,
|
|
48158
48269
|
className = props.className,
|
|
48159
48270
|
style = props.style,
|
|
48271
|
+
tooltip = props.tooltip,
|
|
48160
48272
|
loading = props.loading,
|
|
48161
48273
|
_onRemove = props.onRemove,
|
|
48162
48274
|
theme = props.theme;
|
|
@@ -48181,18 +48293,21 @@ var TableChips = function TableChips(props) {
|
|
|
48181
48293
|
attrs: {
|
|
48182
48294
|
style: style
|
|
48183
48295
|
},
|
|
48184
|
-
component1: showBack && /*#__PURE__*/jsxRuntime.jsx(
|
|
48185
|
-
|
|
48186
|
-
|
|
48187
|
-
|
|
48188
|
-
|
|
48189
|
-
|
|
48190
|
-
|
|
48191
|
-
|
|
48192
|
-
|
|
48193
|
-
|
|
48194
|
-
|
|
48195
|
-
|
|
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
|
+
})),
|
|
48196
48311
|
component2: (chipsDOM === null || chipsDOM === void 0 ? void 0 : chipsDOM.length) > 0 ? chipsDOM : null,
|
|
48197
48312
|
component3: (chipsDOM === null || chipsDOM === void 0 ? void 0 : chipsDOM.length) > 0 ? /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
48198
48313
|
size: "auto",
|
|
@@ -48221,6 +48336,8 @@ TableChips.propTypes = {
|
|
|
48221
48336
|
disabled: propTypes$1.exports.bool,
|
|
48222
48337
|
rightComponent: propTypes$1.exports.node
|
|
48223
48338
|
})),
|
|
48339
|
+
// eslint-disable-next-line react/forbid-prop-types
|
|
48340
|
+
tooltip: propTypes$1.exports.object,
|
|
48224
48341
|
loading: propTypes$1.exports.bool,
|
|
48225
48342
|
onRemove: propTypes$1.exports.func,
|
|
48226
48343
|
theme: propTypes$1.exports.oneOf(['light', 'dark'])
|
|
@@ -48229,6 +48346,7 @@ TableChips.defaultProps = {
|
|
|
48229
48346
|
className: '',
|
|
48230
48347
|
style: {},
|
|
48231
48348
|
showBack: false,
|
|
48349
|
+
tooltip: {},
|
|
48232
48350
|
onBack: function onBack() {},
|
|
48233
48351
|
onClear: function onClear() {},
|
|
48234
48352
|
chips: [],
|
|
@@ -48262,9 +48380,9 @@ var TableChip = /*#__PURE__*/_createClass(function TableChip(_ref) {
|
|
|
48262
48380
|
this.rightComponent = rightComponent;
|
|
48263
48381
|
});
|
|
48264
48382
|
|
|
48265
|
-
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}";
|
|
48266
48384
|
var modules_dfc4608f = {"root":"Popover_module_root__e2663c00","dark-theme":"Popover_module_darkTheme__e2663c00","light-theme":"Popover_module_lightTheme__e2663c00"};
|
|
48267
|
-
n(css$
|
|
48385
|
+
n(css$n,{});
|
|
48268
48386
|
|
|
48269
48387
|
var Popover = function Popover(props) {
|
|
48270
48388
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -48348,9 +48466,9 @@ Popover.defaultProps = {
|
|
|
48348
48466
|
theme: 'dark'
|
|
48349
48467
|
};
|
|
48350
48468
|
|
|
48351
|
-
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}";
|
|
48352
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"};
|
|
48353
|
-
n(css$
|
|
48471
|
+
n(css$m,{});
|
|
48354
48472
|
|
|
48355
48473
|
var Columns = function Columns(props) {
|
|
48356
48474
|
var open = props.open,
|
|
@@ -48455,13 +48573,13 @@ var Columns = function Columns(props) {
|
|
|
48455
48573
|
});
|
|
48456
48574
|
};
|
|
48457
48575
|
|
|
48458
|
-
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}";
|
|
48459
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"};
|
|
48460
|
-
n(css$
|
|
48578
|
+
n(css$l,{});
|
|
48461
48579
|
|
|
48462
|
-
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}";
|
|
48463
48581
|
var modules_37a5ff73$5 = {"root":"Skeleton_module_root__bdc934d4"};
|
|
48464
|
-
n(css$
|
|
48582
|
+
n(css$k,{});
|
|
48465
48583
|
|
|
48466
48584
|
var TableFiltersSkeleton = function TableFiltersSkeleton(_ref) {
|
|
48467
48585
|
var theme = _ref.theme;
|
|
@@ -48657,9 +48775,9 @@ TableFilters.defaultProps = {
|
|
|
48657
48775
|
theme: 'light'
|
|
48658
48776
|
};
|
|
48659
48777
|
|
|
48660
|
-
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}";
|
|
48661
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"};
|
|
48662
|
-
n(css$
|
|
48780
|
+
n(css$j,{});
|
|
48663
48781
|
|
|
48664
48782
|
var INTERSECTION = 1;
|
|
48665
48783
|
var STEP = 0.05;
|
|
@@ -48852,9 +48970,9 @@ Table.defaultProps = {
|
|
|
48852
48970
|
theme: 'light'
|
|
48853
48971
|
};
|
|
48854
48972
|
|
|
48855
|
-
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}";
|
|
48856
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"};
|
|
48857
|
-
n(css$
|
|
48975
|
+
n(css$i,{});
|
|
48858
48976
|
|
|
48859
48977
|
var Tabs = function Tabs(props) {
|
|
48860
48978
|
var tabs = props.tabs,
|
|
@@ -48911,117 +49029,6 @@ Tabs.defaultProps = {
|
|
|
48911
49029
|
theme: 'light'
|
|
48912
49030
|
};
|
|
48913
49031
|
|
|
48914
|
-
function o(f){return r=>{f.forEach(n=>{typeof n=="function"?n(r):n!=null&&(n.current=r);});}}
|
|
48915
|
-
|
|
48916
|
-
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}";
|
|
48917
|
-
var modules_e4619b04 = {"tooltip":"Tooltip_module_tooltip__04fbc763","light":"Tooltip_module_light__04fbc763","arrow":"Tooltip_module_arrow__04fbc763","dark":"Tooltip_module_dark__04fbc763"};
|
|
48918
|
-
n(css$i,{});
|
|
48919
|
-
|
|
48920
|
-
var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(props, propRef) {
|
|
48921
|
-
var _middlewareData$arrow, _middlewareData$arrow2, _middlewareData$arrow3, _middlewareData$arrow4;
|
|
48922
|
-
var children = props.children,
|
|
48923
|
-
position = props.position,
|
|
48924
|
-
content = props.content,
|
|
48925
|
-
variant = props.variant,
|
|
48926
|
-
className = props.className;
|
|
48927
|
-
var arrowEl = React.useRef(null);
|
|
48928
|
-
var _useState = React.useState(false),
|
|
48929
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
48930
|
-
open = _useState2[0],
|
|
48931
|
-
setOpen = _useState2[1];
|
|
48932
|
-
|
|
48933
|
-
// eslint-disable-next-line object-curly-newline
|
|
48934
|
-
var _useFloating = useFloating({
|
|
48935
|
-
open: open,
|
|
48936
|
-
onOpenChange: setOpen,
|
|
48937
|
-
// strategy: 'fixed',
|
|
48938
|
-
placement: position,
|
|
48939
|
-
// Make sure the tooltip stays on the screen
|
|
48940
|
-
whileElementsMounted: autoUpdate,
|
|
48941
|
-
middleware: [offset(12), flip(), shift(), arrow({
|
|
48942
|
-
element: arrowEl
|
|
48943
|
-
})]
|
|
48944
|
-
}),
|
|
48945
|
-
x = _useFloating.x,
|
|
48946
|
-
y = _useFloating.y,
|
|
48947
|
-
reference = _useFloating.reference,
|
|
48948
|
-
floating = _useFloating.floating,
|
|
48949
|
-
strategy = _useFloating.strategy,
|
|
48950
|
-
context = _useFloating.context,
|
|
48951
|
-
middlewareData = _useFloating.middlewareData,
|
|
48952
|
-
placement = _useFloating.placement;
|
|
48953
|
-
|
|
48954
|
-
// Event listeners to change the open state
|
|
48955
|
-
var hover = useHover(context, {
|
|
48956
|
-
move: true
|
|
48957
|
-
});
|
|
48958
|
-
var focus = useFocus(context);
|
|
48959
|
-
var dismiss = useDismiss(context);
|
|
48960
|
-
// Role props for screen readers
|
|
48961
|
-
var role = useRole(context, {
|
|
48962
|
-
role: 'tooltip'
|
|
48963
|
-
});
|
|
48964
|
-
|
|
48965
|
-
// Merge all the interactions into prop getters
|
|
48966
|
-
var _useInteractions = useInteractions([hover, focus, dismiss, role]),
|
|
48967
|
-
getReferenceProps = _useInteractions.getReferenceProps,
|
|
48968
|
-
getFloatingProps = _useInteractions.getFloatingProps;
|
|
48969
|
-
var childrenRef = children.ref;
|
|
48970
|
-
var ref = React.useMemo(function () {
|
|
48971
|
-
return o([reference, childrenRef, propRef]);
|
|
48972
|
-
}, [reference, childrenRef]);
|
|
48973
|
-
var clonedChildren = /*#__PURE__*/React.cloneElement(children, getReferenceProps(_objectSpread2({
|
|
48974
|
-
ref: ref
|
|
48975
|
-
}, children.props)));
|
|
48976
|
-
var side = placement.split('-')[0];
|
|
48977
|
-
var staticSide = {
|
|
48978
|
-
top: 'bottom',
|
|
48979
|
-
right: 'left',
|
|
48980
|
-
bottom: 'top',
|
|
48981
|
-
left: 'right'
|
|
48982
|
-
}[side];
|
|
48983
|
-
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
48984
|
-
children: [clonedChildren, /*#__PURE__*/jsxRuntime.jsx(Popper, {
|
|
48985
|
-
open: open && content != null,
|
|
48986
|
-
backdrop: false,
|
|
48987
|
-
wrapperId: "tooltip",
|
|
48988
|
-
children: /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread2(_objectSpread2({}, getFloatingProps({
|
|
48989
|
-
ref: floating,
|
|
48990
|
-
className: classes(modules_e4619b04.tooltip, modules_e4619b04[variant], className),
|
|
48991
|
-
style: {
|
|
48992
|
-
position: strategy,
|
|
48993
|
-
top: y !== null && y !== void 0 ? y : 0,
|
|
48994
|
-
left: x !== null && x !== void 0 ? x : 0,
|
|
48995
|
-
zIndex: 100
|
|
48996
|
-
}
|
|
48997
|
-
})), {}, {
|
|
48998
|
-
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
48999
|
-
className: modules_e4619b04.arrow,
|
|
49000
|
-
ref: arrowEl,
|
|
49001
|
-
style: _defineProperty$1({
|
|
49002
|
-
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 : '',
|
|
49003
|
-
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 : '',
|
|
49004
|
-
right: '',
|
|
49005
|
-
bottom: ''
|
|
49006
|
-
}, staticSide, '-0.5rem')
|
|
49007
|
-
}), content]
|
|
49008
|
-
}))
|
|
49009
|
-
})]
|
|
49010
|
-
});
|
|
49011
|
-
});
|
|
49012
|
-
Tooltip.propTypes = {
|
|
49013
|
-
variant: propTypes$1.exports.oneOf(['light', 'dark']),
|
|
49014
|
-
content: propTypes$1.exports.node,
|
|
49015
|
-
position: propTypes$1.exports.oneOf(['right', 'top', 'bottom', 'left']),
|
|
49016
|
-
className: propTypes$1.exports.string
|
|
49017
|
-
};
|
|
49018
|
-
Tooltip.defaultProps = {
|
|
49019
|
-
variant: 'light',
|
|
49020
|
-
content: null,
|
|
49021
|
-
position: 'top',
|
|
49022
|
-
className: ''
|
|
49023
|
-
};
|
|
49024
|
-
|
|
49025
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}";
|
|
49026
49033
|
var modules_c7321921 = {"root":"BaseSidePanel_module_root__c7817916","close":"BaseSidePanel_module_close__c7817916","body":"BaseSidePanel_module_body__c7817916"};
|
|
49027
49034
|
n(css$h,{});
|