@banyan_cloud/roots 1.0.72 → 1.0.73
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 +22 -5
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +22 -5
- package/dist/esm/index.js.map +1 -1
- package/dist/index.js +22 -5
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -107179,8 +107179,8 @@ BaseAreaChart.defaultProps = {
|
|
|
107179
107179
|
className: ''
|
|
107180
107180
|
};
|
|
107181
107181
|
|
|
107182
|
-
var css$2 = ".
|
|
107183
|
-
var modules_6a0e74b6 = {"root":"
|
|
107182
|
+
var css$2 = ".BaseWidget_module_root__103bd08f {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n height: 100%;\n width: 100%;\n padding: 0.25rem;\n}\n.BaseWidget_module_root__103bd08f .BaseWidget_module_header__103bd08f {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 0.25rem;\n}\n.BaseWidget_module_root__103bd08f .BaseWidget_module_header__103bd08f .BaseWidget_module_headerTitle__103bd08f {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 0.5rem;\n}\n.BaseWidget_module_root__103bd08f .BaseWidget_module_header__103bd08f .BaseWidget_module_headerTitle__103bd08f .BaseWidget_module_back__103bd08f {\n height: 1.5rem;\n width: 1.5rem;\n}\n.BaseWidget_module_root__103bd08f .BaseWidget_module_header__103bd08f .BaseWidget_module_headerTitle__103bd08f .BaseWidget_module_back__103bd08f [data-elem=component1] .BaseWidget_module_icon__103bd08f {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n}\n.BaseWidget_module_root__103bd08f .BaseWidget_module_header__103bd08f .BaseWidget_module_headerTitle__103bd08f.BaseWidget_module_noOptions__103bd08f {\n flex: 1;\n}\n.BaseWidget_module_root__103bd08f .BaseWidget_module_header__103bd08f .BaseWidget_module_headerTitle__103bd08f .BaseWidget_module_title__103bd08f {\n white-space: nowrap;\n color: var(--white);\n}\n.BaseWidget_module_root__103bd08f .BaseWidget_module_header__103bd08f .BaseWidget_module_headerTitle__103bd08f .BaseWidget_module_value__103bd08f {\n white-space: nowrap;\n color: var(--white);\n}\n.BaseWidget_module_root__103bd08f .BaseWidget_module_header__103bd08f .BaseWidget_module_headerOptions__103bd08f {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n gap: 0.5rem;\n}\n.BaseWidget_module_root__103bd08f .BaseWidget_module_header__103bd08f .BaseWidget_module_headerOptions__103bd08f .BaseWidget_module_toggleBody__103bd08f {\n padding: 0.125rem 0.25rem;\n height: 1.75rem;\n}\n.BaseWidget_module_root__103bd08f .BaseWidget_module_header__103bd08f .BaseWidget_module_headerOptions__103bd08f .BaseWidget_module_toggleBody__103bd08f > [data-elem=base-cell] {\n background-color: transparent;\n color: var(--white);\n}\n.BaseWidget_module_root__103bd08f .BaseWidget_module_header__103bd08f .BaseWidget_module_headerOptions__103bd08f .BaseWidget_module_dropdownHeader__103bd08f {\n height: 1.75rem;\n}\n.BaseWidget_module_root__103bd08f .BaseWidget_module_header__103bd08f .BaseWidget_module_headerOptions__103bd08f .BaseWidget_module_dropdownHeader__103bd08f [data-elem=select] {\n background-color: transparent;\n width: 100%;\n color: var(--white);\n border-color: var(--grey);\n padding: 0.07rem 0.5rem;\n}\n.BaseWidget_module_root__103bd08f .BaseWidget_module_header__103bd08f .BaseWidget_module_headerOptions__103bd08f .BaseWidget_module_dropdownHeader__103bd08f [data-elem=select] [data-elem=placeholder] {\n font-size: 0.875rem;\n color: var(--white);\n}\n.BaseWidget_module_root__103bd08f .BaseWidget_module_header__103bd08f .BaseWidget_module_headerOptions__103bd08f .BaseWidget_module_dropdownHeader__103bd08f [data-elem=select] > svg {\n fill: var(--white);\n width: 0.875rem;\n}\n.BaseWidget_module_root__103bd08f .BaseWidget_module_header__103bd08f .BaseWidget_module_headerOptions__103bd08f .BaseWidget_module_expandButton__103bd08f {\n height: 1.75rem;\n color: var(--white);\n border-color: var(--grey);\n}\n.BaseWidget_module_root__103bd08f .BaseWidget_module_header__103bd08f .BaseWidget_module_headerOptions__103bd08f .BaseWidget_module_expandButton__103bd08f .BaseWidget_module_expandIcon__103bd08f {\n height: 1.25rem;\n width: 1.25rem;\n fill: var(--white);\n}\n.BaseWidget_module_root__103bd08f .BaseWidget_module_children__103bd08f {\n flex: 1 1;\n}\n\n.BaseWidget_module_dropdownPopper__103bd08f {\n padding: 0rem;\n background: var(--grey1);\n}\n.BaseWidget_module_dropdownPopper__103bd08f .BaseWidget_module_dropdownItem__103bd08f {\n height: 2.25rem;\n color: var(--white);\n background: var(--grey);\n}\n.BaseWidget_module_dropdownPopper__103bd08f .BaseWidget_module_dropdownItem__103bd08f:hover, .BaseWidget_module_dropdownPopper__103bd08f .BaseWidget_module_dropdownItem__103bd08f:focus {\n color: var(--dark-grey);\n background: var(--grey2);\n}\n.BaseWidget_module_dropdownPopper__103bd08f .BaseWidget_module_dropdownItem__103bd08f:hover label > svg, .BaseWidget_module_dropdownPopper__103bd08f .BaseWidget_module_dropdownItem__103bd08f:focus label > svg {\n border: 1px solid var(--dark-grey);\n border-radius: 0.25rem;\n}";
|
|
107183
|
+
var modules_6a0e74b6 = {"root":"BaseWidget_module_root__103bd08f","header":"BaseWidget_module_header__103bd08f","header-title":"BaseWidget_module_headerTitle__103bd08f","back":"BaseWidget_module_back__103bd08f","icon":"BaseWidget_module_icon__103bd08f","no-options":"BaseWidget_module_noOptions__103bd08f","title":"BaseWidget_module_title__103bd08f","value":"BaseWidget_module_value__103bd08f","header-options":"BaseWidget_module_headerOptions__103bd08f","toggle-body":"BaseWidget_module_toggleBody__103bd08f","dropdown-header":"BaseWidget_module_dropdownHeader__103bd08f","expand-button":"BaseWidget_module_expandButton__103bd08f","expand-icon":"BaseWidget_module_expandIcon__103bd08f","children":"BaseWidget_module_children__103bd08f","dropdown-popper":"BaseWidget_module_dropdownPopper__103bd08f","dropdown-item":"BaseWidget_module_dropdownItem__103bd08f"};
|
|
107184
107184
|
n(css$2,{});
|
|
107185
107185
|
|
|
107186
107186
|
var css$1 = "div.Toggle_module_root__59cc8e2b {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n overflow: auto;\n gap: 0.25rem;\n padding: 0.25rem;\n background: var(--grey8);\n width: -moz-fit-content;\n width: fit-content;\n border-radius: 0.4rem 0.4rem;\n box-shadow: inset 0px 1px 2px rgba(97, 97, 97, 0.2), inset 0px 2px 4px rgba(97, 97, 97, 0.2);\n}\ndiv.Toggle_module_root__59cc8e2b.Toggle_module_themeDark__59cc8e2b {\n background: var(--grey);\n}\ndiv.Toggle_module_root__59cc8e2b.Toggle_module_themeDark__59cc8e2b [data-elem=base-cell].Toggle_module_toggleButton__59cc8e2b {\n color: var(--grey4);\n}\ndiv.Toggle_module_root__59cc8e2b.Toggle_module_themeDark__59cc8e2b [data-elem=base-cell].Toggle_module_toggleButton__59cc8e2b.Toggle_module_active__59cc8e2b {\n background: var(--dark-grey);\n color: var(--white);\n}\ndiv.Toggle_module_root__59cc8e2b.Toggle_module_themeLight__59cc8e2b {\n color: var(--dark-grey);\n}\ndiv.Toggle_module_root__59cc8e2b [data-elem=base-cell].Toggle_module_toggleButton__59cc8e2b {\n color: var(--grey);\n padding: 0.344rem 0.75rem;\n height: 2rem;\n background: transparent;\n}\ndiv.Toggle_module_root__59cc8e2b [data-elem=base-cell].Toggle_module_toggleButton__59cc8e2b.Toggle_module_active__59cc8e2b {\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n background: var(--white);\n border-radius: 0.25rem;\n color: var(--dark-grey);\n}\ndiv.Toggle_module_root__59cc8e2b .Toggle_module_input__59cc8e2b {\n display: none;\n}";
|
|
@@ -107374,6 +107374,8 @@ var generateOptions = function generateOptions(optionData) {
|
|
|
107374
107374
|
var BaseWidget = function BaseWidget(props) {
|
|
107375
107375
|
var _options$length, _options$length2;
|
|
107376
107376
|
var title = props.title,
|
|
107377
|
+
showBack = props.showBack,
|
|
107378
|
+
onBack = props.onBack,
|
|
107377
107379
|
options = props.options,
|
|
107378
107380
|
className = props.className,
|
|
107379
107381
|
children = props.children;
|
|
@@ -107382,14 +107384,25 @@ var BaseWidget = function BaseWidget(props) {
|
|
|
107382
107384
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
107383
107385
|
className: modules_6a0e74b6.header,
|
|
107384
107386
|
"data-elem": "header",
|
|
107385
|
-
children: [/*#__PURE__*/jsxRuntime.
|
|
107387
|
+
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
107386
107388
|
className: classes(modules_6a0e74b6['header-title'], ((_options$length = options === null || options === void 0 ? void 0 : options.length) !== null && _options$length !== void 0 ? _options$length : 0) === 0 ? modules_6a0e74b6['no-options'] : ''),
|
|
107387
107389
|
"data-elem": "header-title",
|
|
107388
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
107390
|
+
children: [showBack && /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
107391
|
+
size: "auto",
|
|
107392
|
+
radius: "round",
|
|
107393
|
+
className: modules_6a0e74b6.back,
|
|
107394
|
+
leftComponent: function leftComponent() {
|
|
107395
|
+
return /*#__PURE__*/jsxRuntime.jsx(Arrow$1, {
|
|
107396
|
+
className: modules_6a0e74b6.icon,
|
|
107397
|
+
position: "left"
|
|
107398
|
+
});
|
|
107399
|
+
},
|
|
107400
|
+
onClick: onBack
|
|
107401
|
+
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
107389
107402
|
className: modules_6a0e74b6.title,
|
|
107390
107403
|
"data-elem": "title",
|
|
107391
107404
|
children: title
|
|
107392
|
-
})
|
|
107405
|
+
})]
|
|
107393
107406
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
107394
107407
|
className: modules_6a0e74b6['header-options'],
|
|
107395
107408
|
"data-elem": "header-options",
|
|
@@ -107406,11 +107419,15 @@ var BaseWidget = function BaseWidget(props) {
|
|
|
107406
107419
|
};
|
|
107407
107420
|
BaseWidget.propTypes = {
|
|
107408
107421
|
title: propTypes$1.exports.string,
|
|
107422
|
+
showBack: propTypes$1.exports.bool,
|
|
107423
|
+
onBack: propTypes$1.exports.func,
|
|
107409
107424
|
options: propTypes$1.exports.arrayOf(propTypes$1.exports.shape),
|
|
107410
107425
|
className: propTypes$1.exports.string
|
|
107411
107426
|
};
|
|
107412
107427
|
BaseWidget.defaultProps = {
|
|
107413
107428
|
title: '',
|
|
107429
|
+
showBack: false,
|
|
107430
|
+
onBack: function onBack() {},
|
|
107414
107431
|
options: [],
|
|
107415
107432
|
className: ''
|
|
107416
107433
|
};
|