@banyan_cloud/roots 1.0.43 → 1.0.45
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 +132 -105
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +132 -106
- package/dist/esm/index.js.map +1 -1
- package/dist/index.js +132 -106
- package/package.json +1 -1
- package/styles/main.css +1 -0
- package/styles/main.scss +1 -0
package/dist/cjs/index.js
CHANGED
|
@@ -2493,6 +2493,21 @@ var Trash = function Trash(props) {
|
|
|
2493
2493
|
});
|
|
2494
2494
|
};
|
|
2495
2495
|
|
|
2496
|
+
var SearchIcon = function SearchIcon(_ref) {
|
|
2497
|
+
var className = _ref.className;
|
|
2498
|
+
return /*#__PURE__*/jsxRuntime.jsx("svg", {
|
|
2499
|
+
className: className,
|
|
2500
|
+
width: "1.5rem",
|
|
2501
|
+
height: "1.5rem",
|
|
2502
|
+
viewBox: "0 0 17 16",
|
|
2503
|
+
fill: "#9B9BA3",
|
|
2504
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2505
|
+
children: /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
2506
|
+
d: "M14.4784 13.5267L12.0051 11.0733C12.9651 9.87629 13.4301 8.35688 13.3043 6.82755C13.1785 5.29821 12.4715 3.8752 11.3287 2.85111C10.186 1.82702 8.69427 1.27969 7.16035 1.32166C5.62642 1.36363 4.16688 1.99172 3.08182 3.07677C1.99677 4.16183 1.36868 5.62137 1.32671 7.15529C1.28474 8.68922 1.83207 10.1809 2.85616 11.3237C3.88025 12.4665 5.30326 13.1734 6.8326 13.2992C8.36193 13.425 9.88134 12.9601 11.0784 12L13.5317 14.4533C13.5937 14.5158 13.6674 14.5654 13.7487 14.5993C13.8299 14.6331 13.9171 14.6505 14.0051 14.6505C14.0931 14.6505 14.1802 14.6331 14.2614 14.5993C14.3427 14.5654 14.4164 14.5158 14.4784 14.4533C14.5986 14.329 14.6657 14.1629 14.6657 13.99C14.6657 13.8171 14.5986 13.651 14.4784 13.5267ZM7.3384 12C6.41542 12 5.51316 11.7263 4.74574 11.2135C3.97831 10.7008 3.38017 9.97192 3.02696 9.1192C2.67375 8.26648 2.58133 7.32817 2.7614 6.42292C2.94146 5.51768 3.38592 4.68616 4.03857 4.03351C4.69121 3.38087 5.52273 2.93641 6.42798 2.75635C7.33322 2.57628 8.27153 2.6687 9.12425 3.02191C9.97698 3.37512 10.7058 3.97326 11.2186 4.74068C11.7314 5.50811 12.0051 6.41037 12.0051 7.33335C12.0051 8.57102 11.5134 9.75801 10.6382 10.6332C9.76306 11.5083 8.57607 12 7.3384 12Z"
|
|
2507
|
+
})
|
|
2508
|
+
});
|
|
2509
|
+
};
|
|
2510
|
+
|
|
2496
2511
|
var css$Q = ".Accordion_module_root__a63f6f55 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n width: 100%;\n}\n.Accordion_module_root__a63f6f55 > .Accordion_module_header__a63f6f55[data-elem=base-cell] {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem 1rem;\n cursor: pointer;\n}\n.Accordion_module_root__a63f6f55 > .Accordion_module_header__a63f6f55[data-elem=base-cell] > [data-elem=component1] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.Accordion_module_root__a63f6f55 > .Accordion_module_header__a63f6f55[data-elem=base-cell] > [data-elem=component1] .Accordion_module_icon__a63f6f55 {\n transform: rotate(-90deg);\n width: 1rem;\n height: 1rem;\n}\n.Accordion_module_root__a63f6f55 > .Accordion_module_header__a63f6f55[data-elem=base-cell] .Accordion_module_title__a63f6f55 {\n flex: 1 1 auto;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.Accordion_module_root__a63f6f55 > .Accordion_module_header__a63f6f55[data-elem=base-cell]:hover {\n background: var(--background);\n}\n.Accordion_module_root__a63f6f55 > .Accordion_module_header__a63f6f55[data-elem=base-cell]:hover .Accordion_module_icon__a63f6f55,\n.Accordion_module_root__a63f6f55 > .Accordion_module_header__a63f6f55[data-elem=base-cell]:hover .Accordion_module_title__a63f6f55 {\n color: var(--highlight);\n fill: var(--highlight);\n}\n.Accordion_module_root__a63f6f55 > .Accordion_module_body__a63f6f55 {\n display: none;\n padding: 0.5rem 2.5rem;\n}\n.Accordion_module_root__a63f6f55.Accordion_module_open__a63f6f55 > .Accordion_module_header__a63f6f55[data-elem=base-cell] [data-elem=component1] .Accordion_module_icon__a63f6f55 {\n transform: none;\n}\n.Accordion_module_root__a63f6f55.Accordion_module_open__a63f6f55 > .Accordion_module_body__a63f6f55 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}\n.Accordion_module_root__a63f6f55.Accordion_module_open__a63f6f55 > .Accordion_module_body__a63f6f55 > button[data-elem=base-cell] {\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n align-self: flex-end;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n}\n.Accordion_module_root__a63f6f55.Accordion_module_open__a63f6f55 > .Accordion_module_body__a63f6f55 > button[data-elem=base-cell] .Accordion_module_expand__a63f6f55 {\n height: 1.5rem;\n width: 1.5rem;\n}";
|
|
2497
2512
|
var modules_8207625f = {"root":"Accordion_module_root__a63f6f55","header":"Accordion_module_header__a63f6f55","icon":"Accordion_module_icon__a63f6f55","title":"Accordion_module_title__a63f6f55","body":"Accordion_module_body__a63f6f55","open":"Accordion_module_open__a63f6f55","expand":"Accordion_module_expand__a63f6f55"};
|
|
2498
2513
|
n(css$Q,{});
|
|
@@ -6676,8 +6691,8 @@ Alert.defaultProps = {
|
|
|
6676
6691
|
position: 'bottom-center'
|
|
6677
6692
|
};
|
|
6678
6693
|
|
|
6679
|
-
var css$N = ".
|
|
6680
|
-
var modules_651f50a9 = {"root":"
|
|
6694
|
+
var css$N = ".Breadcrumbs_module_root__f527a278 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.5rem;\n width: auto;\n}\n.Breadcrumbs_module_root__f527a278 .Breadcrumbs_module_seperator__f527a278 {\n width: 1.5rem;\n height: 1.5rem;\n stroke: var(--grey2);\n}\n.Breadcrumbs_module_root__f527a278 button.Breadcrumbs_module_expand__f527a278[data-elem=base-cell] {\n background: var(--grey6);\n color: var(--dark-grey);\n height: 0.75rem;\n padding: 0.25rem;\n}\n.Breadcrumbs_module_root__f527a278 button.Breadcrumbs_module_expand__f527a278[data-elem=base-cell] [data-elem=title] {\n margin-bottom: 0.4rem;\n}\n.Breadcrumbs_module_root__f527a278 .Breadcrumbs_module_crumb__f527a278 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n color: var(--grey2);\n}\n.Breadcrumbs_module_root__f527a278 .Breadcrumbs_module_crumb__f527a278.Breadcrumbs_module_active__f527a278 {\n color: var(--black);\n}\n.Breadcrumbs_module_root__f527a278 .Breadcrumbs_module_crumb__f527a278:hover:not(.Breadcrumbs_module_active__f527a278) {\n color: var(--info);\n}\n.Breadcrumbs_module_root__f527a278.Breadcrumbs_module_themeLight__f527a278 .Breadcrumbs_module_crumb__f527a278 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n color: var(--grey2);\n}\n.Breadcrumbs_module_root__f527a278.Breadcrumbs_module_themeLight__f527a278 .Breadcrumbs_module_crumb__f527a278.Breadcrumbs_module_active__f527a278 {\n color: var(--black);\n}\n.Breadcrumbs_module_root__f527a278.Breadcrumbs_module_themeLight__f527a278 .Breadcrumbs_module_crumb__f527a278:hover:not(.Breadcrumbs_module_active__f527a278) {\n color: var(--info);\n}\n.Breadcrumbs_module_root__f527a278.Breadcrumbs_module_themeDark__f527a278 .Breadcrumbs_module_crumb__f527a278 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n color: var(--grey2);\n}\n.Breadcrumbs_module_root__f527a278.Breadcrumbs_module_themeDark__f527a278 .Breadcrumbs_module_crumb__f527a278.Breadcrumbs_module_active__f527a278 {\n color: var(--white);\n}\n.Breadcrumbs_module_root__f527a278.Breadcrumbs_module_themeDark__f527a278 .Breadcrumbs_module_crumb__f527a278:hover:not(.Breadcrumbs_module_active__f527a278) {\n color: var(--info);\n}";
|
|
6695
|
+
var modules_651f50a9 = {"root":"Breadcrumbs_module_root__f527a278","seperator":"Breadcrumbs_module_seperator__f527a278","expand":"Breadcrumbs_module_expand__f527a278","crumb":"Breadcrumbs_module_crumb__f527a278","active":"Breadcrumbs_module_active__f527a278","theme-light":"Breadcrumbs_module_themeLight__f527a278","theme-dark":"Breadcrumbs_module_themeDark__f527a278"};
|
|
6681
6696
|
n(css$N,{});
|
|
6682
6697
|
|
|
6683
6698
|
var css$M = ".Text_module_root__71f59b14 {\n color: var(--dark-grey);\n}\n.Text_module_root__71f59b14.Text_module_h1__71f59b14 {\n font-size: 2.25rem;\n line-height: 2.75rem;\n}\n.Text_module_root__71f59b14.Text_module_h2__71f59b14 {\n font-size: 1.375rem;\n line-height: 1.688rem;\n}\n.Text_module_root__71f59b14.Text_module_b1__71f59b14 {\n font-size: 1rem;\n line-height: 1.188rem;\n}\n.Text_module_root__71f59b14.Text_module_b2__71f59b14 {\n font-size: 0.875rem;\n line-height: 1.188rem;\n}\n.Text_module_root__71f59b14.Text_module_b3__71f59b14 {\n font-size: 0.75rem;\n line-height: 1.063rem;\n}\n.Text_module_root__71f59b14.Text_module_regularStroke__71f59b14 {\n font-weight: 400;\n}\n.Text_module_root__71f59b14.Text_module_mediumStroke__71f59b14 {\n font-weight: 500;\n}\n.Text_module_root__71f59b14.Text_module_semiboldStroke__71f59b14 {\n font-weight: 600;\n}\n.Text_module_root__71f59b14.Text_module_boldStroke__71f59b14 {\n font-weight: 800;\n}";
|
|
@@ -6786,7 +6801,8 @@ var BreadCrumbs = function BreadCrumbs(props) {
|
|
|
6786
6801
|
maxItems = props.maxItems,
|
|
6787
6802
|
itemsBeforeCollapse = props.itemsBeforeCollapse,
|
|
6788
6803
|
itemsAfterCollapse = props.itemsAfterCollapse,
|
|
6789
|
-
linkComponent = props.linkComponent
|
|
6804
|
+
linkComponent = props.linkComponent,
|
|
6805
|
+
theme = props.theme;
|
|
6790
6806
|
var _useState = React.useState(false),
|
|
6791
6807
|
_useState2 = _slicedToArray(_useState, 2),
|
|
6792
6808
|
expand = _useState2[0],
|
|
@@ -6808,6 +6824,7 @@ var BreadCrumbs = function BreadCrumbs(props) {
|
|
|
6808
6824
|
'data-state': active
|
|
6809
6825
|
},
|
|
6810
6826
|
component: !active ? linkComponent : 'span',
|
|
6827
|
+
stroke: !active ? 'regular' : 'medium',
|
|
6811
6828
|
children: [icon && icon, title && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
6812
6829
|
children: getSpacedDisplayName(title).replace(/-/g, ' ')
|
|
6813
6830
|
})]
|
|
@@ -6832,11 +6849,12 @@ var BreadCrumbs = function BreadCrumbs(props) {
|
|
|
6832
6849
|
}, 'expand'));
|
|
6833
6850
|
}
|
|
6834
6851
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
6835
|
-
className: classes(modules_651f50a9.root),
|
|
6852
|
+
className: classes(modules_651f50a9.root, modules_651f50a9["theme-".concat(theme)]),
|
|
6836
6853
|
children: CrumbsDOM
|
|
6837
6854
|
});
|
|
6838
6855
|
};
|
|
6839
6856
|
BreadCrumbs.propTypes = {
|
|
6857
|
+
theme: propTypes$1.exports.oneOf(['light', 'dark']),
|
|
6840
6858
|
crumbs: propTypes$1.exports.arrayOf(propTypes$1.exports.shape({
|
|
6841
6859
|
title: propTypes$1.exports.string,
|
|
6842
6860
|
path: propTypes$1.exports.string,
|
|
@@ -6848,6 +6866,7 @@ BreadCrumbs.propTypes = {
|
|
|
6848
6866
|
linkComponent: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.element])
|
|
6849
6867
|
};
|
|
6850
6868
|
BreadCrumbs.defaultProps = {
|
|
6869
|
+
theme: 'dark',
|
|
6851
6870
|
crumbs: [],
|
|
6852
6871
|
maxItems: 4,
|
|
6853
6872
|
itemsBeforeCollapse: 2,
|
|
@@ -43369,8 +43388,8 @@ function getPagination(curr, total, limit) {
|
|
|
43369
43388
|
return pages;
|
|
43370
43389
|
}
|
|
43371
43390
|
|
|
43372
|
-
var css$p = ".
|
|
43373
|
-
var modules_a3d40e77 = {"root":"
|
|
43391
|
+
var css$p = ".Pagination_module_root__6d89f0eb {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: stretch;\n -ms-overflow-style: none;\n scrollbar-width: none;\n padding: 0.625rem 2.125rem;\n background: var(--dark-grey);\n margin-top: auto;\n width: 100%;\n height: 3.5rem;\n overflow: auto;\n transition-property: background-color, color, bottom, width;\n transition-duration: 0.33s;\n transition-timing-function: ease-out;\n}\n.Pagination_module_root__6d89f0eb::-webkit-scrollbar {\n display: none;\n}\n.Pagination_module_root__6d89f0eb.Pagination_module_floating__6d89f0eb {\n background: var(--dark-grey-o-85);\n position: absolute;\n border-radius: 6.25rem;\n width: 82%;\n bottom: 3rem;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_rowSwitcher__6d89f0eb,\n.Pagination_module_root__6d89f0eb .Pagination_module_pagination__6d89f0eb,\n.Pagination_module_root__6d89f0eb .Pagination_module_jumpToPage__6d89f0eb,\n.Pagination_module_root__6d89f0eb .Pagination_module_form__6d89f0eb {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n height: 100%;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_rowSwitcher__6d89f0eb {\n display: none;\n gap: 0.75rem;\n background-color: var(--grey);\n padding: 0;\n border-radius: 0.25rem;\n height: 100%;\n}\n@media (min-width: 992px) {\n .Pagination_module_root__6d89f0eb .Pagination_module_rowSwitcher__6d89f0eb {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n }\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_rowSwitcher__6d89f0eb > [data-elem*=component] {\n overflow: hidden;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_rowSwitcher__6d89f0eb > [data-elem=component2] {\n display: flex;\n flex: 0 1 auto;\n height: 100%;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_rowSwitcher__6d89f0eb > [data-elem=component2]::before {\n content: \"\";\n margin: auto;\n background: var(--white);\n width: 0.5px;\n height: 50%;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_rowSwitcher__6d89f0eb .Pagination_module_text__6d89f0eb {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n height: 100%;\n display: block;\n padding: 0.5rem;\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--white);\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_rowSwitcher__6d89f0eb .Pagination_module_dropdown__6d89f0eb {\n height: 100%;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_rowSwitcher__6d89f0eb .Pagination_module_dropdown__6d89f0eb > [data-elem=header] {\n height: 100%;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_rowSwitcher__6d89f0eb .Pagination_module_dropdown__6d89f0eb > [data-elem=header] > [data-elem=select] {\n height: 2.375rem;\n max-height: 100%;\n width: auto;\n min-width: -webkit-fit-content;\n min-width: -moz-fit-content;\n min-width: fit-content;\n padding: 0.625rem;\n background-color: var(--grey);\n border: none;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_rowSwitcher__6d89f0eb .Pagination_module_dropdown__6d89f0eb > [data-elem=header] > [data-elem=select] > [data-elem=placeholder] {\n color: var(--white);\n font-size: 0.875rem;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_rowSwitcher__6d89f0eb .Pagination_module_dropdown__6d89f0eb > [data-elem=header] > [data-elem=select] > svg {\n fill: var(--white);\n width: 0.813rem;\n height: 0.813rem;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_pageNumbers__6d89f0eb {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 1.25rem;\n flex: 1 1 100%;\n}\n@media (min-width: 992px) {\n .Pagination_module_root__6d89f0eb .Pagination_module_pageNumbers__6d89f0eb {\n flex: 1 1 60%;\n }\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_pageNumbers__6d89f0eb > .Pagination_module_button__6d89f0eb.Pagination_module_disable__6d89f0eb {\n pointer-events: none;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_pageNumbers__6d89f0eb > .Pagination_module_button__6d89f0eb [data-elem=title] {\n color: var(--white);\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_pageNumbers__6d89f0eb > .Pagination_module_button__6d89f0eb .Pagination_module_icon__6d89f0eb {\n width: 1.5rem;\n height: 1.5rem;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_pageNumbers__6d89f0eb > .Pagination_module_pageSelect__6d89f0eb {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 0.625rem;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_pageNumbers__6d89f0eb > .Pagination_module_pageSelect__6d89f0eb .Pagination_module_number__6d89f0eb {\n cursor: pointer;\n border-radius: 50%;\n background-color: #e0e0e0;\n color: var(--black);\n width: 2.313rem;\n line-height: 2.313rem;\n text-align: center;\n font-size: 1rem;\n border: 1px solid transparent;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_pageNumbers__6d89f0eb > .Pagination_module_pageSelect__6d89f0eb .Pagination_module_number__6d89f0eb:not([data-active=true]) {\n display: none;\n}\n@media (min-width: 768px) {\n .Pagination_module_root__6d89f0eb .Pagination_module_pageNumbers__6d89f0eb > .Pagination_module_pageSelect__6d89f0eb .Pagination_module_number__6d89f0eb:not([data-active=true]) {\n display: block;\n }\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_pageNumbers__6d89f0eb > .Pagination_module_pageSelect__6d89f0eb .Pagination_module_number__6d89f0eb:hover {\n border: 1px solid var(--highlight);\n color: var(--highlight);\n background: var(--background);\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_pageNumbers__6d89f0eb > .Pagination_module_pageSelect__6d89f0eb .Pagination_module_number__6d89f0eb.Pagination_module_active__6d89f0eb {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_form__6d89f0eb {\n display: none;\n padding: 0;\n flex: 0 1 20%;\n background: transparent;\n}\n@media (min-width: 992px) {\n .Pagination_module_root__6d89f0eb .Pagination_module_form__6d89f0eb {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n }\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_form__6d89f0eb > [data-elem*=component] {\n width: 100%;\n height: 100%;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_form__6d89f0eb > [data-elem*=component] > * {\n height: 100%;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_form__6d89f0eb .Pagination_module_jumpToPage__6d89f0eb {\n width: 100%;\n background: transparent;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: stretch;\n gap: 0rem;\n padding: 0;\n height: 100%;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_form__6d89f0eb .Pagination_module_jumpToPage__6d89f0eb > [data-elem*=component] {\n overflow: hidden;\n height: 100%;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_form__6d89f0eb .Pagination_module_jumpToPage__6d89f0eb .Pagination_module_inputbox__6d89f0eb {\n max-width: 100%;\n height: 100%;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_form__6d89f0eb .Pagination_module_jumpToPage__6d89f0eb .Pagination_module_inputbox__6d89f0eb > label {\n height: 100%;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_form__6d89f0eb .Pagination_module_jumpToPage__6d89f0eb .Pagination_module_inputbox__6d89f0eb > label > [data-elem=base-cell] {\n border-radius: 0.313rem;\n background-color: transparent;\n color: var(--white);\n border-color: var(--grey1);\n border-radius: 0.25rem 0 0 0.25rem;\n height: 100%;\n width: 10rem;\n flex: 1;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_form__6d89f0eb .Pagination_module_jumpToPage__6d89f0eb .Pagination_module_inputbox__6d89f0eb > label > [data-elem=base-cell] .Pagination_module_icon__6d89f0eb {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--grey1);\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_form__6d89f0eb .Pagination_module_jumpToPage__6d89f0eb .Pagination_module_inputbox__6d89f0eb > label > [data-elem=base-cell] > [data-elem=component2] {\n height: 100%;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_form__6d89f0eb .Pagination_module_jumpToPage__6d89f0eb .Pagination_module_inputbox__6d89f0eb > label > [data-elem=base-cell] [data-elem=input] {\n text-align: center;\n color: var(--white);\n background-color: transparent;\n border: none;\n height: 100%;\n width: 100%;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_form__6d89f0eb .Pagination_module_jumpToPage__6d89f0eb .Pagination_module_button__6d89f0eb {\n border-radius: 0rem 0.25rem 0.25rem 0rem;\n background-color: var(--grey1);\n padding: 0.75rem 0.5rem;\n height: 100%;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_form__6d89f0eb .Pagination_module_jumpToPage__6d89f0eb .Pagination_module_button__6d89f0eb .Pagination_module_icon__6d89f0eb {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n flex-shrink: 0;\n}";
|
|
43392
|
+
var modules_a3d40e77 = {"root":"Pagination_module_root__6d89f0eb","floating":"Pagination_module_floating__6d89f0eb","row-switcher":"Pagination_module_rowSwitcher__6d89f0eb","pagination":"Pagination_module_pagination__6d89f0eb","jump-to-page":"Pagination_module_jumpToPage__6d89f0eb","form":"Pagination_module_form__6d89f0eb","text":"Pagination_module_text__6d89f0eb","dropdown":"Pagination_module_dropdown__6d89f0eb","page-numbers":"Pagination_module_pageNumbers__6d89f0eb","button":"Pagination_module_button__6d89f0eb","disable":"Pagination_module_disable__6d89f0eb","icon":"Pagination_module_icon__6d89f0eb","pageSelect":"Pagination_module_pageSelect__6d89f0eb","number":"Pagination_module_number__6d89f0eb","active":"Pagination_module_active__6d89f0eb","inputbox":"Pagination_module_inputbox__6d89f0eb"};
|
|
43374
43393
|
n(css$p,{});
|
|
43375
43394
|
|
|
43376
43395
|
var dropdownOptions = ['10', '25', '50', '100', '200', '250'];
|
|
@@ -43491,7 +43510,6 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
43491
43510
|
className: modules_a3d40e77['page-numbers'],
|
|
43492
43511
|
children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
43493
43512
|
size: "auto",
|
|
43494
|
-
flexible: true,
|
|
43495
43513
|
disabled: currentPage === 1,
|
|
43496
43514
|
title: "Prev",
|
|
43497
43515
|
onClick: function onClick() {
|
|
@@ -43526,7 +43544,6 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
43526
43544
|
})
|
|
43527
43545
|
}), /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
43528
43546
|
size: "auto",
|
|
43529
|
-
flexible: true,
|
|
43530
43547
|
disabled: currentPage === totalPages,
|
|
43531
43548
|
title: "Next",
|
|
43532
43549
|
onClick: function onClick() {
|
|
@@ -43562,15 +43579,20 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
43562
43579
|
inputProps: {
|
|
43563
43580
|
min: 1,
|
|
43564
43581
|
max: totalPages,
|
|
43565
|
-
required: true
|
|
43582
|
+
required: true,
|
|
43583
|
+
placeholder: 'Jump to Page'
|
|
43566
43584
|
},
|
|
43567
43585
|
ref: jumpPageRef,
|
|
43568
43586
|
type: "number",
|
|
43569
|
-
className: modules_a3d40e77.inputbox
|
|
43587
|
+
className: modules_a3d40e77.inputbox,
|
|
43588
|
+
LeftComponent: function LeftComponent() {
|
|
43589
|
+
return /*#__PURE__*/jsxRuntime.jsx(SearchIcon, {
|
|
43590
|
+
className: modules_a3d40e77.icon
|
|
43591
|
+
});
|
|
43592
|
+
}
|
|
43570
43593
|
}),
|
|
43571
43594
|
component2: /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
43572
|
-
|
|
43573
|
-
size: "medium",
|
|
43595
|
+
size: "auto",
|
|
43574
43596
|
variant: "contained",
|
|
43575
43597
|
className: modules_a3d40e77.button,
|
|
43576
43598
|
rightComponent: function rightComponent() {
|
|
@@ -44664,7 +44686,7 @@ var modules_2e8406c7 = {"root":"Table_module_root__d17cb64f","table":"Table_modu
|
|
|
44664
44686
|
n(css$9,{});
|
|
44665
44687
|
|
|
44666
44688
|
var INTERSECTION = 1;
|
|
44667
|
-
var STEP = 0.
|
|
44689
|
+
var STEP = 0.05;
|
|
44668
44690
|
var THRESHOLD = [];
|
|
44669
44691
|
for (var i = 0; i < INTERSECTION; i += STEP) {
|
|
44670
44692
|
THRESHOLD.push(i);
|
|
@@ -44708,7 +44730,7 @@ var Table = function Table(props) {
|
|
|
44708
44730
|
entries.forEach(function (entry) {
|
|
44709
44731
|
var _entry$intersectionRe;
|
|
44710
44732
|
// if the target is visibile
|
|
44711
|
-
if (entry.isIntersecting && entry.intersectionRatio >= INTERSECTION || (entry === null || entry === void 0 ? void 0 : (_entry$intersectionRe = entry.intersectionRect) === null || _entry$intersectionRe === void 0 ? void 0 : _entry$intersectionRe.height)
|
|
44733
|
+
if (entry.isIntersecting && entry.intersectionRatio >= INTERSECTION || (entry === null || entry === void 0 ? void 0 : (_entry$intersectionRe = entry.intersectionRect) === null || _entry$intersectionRe === void 0 ? void 0 : _entry$intersectionRe.height) >= lastRowHeight) {
|
|
44712
44734
|
setFloating(false);
|
|
44713
44735
|
} else {
|
|
44714
44736
|
setFloating(true);
|
|
@@ -95012,16 +95034,96 @@ BasePieChart.defaultProps = {
|
|
|
95012
95034
|
className: ''
|
|
95013
95035
|
};
|
|
95014
95036
|
|
|
95015
|
-
var css$2 = ".
|
|
95016
|
-
var modules_6a0e74b6 = {"root":"
|
|
95037
|
+
var css$2 = ".BaseWidget_module_root__2fcc4af8 {\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__2fcc4af8 .BaseWidget_module_header__2fcc4af8 {\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__2fcc4af8 .BaseWidget_module_header__2fcc4af8 .BaseWidget_module_headerTitle__2fcc4af8 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.BaseWidget_module_root__2fcc4af8 .BaseWidget_module_header__2fcc4af8 .BaseWidget_module_headerTitle__2fcc4af8.BaseWidget_module_noOptions__2fcc4af8 {\n flex: 1;\n}\n.BaseWidget_module_root__2fcc4af8 .BaseWidget_module_header__2fcc4af8 .BaseWidget_module_headerTitle__2fcc4af8 .BaseWidget_module_title__2fcc4af8 {\n white-space: nowrap;\n color: var(--white);\n}\n.BaseWidget_module_root__2fcc4af8 .BaseWidget_module_header__2fcc4af8 .BaseWidget_module_headerTitle__2fcc4af8 .BaseWidget_module_value__2fcc4af8 {\n white-space: nowrap;\n color: var(--white);\n}\n.BaseWidget_module_root__2fcc4af8 .BaseWidget_module_header__2fcc4af8 .BaseWidget_module_headerOptions__2fcc4af8 {\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__2fcc4af8 .BaseWidget_module_header__2fcc4af8 .BaseWidget_module_headerOptions__2fcc4af8 .BaseWidget_module_toggleBody__2fcc4af8 {\n padding: 0.125rem 0.25rem;\n height: 1.75rem;\n}\n.BaseWidget_module_root__2fcc4af8 .BaseWidget_module_header__2fcc4af8 .BaseWidget_module_headerOptions__2fcc4af8 .BaseWidget_module_toggleBody__2fcc4af8 > [data-elem=base-cell] {\n background-color: transparent;\n color: var(--white);\n}\n.BaseWidget_module_root__2fcc4af8 .BaseWidget_module_header__2fcc4af8 .BaseWidget_module_headerOptions__2fcc4af8 .BaseWidget_module_dropdownHeader__2fcc4af8 {\n height: 1.75rem;\n}\n.BaseWidget_module_root__2fcc4af8 .BaseWidget_module_header__2fcc4af8 .BaseWidget_module_headerOptions__2fcc4af8 .BaseWidget_module_dropdownHeader__2fcc4af8 [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__2fcc4af8 .BaseWidget_module_header__2fcc4af8 .BaseWidget_module_headerOptions__2fcc4af8 .BaseWidget_module_dropdownHeader__2fcc4af8 [data-elem=select] [data-elem=placeholder] {\n font-size: 0.875rem;\n color: var(--white);\n}\n.BaseWidget_module_root__2fcc4af8 .BaseWidget_module_header__2fcc4af8 .BaseWidget_module_headerOptions__2fcc4af8 .BaseWidget_module_dropdownHeader__2fcc4af8 [data-elem=select] > svg {\n fill: var(--white);\n width: 0.875rem;\n}\n.BaseWidget_module_root__2fcc4af8 .BaseWidget_module_header__2fcc4af8 .BaseWidget_module_headerOptions__2fcc4af8 .BaseWidget_module_expandButton__2fcc4af8 {\n height: 1.75rem;\n color: var(--white);\n border-color: var(--grey);\n}\n.BaseWidget_module_root__2fcc4af8 .BaseWidget_module_header__2fcc4af8 .BaseWidget_module_headerOptions__2fcc4af8 .BaseWidget_module_expandButton__2fcc4af8 .BaseWidget_module_expandIcon__2fcc4af8 {\n height: 1.25rem;\n width: 1.25rem;\n fill: var(--white);\n}\n.BaseWidget_module_root__2fcc4af8 .BaseWidget_module_children__2fcc4af8 {\n flex: 1 1;\n}\n\n.BaseWidget_module_dropdownPopper__2fcc4af8 {\n padding: 0rem;\n background: var(--grey1);\n}\n.BaseWidget_module_dropdownPopper__2fcc4af8 .BaseWidget_module_dropdownItem__2fcc4af8 {\n height: 2.25rem;\n color: var(--white);\n background: var(--grey);\n}\n.BaseWidget_module_dropdownPopper__2fcc4af8 .BaseWidget_module_dropdownItem__2fcc4af8:hover, .BaseWidget_module_dropdownPopper__2fcc4af8 .BaseWidget_module_dropdownItem__2fcc4af8:focus {\n color: var(--dark-grey);\n background: var(--grey2);\n}\n.BaseWidget_module_dropdownPopper__2fcc4af8 .BaseWidget_module_dropdownItem__2fcc4af8:hover label > svg, .BaseWidget_module_dropdownPopper__2fcc4af8 .BaseWidget_module_dropdownItem__2fcc4af8:focus label > svg {\n border: 1px solid var(--dark-grey);\n border-radius: 0.25rem;\n}";
|
|
95038
|
+
var modules_6a0e74b6 = {"root":"BaseWidget_module_root__2fcc4af8","header":"BaseWidget_module_header__2fcc4af8","header-title":"BaseWidget_module_headerTitle__2fcc4af8","no-options":"BaseWidget_module_noOptions__2fcc4af8","title":"BaseWidget_module_title__2fcc4af8","value":"BaseWidget_module_value__2fcc4af8","header-options":"BaseWidget_module_headerOptions__2fcc4af8","toggle-body":"BaseWidget_module_toggleBody__2fcc4af8","dropdown-header":"BaseWidget_module_dropdownHeader__2fcc4af8","expand-button":"BaseWidget_module_expandButton__2fcc4af8","expand-icon":"BaseWidget_module_expandIcon__2fcc4af8","children":"BaseWidget_module_children__2fcc4af8","dropdown-popper":"BaseWidget_module_dropdownPopper__2fcc4af8","dropdown-item":"BaseWidget_module_dropdownItem__2fcc4af8"};
|
|
95017
95039
|
n(css$2,{});
|
|
95018
95040
|
|
|
95041
|
+
var css$1 = "div.Toggle_module_root__71d12fea {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n overflow: auto;\n padding: 0.25rem;\n background: var(--grey8);\n width: -webkit-fit-content;\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__71d12fea.Toggle_module_themeDark__71d12fea {\n background: var(--grey);\n}\ndiv.Toggle_module_root__71d12fea.Toggle_module_themeDark__71d12fea [data-elem=base-cell].Toggle_module_toggleButton__71d12fea {\n color: var(--grey4);\n}\ndiv.Toggle_module_root__71d12fea.Toggle_module_themeDark__71d12fea [data-elem=base-cell].Toggle_module_toggleButton__71d12fea.Toggle_module_active__71d12fea {\n background: var(--dark-grey);\n color: var(--white);\n}\ndiv.Toggle_module_root__71d12fea.Toggle_module_themeLight__71d12fea {\n color: var(--dark-grey);\n}\ndiv.Toggle_module_root__71d12fea [data-elem=base-cell].Toggle_module_toggleButton__71d12fea {\n color: var(--grey);\n padding: 0.2rem;\n height: 2rem;\n background: transparent;\n}\ndiv.Toggle_module_root__71d12fea [data-elem=base-cell].Toggle_module_toggleButton__71d12fea.Toggle_module_active__71d12fea {\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}";
|
|
95042
|
+
var modules_a2cdc77c = {"root":"Toggle_module_root__71d12fea","theme-dark":"Toggle_module_themeDark__71d12fea","toggle-button":"Toggle_module_toggleButton__71d12fea","active":"Toggle_module_active__71d12fea","theme-light":"Toggle_module_themeLight__71d12fea"};
|
|
95043
|
+
n(css$1,{});
|
|
95044
|
+
|
|
95045
|
+
/* eslint-disable no-unused-vars */
|
|
95046
|
+
var Toggle = function Toggle(props) {
|
|
95047
|
+
var className = props.className,
|
|
95048
|
+
theme = props.theme,
|
|
95049
|
+
options = props.options,
|
|
95050
|
+
selectedToggle = props.selectedToggle,
|
|
95051
|
+
setSelectedToggle = props.setSelectedToggle,
|
|
95052
|
+
onChange = props.onChange;
|
|
95053
|
+
var onButtonClick = function onButtonClick(value) {
|
|
95054
|
+
setSelectedToggle(value);
|
|
95055
|
+
onChange(value);
|
|
95056
|
+
};
|
|
95057
|
+
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
95058
|
+
className: classes(className, modules_a2cdc77c.root, modules_a2cdc77c["theme-".concat(theme)]),
|
|
95059
|
+
children: options.map(function (item) {
|
|
95060
|
+
var title = item.title,
|
|
95061
|
+
value = item.value,
|
|
95062
|
+
leftComponent = item.leftComponent,
|
|
95063
|
+
rightComponent = item.rightComponent,
|
|
95064
|
+
color = item.color;
|
|
95065
|
+
var isActive = selectedToggle === value;
|
|
95066
|
+
return /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
95067
|
+
"data-elem": "toggle",
|
|
95068
|
+
className: classes(modules_a2cdc77c['toggle-button'], selectedToggle === value ? modules_a2cdc77c.active : ''),
|
|
95069
|
+
onClick: function onClick() {
|
|
95070
|
+
return onButtonClick(value);
|
|
95071
|
+
},
|
|
95072
|
+
title: value,
|
|
95073
|
+
value: value,
|
|
95074
|
+
color: isActive ? color : 'default',
|
|
95075
|
+
leftComponent: leftComponent,
|
|
95076
|
+
rightComponent: rightComponent,
|
|
95077
|
+
children: value
|
|
95078
|
+
}, title);
|
|
95079
|
+
})
|
|
95080
|
+
});
|
|
95081
|
+
};
|
|
95082
|
+
Toggle.propTypes = {
|
|
95083
|
+
className: propTypes$1.exports.string,
|
|
95084
|
+
theme: propTypes$1.exports.oneOf(['dark', 'light']),
|
|
95085
|
+
options: propTypes$1.exports.arrayOf(propTypes$1.exports.string),
|
|
95086
|
+
selectedToggle: propTypes$1.exports.string,
|
|
95087
|
+
setSelectedToggle: propTypes$1.exports.string
|
|
95088
|
+
};
|
|
95089
|
+
Toggle.defaultProps = {
|
|
95090
|
+
className: '',
|
|
95091
|
+
theme: 'light',
|
|
95092
|
+
options: [{
|
|
95093
|
+
title: 'First',
|
|
95094
|
+
value: 'First',
|
|
95095
|
+
rightCompoenent: '',
|
|
95096
|
+
leftCompoenent: ''
|
|
95097
|
+
}, {
|
|
95098
|
+
title: 'Second',
|
|
95099
|
+
value: 'Second',
|
|
95100
|
+
rightCompoenent: '',
|
|
95101
|
+
leftCompoenent: ''
|
|
95102
|
+
}, {
|
|
95103
|
+
title: 'Third',
|
|
95104
|
+
value: 'Third',
|
|
95105
|
+
rightCompoenent: '',
|
|
95106
|
+
leftCompoenent: ''
|
|
95107
|
+
}, {
|
|
95108
|
+
title: 'Fourth',
|
|
95109
|
+
value: 'Fourth',
|
|
95110
|
+
rightCompoenent: '',
|
|
95111
|
+
leftCompoenent: ''
|
|
95112
|
+
}],
|
|
95113
|
+
selectedToggle: 'First',
|
|
95114
|
+
setSelectedToggle: 'None'
|
|
95115
|
+
};
|
|
95116
|
+
|
|
95019
95117
|
var generateOptions = function generateOptions(optionData) {
|
|
95020
|
-
var _optionData$id, _optionData$placehold, _optionData$value, _optionData$onChange, _optionData$selectOpt, _optionData$title, _optionData$onClick;
|
|
95118
|
+
var _optionData$id, _optionData$toggleOpt, _optionData$selectedT, _optionData$setSelect, _optionData$placehold, _optionData$value, _optionData$onChange, _optionData$selectOpt, _optionData$title, _optionData$onClick;
|
|
95021
95119
|
switch ((_optionData$id = optionData === null || optionData === void 0 ? void 0 : optionData.id) !== null && _optionData$id !== void 0 ? _optionData$id : '') {
|
|
95022
|
-
case '
|
|
95023
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
95024
|
-
|
|
95120
|
+
case 'toggle':
|
|
95121
|
+
return /*#__PURE__*/jsxRuntime.jsx(Toggle, {
|
|
95122
|
+
className: modules_6a0e74b6['toggle-body'],
|
|
95123
|
+
theme: "dark",
|
|
95124
|
+
options: (_optionData$toggleOpt = optionData === null || optionData === void 0 ? void 0 : optionData.toggleOption) !== null && _optionData$toggleOpt !== void 0 ? _optionData$toggleOpt : [],
|
|
95125
|
+
selectedToggle: (_optionData$selectedT = optionData === null || optionData === void 0 ? void 0 : optionData.selectedToggle) !== null && _optionData$selectedT !== void 0 ? _optionData$selectedT : '',
|
|
95126
|
+
setSelectedToggle: (_optionData$setSelect = optionData === null || optionData === void 0 ? void 0 : optionData.setSelectedToggle) !== null && _optionData$setSelect !== void 0 ? _optionData$setSelect : ''
|
|
95025
95127
|
});
|
|
95026
95128
|
case 'dropdown':
|
|
95027
95129
|
return /*#__PURE__*/jsxRuntime.jsx(Dropdown, {
|
|
@@ -95060,9 +95162,8 @@ var generateOptions = function generateOptions(optionData) {
|
|
|
95060
95162
|
}
|
|
95061
95163
|
};
|
|
95062
95164
|
var BaseWidget = function BaseWidget(props) {
|
|
95063
|
-
var _options$length, _options$length2
|
|
95165
|
+
var _options$length, _options$length2;
|
|
95064
95166
|
var title = props.title,
|
|
95065
|
-
value = props.value,
|
|
95066
95167
|
options = props.options,
|
|
95067
95168
|
className = props.className,
|
|
95068
95169
|
children = props.children;
|
|
@@ -95071,26 +95172,22 @@ var BaseWidget = function BaseWidget(props) {
|
|
|
95071
95172
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
95072
95173
|
className: modules_6a0e74b6.header,
|
|
95073
95174
|
"data-elem": "header",
|
|
95074
|
-
children: [/*#__PURE__*/jsxRuntime.
|
|
95175
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
95075
95176
|
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'] : ''),
|
|
95076
95177
|
"data-elem": "header-title",
|
|
95077
|
-
children:
|
|
95178
|
+
children: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
95078
95179
|
className: modules_6a0e74b6.title,
|
|
95079
95180
|
"data-elem": "title",
|
|
95080
|
-
children:
|
|
95081
|
-
})
|
|
95082
|
-
className: modules_6a0e74b6.value,
|
|
95083
|
-
"data-elem": "value",
|
|
95084
|
-
children: value
|
|
95085
|
-
})]
|
|
95181
|
+
children: title
|
|
95182
|
+
})
|
|
95086
95183
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
95087
95184
|
className: modules_6a0e74b6['header-options'],
|
|
95088
95185
|
"data-elem": "header-options",
|
|
95089
|
-
children: ((_options$
|
|
95186
|
+
children: ((_options$length2 = options === null || options === void 0 ? void 0 : options.length) !== null && _options$length2 !== void 0 ? _options$length2 : 0) > 0 && (options === null || options === void 0 ? void 0 : options.map(function (objectData) {
|
|
95090
95187
|
return generateOptions(objectData);
|
|
95091
95188
|
}))
|
|
95092
95189
|
})]
|
|
95093
|
-
}), /*#__PURE__*/jsxRuntime.jsx("
|
|
95190
|
+
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
95094
95191
|
className: modules_6a0e74b6.children,
|
|
95095
95192
|
"data-elem": "children",
|
|
95096
95193
|
children: children
|
|
@@ -95099,20 +95196,18 @@ var BaseWidget = function BaseWidget(props) {
|
|
|
95099
95196
|
};
|
|
95100
95197
|
BaseWidget.propTypes = {
|
|
95101
95198
|
title: propTypes$1.exports.string,
|
|
95102
|
-
value: propTypes$1.exports.string,
|
|
95103
95199
|
options: propTypes$1.exports.arrayOf(propTypes$1.exports.shape),
|
|
95104
95200
|
className: propTypes$1.exports.string
|
|
95105
95201
|
};
|
|
95106
95202
|
BaseWidget.defaultProps = {
|
|
95107
95203
|
title: '',
|
|
95108
|
-
value: '',
|
|
95109
95204
|
options: [],
|
|
95110
95205
|
className: ''
|
|
95111
95206
|
};
|
|
95112
95207
|
|
|
95113
|
-
var css
|
|
95208
|
+
var css = ".DisplayPicture_module_root__a7ba07d1.DisplayPicture_module_sm__a7ba07d1 img {\n height: 1.5rem;\n width: 1.5rem;\n border-radius: 100%;\n}\n.DisplayPicture_module_root__a7ba07d1.DisplayPicture_module_sm__a7ba07d1 div {\n height: 1.5rem;\n width: 1.5rem;\n border-radius: 100%;\n background-color: var(--highlight);\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.DisplayPicture_module_root__a7ba07d1.DisplayPicture_module_sm__a7ba07d1 div span {\n font-size: 1rem;\n font-weight: 600;\n color: var(--white);\n}\n.DisplayPicture_module_root__a7ba07d1.DisplayPicture_module_md__a7ba07d1 img {\n height: 5.3125rem;\n width: 5.3125rem;\n border-radius: 100%;\n}\n.DisplayPicture_module_root__a7ba07d1.DisplayPicture_module_md__a7ba07d1 div {\n height: 5.3125rem;\n width: 5.3125rem;\n border-radius: 100%;\n background-color: var(--highlight);\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.DisplayPicture_module_root__a7ba07d1.DisplayPicture_module_md__a7ba07d1 div span {\n font-size: 2rem;\n font-weight: 600;\n color: var(--white);\n}";
|
|
95114
95209
|
var modules_49a16e28 = {"root":"DisplayPicture_module_root__a7ba07d1","sm":"DisplayPicture_module_sm__a7ba07d1","md":"DisplayPicture_module_md__a7ba07d1"};
|
|
95115
|
-
n(css
|
|
95210
|
+
n(css,{});
|
|
95116
95211
|
|
|
95117
95212
|
var DisplayPicture = function DisplayPicture(props) {
|
|
95118
95213
|
var name = props.name,
|
|
@@ -95146,75 +95241,6 @@ DisplayPicture.defaultProps = {
|
|
|
95146
95241
|
size: 'sm'
|
|
95147
95242
|
};
|
|
95148
95243
|
|
|
95149
|
-
var css = "div.Toggle_module_root__54079f3e {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n overflow: auto;\n padding: 0.25rem;\n background: var(--grey8);\n width: -webkit-fit-content;\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__54079f3e [data-elem=base-cell].Toggle_module_toggleButton__54079f3e {\n color: var(--grey);\n padding: 0.2rem;\n height: 2rem;\n background: transparent;\n}\ndiv.Toggle_module_root__54079f3e [data-elem=base-cell].Toggle_module_toggleButton__54079f3e.Toggle_module_active__54079f3e {\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}";
|
|
95150
|
-
var modules_a2cdc77c = {"root":"Toggle_module_root__54079f3e","toggle-button":"Toggle_module_toggleButton__54079f3e","active":"Toggle_module_active__54079f3e"};
|
|
95151
|
-
n(css,{});
|
|
95152
|
-
|
|
95153
|
-
/* eslint-disable no-unused-vars */
|
|
95154
|
-
var Toggle = function Toggle(props) {
|
|
95155
|
-
var options = props.options,
|
|
95156
|
-
selectedToggle = props.selectedToggle,
|
|
95157
|
-
setSelectedToggle = props.setSelectedToggle,
|
|
95158
|
-
onChange = props.onChange;
|
|
95159
|
-
var onButtonClick = function onButtonClick(value) {
|
|
95160
|
-
setSelectedToggle(value);
|
|
95161
|
-
onChange(value);
|
|
95162
|
-
};
|
|
95163
|
-
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
95164
|
-
className: modules_a2cdc77c.root,
|
|
95165
|
-
children: options.map(function (item) {
|
|
95166
|
-
var title = item.title,
|
|
95167
|
-
value = item.value,
|
|
95168
|
-
leftComponent = item.leftComponent,
|
|
95169
|
-
rightComponent = item.rightComponent,
|
|
95170
|
-
color = item.color;
|
|
95171
|
-
var isActive = selectedToggle === value;
|
|
95172
|
-
return /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
95173
|
-
className: classes(modules_a2cdc77c['toggle-button'], selectedToggle === value ? modules_a2cdc77c.active : ''),
|
|
95174
|
-
onClick: function onClick() {
|
|
95175
|
-
return onButtonClick(value);
|
|
95176
|
-
},
|
|
95177
|
-
title: value,
|
|
95178
|
-
value: value,
|
|
95179
|
-
color: isActive ? color : 'default',
|
|
95180
|
-
leftComponent: leftComponent,
|
|
95181
|
-
rightComponent: rightComponent,
|
|
95182
|
-
children: value
|
|
95183
|
-
}, title);
|
|
95184
|
-
})
|
|
95185
|
-
});
|
|
95186
|
-
};
|
|
95187
|
-
Toggle.propTypes = {
|
|
95188
|
-
options: propTypes$1.exports.arrayOf(propTypes$1.exports.string),
|
|
95189
|
-
selectedToggle: propTypes$1.exports.string,
|
|
95190
|
-
setSelectedToggle: propTypes$1.exports.string
|
|
95191
|
-
};
|
|
95192
|
-
Toggle.defaultProps = {
|
|
95193
|
-
options: [{
|
|
95194
|
-
title: 'First',
|
|
95195
|
-
value: 'First',
|
|
95196
|
-
rightCompoenent: '',
|
|
95197
|
-
leftCompoenent: ''
|
|
95198
|
-
}, {
|
|
95199
|
-
title: 'Second',
|
|
95200
|
-
value: 'Second',
|
|
95201
|
-
rightCompoenent: '',
|
|
95202
|
-
leftCompoenent: ''
|
|
95203
|
-
}, {
|
|
95204
|
-
title: 'Third',
|
|
95205
|
-
value: 'Third',
|
|
95206
|
-
rightCompoenent: '',
|
|
95207
|
-
leftCompoenent: ''
|
|
95208
|
-
}, {
|
|
95209
|
-
title: 'Fourth',
|
|
95210
|
-
value: 'Fourth',
|
|
95211
|
-
rightCompoenent: '',
|
|
95212
|
-
leftCompoenent: ''
|
|
95213
|
-
}],
|
|
95214
|
-
selectedToggle: 'First',
|
|
95215
|
-
setSelectedToggle: 'None'
|
|
95216
|
-
};
|
|
95217
|
-
|
|
95218
95244
|
exports.Accordion = Accordion;
|
|
95219
95245
|
exports.Alert = Alert;
|
|
95220
95246
|
exports.AlertIcon = AlertIcon;
|
|
@@ -95273,6 +95299,7 @@ exports.Radio = Radio;
|
|
|
95273
95299
|
exports.RadioIcon = RadioIcon;
|
|
95274
95300
|
exports.RefreshIcon = Refresh;
|
|
95275
95301
|
exports.ResetIcon = Reset;
|
|
95302
|
+
exports.SearchIcon = SearchIcon;
|
|
95276
95303
|
exports.ServerIcon = Server;
|
|
95277
95304
|
exports.SettingsIcon = Settings;
|
|
95278
95305
|
exports.Stepper = Stepper;
|