@banyan_cloud/roots 1.0.19 → 1.0.20
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 +377 -401
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +377 -401
- package/dist/esm/index.js.map +1 -1
- package/dist/index.js +377 -401
- package/package.json +13 -14
package/dist/cjs/index.js
CHANGED
|
@@ -1578,36 +1578,11 @@ var getCSSVariableValue = function getCSSVariableValue(variable) {
|
|
|
1578
1578
|
return getComputedStyle(document.documentElement).getPropertyValue(variable);
|
|
1579
1579
|
};
|
|
1580
1580
|
|
|
1581
|
-
function
|
|
1582
|
-
if ( ref === void 0 ) ref = {};
|
|
1583
|
-
var insertAt = ref.insertAt;
|
|
1581
|
+
var e$1=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e$1.indexOf(i);-1===u&&(u=e$1.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
|
|
1584
1582
|
|
|
1585
|
-
|
|
1586
|
-
|
|
1587
|
-
|
|
1588
|
-
var style = document.createElement('style');
|
|
1589
|
-
style.type = 'text/css';
|
|
1590
|
-
|
|
1591
|
-
if (insertAt === 'top') {
|
|
1592
|
-
if (head.firstChild) {
|
|
1593
|
-
head.insertBefore(style, head.firstChild);
|
|
1594
|
-
} else {
|
|
1595
|
-
head.appendChild(style);
|
|
1596
|
-
}
|
|
1597
|
-
} else {
|
|
1598
|
-
head.appendChild(style);
|
|
1599
|
-
}
|
|
1600
|
-
|
|
1601
|
-
if (style.styleSheet) {
|
|
1602
|
-
style.styleSheet.cssText = css;
|
|
1603
|
-
} else {
|
|
1604
|
-
style.appendChild(document.createTextNode(css));
|
|
1605
|
-
}
|
|
1606
|
-
}
|
|
1607
|
-
|
|
1608
|
-
var css_248z$L = ".BaseCell-module_root__i6f-E {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 0.5rem;\n gap: 0.5rem;\n flex: none;\n height: 3rem;\n background: var(--white);\n max-width: 100%;\n max-height: 100%;\n}\n.BaseCell-module_root__i6f-E > [data-elem*=component] {\n display: inline-block;\n max-height: 100%;\n}\n.BaseCell-module_root__i6f-E.BaseCell-module_sm__6lhv5 {\n width: 9.063rem;\n}\n.BaseCell-module_root__i6f-E.BaseCell-module_md__d7xeQ {\n width: 15.625rem;\n}\n.BaseCell-module_root__i6f-E.BaseCell-module_lg__z1sA6 {\n width: 21.875rem;\n}\n.BaseCell-module_root__i6f-E.BaseCell-module_auto__55g3t {\n width: auto;\n}\n.BaseCell-module_root__i6f-E.BaseCell-module_border-radius-default__3o5Qv {\n border-radius: 0.25rem;\n}\n.BaseCell-module_root__i6f-E.BaseCell-module_border-radius-round__pE3-j {\n border-radius: 50%;\n}\n.BaseCell-module_root__i6f-E.BaseCell-module_border-radius-ellipse__IhKeq {\n border-radius: 1.563rem;\n}\n.BaseCell-module_root__i6f-E.BaseCell-module_flexible__JRAXk {\n flex-grow: 1;\n flex-shrink: 1;\n min-width: 3rem;\n}";
|
|
1609
|
-
var styles$K = {"root":"BaseCell-module_root__i6f-E","sm":"BaseCell-module_sm__6lhv5","md":"BaseCell-module_md__d7xeQ","lg":"BaseCell-module_lg__z1sA6","auto":"BaseCell-module_auto__55g3t","border-radius-default":"BaseCell-module_border-radius-default__3o5Qv","border-radius-round":"BaseCell-module_border-radius-round__pE3-j","border-radius-ellipse":"BaseCell-module_border-radius-ellipse__IhKeq","flexible":"BaseCell-module_flexible__JRAXk"};
|
|
1610
|
-
styleInject(css_248z$L);
|
|
1583
|
+
var css$O = ".BaseCell_module_root__f940eb1b {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 0.5rem;\n gap: 0.5rem;\n flex: none;\n height: 3rem;\n background: var(--white);\n max-width: 100%;\n max-height: 100%;\n}\n.BaseCell_module_root__f940eb1b > [data-elem*=component] {\n display: inline-block;\n max-height: 100%;\n}\n.BaseCell_module_root__f940eb1b.BaseCell_module_sm__f940eb1b {\n width: 9.063rem;\n}\n.BaseCell_module_root__f940eb1b.BaseCell_module_md__f940eb1b {\n width: 15.625rem;\n}\n.BaseCell_module_root__f940eb1b.BaseCell_module_lg__f940eb1b {\n width: 21.875rem;\n}\n.BaseCell_module_root__f940eb1b.BaseCell_module_auto__f940eb1b {\n width: auto;\n}\n.BaseCell_module_root__f940eb1b.BaseCell_module_borderRadiusDefault__f940eb1b {\n border-radius: 0.25rem;\n}\n.BaseCell_module_root__f940eb1b.BaseCell_module_borderRadiusRound__f940eb1b {\n border-radius: 50%;\n}\n.BaseCell_module_root__f940eb1b.BaseCell_module_borderRadiusEllipse__f940eb1b {\n border-radius: 1.563rem;\n}\n.BaseCell_module_root__f940eb1b.BaseCell_module_flexible__f940eb1b {\n flex-grow: 1;\n flex-shrink: 1;\n min-width: 3rem;\n}";
|
|
1584
|
+
var modules_3af9b74c = {"root":"BaseCell_module_root__f940eb1b","sm":"BaseCell_module_sm__f940eb1b","md":"BaseCell_module_md__f940eb1b","lg":"BaseCell_module_lg__f940eb1b","auto":"BaseCell_module_auto__f940eb1b","border-radius-default":"BaseCell_module_borderRadiusDefault__f940eb1b","border-radius-round":"BaseCell_module_borderRadiusRound__f940eb1b","border-radius-ellipse":"BaseCell_module_borderRadiusEllipse__f940eb1b","flexible":"BaseCell_module_flexible__f940eb1b"};
|
|
1585
|
+
n(css$O,{});
|
|
1611
1586
|
|
|
1612
1587
|
var BaseCell = /*#__PURE__*/React.forwardRef(function BaseCell(props, ref) {
|
|
1613
1588
|
var className = props.className,
|
|
@@ -1623,7 +1598,7 @@ var BaseCell = /*#__PURE__*/React.forwardRef(function BaseCell(props, ref) {
|
|
|
1623
1598
|
var Component = /*#__PURE__*/React.createElement(RootDOM, _objectSpread2({
|
|
1624
1599
|
'data-elem': 'base-cell',
|
|
1625
1600
|
ref: ref,
|
|
1626
|
-
className: classes(className,
|
|
1601
|
+
className: classes(className, modules_3af9b74c.root, modules_3af9b74c[size], modules_3af9b74c["border-radius-".concat(radius)], flexible ? modules_3af9b74c.flexible : '', rounded ? modules_3af9b74c.rounded : '')
|
|
1627
1602
|
}, attrs), /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
1628
1603
|
children: [component1 && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
1629
1604
|
"data-elem": "component1",
|
|
@@ -2013,15 +1988,15 @@ Server.defaultProps = {
|
|
|
2013
1988
|
className: ''
|
|
2014
1989
|
};
|
|
2015
1990
|
|
|
2016
|
-
var
|
|
2017
|
-
var
|
|
2018
|
-
|
|
1991
|
+
var css$N = ".Arrow_module_right__19f08663 {\n transform: rotate(0deg);\n}\n\n.Arrow_module_left__19f08663 {\n transform: rotate(180deg);\n}\n\n.Arrow_module_bottom__19f08663 {\n transform: rotate(90deg);\n}\n\n.Arrow_module_top__19f08663 {\n transform: rotate(270deg);\n}";
|
|
1992
|
+
var modules_e313d483 = {"right":"Arrow_module_right__19f08663","left":"Arrow_module_left__19f08663","bottom":"Arrow_module_bottom__19f08663","top":"Arrow_module_top__19f08663"};
|
|
1993
|
+
n(css$N,{});
|
|
2019
1994
|
|
|
2020
1995
|
var Arrow$1 = function Arrow(props) {
|
|
2021
1996
|
var className = props.className,
|
|
2022
1997
|
position = props.position;
|
|
2023
1998
|
return /*#__PURE__*/jsxRuntime.jsx("svg", {
|
|
2024
|
-
className: classes(className,
|
|
1999
|
+
className: classes(className, modules_e313d483[position]),
|
|
2025
2000
|
viewBox: "0 0 25 24",
|
|
2026
2001
|
fill: "#333333",
|
|
2027
2002
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2035,15 +2010,15 @@ Arrow$1.defaultProps = {
|
|
|
2035
2010
|
position: 'right'
|
|
2036
2011
|
};
|
|
2037
2012
|
|
|
2038
|
-
var
|
|
2039
|
-
var
|
|
2040
|
-
|
|
2013
|
+
var css$M = ".Chevron_module_left__8b1808eb {\n transform: rotate(0deg);\n}\n\n.Chevron_module_bottom__8b1808eb {\n transform: rotate(90deg);\n}\n\n.Chevron_module_right__8b1808eb {\n transform: rotate(180deg);\n}\n\n.Chevron_module_top__8b1808eb {\n transform: rotate(270deg);\n}";
|
|
2014
|
+
var modules_bf5b0b74 = {"left":"Chevron_module_left__8b1808eb","bottom":"Chevron_module_bottom__8b1808eb","right":"Chevron_module_right__8b1808eb","top":"Chevron_module_top__8b1808eb"};
|
|
2015
|
+
n(css$M,{});
|
|
2041
2016
|
|
|
2042
2017
|
var Chevron = function Chevron(props) {
|
|
2043
2018
|
var className = props.className,
|
|
2044
2019
|
position = props.position;
|
|
2045
2020
|
return /*#__PURE__*/jsxRuntime.jsx("svg", {
|
|
2046
|
-
className: classes(className,
|
|
2021
|
+
className: classes(className, modules_bf5b0b74[position]),
|
|
2047
2022
|
viewBox: "0 0 22 22",
|
|
2048
2023
|
fill: "none",
|
|
2049
2024
|
stroke: "white",
|
|
@@ -2332,9 +2307,9 @@ Reset.defaultProps = {
|
|
|
2332
2307
|
className: ''
|
|
2333
2308
|
};
|
|
2334
2309
|
|
|
2335
|
-
var
|
|
2336
|
-
var
|
|
2337
|
-
|
|
2310
|
+
var css$L = ".Accordion_module_root__43fdf130 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n width: 100%;\n}\n.Accordion_module_root__43fdf130 > .Accordion_module_header__43fdf130[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__43fdf130 > .Accordion_module_header__43fdf130[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__43fdf130 > .Accordion_module_header__43fdf130[data-elem=base-cell] > [data-elem=component1] .Accordion_module_icon__43fdf130 {\n transform: rotate(-90deg);\n width: 1rem;\n height: 1rem;\n}\n.Accordion_module_root__43fdf130 > .Accordion_module_header__43fdf130[data-elem=base-cell] .Accordion_module_title__43fdf130 {\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__43fdf130 > .Accordion_module_header__43fdf130[data-elem=base-cell]:hover {\n background: var(--background);\n}\n.Accordion_module_root__43fdf130 > .Accordion_module_header__43fdf130[data-elem=base-cell]:hover .Accordion_module_icon__43fdf130,\n.Accordion_module_root__43fdf130 > .Accordion_module_header__43fdf130[data-elem=base-cell]:hover .Accordion_module_title__43fdf130 {\n color: var(--highlight);\n fill: var(--highlight);\n}\n.Accordion_module_root__43fdf130 > .Accordion_module_body__43fdf130 {\n display: none;\n padding: 0.5rem 2.5rem;\n}\n.Accordion_module_root__43fdf130.Accordion_module_open__43fdf130 > .Accordion_module_header__43fdf130[data-elem=base-cell] [data-elem=component1] .Accordion_module_icon__43fdf130 {\n transform: none;\n}\n.Accordion_module_root__43fdf130.Accordion_module_open__43fdf130 > .Accordion_module_body__43fdf130 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}";
|
|
2311
|
+
var modules_8207625f = {"root":"Accordion_module_root__43fdf130","header":"Accordion_module_header__43fdf130","icon":"Accordion_module_icon__43fdf130","title":"Accordion_module_title__43fdf130","body":"Accordion_module_body__43fdf130","open":"Accordion_module_open__43fdf130"};
|
|
2312
|
+
n(css$L,{});
|
|
2338
2313
|
|
|
2339
2314
|
var Accordion = function Accordion(props) {
|
|
2340
2315
|
var defaultOpen = props.defaultOpen,
|
|
@@ -2349,13 +2324,13 @@ var Accordion = function Accordion(props) {
|
|
|
2349
2324
|
open = _useState2[0],
|
|
2350
2325
|
setOpen = _useState2[1];
|
|
2351
2326
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
2352
|
-
className: classes(className,
|
|
2327
|
+
className: classes(className, modules_8207625f.root, open ? modules_8207625f.open : ''),
|
|
2353
2328
|
"data-state-open": open,
|
|
2354
2329
|
children: [/*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
2355
2330
|
flexible: true,
|
|
2356
2331
|
size: "auto",
|
|
2357
2332
|
rootDOM: "button",
|
|
2358
|
-
className:
|
|
2333
|
+
className: modules_8207625f.header,
|
|
2359
2334
|
attrs: {
|
|
2360
2335
|
onClick: function onClick() {
|
|
2361
2336
|
setOpen(function (prevState) {
|
|
@@ -2366,18 +2341,18 @@ var Accordion = function Accordion(props) {
|
|
|
2366
2341
|
}
|
|
2367
2342
|
},
|
|
2368
2343
|
component1: iconPlacement === 'left' && /*#__PURE__*/jsxRuntime.jsx(Caret, {
|
|
2369
|
-
className:
|
|
2344
|
+
className: modules_8207625f.icon
|
|
2370
2345
|
}),
|
|
2371
2346
|
component2: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
2372
|
-
className:
|
|
2347
|
+
className: modules_8207625f.title,
|
|
2373
2348
|
children: title
|
|
2374
2349
|
}),
|
|
2375
2350
|
component3: iconPlacement === 'right' && /*#__PURE__*/jsxRuntime.jsx(Caret, {
|
|
2376
|
-
className:
|
|
2351
|
+
className: modules_8207625f.icon
|
|
2377
2352
|
})
|
|
2378
2353
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
2379
2354
|
"data-elem": "body",
|
|
2380
|
-
className:
|
|
2355
|
+
className: modules_8207625f.body,
|
|
2381
2356
|
children: [description && /*#__PURE__*/jsxRuntime.jsx("p", {
|
|
2382
2357
|
children: description
|
|
2383
2358
|
}), children]
|
|
@@ -2401,13 +2376,13 @@ Accordion.defaultProps = {
|
|
|
2401
2376
|
className: ''
|
|
2402
2377
|
};
|
|
2403
2378
|
|
|
2404
|
-
var
|
|
2405
|
-
var
|
|
2406
|
-
|
|
2379
|
+
var css$K = ".Alert_module_root__b5fc9a1d {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n position: fixed;\n padding: 0.938rem;\n width: 500px;\n}\n.Alert_module_root__b5fc9a1d.Alert_module_positionBottomCenter__b5fc9a1d {\n left: 50%;\n bottom: 1rem;\n transform: translate(-50%, 0);\n}\n.Alert_module_root__b5fc9a1d.Alert_module_positionTopRight__b5fc9a1d {\n right: 1rem;\n top: 1rem;\n}\n.Alert_module_root__b5fc9a1d .Alert_module_left__b5fc9a1d {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.Alert_module_root__b5fc9a1d .Alert_module_left__b5fc9a1d .Alert_module_icons__b5fc9a1d {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 0.313rem 0.938rem 0rem 0rem;\n height: auto;\n}\n.Alert_module_root__b5fc9a1d .Alert_module_left__b5fc9a1d .Alert_module_icons__b5fc9a1d .Alert_module_icon__b5fc9a1d {\n width: 1.25rem;\n height: 1.25rem;\n}\n.Alert_module_root__b5fc9a1d .Alert_module_left__b5fc9a1d .Alert_module_content__b5fc9a1d {\n padding: 0.188rem 0.938rem 0rem 0rem;\n}\n.Alert_module_root__b5fc9a1d .Alert_module_left__b5fc9a1d .Alert_module_content__b5fc9a1d .Alert_module_title__b5fc9a1d {\n font-size: 0.875rem;\n font-weight: 600;\n padding-right: 2px;\n}\n.Alert_module_root__b5fc9a1d .Alert_module_left__b5fc9a1d .Alert_module_content__b5fc9a1d .Alert_module_description__b5fc9a1d {\n word-wrap: break-word;\n height: auto;\n font-size: 0.875rem;\n font-weight: 400;\n margin-bottom: 0.5rem;\n}\n.Alert_module_root__b5fc9a1d .Alert_module_actions__b5fc9a1d {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n gap: 5px;\n}\n.Alert_module_root__b5fc9a1d .Alert_module_actions__b5fc9a1d .Alert_module_button__b5fc9a1d {\n padding: 0.313rem 1rem;\n font-weight: 400;\n}\n.Alert_module_root__b5fc9a1d .Alert_module_actions__b5fc9a1d .Alert_module_close__b5fc9a1d {\n padding-top: 0.313rem;\n}\n.Alert_module_root__b5fc9a1d .Alert_module_actions__b5fc9a1d .Alert_module_close__b5fc9a1d .Alert_module_icon__b5fc9a1d {\n width: 1.25rem;\n height: 1.25rem;\n fill: var(--black);\n}\n.Alert_module_root__b5fc9a1d.Alert_module_borderDefault__b5fc9a1d {\n border-width: 0.063rem;\n}\n.Alert_module_root__b5fc9a1d.Alert_module_borderThickLeft__b5fc9a1d {\n border-width: 0.063rem 0.063rem 0.063rem 0.25rem;\n}\n.Alert_module_root__b5fc9a1d.Alert_module_borderNone__b5fc9a1d {\n border-width: 0rem 0rem 0rem 0.25rem;\n}\n.Alert_module_root__b5fc9a1d.Alert_module_info__b5fc9a1d {\n border-style: solid;\n border-color: var(--info);\n background-color: #edf5ff;\n}\n.Alert_module_root__b5fc9a1d.Alert_module_info__b5fc9a1d .Alert_module_icon__b5fc9a1d {\n fill: var(--info);\n}\n.Alert_module_root__b5fc9a1d.Alert_module_success__b5fc9a1d {\n border-style: solid;\n border-color: var(--success);\n background-color: var(--success-bg);\n}\n.Alert_module_root__b5fc9a1d.Alert_module_success__b5fc9a1d .Alert_module_icon__b5fc9a1d {\n fill: var(--success);\n}\n.Alert_module_root__b5fc9a1d.Alert_module_danger__b5fc9a1d {\n border-style: solid;\n border-color: var(--error);\n background-color: var(--error-bg);\n}\n.Alert_module_root__b5fc9a1d.Alert_module_danger__b5fc9a1d .Alert_module_icon__b5fc9a1d {\n fill: var(--error);\n}\n.Alert_module_root__b5fc9a1d.Alert_module_warning__b5fc9a1d {\n border-style: solid;\n border-color: var(--warning);\n background-color: var(--warning-bg);\n}\n.Alert_module_root__b5fc9a1d.Alert_module_warning__b5fc9a1d .Alert_module_icon__b5fc9a1d {\n fill: var(--warning);\n}\n.Alert_module_root__b5fc9a1d.Alert_module_shadow__b5fc9a1d {\n box-shadow: 0.125rem 0.5rem 1rem rgba(60, 60, 60, 0.12);\n}";
|
|
2380
|
+
var modules_3a764ea3 = {"root":"Alert_module_root__b5fc9a1d","position-bottom-center":"Alert_module_positionBottomCenter__b5fc9a1d","position-top-right":"Alert_module_positionTopRight__b5fc9a1d","left":"Alert_module_left__b5fc9a1d","icons":"Alert_module_icons__b5fc9a1d","icon":"Alert_module_icon__b5fc9a1d","content":"Alert_module_content__b5fc9a1d","title":"Alert_module_title__b5fc9a1d","description":"Alert_module_description__b5fc9a1d","actions":"Alert_module_actions__b5fc9a1d","button":"Alert_module_button__b5fc9a1d","close":"Alert_module_close__b5fc9a1d","border-default":"Alert_module_borderDefault__b5fc9a1d","border-thick-left":"Alert_module_borderThickLeft__b5fc9a1d","border-none":"Alert_module_borderNone__b5fc9a1d","info":"Alert_module_info__b5fc9a1d","success":"Alert_module_success__b5fc9a1d","danger":"Alert_module_danger__b5fc9a1d","warning":"Alert_module_warning__b5fc9a1d","shadow":"Alert_module_shadow__b5fc9a1d"};
|
|
2381
|
+
n(css$K,{});
|
|
2407
2382
|
|
|
2408
|
-
var
|
|
2409
|
-
var
|
|
2410
|
-
|
|
2383
|
+
var css$J = ":root {\n --white: #ffffff;\n --black: #000000;\n --dark-grey: #333333;\n --dark-grey-o-85: rgba(51, 51, 51, 0.85);\n --grey: #737373;\n --grey1: #888888;\n --grey2: #a6a6a6;\n --grey3: #bbbbbb;\n --grey4: #c4c4c4;\n --grey5: #dddddd;\n --grey6: #e8e8e8;\n --grey7: #eeeeee;\n --grey8: #f2f2f2;\n --grey9: #eff0f0;\n --grey10: #f7f7f7;\n --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\n --banyan-blue: #00037c;\n --banyan-orange: #ff892a;\n --banyan-pink: #ff1597;\n --banyan-gradient: linear-gradient(\n \t84.71deg,\n \tvar(--banyan-pink) 0.48%,\n \tvar(--banyan-orange) 99.57%\n );\n --error: #da1e28;\n --error-bg: #fff1f1;\n --error-outline: rgba(218, 30, 40, 0.08);\n --success: #24a148;\n --success-bg: #defbe6;\n --success-outline: rgba(36, 161, 72, 0.08);\n --warning: #f1c21b;\n --warning-bg: #fff8e1;\n --warning-outline: rgba(203, 160, 6, 0.08);\n --info: #0043ce;\n --info-bg: #edf5ff;\n --info-outline: #2864db98;\n}\n\nbutton.BaseButton_module_root__84c13925[data-elem=base-cell] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n display: inline-flex;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n outline: none;\n border: none;\n background: none;\n padding: 0.5rem 0.75rem;\n}\nbutton.BaseButton_module_root__84c13925[data-elem=base-cell]:disabled {\n cursor: not-allowed;\n}\nbutton.BaseButton_module_root__84c13925[data-elem=base-cell].BaseButton_module_contained__84c13925 {\n background: var(--black);\n color: var(--white);\n}\nbutton.BaseButton_module_root__84c13925[data-elem=base-cell].BaseButton_module_outlined__84c13925 {\n color: var(--black);\n border: 1px solid var(--black);\n}\nbutton.BaseButton_module_root__84c13925[data-elem=base-cell].BaseButton_module_text__84c13925 {\n color: var(--black);\n}\nbutton.BaseButton_module_root__84c13925[data-elem=base-cell] [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\nbutton.BaseButton_module_root__84c13925[data-elem=base-cell] [data-elem=component2] {\n min-width: 0;\n}\nbutton.BaseButton_module_root__84c13925[data-elem=base-cell] [data-elem=title] {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}";
|
|
2384
|
+
var modules_ab72627b = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"BaseButton_module_root__84c13925","contained":"BaseButton_module_contained__84c13925","outlined":"BaseButton_module_outlined__84c13925","text":"BaseButton_module_text__84c13925"};
|
|
2385
|
+
n(css$J,{});
|
|
2411
2386
|
|
|
2412
2387
|
var BaseButton = /*#__PURE__*/React.forwardRef(function BaseButton(props, ref) {
|
|
2413
2388
|
var className = props.className,
|
|
@@ -2426,7 +2401,7 @@ var BaseButton = /*#__PURE__*/React.forwardRef(function BaseButton(props, ref) {
|
|
|
2426
2401
|
children: title
|
|
2427
2402
|
});
|
|
2428
2403
|
return /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
2429
|
-
className: classes(className,
|
|
2404
|
+
className: classes(className, modules_ab72627b.root, modules_ab72627b[variant]),
|
|
2430
2405
|
ref: ref,
|
|
2431
2406
|
component1: component1,
|
|
2432
2407
|
component2: Title,
|
|
@@ -2457,9 +2432,9 @@ BaseButton.defaultProps = _objectSpread2(_objectSpread2({}, BaseCell.defaultProp
|
|
|
2457
2432
|
variant: 'contained'
|
|
2458
2433
|
});
|
|
2459
2434
|
|
|
2460
|
-
var
|
|
2461
|
-
var
|
|
2462
|
-
|
|
2435
|
+
var css$I = ".Button_module_root__fe35a4dc[data-elem=base-cell] {\n cursor: pointer;\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n font-weight: 500;\n font-size: 0.875rem;\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_primary__fe35a4dc.Button_module_contained__fe35a4dc {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_primary__fe35a4dc.Button_module_outlined__fe35a4dc {\n background-color: transparent;\n border-color: var(--highlight);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_primary__fe35a4dc.Button_module_outlined__fe35a4dc, .Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_primary__fe35a4dc.Button_module_text__fe35a4dc {\n color: var(--highlight);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_success__fe35a4dc.Button_module_contained__fe35a4dc {\n background-color: var(--success);\n color: var(--white);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_success__fe35a4dc.Button_module_outlined__fe35a4dc {\n background-color: transparent;\n border-color: var(--success);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_success__fe35a4dc.Button_module_outlined__fe35a4dc, .Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_success__fe35a4dc.Button_module_text__fe35a4dc {\n color: var(--success);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_danger__fe35a4dc.Button_module_contained__fe35a4dc {\n background-color: var(--error);\n color: var(--white);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_danger__fe35a4dc.Button_module_outlined__fe35a4dc {\n background-color: transparent;\n border-color: var(--error);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_danger__fe35a4dc.Button_module_outlined__fe35a4dc, .Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_danger__fe35a4dc.Button_module_text__fe35a4dc {\n color: var(--error);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_warning__fe35a4dc.Button_module_contained__fe35a4dc {\n background-color: var(--warning);\n color: var(--white);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_warning__fe35a4dc.Button_module_outlined__fe35a4dc {\n background-color: transparent;\n border-color: var(--warning);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_warning__fe35a4dc.Button_module_outlined__fe35a4dc, .Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_warning__fe35a4dc.Button_module_text__fe35a4dc {\n color: var(--warning);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell]:disabled.Button_module_contained__fe35a4dc {\n background-color: var(--grey4);\n color: var(--grey);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell]:disabled.Button_module_outlined__fe35a4dc {\n background-color: transparent;\n border-color: var(--grey);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell]:disabled.Button_module_outlined__fe35a4dc, .Button_module_root__fe35a4dc[data-elem=base-cell]:disabled.Button_module_text__fe35a4dc {\n color: var(--grey);\n}";
|
|
2436
|
+
var modules_b0070f27 = {"root":"Button_module_root__fe35a4dc","primary":"Button_module_primary__fe35a4dc","contained":"Button_module_contained__fe35a4dc","outlined":"Button_module_outlined__fe35a4dc","text":"Button_module_text__fe35a4dc","success":"Button_module_success__fe35a4dc","danger":"Button_module_danger__fe35a4dc","warning":"Button_module_warning__fe35a4dc"};
|
|
2437
|
+
n(css$I,{});
|
|
2463
2438
|
|
|
2464
2439
|
var Button = /*#__PURE__*/React.forwardRef(function Button(props, ref) {
|
|
2465
2440
|
var className = props.className,
|
|
@@ -2486,7 +2461,7 @@ var Button = /*#__PURE__*/React.forwardRef(function Button(props, ref) {
|
|
|
2486
2461
|
disabled: disabled,
|
|
2487
2462
|
onClick: onClick,
|
|
2488
2463
|
variant: variant,
|
|
2489
|
-
className: classes(
|
|
2464
|
+
className: classes(modules_b0070f27.root, modules_b0070f27["radius-".concat(radius)], modules_b0070f27[variant], modules_b0070f27[color], className)
|
|
2490
2465
|
});
|
|
2491
2466
|
});
|
|
2492
2467
|
Button.propTypes = _objectSpread2(_objectSpread2({}, BaseButton.propTypes), {}, {
|
|
@@ -2501,9 +2476,9 @@ Button.defaultProps = _objectSpread2(_objectSpread2({}, BaseButton.defaultProps)
|
|
|
2501
2476
|
radius: 'default'
|
|
2502
2477
|
});
|
|
2503
2478
|
|
|
2504
|
-
var
|
|
2505
|
-
var
|
|
2506
|
-
|
|
2479
|
+
var css$H = ".Chip_module_root__0aa07630[data-elem=base-cell] {\n position: relative;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n font-weight: 500;\n font-size: 0.875rem;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_sm__0aa07630 {\n height: 2rem;\n padding: 0.188rem 0.5rem;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_md__0aa07630 {\n height: 2.25rem;\n padding: 0.563rem 1rem;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630.Chip_module_success__0aa07630 {\n background-color: var(--success-bg);\n color: var(--success);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630.Chip_module_info__0aa07630 {\n background-color: var(--info-bg);\n color: var(--info);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630.Chip_module_danger__0aa07630 {\n background-color: var(--error-bg);\n color: var(--error);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630.Chip_module_warning__0aa07630 {\n background-color: var(--warning-bg);\n color: var(--warning);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630.Chip_module_default__0aa07630 {\n background-color: var(--grey5);\n color: var(--grey);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630:hover {\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630 {\n border-width: 1px;\n border-style: solid;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_success__0aa07630 {\n background-color: var(--success-bg);\n color: var(--success);\n border-color: var(--success-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_success__0aa07630:hover {\n background-color: var(--success-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_info__0aa07630 {\n background-color: var(--info-bg);\n color: var(--info);\n border-color: var(--info-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_info__0aa07630:hover {\n background-color: var(--info-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_danger__0aa07630 {\n background-color: var(--error-bg);\n color: var(--error);\n border-color: var(--error-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_danger__0aa07630:hover {\n background-color: var(--error-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_warning__0aa07630 {\n background-color: var(--warning-bg);\n color: var(--warning);\n border-color: var(--warning-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_warning__0aa07630:hover {\n background-color: var(--warning-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_default__0aa07630 {\n background-color: var(--grey8);\n color: var(--grey);\n border-color: var(--grey6);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_default__0aa07630:hover {\n background-color: var(--grey6);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_status__0aa07630, .Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_input__0aa07630 {\n filter: grayscale(1);\n border-color: var(--grey4);\n background-color: var(--grey5);\n color: var(--grey2);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_status__0aa07630 [data-elem=component1],\n.Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_status__0aa07630 [data-elem=component3], .Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_input__0aa07630 [data-elem=component1],\n.Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_input__0aa07630 [data-elem=component3] {\n opacity: 0.5;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_status__0aa07630:hover, .Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_input__0aa07630:hover {\n box-shadow: none;\n background-color: var(--grey5);\n}";
|
|
2480
|
+
var modules_31aa5fd7 = {"root":"Chip_module_root__0aa07630","sm":"Chip_module_sm__0aa07630","md":"Chip_module_md__0aa07630","status":"Chip_module_status__0aa07630","success":"Chip_module_success__0aa07630","info":"Chip_module_info__0aa07630","danger":"Chip_module_danger__0aa07630","warning":"Chip_module_warning__0aa07630","default":"Chip_module_default__0aa07630","input":"Chip_module_input__0aa07630"};
|
|
2481
|
+
n(css$H,{});
|
|
2507
2482
|
|
|
2508
2483
|
var Chip = function Chip(props) {
|
|
2509
2484
|
var className = props.className,
|
|
@@ -2529,7 +2504,7 @@ var Chip = function Chip(props) {
|
|
|
2529
2504
|
disabled: disabled,
|
|
2530
2505
|
onClick: onClick,
|
|
2531
2506
|
variant: 'contained',
|
|
2532
|
-
className: classes(
|
|
2507
|
+
className: classes(modules_31aa5fd7.root, modules_31aa5fd7["radius-".concat(radius)], modules_31aa5fd7[variant], modules_31aa5fd7[color], modules_31aa5fd7[size], className)
|
|
2533
2508
|
});
|
|
2534
2509
|
};
|
|
2535
2510
|
Chip.propTypes = _objectSpread2(_objectSpread2({}, BaseButton.propTypes), {}, {
|
|
@@ -5962,9 +5937,9 @@ const useTypeahead = function (_ref, _temp) {
|
|
|
5962
5937
|
};
|
|
5963
5938
|
};
|
|
5964
5939
|
|
|
5965
|
-
var
|
|
5966
|
-
var
|
|
5967
|
-
|
|
5940
|
+
var css$G = ".Popper_module_backdrop__c7f1e48a {\n position: fixed;\n z-index: 100;\n inset: 0;\n background: rgba(0, 0, 0, 0.4);\n}\n.Popper_module_backdrop__c7f1e48a.Popper_module_transparent__c7f1e48a {\n background: none;\n}\n.Popper_module_backdrop__c7f1e48a.Popper_module_hideBackdrop__c7f1e48a {\n position: static;\n}";
|
|
5941
|
+
var modules_fe46b225 = {"backdrop":"Popper_module_backdrop__c7f1e48a","transparent":"Popper_module_transparent__c7f1e48a","hide-backdrop":"Popper_module_hideBackdrop__c7f1e48a"};
|
|
5942
|
+
n(css$G,{});
|
|
5968
5943
|
|
|
5969
5944
|
var Popper = function Popper(props) {
|
|
5970
5945
|
var open = props.open,
|
|
@@ -5977,7 +5952,7 @@ var Popper = function Popper(props) {
|
|
|
5977
5952
|
id: wrapperId,
|
|
5978
5953
|
children: open && /*#__PURE__*/jsxRuntime.jsx(FloatingOverlay, {
|
|
5979
5954
|
lockScroll: true,
|
|
5980
|
-
className: classes(className,
|
|
5955
|
+
className: classes(className, modules_fe46b225.backdrop, transparent ? modules_fe46b225.transparent : '', backdrop ? '' : modules_fe46b225['hide-backdrop']),
|
|
5981
5956
|
children: children
|
|
5982
5957
|
})
|
|
5983
5958
|
});
|
|
@@ -6108,28 +6083,28 @@ var Alert = function Alert(props) {
|
|
|
6108
6083
|
var Icon = null;
|
|
6109
6084
|
if (AlertTypeIcon != null) {
|
|
6110
6085
|
Icon = /*#__PURE__*/jsxRuntime.jsx(AlertTypeIcon, {
|
|
6111
|
-
className:
|
|
6086
|
+
className: modules_3a764ea3.icon
|
|
6112
6087
|
});
|
|
6113
6088
|
} else {
|
|
6114
6089
|
switch (color) {
|
|
6115
6090
|
case 'info':
|
|
6116
6091
|
Icon = /*#__PURE__*/jsxRuntime.jsx(AlertIcon.Info, {
|
|
6117
|
-
className:
|
|
6092
|
+
className: modules_3a764ea3.icon
|
|
6118
6093
|
});
|
|
6119
6094
|
break;
|
|
6120
6095
|
case 'warning':
|
|
6121
6096
|
Icon = /*#__PURE__*/jsxRuntime.jsx(AlertIcon.Warning, {
|
|
6122
|
-
className:
|
|
6097
|
+
className: modules_3a764ea3.icon
|
|
6123
6098
|
});
|
|
6124
6099
|
break;
|
|
6125
6100
|
case 'success':
|
|
6126
6101
|
Icon = /*#__PURE__*/jsxRuntime.jsx(AlertIcon.Success, {
|
|
6127
|
-
className:
|
|
6102
|
+
className: modules_3a764ea3.icon
|
|
6128
6103
|
});
|
|
6129
6104
|
break;
|
|
6130
6105
|
case 'danger':
|
|
6131
6106
|
Icon = /*#__PURE__*/jsxRuntime.jsx(AlertIcon.Danger, {
|
|
6132
|
-
className:
|
|
6107
|
+
className: modules_3a764ea3.icon
|
|
6133
6108
|
});
|
|
6134
6109
|
break;
|
|
6135
6110
|
default:
|
|
@@ -6143,40 +6118,40 @@ var Alert = function Alert(props) {
|
|
|
6143
6118
|
});
|
|
6144
6119
|
return /*#__PURE__*/jsxRuntime.jsx(Popper, {
|
|
6145
6120
|
open: open,
|
|
6146
|
-
className:
|
|
6121
|
+
className: modules_3a764ea3.popper,
|
|
6147
6122
|
id: "alert-popper",
|
|
6148
6123
|
transparent: false,
|
|
6149
6124
|
children: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
6150
6125
|
ref: ref,
|
|
6151
|
-
className: classes(
|
|
6126
|
+
className: classes(modules_3a764ea3.root, modules_3a764ea3[color], modules_3a764ea3["border-".concat(border)], shadow ? modules_3a764ea3.shadow : '', modules_3a764ea3["position-".concat(position)]),
|
|
6152
6127
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
6153
|
-
className:
|
|
6128
|
+
className: modules_3a764ea3.left,
|
|
6154
6129
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
6155
|
-
className:
|
|
6130
|
+
className: modules_3a764ea3.icons,
|
|
6156
6131
|
children: showIcon && Icon
|
|
6157
6132
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
6158
|
-
className:
|
|
6133
|
+
className: modules_3a764ea3.content,
|
|
6159
6134
|
children: [/*#__PURE__*/jsxRuntime.jsx("span", {
|
|
6160
|
-
className:
|
|
6135
|
+
className: modules_3a764ea3.title,
|
|
6161
6136
|
children: title
|
|
6162
6137
|
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
6163
|
-
className:
|
|
6138
|
+
className: modules_3a764ea3.description,
|
|
6164
6139
|
children: description
|
|
6165
6140
|
})]
|
|
6166
6141
|
})]
|
|
6167
6142
|
}), (action || close) && /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
6168
|
-
className:
|
|
6143
|
+
className: modules_3a764ea3.actions,
|
|
6169
6144
|
children: [action && /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
6170
6145
|
title: action,
|
|
6171
6146
|
size: "small",
|
|
6172
6147
|
variant: "text",
|
|
6173
6148
|
color: "primary",
|
|
6174
|
-
className:
|
|
6149
|
+
className: modules_3a764ea3.button
|
|
6175
6150
|
}), close && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
6176
6151
|
onClick: toggle,
|
|
6177
|
-
className:
|
|
6152
|
+
className: modules_3a764ea3.close,
|
|
6178
6153
|
children: /*#__PURE__*/jsxRuntime.jsx(Cross$1, {
|
|
6179
|
-
className:
|
|
6154
|
+
className: modules_3a764ea3.icon
|
|
6180
6155
|
})
|
|
6181
6156
|
})]
|
|
6182
6157
|
})]
|
|
@@ -11816,9 +11791,9 @@ process.env.NODE_ENV !== "production" ? Link.propTypes
|
|
|
11816
11791
|
} : void 0;
|
|
11817
11792
|
var Link$1 = Link;
|
|
11818
11793
|
|
|
11819
|
-
var
|
|
11820
|
-
var
|
|
11821
|
-
|
|
11794
|
+
var css$F = ".Breadcrumbs_module_container__7d7f9279 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n width: auto;\n}\n.Breadcrumbs_module_container__7d7f9279 .Breadcrumbs_module_seperator__7d7f9279 {\n width: 1.5rem;\n height: 1.5rem;\n stroke: var(--grey2);\n}\n.Breadcrumbs_module_container__7d7f9279 .Breadcrumbs_module_breadcrumbItem__7d7f9279 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n font-weight: 600;\n font-size: 0.875rem;\n color: var(--grey2);\n}\n.Breadcrumbs_module_container__7d7f9279 .Breadcrumbs_module_breadcrumbItem__7d7f9279.Breadcrumbs_module_active__7d7f9279 {\n color: var(--black);\n}";
|
|
11795
|
+
var modules_651f50a9 = {"container":"Breadcrumbs_module_container__7d7f9279","seperator":"Breadcrumbs_module_seperator__7d7f9279","breadcrumb-item":"Breadcrumbs_module_breadcrumbItem__7d7f9279","active":"Breadcrumbs_module_active__7d7f9279"};
|
|
11796
|
+
n(css$F,{});
|
|
11822
11797
|
|
|
11823
11798
|
var BreadCrumbs = function BreadCrumbs(props) {
|
|
11824
11799
|
var crumbs = props.crumbs,
|
|
@@ -11826,13 +11801,13 @@ var BreadCrumbs = function BreadCrumbs(props) {
|
|
|
11826
11801
|
itemsBeforeCollapse = props.itemsBeforeCollapse,
|
|
11827
11802
|
itemsAfterCollapse = props.itemsAfterCollapse;
|
|
11828
11803
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
11829
|
-
className: classes(
|
|
11804
|
+
className: classes(modules_651f50a9.container),
|
|
11830
11805
|
children: /*#__PURE__*/jsxRuntime.jsx(Breadcrumbs$1, _objectSpread2(_objectSpread2({}, props), {}, {
|
|
11831
11806
|
maxItems: maxItems,
|
|
11832
11807
|
itemsBeforeCollapse: itemsBeforeCollapse,
|
|
11833
11808
|
itemsAfterCollapse: itemsAfterCollapse,
|
|
11834
11809
|
separator: /*#__PURE__*/jsxRuntime.jsx(BreadcrumbSeperator, {
|
|
11835
|
-
className:
|
|
11810
|
+
className: modules_651f50a9.seperator
|
|
11836
11811
|
}),
|
|
11837
11812
|
"aria-label": "breadcrumb",
|
|
11838
11813
|
children: crumbs.map(function (crumb, index) {
|
|
@@ -11842,7 +11817,7 @@ var BreadCrumbs = function BreadCrumbs(props) {
|
|
|
11842
11817
|
underline: "hover",
|
|
11843
11818
|
children: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
11844
11819
|
"data-elem": "breadcrumb-item".concat(active ? '-active' : ''),
|
|
11845
|
-
className: classes(
|
|
11820
|
+
className: classes(modules_651f50a9['breadcrumb-item'], active ? modules_651f50a9.active : ''),
|
|
11846
11821
|
children: getSpacedDisplayName(crumb).replace(/-/g, ' ')
|
|
11847
11822
|
})
|
|
11848
11823
|
}, crumb);
|
|
@@ -14059,7 +14034,7 @@ var languageLoaders = {
|
|
|
14059
14034
|
return Promise.resolve().then(function () { return cssExtras; });
|
|
14060
14035
|
}),
|
|
14061
14036
|
css: createLanguageAsyncLoader("css", function () {
|
|
14062
|
-
return Promise.resolve().then(function () { return css$
|
|
14037
|
+
return Promise.resolve().then(function () { return css$E; });
|
|
14063
14038
|
}),
|
|
14064
14039
|
d: createLanguageAsyncLoader("d", function () {
|
|
14065
14040
|
return Promise.resolve().then(function () { return d; });
|
|
@@ -21342,10 +21317,10 @@ var markup$2 = /*#__PURE__*/_mergeNamespaces({
|
|
|
21342
21317
|
default: markup_1
|
|
21343
21318
|
}, [markup_1]);
|
|
21344
21319
|
|
|
21345
|
-
var css_1 = css$
|
|
21346
|
-
css$
|
|
21347
|
-
css$
|
|
21348
|
-
function css$
|
|
21320
|
+
var css_1 = css$D;
|
|
21321
|
+
css$D.displayName = 'css';
|
|
21322
|
+
css$D.aliases = [];
|
|
21323
|
+
function css$D(Prism) {
|
|
21349
21324
|
(function(Prism) {
|
|
21350
21325
|
var string = /("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;
|
|
21351
21326
|
Prism.languages.css = {
|
|
@@ -21405,7 +21380,7 @@ function css$1(Prism) {
|
|
|
21405
21380
|
})(Prism);
|
|
21406
21381
|
}
|
|
21407
21382
|
|
|
21408
|
-
var css$
|
|
21383
|
+
var css$E = /*#__PURE__*/_mergeNamespaces({
|
|
21409
21384
|
__proto__: null,
|
|
21410
21385
|
default: css_1
|
|
21411
21386
|
}, [css_1]);
|
|
@@ -21571,7 +21546,7 @@ var h = hastscript.exports;
|
|
|
21571
21546
|
var decode$1 = parseEntities_1;
|
|
21572
21547
|
var Prism = prismCore.exports;
|
|
21573
21548
|
var markup = markup_1;
|
|
21574
|
-
var css = css_1;
|
|
21549
|
+
var css$C = css_1;
|
|
21575
21550
|
var clike = clike_1;
|
|
21576
21551
|
var js = javascript_1;
|
|
21577
21552
|
|
|
@@ -21599,7 +21574,7 @@ refract.listLanguages = listLanguages;
|
|
|
21599
21574
|
|
|
21600
21575
|
// Register bundled grammars.
|
|
21601
21576
|
register$1(markup);
|
|
21602
|
-
register$1(css);
|
|
21577
|
+
register$1(css$C);
|
|
21603
21578
|
register$1(clike);
|
|
21604
21579
|
register$1(js);
|
|
21605
21580
|
|
|
@@ -32641,9 +32616,9 @@ var dracula = {
|
|
|
32641
32616
|
numberColor: "#bd93f9"
|
|
32642
32617
|
};
|
|
32643
32618
|
|
|
32644
|
-
var
|
|
32645
|
-
var
|
|
32646
|
-
|
|
32619
|
+
var css$B = ".CodeSnippet_module_root__cea57b34 {\n padding: 0.5rem, 1rem;\n position: relative;\n}\n.CodeSnippet_module_root__cea57b34 .CodeSnippet_module_copy__cea57b34 {\n position: absolute;\n right: 1rem;\n top: 0.5rem;\n cursor: pointer;\n}\n.CodeSnippet_module_root__cea57b34 .CodeSnippet_module_copy__cea57b34 .CodeSnippet_module_icon__cea57b34 {\n width: 1.5rem;\n height: 1.5rem;\n}\n.CodeSnippet_module_root__cea57b34 .CodeSnippet_module_copy__cea57b34 .CodeSnippet_module_icon__cea57b34.CodeSnippet_module_dark__cea57b34 {\n fill: var(--white);\n}\n.CodeSnippet_module_root__cea57b34 .CodeSnippet_module_copy__cea57b34 .CodeSnippet_module_icon__cea57b34.CodeSnippet_module_light__cea57b34 {\n fill: var(--black);\n}\n.CodeSnippet_module_root__cea57b34 .CodeSnippet_module_copy__cea57b34 .CodeSnippet_module_notCopied__cea57b34 {\n display: none;\n}\n.CodeSnippet_module_root__cea57b34 .CodeSnippet_module_copy__cea57b34 .CodeSnippet_module_copied__cea57b34 {\n position: absolute;\n right: 1.375rem;\n top: 2.188rem;\n padding: 0.5rem;\n border-radius: 0.25rem;\n background-color: var(--highlight);\n color: var(--grey10);\n}";
|
|
32620
|
+
var modules_c548043f = {"root":"CodeSnippet_module_root__cea57b34","copy":"CodeSnippet_module_copy__cea57b34","icon":"CodeSnippet_module_icon__cea57b34","dark":"CodeSnippet_module_dark__cea57b34","light":"CodeSnippet_module_light__cea57b34","notCopied":"CodeSnippet_module_notCopied__cea57b34","copied":"CodeSnippet_module_copied__cea57b34"};
|
|
32621
|
+
n(css$B,{});
|
|
32647
32622
|
|
|
32648
32623
|
var CodeSnippet = function CodeSnippet(props) {
|
|
32649
32624
|
var copy = props.copy,
|
|
@@ -32665,7 +32640,7 @@ var CodeSnippet = function CodeSnippet(props) {
|
|
|
32665
32640
|
setCopiedState(true);
|
|
32666
32641
|
};
|
|
32667
32642
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
32668
|
-
className:
|
|
32643
|
+
className: modules_c548043f.root,
|
|
32669
32644
|
children: [/*#__PURE__*/jsxRuntime.jsx(ThemedCodeBlock, {
|
|
32670
32645
|
text: code,
|
|
32671
32646
|
language: language,
|
|
@@ -32675,12 +32650,12 @@ var CodeSnippet = function CodeSnippet(props) {
|
|
|
32675
32650
|
codeBlock: true,
|
|
32676
32651
|
wrapLines: true
|
|
32677
32652
|
}), copy && /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
32678
|
-
className:
|
|
32653
|
+
className: modules_c548043f.copy,
|
|
32679
32654
|
onClick: onCopy,
|
|
32680
32655
|
children: [/*#__PURE__*/jsxRuntime.jsx(Copy, {
|
|
32681
|
-
className: classes(
|
|
32656
|
+
className: classes(modules_c548043f.icon, theme === 'dark' ? modules_c548043f.dark : modules_c548043f.light)
|
|
32682
32657
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
32683
|
-
className: copiedState ?
|
|
32658
|
+
className: copiedState ? modules_c548043f.copied : modules_c548043f.notCopied,
|
|
32684
32659
|
children: copiedState ? 'Copied' : ''
|
|
32685
32660
|
})]
|
|
32686
32661
|
})]
|
|
@@ -33527,51 +33502,51 @@ function sub$1(date, duration) {
|
|
|
33527
33502
|
return finalDate;
|
|
33528
33503
|
}
|
|
33529
33504
|
|
|
33530
|
-
var
|
|
33531
|
-
var
|
|
33532
|
-
|
|
33505
|
+
var css$A = ".Header_module_container__26bf5a9c {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 0rem 1.5625rem;\n}\n.Header_module_container__26bf5a9c .Header_module_title__26bf5a9c {\n font-weight: 400;\n font-size: 0.8rem;\n color: var(--black);\n}\n.Header_module_container__26bf5a9c .Header_module_icon__26bf5a9c {\n width: 1.5rem;\n height: 1.5rem;\n stroke: #181818;\n cursor: pointer;\n}";
|
|
33506
|
+
var modules_cf337dc1 = {"container":"Header_module_container__26bf5a9c","title":"Header_module_title__26bf5a9c","icon":"Header_module_icon__26bf5a9c"};
|
|
33507
|
+
n(css$A,{});
|
|
33533
33508
|
|
|
33534
33509
|
var Header = function Header(props) {
|
|
33535
33510
|
var selectedMonth = props.selectedMonth,
|
|
33536
33511
|
onMonthChange = props.onMonthChange;
|
|
33537
33512
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
33538
|
-
className:
|
|
33513
|
+
className: modules_cf337dc1.container,
|
|
33539
33514
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
33540
33515
|
onClick: function onClick() {
|
|
33541
33516
|
onMonthChange('prev');
|
|
33542
33517
|
},
|
|
33543
|
-
className:
|
|
33518
|
+
className: modules_cf337dc1['left-arrow'],
|
|
33544
33519
|
children: /*#__PURE__*/jsxRuntime.jsx(Chevron, {
|
|
33545
|
-
className: classes(
|
|
33520
|
+
className: classes(modules_cf337dc1.icon),
|
|
33546
33521
|
position: "left"
|
|
33547
33522
|
})
|
|
33548
33523
|
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
33549
|
-
className:
|
|
33524
|
+
className: modules_cf337dc1.title,
|
|
33550
33525
|
children: "".concat(selectedMonth.month, " ").concat(selectedMonth.year)
|
|
33551
33526
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
33552
33527
|
onClick: function onClick() {
|
|
33553
33528
|
onMonthChange('next');
|
|
33554
33529
|
},
|
|
33555
|
-
className:
|
|
33530
|
+
className: modules_cf337dc1['right-arrow'],
|
|
33556
33531
|
children: /*#__PURE__*/jsxRuntime.jsx(Chevron, {
|
|
33557
|
-
className: classes(
|
|
33532
|
+
className: classes(modules_cf337dc1.icon),
|
|
33558
33533
|
position: "right"
|
|
33559
33534
|
})
|
|
33560
33535
|
})]
|
|
33561
33536
|
});
|
|
33562
33537
|
};
|
|
33563
33538
|
|
|
33564
|
-
var
|
|
33565
|
-
var
|
|
33566
|
-
|
|
33539
|
+
var css$z = ".Calender_module_root__5221cce4 {\n padding: 1rem 0rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}";
|
|
33540
|
+
var modules_3722b5cd = {"root":"Calender_module_root__5221cce4"};
|
|
33541
|
+
n(css$z,{});
|
|
33567
33542
|
|
|
33568
|
-
var
|
|
33569
|
-
var
|
|
33570
|
-
|
|
33543
|
+
var css$y = ".Body_module_root__85b1b679 {\n padding: 0.5rem 0.5rem;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: stretch;\n}";
|
|
33544
|
+
var modules_e6b80d99 = {"root":"Body_module_root__85b1b679"};
|
|
33545
|
+
n(css$y,{});
|
|
33571
33546
|
|
|
33572
|
-
var
|
|
33573
|
-
var
|
|
33574
|
-
|
|
33547
|
+
var css$x = ".Dates_module_dates__e3e1fc43 {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n align-items: center;\n flex-wrap: wrap;\n}\n.Dates_module_dates__e3e1fc43 div {\n flex-basis: 14.28%;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n margin-bottom: 0.25rem;\n cursor: pointer;\n align-self: center;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.Dates_module_dates__e3e1fc43 div .Dates_module_date__e3e1fc43 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n text-align: center;\n vertical-align: middle;\n border-radius: 1.5rem;\n height: 2.5rem;\n width: 2.5rem;\n font-weight: 400;\n font-size: 0.875rem;\n color: var(--black);\n}\n.Dates_module_dates__e3e1fc43 div .Dates_module_selected__e3e1fc43 {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Dates_module_dates__e3e1fc43 div .Dates_module_unSelected__e3e1fc43 {\n background-color: var(--white);\n border-color: var(--highlight);\n border-width: 0.125rem;\n border-style: solid;\n color: var(--black);\n}\n.Dates_module_dates__e3e1fc43 div .Dates_module_disabled__e3e1fc43 {\n border-radius: 1.5rem;\n color: var(--grey2);\n}\n.Dates_module_dates__e3e1fc43 div .Dates_module_diffMonth__e3e1fc43 {\n opacity: 0.6;\n}\n.Dates_module_dates__e3e1fc43 div:hover .Dates_module_date__e3e1fc43 {\n background: var(--background);\n color: var(--highlight);\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n}\n.Dates_module_dates__e3e1fc43 div:hover .Dates_module_selected__e3e1fc43 {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Dates_module_dates__e3e1fc43 div:hover .Dates_module_disabled__e3e1fc43 {\n background: transparent;\n box-shadow: none;\n border-radius: 1.5rem;\n color: var(--grey2);\n}\n.Dates_module_dates__e3e1fc43 .Dates_module_minInRange__e3e1fc43 {\n background-color: var(--highlight);\n border-radius: 1.5rem 0rem 0rem 1.5rem;\n}\n.Dates_module_dates__e3e1fc43 .Dates_module_minInRange__e3e1fc43 .Dates_module_date__e3e1fc43 {\n color: var(--white);\n}\n.Dates_module_dates__e3e1fc43 .Dates_module_minInRange__e3e1fc43:hover .Dates_module_date__e3e1fc43 {\n background: var(--highlight);\n color: var(--white);\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n}\n.Dates_module_dates__e3e1fc43 .Dates_module_maxInRange__e3e1fc43 {\n background-color: var(--highlight);\n border-radius: 0rem 1.5rem 1.5rem 0rem;\n}\n.Dates_module_dates__e3e1fc43 .Dates_module_maxInRange__e3e1fc43 .Dates_module_date__e3e1fc43 {\n color: var(--white);\n}\n.Dates_module_dates__e3e1fc43 .Dates_module_maxInRange__e3e1fc43:hover .Dates_module_date__e3e1fc43 {\n background: var(--highlight);\n color: var(--white);\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n}\n.Dates_module_dates__e3e1fc43 .Dates_module_midInRange__e3e1fc43 {\n background: var(--background);\n border-radius: 0rem;\n}\n.Dates_module_dates__e3e1fc43 .Dates_module_midInRange__e3e1fc43 .Dates_module_date__e3e1fc43 {\n color: var(--highlight);\n}\n.Dates_module_dates__e3e1fc43 .Dates_module_firstHovered__e3e1fc43 {\n background: var(--background);\n border-radius: 0rem 1.5rem 1.5rem 0rem;\n}\n.Dates_module_dates__e3e1fc43 .Dates_module_firstHovered__e3e1fc43 .Dates_module_date__e3e1fc43 {\n color: var(--highlight);\n}\n.Dates_module_dates__e3e1fc43 .Dates_module_lastHovered__e3e1fc43 {\n background: var(--background);\n border-radius: 1.5rem 0rem 0rem 1.5rem;\n}\n.Dates_module_dates__e3e1fc43 .Dates_module_lastHovered__e3e1fc43 .Dates_module_date__e3e1fc43 {\n color: var(--highlight);\n}";
|
|
33548
|
+
var modules_b02dadcc = {"dates":"Dates_module_dates__e3e1fc43","date":"Dates_module_date__e3e1fc43","selected":"Dates_module_selected__e3e1fc43","unSelected":"Dates_module_unSelected__e3e1fc43","disabled":"Dates_module_disabled__e3e1fc43","diffMonth":"Dates_module_diffMonth__e3e1fc43","minInRange":"Dates_module_minInRange__e3e1fc43","maxInRange":"Dates_module_maxInRange__e3e1fc43","midInRange":"Dates_module_midInRange__e3e1fc43","first-hovered":"Dates_module_firstHovered__e3e1fc43","last-hovered":"Dates_module_lastHovered__e3e1fc43"};
|
|
33549
|
+
n(css$x,{});
|
|
33575
33550
|
|
|
33576
33551
|
var getDatesOfLastWeekOfLastMonth = function getDatesOfLastWeekOfLastMonth(_ref) {
|
|
33577
33552
|
var monthAsNumber = _ref.monthAsNumber,
|
|
@@ -33773,7 +33748,7 @@ var Dates = function Dates(props) {
|
|
|
33773
33748
|
return (disableDatesAfter === null || disableDatesAfter === void 0 ? void 0 : disableDatesAfter.length) > 0 && isAfter(date, fromUnixTime(disableDatesAfter));
|
|
33774
33749
|
};
|
|
33775
33750
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
33776
|
-
className:
|
|
33751
|
+
className: modules_b02dadcc.dates,
|
|
33777
33752
|
children: datesToDisplay.map(function (date) {
|
|
33778
33753
|
var _selectedRange$unix2;
|
|
33779
33754
|
var dateNumber = date === null || date === void 0 ? void 0 : date.getDate();
|
|
@@ -33797,8 +33772,8 @@ var Dates = function Dates(props) {
|
|
|
33797
33772
|
} else {
|
|
33798
33773
|
isMidItem = isBefore(date, fromUnixTime(lastItem)) && isAfter(date, fromUnixTime(firstItem).setHours(23, 59, 59, 59));
|
|
33799
33774
|
}
|
|
33800
|
-
var parentClassNames = classes(isMidItem ?
|
|
33801
|
-
var childClassNames = classes(date ?
|
|
33775
|
+
var parentClassNames = classes(isMidItem ? modules_b02dadcc.midInRange : '', isFirstItem ? isHoveringBeforeSelectedDate ? modules_b02dadcc.maxInRange : modules_b02dadcc.minInRange : '', isLastItem ? modules_b02dadcc.maxInRange : '', isLastItemHovered ? modules_b02dadcc['first-hovered'] : '', isFirstItemHovered ? modules_b02dadcc['last-hovered'] : '');
|
|
33776
|
+
var childClassNames = classes(date ? modules_b02dadcc.date : '', selectedSingleDate ? modules_b02dadcc.selected : '', isUnSelected ? modules_b02dadcc.unSelected : '', notSameMonth ? modules_b02dadcc.diffMonth : '', isDisabled ? modules_b02dadcc.disabled : '');
|
|
33802
33777
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
33803
33778
|
className: parentClassNames,
|
|
33804
33779
|
onClick: function onClick() {
|
|
@@ -33818,14 +33793,14 @@ var Dates = function Dates(props) {
|
|
|
33818
33793
|
});
|
|
33819
33794
|
};
|
|
33820
33795
|
|
|
33821
|
-
var
|
|
33822
|
-
var
|
|
33823
|
-
|
|
33796
|
+
var css$w = ".Days_module_days__0d7923fd {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n text-align: center;\n}\n.Days_module_days__0d7923fd span {\n padding: 0.75rem 0.5rem;\n font-weight: 500;\n font-size: 0.875rem;\n color: black;\n flex-basis: 14.28%;\n}";
|
|
33797
|
+
var modules_82c45006 = {"days":"Days_module_days__0d7923fd"};
|
|
33798
|
+
n(css$w,{});
|
|
33824
33799
|
|
|
33825
33800
|
var Days = function Days() {
|
|
33826
33801
|
var daysInWeek = DAYS;
|
|
33827
33802
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
33828
|
-
className:
|
|
33803
|
+
className: modules_82c45006.days,
|
|
33829
33804
|
children: daysInWeek.map(function (day) {
|
|
33830
33805
|
return /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
33831
33806
|
children: day
|
|
@@ -33836,14 +33811,14 @@ var Days = function Days() {
|
|
|
33836
33811
|
|
|
33837
33812
|
var Body = function Body(props) {
|
|
33838
33813
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
33839
|
-
className:
|
|
33814
|
+
className: modules_e6b80d99.root,
|
|
33840
33815
|
children: [/*#__PURE__*/jsxRuntime.jsx(Days, {}), /*#__PURE__*/jsxRuntime.jsx(Dates, _objectSpread2({}, props))]
|
|
33841
33816
|
});
|
|
33842
33817
|
};
|
|
33843
33818
|
|
|
33844
|
-
var
|
|
33845
|
-
var
|
|
33846
|
-
|
|
33819
|
+
var css$v = ".Footer_module_root__a02ecfd8 {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: stretch;\n margin-inline: 1rem;\n}\n.Footer_module_root__a02ecfd8 .Footer_module_apply__a02ecfd8 {\n margin-top: 0.5rem;\n width: 100%;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.Footer_module_selectedDate__a02ecfd8 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 1.125rem;\n background: var(--white);\n border: 0.0625rem solid var(--grey4);\n border-radius: 0.25rem;\n padding: 0.3rem 0rem 0.3rem 1rem;\n}\n.Footer_module_selectedDate__a02ecfd8 .Footer_module_date__a02ecfd8 {\n font-weight: 500;\n font-size: 0.875rem;\n line-height: 1.3125rem;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.Footer_module_selectedDate__a02ecfd8 .Footer_module_date__a02ecfd8 .Footer_module_cross__a02ecfd8 {\n width: 1.5rem;\n height: 1.5rem;\n}\n.Footer_module_selectedDate__a02ecfd8 .Footer_module_date__a02ecfd8 .Footer_module_value__a02ecfd8 {\n font-weight: 400;\n padding-right: 0.7rem;\n border-right: 1px var(--grey3) solid;\n}\n\n.Footer_module_dateRanges__a02ecfd8 {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: stretch;\n margin-top: 0.5rem;\n}\n.Footer_module_dateRanges__a02ecfd8 .Footer_module_dateRange__a02ecfd8 {\n display: flex;\n align-items: center;\n padding: 0.875rem 1rem;\n gap: 1.125rem;\n cursor: pointer;\n}\n.Footer_module_dateRanges__a02ecfd8 .Footer_module_dateRange__a02ecfd8:hover {\n background-color: var(--background);\n}\n.Footer_module_dateRanges__a02ecfd8 .Footer_module_dateRange__a02ecfd8 span {\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.3125rem;\n color: var(--black);\n}\n.Footer_module_dateRanges__a02ecfd8 .Footer_module_selected__a02ecfd8 {\n background-color: var(--background);\n}";
|
|
33820
|
+
var modules_b490bd5d = {"root":"Footer_module_root__a02ecfd8","apply":"Footer_module_apply__a02ecfd8","selected-date":"Footer_module_selectedDate__a02ecfd8","date":"Footer_module_date__a02ecfd8","cross":"Footer_module_cross__a02ecfd8","value":"Footer_module_value__a02ecfd8","date-ranges":"Footer_module_dateRanges__a02ecfd8","date-range":"Footer_module_dateRange__a02ecfd8","selected":"Footer_module_selected__a02ecfd8"};
|
|
33821
|
+
n(css$v,{});
|
|
33847
33822
|
|
|
33848
33823
|
var getDateAndUnixRange = function getDateAndUnixRange(duration) {
|
|
33849
33824
|
var startingDate = sub$1(new Date(), duration);
|
|
@@ -33879,11 +33854,11 @@ var SelectedDateView = function SelectedDateView(props) {
|
|
|
33879
33854
|
action = props.action,
|
|
33880
33855
|
Icon = props.icon;
|
|
33881
33856
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
33882
|
-
className:
|
|
33857
|
+
className: modules_b490bd5d['selected-date'],
|
|
33883
33858
|
children: [/*#__PURE__*/jsxRuntime.jsx(Calender$1, {}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
33884
|
-
className:
|
|
33859
|
+
className: modules_b490bd5d.date,
|
|
33885
33860
|
children: [/*#__PURE__*/jsxRuntime.jsx("span", {
|
|
33886
|
-
className: classes(
|
|
33861
|
+
className: classes(modules_b490bd5d.value),
|
|
33887
33862
|
children: value
|
|
33888
33863
|
}), /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
33889
33864
|
size: "auto",
|
|
@@ -33920,13 +33895,13 @@ var Footer = function Footer(props) {
|
|
|
33920
33895
|
setSelectedRange({});
|
|
33921
33896
|
};
|
|
33922
33897
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
33923
|
-
className:
|
|
33898
|
+
className: modules_b490bd5d.root,
|
|
33924
33899
|
children: [datesSelected && (dates === null || dates === void 0 ? void 0 : dates.length) === 2 ? /*#__PURE__*/jsxRuntime.jsx(SelectedDateView, {
|
|
33925
33900
|
range: true,
|
|
33926
33901
|
value: "".concat(selectedRange.dates[0], " - ").concat(selectedRange.dates[1]),
|
|
33927
33902
|
icon: function icon() {
|
|
33928
33903
|
return /*#__PURE__*/jsxRuntime.jsx(Cross$1, {
|
|
33929
|
-
className:
|
|
33904
|
+
className: modules_b490bd5d.cross
|
|
33930
33905
|
});
|
|
33931
33906
|
},
|
|
33932
33907
|
action: clearRangeSelection
|
|
@@ -33937,14 +33912,14 @@ var Footer = function Footer(props) {
|
|
|
33937
33912
|
},
|
|
33938
33913
|
action: resetDate
|
|
33939
33914
|
}), range && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
33940
|
-
className:
|
|
33915
|
+
className: modules_b490bd5d['date-ranges'],
|
|
33941
33916
|
children: dateRanges.map(function (_ref) {
|
|
33942
33917
|
var _selectedRange$unix;
|
|
33943
33918
|
var dateRange = _ref.dateRange,
|
|
33944
33919
|
title = _ref.title;
|
|
33945
33920
|
var selectedFixedDateRange = dateRange.unix.toString() === ((_selectedRange$unix = selectedRange.unix) === null || _selectedRange$unix === void 0 ? void 0 : _selectedRange$unix.toString());
|
|
33946
33921
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
33947
|
-
className: classes(
|
|
33922
|
+
className: classes(modules_b490bd5d['date-range'], selectedFixedDateRange ? modules_b490bd5d.selected : ''),
|
|
33948
33923
|
onClick: function onClick() {
|
|
33949
33924
|
selectFixedDateRange(dateRange);
|
|
33950
33925
|
},
|
|
@@ -33956,7 +33931,7 @@ var Footer = function Footer(props) {
|
|
|
33956
33931
|
}), datesSelected && /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
33957
33932
|
onClick: onApply,
|
|
33958
33933
|
title: "Apply",
|
|
33959
|
-
className:
|
|
33934
|
+
className: modules_b490bd5d.apply
|
|
33960
33935
|
})]
|
|
33961
33936
|
});
|
|
33962
33937
|
};
|
|
@@ -34051,7 +34026,7 @@ var Calender = function Calender(props) {
|
|
|
34051
34026
|
}
|
|
34052
34027
|
};
|
|
34053
34028
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
34054
|
-
className:
|
|
34029
|
+
className: modules_3722b5cd.root,
|
|
34055
34030
|
children: [/*#__PURE__*/jsxRuntime.jsx(Header, {
|
|
34056
34031
|
selectedMonth: selectedMonth,
|
|
34057
34032
|
onMonthChange: onMonthChange
|
|
@@ -34077,9 +34052,9 @@ var Calender = function Calender(props) {
|
|
|
34077
34052
|
});
|
|
34078
34053
|
};
|
|
34079
34054
|
|
|
34080
|
-
var
|
|
34081
|
-
var
|
|
34082
|
-
|
|
34055
|
+
var css$u = ".DatePicker_module_root__a549d7a9 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n gap: 0.5rem;\n max-width: 100%;\n width: 25%;\n overflow: visible;\n}\n.DatePicker_module_root__a549d7a9 .DatePicker_module_label__a549d7a9 {\n font-weight: 400;\n font-size: 0.75rem;\n color: var(--black);\n}\n.DatePicker_module_root__a549d7a9 .DatePicker_module_container__a549d7a9 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n position: relative;\n background: transparent;\n border: 0.0625rem solid #d9d9d9;\n border-radius: 0.25rem;\n width: auto;\n border: 0.0625rem solid var(--grey5);\n padding: 0.75rem 1rem;\n cursor: pointer;\n}\n.DatePicker_module_root__a549d7a9 .DatePicker_module_container__a549d7a9 > div {\n display: flex;\n align-items: center;\n}\n.DatePicker_module_root__a549d7a9 .DatePicker_module_container__a549d7a9 .DatePicker_module_placeholder__a549d7a9 {\n font-weight: 400;\n font-size: 1rem;\n color: var(--grey1);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n margin-left: 0.9375rem;\n}\n.DatePicker_module_root__a549d7a9 .DatePicker_module_container__a549d7a9 .DatePicker_module_value__a549d7a9 {\n font-weight: 400;\n font-size: 1rem;\n color: var(--black);\n margin-left: 0.9375rem;\n}\n.DatePicker_module_root__a549d7a9 .DatePicker_module_container__a549d7a9 .DatePicker_module_value__a549d7a9 span {\n font-weight: 500;\n}\n.DatePicker_module_root__a549d7a9 .DatePicker_module_container__a549d7a9 .DatePicker_module_input__a549d7a9 {\n display: none;\n}\n.DatePicker_module_root__a549d7a9 .DatePicker_module_container__a549d7a9 .DatePicker_module_icon__a549d7a9 {\n width: 1.5rem;\n height: 1.5rem;\n stroke: #181818;\n}\n.DatePicker_module_root__a549d7a9 .DatePicker_module_container__a549d7a9 .DatePicker_module_down__a549d7a9 {\n transform: rotate(270deg);\n}\n.DatePicker_module_root__a549d7a9 .DatePicker_module_container__a549d7a9 .DatePicker_module_up__a549d7a9 {\n transform: rotate(90deg);\n}\n.DatePicker_module_root__a549d7a9 .DatePicker_module_disabled__a549d7a9 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n position: relative;\n background: var(--grey10);\n border: 0.0625rem solid #d9d9d9;\n border-radius: 0.25rem;\n border: 0.0625rem solid var(--grey5);\n padding: 0.75rem 1rem;\n cursor: pointer;\n}\n.DatePicker_module_root__a549d7a9 .DatePicker_module_disabled__a549d7a9 .DatePicker_module_downArrow__a549d7a9 {\n transform: rotate(270deg);\n fill: var(--grey3);\n}\n.DatePicker_module_root__a549d7a9 .DatePicker_module_disabled__a549d7a9 .DatePicker_module_placeholder__a549d7a9 {\n font-weight: 400;\n font-size: 1rem;\n color: var(--grey3);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.DatePicker_module_root__a549d7a9.DatePicker_module_open__a549d7a9 {\n border-color: var(--highlight);\n}\n.DatePicker_module_root__a549d7a9 .DatePicker_module_error__a549d7a9 {\n border: 0.0938rem solid var(--error);\n}\n.DatePicker_module_root__a549d7a9 .DatePicker_module_errorText__a549d7a9 {\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 0.9375rem;\n color: var(--error);\n}\n\n.DatePicker_module_popper__a549d7a9 {\n display: none;\n background: var(--white);\n border: 0.0625rem solid #d9d9d9;\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n border-radius: 0.25rem;\n overflow: auto;\n}\n.DatePicker_module_popper__a549d7a9.DatePicker_module_open__a549d7a9 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n position: absolute;\n}";
|
|
34056
|
+
var modules_5b831cd1 = {"root":"DatePicker_module_root__a549d7a9","label":"DatePicker_module_label__a549d7a9","container":"DatePicker_module_container__a549d7a9","placeholder":"DatePicker_module_placeholder__a549d7a9","value":"DatePicker_module_value__a549d7a9","input":"DatePicker_module_input__a549d7a9","icon":"DatePicker_module_icon__a549d7a9","down":"DatePicker_module_down__a549d7a9","up":"DatePicker_module_up__a549d7a9","disabled":"DatePicker_module_disabled__a549d7a9","down-arrow":"DatePicker_module_downArrow__a549d7a9","open":"DatePicker_module_open__a549d7a9","error":"DatePicker_module_error__a549d7a9","error-text":"DatePicker_module_errorText__a549d7a9","popper":"DatePicker_module_popper__a549d7a9"};
|
|
34057
|
+
n(css$u,{});
|
|
34083
34058
|
|
|
34084
34059
|
var isMaxRangeExceeded = function isMaxRangeExceeded(_ref) {
|
|
34085
34060
|
var maxRange = _ref.maxRange,
|
|
@@ -34217,35 +34192,35 @@ var DatePicker = function DatePicker(props) {
|
|
|
34217
34192
|
disableDatesBefore: disableDatesBefore
|
|
34218
34193
|
};
|
|
34219
34194
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
34220
|
-
className: classes(
|
|
34195
|
+
className: classes(modules_5b831cd1.root, className),
|
|
34221
34196
|
ref: datePickerRef,
|
|
34222
34197
|
children: [label && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
34223
|
-
className:
|
|
34198
|
+
className: modules_5b831cd1.label,
|
|
34224
34199
|
children: label
|
|
34225
34200
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread2(_objectSpread2({
|
|
34226
34201
|
"data-elem": "header",
|
|
34227
34202
|
ref: reference,
|
|
34228
|
-
className: classes(
|
|
34203
|
+
className: classes(modules_5b831cd1.container, disabled ? modules_5b831cd1.disabled : '', open ? modules_5b831cd1.open : '', error ? modules_5b831cd1.error : '')
|
|
34229
34204
|
}, getReferenceProps()), {}, {
|
|
34230
34205
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
34231
34206
|
children: [/*#__PURE__*/jsxRuntime.jsx(Calender$1, {}), !displayValue && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
34232
|
-
className:
|
|
34207
|
+
className: modules_5b831cd1.placeholder,
|
|
34233
34208
|
children: placeholder
|
|
34234
34209
|
}), displayValue && /*#__PURE__*/jsxRuntime.jsxs("span", {
|
|
34235
|
-
className:
|
|
34210
|
+
className: modules_5b831cd1.value,
|
|
34236
34211
|
children: ["Selected Date: ", /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
34237
34212
|
children: displayValue
|
|
34238
34213
|
})]
|
|
34239
34214
|
})]
|
|
34240
34215
|
}), /*#__PURE__*/jsxRuntime.jsx("input", {
|
|
34241
|
-
className:
|
|
34216
|
+
className: modules_5b831cd1.input,
|
|
34242
34217
|
value: displayValue
|
|
34243
34218
|
}), /*#__PURE__*/jsxRuntime.jsx(Chevron, {
|
|
34244
|
-
className: classes(
|
|
34219
|
+
className: classes(modules_5b831cd1.icon),
|
|
34245
34220
|
position: open ? 'bottom' : 'top'
|
|
34246
34221
|
})]
|
|
34247
34222
|
})), error && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
34248
|
-
className:
|
|
34223
|
+
className: modules_5b831cd1['error-text'],
|
|
34249
34224
|
children: error
|
|
34250
34225
|
}), /*#__PURE__*/jsxRuntime.jsx(Popper, {
|
|
34251
34226
|
open: open,
|
|
@@ -34264,7 +34239,7 @@ var DatePicker = function DatePicker(props) {
|
|
|
34264
34239
|
left: x !== null && x !== void 0 ? x : 0
|
|
34265
34240
|
}
|
|
34266
34241
|
})), {}, {
|
|
34267
|
-
className: classes(
|
|
34242
|
+
className: classes(modules_5b831cd1.popper, open ? modules_5b831cd1.open : ''),
|
|
34268
34243
|
children: /*#__PURE__*/jsxRuntime.jsx(Calender, _objectSpread2({}, calenderProps))
|
|
34269
34244
|
}))
|
|
34270
34245
|
})]
|
|
@@ -34300,9 +34275,9 @@ DatePicker.defaultProps = {
|
|
|
34300
34275
|
disableDatesAfter: []
|
|
34301
34276
|
};
|
|
34302
34277
|
|
|
34303
|
-
var
|
|
34304
|
-
var
|
|
34305
|
-
|
|
34278
|
+
var css$t = ".HierarchyItem_module_root__d7b2e7cd {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n flex: 1;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.25rem;\n min-height: 2rem;\n height: auto;\n padding: 0.25rem;\n cursor: pointer;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd > [data-elem=component1], .HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd > [data-elem=component3] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd > [data-elem=component1] .HierarchyItem_module_icon__d7b2e7cd, .HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd > [data-elem=component3] .HierarchyItem_module_icon__d7b2e7cd {\n transform: rotate(-90deg);\n width: 1rem;\n height: 1rem;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd > [data-elem=component2] {\n flex: 1 1 auto;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd > [data-elem=component2] .HierarchyItem_module_title__d7b2e7cd {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd:hover {\n background: var(--background);\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd:hover .HierarchyItem_module_icon__d7b2e7cd,\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd:hover .HierarchyItem_module_title__d7b2e7cd,\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd:hover .HierarchyItem_module_title__d7b2e7cd svg {\n color: var(--highlight);\n fill: var(--highlight);\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_body__d7b2e7cd {\n display: none;\n flex: 1 0 auto;\n padding: 0px 0rem 0px 0.25rem;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_body__d7b2e7cd > [data-elem=component1] {\n flex: 0 0 1.6rem;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_body__d7b2e7cd > [data-elem=component1] .HierarchyItem_module_tail__d7b2e7cd {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n width: 1.6rem;\n height: 100%;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_body__d7b2e7cd > [data-elem=component1] .HierarchyItem_module_tail__d7b2e7cd::after {\n content: \"\";\n display: block;\n margin: auto;\n width: 1px;\n flex: 1;\n background: var(--grey1);\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_body__d7b2e7cd > [data-elem=component2] {\n flex: 1 0 auto;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_body__d7b2e7cd > [data-elem=component2] .HierarchyItem_module_children__d7b2e7cd {\n flex: 1 0 auto;\n}\n.HierarchyItem_module_root__d7b2e7cd.HierarchyItem_module_open__d7b2e7cd > .HierarchyItem_module_header__d7b2e7cd .HierarchyItem_module_icon__d7b2e7cd {\n transform: none;\n}\n.HierarchyItem_module_root__d7b2e7cd.HierarchyItem_module_open__d7b2e7cd > .HierarchyItem_module_body__d7b2e7cd {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: stretch;\n gap: 0.25rem;\n height: auto;\n}";
|
|
34279
|
+
var modules_6d03d164 = {"root":"HierarchyItem_module_root__d7b2e7cd","header":"HierarchyItem_module_header__d7b2e7cd","icon":"HierarchyItem_module_icon__d7b2e7cd","title":"HierarchyItem_module_title__d7b2e7cd","body":"HierarchyItem_module_body__d7b2e7cd","tail":"HierarchyItem_module_tail__d7b2e7cd","children":"HierarchyItem_module_children__d7b2e7cd","open":"HierarchyItem_module_open__d7b2e7cd"};
|
|
34280
|
+
n(css$t,{});
|
|
34306
34281
|
|
|
34307
34282
|
var HierarchyItem = function HierarchyItem(props) {
|
|
34308
34283
|
var defaultOpen = props.defaultOpen,
|
|
@@ -34315,12 +34290,12 @@ var HierarchyItem = function HierarchyItem(props) {
|
|
|
34315
34290
|
open = _useState2[0],
|
|
34316
34291
|
setOpen = _useState2[1];
|
|
34317
34292
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
34318
|
-
className: classes(
|
|
34293
|
+
className: classes(modules_6d03d164.root, open ? modules_6d03d164.open : ''),
|
|
34319
34294
|
children: [/*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
34320
34295
|
flexible: true,
|
|
34321
34296
|
size: "auto",
|
|
34322
34297
|
rootDOM: "button",
|
|
34323
|
-
className:
|
|
34298
|
+
className: modules_6d03d164.header,
|
|
34324
34299
|
attrs: {
|
|
34325
34300
|
onClick: function onClick() {
|
|
34326
34301
|
setOpen(function (prevState) {
|
|
@@ -34331,23 +34306,23 @@ var HierarchyItem = function HierarchyItem(props) {
|
|
|
34331
34306
|
}
|
|
34332
34307
|
},
|
|
34333
34308
|
component1: iconPlacement === 'left' && /*#__PURE__*/jsxRuntime.jsx(Caret, {
|
|
34334
|
-
className:
|
|
34309
|
+
className: modules_6d03d164.icon
|
|
34335
34310
|
}),
|
|
34336
34311
|
component2: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
34337
|
-
className:
|
|
34312
|
+
className: modules_6d03d164.title,
|
|
34338
34313
|
children: title
|
|
34339
34314
|
}),
|
|
34340
34315
|
component3: iconPlacement === 'right' && /*#__PURE__*/jsxRuntime.jsx(Caret, {
|
|
34341
|
-
className:
|
|
34316
|
+
className: modules_6d03d164.icon
|
|
34342
34317
|
})
|
|
34343
34318
|
}), /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
34344
34319
|
size: "auto",
|
|
34345
|
-
className:
|
|
34320
|
+
className: modules_6d03d164.body,
|
|
34346
34321
|
component1: /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
34347
|
-
className:
|
|
34322
|
+
className: modules_6d03d164.tail
|
|
34348
34323
|
}),
|
|
34349
34324
|
component2: /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
34350
|
-
className:
|
|
34325
|
+
className: modules_6d03d164.children,
|
|
34351
34326
|
children: children
|
|
34352
34327
|
})
|
|
34353
34328
|
})]
|
|
@@ -34366,9 +34341,9 @@ HierarchyItem.defaultProps = {
|
|
|
34366
34341
|
onClick: function onClick() {}
|
|
34367
34342
|
};
|
|
34368
34343
|
|
|
34369
|
-
var
|
|
34370
|
-
var
|
|
34371
|
-
|
|
34344
|
+
var css$s = ".HierarchyBrowser_module_root__649d3da2 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n width: 20rem;\n position: relative;\n}\n.HierarchyBrowser_module_root__649d3da2 .HierarchyBrowser_module_header__649d3da2 {\n padding: 0.5rem;\n background: var(--dark-grey);\n color: var(--white);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.HierarchyBrowser_module_root__649d3da2 .HierarchyBrowser_module_body__649d3da2 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n overflow: auto;\n}\n.HierarchyBrowser_module_root__649d3da2 .HierarchyBrowser_module_item__649d3da2 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.25rem;\n}\n.HierarchyBrowser_module_root__649d3da2 .HierarchyBrowser_module_item__649d3da2 .HierarchyBrowser_module_itemIcon__649d3da2 {\n width: 1rem;\n}\n.HierarchyBrowser_module_root__649d3da2::after {\n position: absolute;\n right: 0;\n content: \"\";\n width: 1px;\n height: 100%;\n background: var(--grey4);\n}\n.HierarchyBrowser_module_root__649d3da2.HierarchyBrowser_module_resizable__649d3da2:hover::after {\n width: 3px;\n cursor: col-resize;\n}";
|
|
34345
|
+
var modules_5e29d515 = {"root":"HierarchyBrowser_module_root__649d3da2","header":"HierarchyBrowser_module_header__649d3da2","body":"HierarchyBrowser_module_body__649d3da2","item":"HierarchyBrowser_module_item__649d3da2","item-icon":"HierarchyBrowser_module_itemIcon__649d3da2","resizable":"HierarchyBrowser_module_resizable__649d3da2"};
|
|
34346
|
+
n(css$s,{});
|
|
34372
34347
|
|
|
34373
34348
|
var Title = function Title(props) {
|
|
34374
34349
|
var item = props.item;
|
|
@@ -34381,14 +34356,14 @@ var Title = function Title(props) {
|
|
|
34381
34356
|
break;
|
|
34382
34357
|
}
|
|
34383
34358
|
return /*#__PURE__*/jsxRuntime.jsxs("span", {
|
|
34384
|
-
className:
|
|
34359
|
+
className: modules_5e29d515.item,
|
|
34385
34360
|
children: [Icon && /*#__PURE__*/jsxRuntime.jsx(Icon, {
|
|
34386
|
-
className:
|
|
34361
|
+
className: modules_5e29d515['item-icon']
|
|
34387
34362
|
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
34388
|
-
className:
|
|
34363
|
+
className: modules_5e29d515['item-title'],
|
|
34389
34364
|
children: item === null || item === void 0 ? void 0 : item.title
|
|
34390
34365
|
}), (item === null || item === void 0 ? void 0 : item.count) && /*#__PURE__*/jsxRuntime.jsxs("span", {
|
|
34391
|
-
className:
|
|
34366
|
+
className: modules_5e29d515['item-count'],
|
|
34392
34367
|
children: ["(", item === null || item === void 0 ? void 0 : item.count, ")"]
|
|
34393
34368
|
})]
|
|
34394
34369
|
});
|
|
@@ -34438,12 +34413,12 @@ var HierarchyBrowser = function HierarchyBrowser(props) {
|
|
|
34438
34413
|
};
|
|
34439
34414
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
34440
34415
|
ref: browserRef,
|
|
34441
|
-
className: classes(
|
|
34416
|
+
className: classes(modules_5e29d515.root, className, resizable ? modules_5e29d515.resizable : ''),
|
|
34442
34417
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
34443
|
-
className:
|
|
34418
|
+
className: modules_5e29d515.header,
|
|
34444
34419
|
children: "Browser"
|
|
34445
34420
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
34446
|
-
className:
|
|
34421
|
+
className: modules_5e29d515.body,
|
|
34447
34422
|
children: renderTree(metadata)
|
|
34448
34423
|
})]
|
|
34449
34424
|
});
|
|
@@ -34476,9 +34451,9 @@ HierarchyBrowser.defaultProps = {
|
|
|
34476
34451
|
}
|
|
34477
34452
|
};
|
|
34478
34453
|
|
|
34479
|
-
var
|
|
34480
|
-
var
|
|
34481
|
-
|
|
34454
|
+
var css$r = ".TextField_module_root__9cc1db47 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 0.5rem;\n}\n.TextField_module_root__9cc1db47 label {\n width: 100%;\n max-width: 100%;\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 1.125rem;\n letter-spacing: 0.32px;\n color: var(--grey);\n height: 100%;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 0.5rem;\n padding: 0rem 0.5rem;\n max-width: 100%;\n width: 100%;\n border-color: var(--grey4);\n border-style: solid;\n border-radius: 0.25rem;\n height: 100%;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 .TextField_module_icon__9cc1db47 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 > [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 > [data-elem=component2] {\n flex: 1;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 > [data-elem=component2] .TextField_module_input__9cc1db47 {\n -moz-appearance: textfield;\n flex: 1;\n background-color: transparent;\n border: none;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n color: var(--black);\n width: 100%;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 > [data-elem=component2] .TextField_module_input__9cc1db47::-webkit-outer-spin-button, .TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 > [data-elem=component2] .TextField_module_input__9cc1db47::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 > [data-elem=component2] .TextField_module_input__9cc1db47:focus {\n outline: none;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 > [data-elem=component2] .TextField_module_input__9cc1db47:disabled {\n background: var(--grey9);\n color: var(--grey3);\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 > [data-elem=component2] .TextField_module_input__9cc1db47.TextField_module_sm__9cc1db47 {\n padding: 0.5rem 0rem;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 > [data-elem=component2] .TextField_module_input__9cc1db47.TextField_module_md__9cc1db47 {\n padding: 0.688rem 0rem;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 > [data-elem=component2] .TextField_module_input__9cc1db47.TextField_module_lg__9cc1db47 {\n padding: 1rem 0rem;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47.TextField_module_typeTextarea__9cc1db47 {\n padding: 0;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47.TextField_module_typeTextarea__9cc1db47 > [data-elem=component2] .TextField_module_input__9cc1db47 {\n resize: vertical;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47.TextField_module_typeTextarea__9cc1db47 > [data-elem=component2] .TextField_module_input__9cc1db47.TextField_module_md__9cc1db47 {\n padding: 0.313rem 0.75rem;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47.TextField_module_typeTextarea__9cc1db47 > [data-elem=component2] .TextField_module_input__9cc1db47.TextField_module_lg__9cc1db47 {\n padding: 0.5rem 1rem;\n font-size: 1rem;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47:focus-within {\n border: 0.063rem solid var(--info);\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47:focus-within.TextField_module_feedbackError__9cc1db47 {\n border-color: var(--error);\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47.TextField_module_borderDefault__9cc1db47 {\n border-width: 0.063rem;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47.TextField_module_borderBottom__9cc1db47 {\n border-width: 0rem 0rem 0.063rem 0rem;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47.TextField_module_borderNone__9cc1db47 {\n border-width: 0rem;\n}\n.TextField_module_root__9cc1db47 .TextField_module_bottom__9cc1db47 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n min-height: 2rem;\n width: 100%;\n gap: 1rem;\n color: var(--grey3);\n font-size: 0.75rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.TextField_module_root__9cc1db47 .TextField_module_bottom__9cc1db47 .TextField_module_feedback__9cc1db47 {\n flex: 1;\n margin-right: auto;\n}\n.TextField_module_root__9cc1db47 .TextField_module_bottom__9cc1db47 .TextField_module_feedback__9cc1db47.TextField_module_feedbackError__9cc1db47 {\n color: var(--error);\n fill: var(--error);\n}\n.TextField_module_root__9cc1db47 .TextField_module_bottom__9cc1db47 .TextField_module_feedback__9cc1db47.TextField_module_feedbackSuccess__9cc1db47 {\n color: var(--success);\n fill: var(--success);\n}\n.TextField_module_root__9cc1db47 .TextField_module_bottom__9cc1db47 .TextField_module_count__9cc1db47 {\n text-align: right;\n margin-left: auto;\n}\n.TextField_module_root__9cc1db47 .TextField_module_bottom__9cc1db47 .TextField_module_count__9cc1db47.TextField_module_exceeded__9cc1db47 {\n color: var(--error);\n}";
|
|
34455
|
+
var modules_c1d23762 = {"root":"TextField_module_root__9cc1db47","input-wrapper":"TextField_module_inputWrapper__9cc1db47","icon":"TextField_module_icon__9cc1db47","input":"TextField_module_input__9cc1db47","sm":"TextField_module_sm__9cc1db47","md":"TextField_module_md__9cc1db47","lg":"TextField_module_lg__9cc1db47","type-textarea":"TextField_module_typeTextarea__9cc1db47","feedback-error":"TextField_module_feedbackError__9cc1db47","border-default":"TextField_module_borderDefault__9cc1db47","border-bottom":"TextField_module_borderBottom__9cc1db47","border-none":"TextField_module_borderNone__9cc1db47","bottom":"TextField_module_bottom__9cc1db47","feedback":"TextField_module_feedback__9cc1db47","feedback-success":"TextField_module_feedbackSuccess__9cc1db47","count":"TextField_module_count__9cc1db47","exceeded":"TextField_module_exceeded__9cc1db47"};
|
|
34456
|
+
n(css$r,{});
|
|
34482
34457
|
|
|
34483
34458
|
var TextField = /*#__PURE__*/React.forwardRef(function TextField(props, inputRef) {
|
|
34484
34459
|
var _inputValue$length;
|
|
@@ -34531,26 +34506,26 @@ var TextField = /*#__PURE__*/React.forwardRef(function TextField(props, inputRef
|
|
|
34531
34506
|
ref: inputRef,
|
|
34532
34507
|
value: inputValue,
|
|
34533
34508
|
onChange: handleChange,
|
|
34534
|
-
className: classes(
|
|
34509
|
+
className: classes(modules_c1d23762[size], modules_c1d23762.input)
|
|
34535
34510
|
}, inputProps));
|
|
34536
34511
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
34537
|
-
className: classes(
|
|
34512
|
+
className: classes(modules_c1d23762.root, className),
|
|
34538
34513
|
children: [/*#__PURE__*/jsxRuntime.jsxs("label", {
|
|
34539
34514
|
children: [label, /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
34540
|
-
className: classes(
|
|
34515
|
+
className: classes(modules_c1d23762['input-wrapper'], modules_c1d23762["border-".concat(border)], modules_c1d23762["type-".concat(type)], feedback != null ? modules_c1d23762["feedback-".concat(feedback === null || feedback === void 0 ? void 0 : feedback.type)] : ''),
|
|
34541
34516
|
component1: LeftComponent && /*#__PURE__*/jsxRuntime.jsx(LeftComponent, {}),
|
|
34542
34517
|
component2: Input,
|
|
34543
34518
|
component3: RightComponent && /*#__PURE__*/jsxRuntime.jsx(RightComponent, {})
|
|
34544
34519
|
})]
|
|
34545
34520
|
}), feedbackAndCount && /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
34546
|
-
className:
|
|
34521
|
+
className: modules_c1d23762.bottom,
|
|
34547
34522
|
children: [feedback != null && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
34548
34523
|
"data-elem": "feedback",
|
|
34549
|
-
className: classes(
|
|
34524
|
+
className: classes(modules_c1d23762.feedback, modules_c1d23762["feedback-".concat(feedback.type)]),
|
|
34550
34525
|
children: feedback.text
|
|
34551
34526
|
}), (count === null || count === void 0 ? void 0 : count.limit) != null && /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
34552
34527
|
"data-elem": "count",
|
|
34553
|
-
className: classes(
|
|
34528
|
+
className: classes(modules_c1d23762.count, (inputValue === null || inputValue === void 0 ? void 0 : inputValue.length) > count.limit ? modules_c1d23762.exceeded : ''),
|
|
34554
34529
|
children: [(_inputValue$length = inputValue.length) !== null && _inputValue$length !== void 0 ? _inputValue$length : 0, "/", count.limit]
|
|
34555
34530
|
})]
|
|
34556
34531
|
})]
|
|
@@ -34601,9 +34576,9 @@ TextField.defaultProps = {
|
|
|
34601
34576
|
feedbackAndCount: false
|
|
34602
34577
|
};
|
|
34603
34578
|
|
|
34604
|
-
var
|
|
34605
|
-
var
|
|
34606
|
-
|
|
34579
|
+
var css$q = ":root {\n --white: #ffffff;\n --black: #000000;\n --dark-grey: #333333;\n --dark-grey-o-85: rgba(51, 51, 51, 0.85);\n --grey: #737373;\n --grey1: #888888;\n --grey2: #a6a6a6;\n --grey3: #bbbbbb;\n --grey4: #c4c4c4;\n --grey5: #dddddd;\n --grey6: #e8e8e8;\n --grey7: #eeeeee;\n --grey8: #f2f2f2;\n --grey9: #eff0f0;\n --grey10: #f7f7f7;\n --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\n --banyan-blue: #00037c;\n --banyan-orange: #ff892a;\n --banyan-pink: #ff1597;\n --banyan-gradient: linear-gradient(\n \t84.71deg,\n \tvar(--banyan-pink) 0.48%,\n \tvar(--banyan-orange) 99.57%\n );\n --error: #da1e28;\n --error-bg: #fff1f1;\n --error-outline: rgba(218, 30, 40, 0.08);\n --success: #24a148;\n --success-bg: #defbe6;\n --success-outline: rgba(36, 161, 72, 0.08);\n --warning: #f1c21b;\n --warning-bg: #fff8e1;\n --warning-outline: rgba(203, 160, 6, 0.08);\n --info: #0043ce;\n --info-bg: #edf5ff;\n --info-outline: #2864db98;\n}\n\n.CheckBox_module_root__d1bdcb36 {\n cursor: pointer;\n gap: 10px;\n}\n.CheckBox_module_root__d1bdcb36.CheckBox_module_positionLeft__d1bdcb36 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.CheckBox_module_root__d1bdcb36.CheckBox_module_positionRight__d1bdcb36 {\n display: flex;\n flex-direction: row-reverse;\n justify-content: flex-end;\n align-items: center;\n}\n.CheckBox_module_root__d1bdcb36 input[type=checkbox] {\n opacity: 0;\n z-index: 1;\n position: absolute;\n width: 1px;\n height: 1px;\n}\n.CheckBox_module_root__d1bdcb36.CheckBox_module_disabled__d1bdcb36 {\n cursor: default;\n}\n.CheckBox_module_root__d1bdcb36 .CheckBox_module_icon__d1bdcb36 {\n display: inline-block;\n}\n.CheckBox_module_root__d1bdcb36 .CheckBox_module_icon__d1bdcb36.CheckBox_module_iconSm__d1bdcb36 {\n width: 1rem;\n height: 1rem;\n}\n.CheckBox_module_root__d1bdcb36 .CheckBox_module_icon__d1bdcb36.CheckBox_module_iconMd__d1bdcb36 {\n width: 1.25rem;\n height: 1.25rem;\n}\n.CheckBox_module_root__d1bdcb36 .CheckBox_module_icon__d1bdcb36.CheckBox_module_iconLg__d1bdcb36 {\n width: 1.5rem;\n height: 2rem;\n}\n.CheckBox_module_root__d1bdcb36 [data-elem=label] {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}";
|
|
34580
|
+
var modules_066398a2 = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"CheckBox_module_root__d1bdcb36","position-left":"CheckBox_module_positionLeft__d1bdcb36","position-right":"CheckBox_module_positionRight__d1bdcb36","disabled":"CheckBox_module_disabled__d1bdcb36","icon":"CheckBox_module_icon__d1bdcb36","icon-sm":"CheckBox_module_iconSm__d1bdcb36","icon-md":"CheckBox_module_iconMd__d1bdcb36","icon-lg":"CheckBox_module_iconLg__d1bdcb36"};
|
|
34581
|
+
n(css$q,{});
|
|
34607
34582
|
|
|
34608
34583
|
var Checkbox = function Checkbox(props) {
|
|
34609
34584
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -34634,7 +34609,7 @@ var Checkbox = function Checkbox(props) {
|
|
|
34634
34609
|
};
|
|
34635
34610
|
var isChecked = isControlled ? checked : uncontrolledChecked;
|
|
34636
34611
|
return /*#__PURE__*/jsxRuntime.jsxs("label", {
|
|
34637
|
-
className: classes(
|
|
34612
|
+
className: classes(modules_066398a2.root, modules_066398a2["position-".concat(position)], className, disabled ? modules_066398a2.disabled : ''),
|
|
34638
34613
|
children: [/*#__PURE__*/jsxRuntime.jsx("input", _objectSpread2(_objectSpread2({
|
|
34639
34614
|
disabled: disabled,
|
|
34640
34615
|
type: "checkbox",
|
|
@@ -34645,10 +34620,10 @@ var Checkbox = function Checkbox(props) {
|
|
|
34645
34620
|
onChange: handleChange
|
|
34646
34621
|
})), isChecked ? /*#__PURE__*/jsxRuntime.jsx(CheckboxIcon.Checked, {
|
|
34647
34622
|
"data-elem": "icon",
|
|
34648
|
-
className: classes(
|
|
34623
|
+
className: classes(modules_066398a2["icon-".concat(size)], modules_066398a2.icon)
|
|
34649
34624
|
}) : /*#__PURE__*/jsxRuntime.jsx(CheckboxIcon.UnChecked, {
|
|
34650
34625
|
"data-elem": "icon",
|
|
34651
|
-
className: classes(
|
|
34626
|
+
className: classes(modules_066398a2["icon-".concat(size)], modules_066398a2.icon)
|
|
34652
34627
|
}), label && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
34653
34628
|
"data-elem": "label",
|
|
34654
34629
|
children: label
|
|
@@ -34674,9 +34649,9 @@ Checkbox.defaultProps = {
|
|
|
34674
34649
|
onChange: function onChange() {}
|
|
34675
34650
|
};
|
|
34676
34651
|
|
|
34677
|
-
var
|
|
34678
|
-
var
|
|
34679
|
-
|
|
34652
|
+
var css$p = ":root {\n --white: #ffffff;\n --black: #000000;\n --dark-grey: #333333;\n --dark-grey-o-85: rgba(51, 51, 51, 0.85);\n --grey: #737373;\n --grey1: #888888;\n --grey2: #a6a6a6;\n --grey3: #bbbbbb;\n --grey4: #c4c4c4;\n --grey5: #dddddd;\n --grey6: #e8e8e8;\n --grey7: #eeeeee;\n --grey8: #f2f2f2;\n --grey9: #eff0f0;\n --grey10: #f7f7f7;\n --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\n --banyan-blue: #00037c;\n --banyan-orange: #ff892a;\n --banyan-pink: #ff1597;\n --banyan-gradient: linear-gradient(\n \t84.71deg,\n \tvar(--banyan-pink) 0.48%,\n \tvar(--banyan-orange) 99.57%\n );\n --error: #da1e28;\n --error-bg: #fff1f1;\n --error-outline: rgba(218, 30, 40, 0.08);\n --success: #24a148;\n --success-bg: #defbe6;\n --success-outline: rgba(36, 161, 72, 0.08);\n --warning: #f1c21b;\n --warning-bg: #fff8e1;\n --warning-outline: rgba(203, 160, 6, 0.08);\n --info: #0043ce;\n --info-bg: #edf5ff;\n --info-outline: #2864db98;\n}\n\n.Radio_module_root__dc9ececa {\n cursor: pointer;\n gap: 10px;\n}\n.Radio_module_root__dc9ececa.Radio_module_positionLeft__dc9ececa {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.Radio_module_root__dc9ececa.Radio_module_positionRight__dc9ececa {\n display: flex;\n flex-direction: row-reverse;\n justify-content: flex-end;\n align-items: center;\n}\n.Radio_module_root__dc9ececa.Radio_module_disabled__dc9ececa {\n cursor: default;\n}\n.Radio_module_root__dc9ececa input[type=radio] {\n opacity: 0;\n z-index: 1;\n position: absolute;\n width: 1px;\n height: 1px;\n}\n.Radio_module_root__dc9ececa .Radio_module_icon__dc9ececa {\n display: inline-block;\n}\n.Radio_module_root__dc9ececa .Radio_module_icon__dc9ececa.Radio_module_iconSm__dc9ececa {\n width: 1rem;\n height: 1rem;\n}\n.Radio_module_root__dc9ececa .Radio_module_icon__dc9ececa.Radio_module_iconMd__dc9ececa {\n width: 1.25rem;\n height: 1.25rem;\n}\n.Radio_module_root__dc9ececa .Radio_module_icon__dc9ececa.Radio_module_iconLg__dc9ececa {\n width: 1.5rem;\n height: 2rem;\n}\n.Radio_module_root__dc9ececa [data-elem=label] {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}";
|
|
34653
|
+
var modules_3705961f = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"Radio_module_root__dc9ececa","position-left":"Radio_module_positionLeft__dc9ececa","position-right":"Radio_module_positionRight__dc9ececa","disabled":"Radio_module_disabled__dc9ececa","icon":"Radio_module_icon__dc9ececa","icon-sm":"Radio_module_iconSm__dc9ececa","icon-md":"Radio_module_iconMd__dc9ececa","icon-lg":"Radio_module_iconLg__dc9ececa"};
|
|
34654
|
+
n(css$p,{});
|
|
34680
34655
|
|
|
34681
34656
|
var Radio = function Radio(props) {
|
|
34682
34657
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -34707,7 +34682,7 @@ var Radio = function Radio(props) {
|
|
|
34707
34682
|
};
|
|
34708
34683
|
var isChecked = isControlled ? checked : uncontrolledChecked;
|
|
34709
34684
|
return /*#__PURE__*/jsxRuntime.jsxs("label", {
|
|
34710
|
-
className: classes(
|
|
34685
|
+
className: classes(modules_3705961f.root, modules_3705961f["position-".concat(position)], className, disabled ? modules_3705961f.disabled : ''),
|
|
34711
34686
|
children: [/*#__PURE__*/jsxRuntime.jsx("input", {
|
|
34712
34687
|
disabled: disabled,
|
|
34713
34688
|
type: "radio",
|
|
@@ -34715,10 +34690,10 @@ var Radio = function Radio(props) {
|
|
|
34715
34690
|
onChange: handleChange
|
|
34716
34691
|
}), isChecked ? /*#__PURE__*/jsxRuntime.jsx(RadioIcon.Checked, {
|
|
34717
34692
|
"data-elem": "icon",
|
|
34718
|
-
className: classes(
|
|
34693
|
+
className: classes(modules_3705961f["icon-".concat(size)], modules_3705961f.icon)
|
|
34719
34694
|
}) : /*#__PURE__*/jsxRuntime.jsx(RadioIcon.UnChecked, {
|
|
34720
34695
|
"data-elem": "icon",
|
|
34721
|
-
className: classes(
|
|
34696
|
+
className: classes(modules_3705961f["icon-".concat(size)], modules_3705961f.icon)
|
|
34722
34697
|
}), label && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
34723
34698
|
"data-elem": "label",
|
|
34724
34699
|
children: label
|
|
@@ -34744,9 +34719,9 @@ Radio.defaultProps = {
|
|
|
34744
34719
|
onChange: function onChange() {}
|
|
34745
34720
|
};
|
|
34746
34721
|
|
|
34747
|
-
var
|
|
34748
|
-
var
|
|
34749
|
-
|
|
34722
|
+
var css$o = ".Dropdown_module_root__713eaa75 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.5rem;\n position: relative;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n max-width: 100%;\n}\n.Dropdown_module_root__713eaa75 .Dropdown_module_label__713eaa75 {\n font-size: 0.75rem;\n color: var(--grey);\n width: auto;\n}\n.Dropdown_module_root__713eaa75 .Dropdown_module_header__713eaa75 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n max-width: 100%;\n position: relative;\n}\n.Dropdown_module_root__713eaa75 .Dropdown_module_header__713eaa75 .Dropdown_module_input__713eaa75 {\n position: absolute;\n opacity: 0;\n width: 1px;\n height: 1px;\n}\n.Dropdown_module_root__713eaa75 .Dropdown_module_header__713eaa75 .Dropdown_module_input__713eaa75:focus + .Dropdown_module_select__713eaa75 {\n border-color: var(--highlight);\n}\n.Dropdown_module_root__713eaa75 .Dropdown_module_header__713eaa75 .Dropdown_module_input__713eaa75:focus + .Dropdown_module_select__713eaa75.Dropdown_module_feedbackError__713eaa75 {\n border-color: var(--error);\n}\n.Dropdown_module_root__713eaa75 .Dropdown_module_header__713eaa75 .Dropdown_module_select__713eaa75 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n width: 25rem;\n max-width: 100%;\n gap: 0.5rem;\n background: var(--white);\n outline: none;\n border: 1px solid var(--grey5);\n border-radius: 0.25rem;\n padding: 0.75rem 0.75rem 0.75rem 1rem;\n cursor: pointer;\n}\n.Dropdown_module_root__713eaa75 .Dropdown_module_header__713eaa75 .Dropdown_module_select__713eaa75 .Dropdown_module_placeholder__713eaa75 {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n color: var(--black);\n}\n.Dropdown_module_root__713eaa75 .Dropdown_module_header__713eaa75 .Dropdown_module_select__713eaa75 .Dropdown_module_icon__713eaa75 {\n width: 1.5rem;\n height: 1.5rem;\n}\n.Dropdown_module_root__713eaa75 .Dropdown_module_header__713eaa75 .Dropdown_module_select__713eaa75.Dropdown_module_feedbackError__713eaa75 {\n border-color: var(--error);\n}\n.Dropdown_module_root__713eaa75.Dropdown_module_open__713eaa75 .Dropdown_module_header__713eaa75 {\n border-color: var(--highlight);\n}\n.Dropdown_module_root__713eaa75.Dropdown_module_disabled__713eaa75 .Dropdown_module_select__713eaa75 {\n background: var(--grey10);\n cursor: not-allowed;\n}\n.Dropdown_module_root__713eaa75 .Dropdown_module_bottom__713eaa75 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n min-height: 2rem;\n width: 100%;\n gap: 1rem;\n color: var(--grey3);\n font-size: 0.75rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.Dropdown_module_root__713eaa75 .Dropdown_module_bottom__713eaa75 .Dropdown_module_feedback__713eaa75 {\n flex: 1;\n margin-right: auto;\n}\n.Dropdown_module_root__713eaa75 .Dropdown_module_bottom__713eaa75 .Dropdown_module_feedback__713eaa75.Dropdown_module_feedbackError__713eaa75 {\n color: var(--error);\n fill: var(--error);\n}\n.Dropdown_module_root__713eaa75 .Dropdown_module_bottom__713eaa75 .Dropdown_module_feedback__713eaa75.Dropdown_module_feedbackSuccess__713eaa75 {\n color: var(--success);\n fill: var(--success);\n}\n.Dropdown_module_root__713eaa75 .Dropdown_module_bottom__713eaa75 .Dropdown_module_count__713eaa75 {\n text-align: right;\n margin-left: auto;\n}\n.Dropdown_module_root__713eaa75 .Dropdown_module_bottom__713eaa75 .Dropdown_module_count__713eaa75.Dropdown_module_exceeded__713eaa75 {\n color: var(--error);\n}\n\n.Dropdown_module_body__713eaa75 {\n display: none;\n position: absolute;\n top: calc(100% + 0.5rem);\n z-index: 999;\n background: var(--white);\n width: auto;\n border: 0.063rem solid var(--grey5);\n box-shadow: 0rem 0.5rem 1.25rem rgba(24, 24, 24, 0.08);\n border-radius: 0.25rem;\n padding: 1rem;\n overflow-y: auto;\n min-height: 4rem;\n outline: none;\n}\n.Dropdown_module_body__713eaa75.Dropdown_module_open__713eaa75 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}";
|
|
34723
|
+
var modules_1b90f5ea = {"root":"Dropdown_module_root__713eaa75","label":"Dropdown_module_label__713eaa75","header":"Dropdown_module_header__713eaa75","input":"Dropdown_module_input__713eaa75","select":"Dropdown_module_select__713eaa75","feedback-error":"Dropdown_module_feedbackError__713eaa75","placeholder":"Dropdown_module_placeholder__713eaa75","icon":"Dropdown_module_icon__713eaa75","open":"Dropdown_module_open__713eaa75","disabled":"Dropdown_module_disabled__713eaa75","bottom":"Dropdown_module_bottom__713eaa75","feedback":"Dropdown_module_feedback__713eaa75","feedback-success":"Dropdown_module_feedbackSuccess__713eaa75","count":"Dropdown_module_count__713eaa75","exceeded":"Dropdown_module_exceeded__713eaa75","body":"Dropdown_module_body__713eaa75"};
|
|
34724
|
+
n(css$o,{});
|
|
34750
34725
|
|
|
34751
34726
|
var Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, inputRef) {
|
|
34752
34727
|
var _selectedOptions$map, _ref2, _selectedOptions$;
|
|
@@ -34952,16 +34927,16 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, inputRef)
|
|
|
34952
34927
|
})));
|
|
34953
34928
|
});
|
|
34954
34929
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
34955
|
-
className: classes(className,
|
|
34930
|
+
className: classes(className, modules_1b90f5ea.root, open ? modules_1b90f5ea.open : '', disabled ? modules_1b90f5ea.disabled : ''),
|
|
34956
34931
|
children: [label && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
34957
34932
|
"data-elem": "label",
|
|
34958
|
-
className:
|
|
34933
|
+
className: modules_1b90f5ea.label,
|
|
34959
34934
|
children: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
34960
34935
|
children: label
|
|
34961
34936
|
})
|
|
34962
34937
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread2(_objectSpread2({
|
|
34963
34938
|
"data-elem": "header",
|
|
34964
|
-
className:
|
|
34939
|
+
className: modules_1b90f5ea.header,
|
|
34965
34940
|
ref: reference
|
|
34966
34941
|
}, getReferenceProps()), {}, {
|
|
34967
34942
|
children: [/*#__PURE__*/jsxRuntime.jsx("input", {
|
|
@@ -34970,7 +34945,7 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, inputRef)
|
|
|
34970
34945
|
ref: inputRef,
|
|
34971
34946
|
disabled: disabled,
|
|
34972
34947
|
tabIndex: 0,
|
|
34973
|
-
className:
|
|
34948
|
+
className: modules_1b90f5ea.input,
|
|
34974
34949
|
onKeyDown: function onKeyDown(event) {
|
|
34975
34950
|
var validKey = [' ', 'Spacebar', 'Enter'].includes(event.key);
|
|
34976
34951
|
if (validKey) {
|
|
@@ -34984,14 +34959,14 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, inputRef)
|
|
|
34984
34959
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
34985
34960
|
"data-elem": "select",
|
|
34986
34961
|
role: "button",
|
|
34987
|
-
className: classes(
|
|
34962
|
+
className: classes(modules_1b90f5ea.select, feedback != null ? modules_1b90f5ea["feedback-".concat(feedback === null || feedback === void 0 ? void 0 : feedback.type)] : ''),
|
|
34988
34963
|
children: [/*#__PURE__*/jsxRuntime.jsx("span", {
|
|
34989
34964
|
"data-elem": "placeholder",
|
|
34990
|
-
className:
|
|
34965
|
+
className: modules_1b90f5ea.placeholder,
|
|
34991
34966
|
children: (_ref2 = (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) > 1 ? "".concat(selectedOptions.length, " options selected") : selectedOptions === null || selectedOptions === void 0 ? void 0 : (_selectedOptions$ = selectedOptions[0]) === null || _selectedOptions$ === void 0 ? void 0 : _selectedOptions$.title) !== null && _ref2 !== void 0 ? _ref2 : placeholder
|
|
34992
34967
|
}), /*#__PURE__*/jsxRuntime.jsx(Caret, {
|
|
34993
34968
|
"data-elem": "icon",
|
|
34994
|
-
className: classes(
|
|
34969
|
+
className: classes(modules_1b90f5ea.icon, modules_1b90f5ea['drop-icon'])
|
|
34995
34970
|
})]
|
|
34996
34971
|
})]
|
|
34997
34972
|
})), /*#__PURE__*/jsxRuntime.jsx(Popper, {
|
|
@@ -35015,16 +34990,16 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, inputRef)
|
|
|
35015
34990
|
left: x !== null && x !== void 0 ? x : 0
|
|
35016
34991
|
},
|
|
35017
34992
|
onClick: onClick,
|
|
35018
|
-
className: classes(
|
|
34993
|
+
className: classes(modules_1b90f5ea.body, popperClassName, open ? modules_1b90f5ea.open : '')
|
|
35019
34994
|
})), {}, {
|
|
35020
34995
|
children: items
|
|
35021
34996
|
}))
|
|
35022
34997
|
})
|
|
35023
34998
|
}), feedback != null && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35024
|
-
className:
|
|
34999
|
+
className: modules_1b90f5ea.bottom,
|
|
35025
35000
|
children: /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35026
35001
|
"data-elem": "feedback",
|
|
35027
|
-
className: classes(
|
|
35002
|
+
className: classes(modules_1b90f5ea.feedback, modules_1b90f5ea["feedback-".concat(feedback.type)]),
|
|
35028
35003
|
children: feedback.text
|
|
35029
35004
|
})
|
|
35030
35005
|
})]
|
|
@@ -35062,9 +35037,9 @@ Dropdown.defaultProps = {
|
|
|
35062
35037
|
feedback: null
|
|
35063
35038
|
};
|
|
35064
35039
|
|
|
35065
|
-
var
|
|
35066
|
-
var
|
|
35067
|
-
|
|
35040
|
+
var css$n = ":root {\n --white: #ffffff;\n --black: #000000;\n --dark-grey: #333333;\n --dark-grey-o-85: rgba(51, 51, 51, 0.85);\n --grey: #737373;\n --grey1: #888888;\n --grey2: #a6a6a6;\n --grey3: #bbbbbb;\n --grey4: #c4c4c4;\n --grey5: #dddddd;\n --grey6: #e8e8e8;\n --grey7: #eeeeee;\n --grey8: #f2f2f2;\n --grey9: #eff0f0;\n --grey10: #f7f7f7;\n --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\n --banyan-blue: #00037c;\n --banyan-orange: #ff892a;\n --banyan-pink: #ff1597;\n --banyan-gradient: linear-gradient(\n \t84.71deg,\n \tvar(--banyan-pink) 0.48%,\n \tvar(--banyan-orange) 99.57%\n );\n --error: #da1e28;\n --error-bg: #fff1f1;\n --error-outline: rgba(218, 30, 40, 0.08);\n --success: #24a148;\n --success-bg: #defbe6;\n --success-outline: rgba(36, 161, 72, 0.08);\n --warning: #f1c21b;\n --warning-bg: #fff8e1;\n --warning-outline: rgba(203, 160, 6, 0.08);\n --info: #0043ce;\n --info-bg: #edf5ff;\n --info-outline: #2864db98;\n}\n\n.DropdownItem_module_root__dfb85e48 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.75rem;\n width: 100%;\n padding: 0.75rem 1rem;\n border-radius: 0.25rem;\n cursor: pointer;\n color: var(--grey);\n outline: none;\n}\n.DropdownItem_module_root__dfb85e48:hover, .DropdownItem_module_root__dfb85e48:focus {\n background: var(--grey6);\n}\n.DropdownItem_module_root__dfb85e48.DropdownItem_module_selected__dfb85e48 {\n background: var(--info-bg);\n}";
|
|
35041
|
+
var modules_bf949acd = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"DropdownItem_module_root__dfb85e48","selected":"DropdownItem_module_selected__dfb85e48"};
|
|
35042
|
+
n(css$n,{});
|
|
35068
35043
|
|
|
35069
35044
|
var DropdownItem = /*#__PURE__*/React.forwardRef(function DropdownItem(props, ref) {
|
|
35070
35045
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -35091,7 +35066,7 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function DropdownItem(props, re
|
|
|
35091
35066
|
}
|
|
35092
35067
|
return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread2(_objectSpread2({
|
|
35093
35068
|
ref: ref,
|
|
35094
|
-
className: classes(className,
|
|
35069
|
+
className: classes(className, modules_bf949acd.root, selected ? modules_bf949acd.selected : ''),
|
|
35095
35070
|
"data-elem": "dropdown-item",
|
|
35096
35071
|
"data-variant": variant,
|
|
35097
35072
|
"data-value": value,
|
|
@@ -35124,9 +35099,9 @@ DropdownItem.defaultProps = {
|
|
|
35124
35099
|
selected: false
|
|
35125
35100
|
};
|
|
35126
35101
|
|
|
35127
|
-
var
|
|
35128
|
-
var
|
|
35129
|
-
|
|
35102
|
+
var css$m = ".BaseModal_module_root__5f71597f {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n top: 50%;\n left: 50%;\n right: auto;\n bottom: auto;\n transform: translate(-50%, -50%);\n max-height: 100%;\n width: 50%;\n position: fixed;\n background: #ffffff;\n box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.13);\n border-radius: 5px;\n outline: none;\n}\n.BaseModal_module_root__5f71597f .BaseModal_module_body__5f71597f {\n overflow-y: scroll;\n padding: 0 15px;\n}\n.BaseModal_module_root__5f71597f .BaseModal_module_header__5f71597f,\n.BaseModal_module_root__5f71597f .BaseModal_module_footer__5f71597f {\n padding: 15px;\n}\n.BaseModal_module_root__5f71597f .BaseModal_module_footer__5f71597f {\n margin-top: auto;\n}\n.BaseModal_module_root__5f71597f .BaseModal_module_closeModal__5f71597f {\n position: absolute;\n right: 20px;\n top: 20px;\n}\n.BaseModal_module_root__5f71597f .BaseModal_module_closeModal__5f71597f .BaseModal_module_closeIcon__5f71597f {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--black);\n}";
|
|
35103
|
+
var modules_f23ae002 = {"root":"BaseModal_module_root__5f71597f","body":"BaseModal_module_body__5f71597f","header":"BaseModal_module_header__5f71597f","footer":"BaseModal_module_footer__5f71597f","closeModal":"BaseModal_module_closeModal__5f71597f","closeIcon":"BaseModal_module_closeIcon__5f71597f"};
|
|
35104
|
+
n(css$m,{});
|
|
35130
35105
|
|
|
35131
35106
|
var BaseModal = function BaseModal(props) {
|
|
35132
35107
|
var className = props.className,
|
|
@@ -35145,28 +35120,28 @@ var BaseModal = function BaseModal(props) {
|
|
|
35145
35120
|
transparent: false,
|
|
35146
35121
|
id: "base-modal-popper",
|
|
35147
35122
|
children: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
35148
|
-
className: classes(
|
|
35123
|
+
className: classes(modules_f23ae002.root, className),
|
|
35149
35124
|
ref: ref,
|
|
35150
35125
|
children: [renderHeader && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35151
35126
|
"data-elem": "header",
|
|
35152
|
-
className:
|
|
35127
|
+
className: modules_f23ae002.header,
|
|
35153
35128
|
children: renderHeader
|
|
35154
35129
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35155
35130
|
"data-elem": "body",
|
|
35156
|
-
className:
|
|
35131
|
+
className: modules_f23ae002.body,
|
|
35157
35132
|
children: children
|
|
35158
35133
|
}), renderFooter && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35159
35134
|
"data-elem": "footer",
|
|
35160
|
-
className:
|
|
35135
|
+
className: modules_f23ae002.footer,
|
|
35161
35136
|
children: renderFooter
|
|
35162
35137
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35163
35138
|
"data-elem": "close",
|
|
35164
|
-
className:
|
|
35139
|
+
className: modules_f23ae002.closeModal,
|
|
35165
35140
|
onClick: function onClick() {
|
|
35166
35141
|
toggle(false);
|
|
35167
35142
|
},
|
|
35168
35143
|
children: /*#__PURE__*/jsxRuntime.jsx(Cross$1, {
|
|
35169
|
-
className:
|
|
35144
|
+
className: modules_f23ae002.closeIcon
|
|
35170
35145
|
})
|
|
35171
35146
|
})]
|
|
35172
35147
|
})
|
|
@@ -35187,9 +35162,9 @@ BaseModal.defaultProps = {
|
|
|
35187
35162
|
toggle: function toggle() {}
|
|
35188
35163
|
};
|
|
35189
35164
|
|
|
35190
|
-
var
|
|
35191
|
-
var
|
|
35192
|
-
|
|
35165
|
+
var css$l = ".Dialog_module_root__2974a020 {\n padding: 0.25rem 0px;\n max-height: 14rem;\n background: #ffffff;\n border-radius: 0.25rem;\n}\n.Dialog_module_root__2974a020.Dialog_module_sm__2974a020 {\n width: 21.25rem;\n}\n.Dialog_module_root__2974a020.Dialog_module_md__2974a020 {\n width: 35rem;\n}\n.Dialog_module_root__2974a020 .Dialog_module_header__2974a020 {\n font-weight: 600;\n font-size: 0.875rem;\n color: var(--black);\n}\n.Dialog_module_root__2974a020 .Dialog_module_footer__2974a020 {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n gap: 1rem;\n}\n.Dialog_module_root__2974a020 .Dialog_module_footer__2974a020 .Dialog_module_cancel__2974a020[data-elem=base-cell] {\n display: flex;\n color: var(--grey1);\n border-radius: 0.25rem;\n border: 1px solid var(--grey4);\n}\n.Dialog_module_root__2974a020 .Dialog_module_description__2974a020 {\n padding: 0.5rem 0px;\n font-size: 0.75rem;\n}";
|
|
35166
|
+
var modules_ca1540aa = {"root":"Dialog_module_root__2974a020","sm":"Dialog_module_sm__2974a020","md":"Dialog_module_md__2974a020","header":"Dialog_module_header__2974a020","footer":"Dialog_module_footer__2974a020","cancel":"Dialog_module_cancel__2974a020","description":"Dialog_module_description__2974a020"};
|
|
35167
|
+
n(css$l,{});
|
|
35193
35168
|
|
|
35194
35169
|
/* eslint-disable object-curly-newline */
|
|
35195
35170
|
var DialogBox = function DialogBox(props) {
|
|
@@ -35205,19 +35180,19 @@ var DialogBox = function DialogBox(props) {
|
|
|
35205
35180
|
return /*#__PURE__*/jsxRuntime.jsx(BaseModal, {
|
|
35206
35181
|
open: open,
|
|
35207
35182
|
toggle: onCancel,
|
|
35208
|
-
className: classes(className,
|
|
35183
|
+
className: classes(className, modules_ca1540aa.root, modules_ca1540aa[size]),
|
|
35209
35184
|
renderHeader: /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35210
|
-
className:
|
|
35185
|
+
className: modules_ca1540aa.header,
|
|
35211
35186
|
children: /*#__PURE__*/jsxRuntime.jsx("p", {
|
|
35212
35187
|
children: heading
|
|
35213
35188
|
})
|
|
35214
35189
|
}),
|
|
35215
35190
|
renderFooter: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
35216
|
-
className:
|
|
35191
|
+
className: modules_ca1540aa.footer,
|
|
35217
35192
|
children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
35218
35193
|
color: "default",
|
|
35219
35194
|
variant: "outlined",
|
|
35220
|
-
className:
|
|
35195
|
+
className: modules_ca1540aa.cancel,
|
|
35221
35196
|
onClick: onCancel,
|
|
35222
35197
|
title: "Cancel"
|
|
35223
35198
|
}), /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
@@ -35227,7 +35202,7 @@ var DialogBox = function DialogBox(props) {
|
|
|
35227
35202
|
})]
|
|
35228
35203
|
}),
|
|
35229
35204
|
children: /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35230
|
-
className:
|
|
35205
|
+
className: modules_ca1540aa.description,
|
|
35231
35206
|
children: description
|
|
35232
35207
|
})
|
|
35233
35208
|
});
|
|
@@ -35253,9 +35228,9 @@ DialogBox.defaultProps = {
|
|
|
35253
35228
|
size: 'sm'
|
|
35254
35229
|
};
|
|
35255
35230
|
|
|
35256
|
-
var
|
|
35257
|
-
var
|
|
35258
|
-
|
|
35231
|
+
var css$k = ".PageHeader_module_root__2aae78e0 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n width: 100%;\n background-color: transparent;\n gap: 4px;\n}\n.PageHeader_module_root__2aae78e0.PageHeader_module_themeDark__2aae78e0 {\n color: var(--white);\n}\n.PageHeader_module_root__2aae78e0.PageHeader_module_themeDark__2aae78e0 .PageHeader_module_breadcrumb__2aae78e0 [data-elem=breadcrumb-item-active] {\n color: var(--white);\n}\n.PageHeader_module_root__2aae78e0.PageHeader_module_themeLight__2aae78e0 {\n color: var(--dark-grey);\n}\n.PageHeader_module_root__2aae78e0 .PageHeader_module_description__2aae78e0 {\n color: var(--grey);\n}\n.PageHeader_module_root__2aae78e0 .PageHeader_module_contents__2aae78e0 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n}\n.PageHeader_module_root__2aae78e0 .PageHeader_module_contents__2aae78e0 .PageHeader_module_left__2aae78e0,\n.PageHeader_module_root__2aae78e0 .PageHeader_module_contents__2aae78e0 .PageHeader_module_right__2aae78e0 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n}\n.PageHeader_module_root__2aae78e0 .PageHeader_module_contents__2aae78e0 .PageHeader_module_left__2aae78e0 .PageHeader_module_title__2aae78e0 {\n font-size: 2.25rem;\n font-weight: 600;\n line-height: 3.375rem;\n}\n.PageHeader_module_root__2aae78e0 .PageHeader_module_contents__2aae78e0 .PageHeader_module_left__2aae78e0 .PageHeader_module_chip__2aae78e0 {\n font-weight: 500;\n background: var(--highlight);\n color: var(--white);\n}\n.PageHeader_module_root__2aae78e0 .PageHeader_module_description__2aae78e0 {\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5rem;\n}\n\n.PageHeader_module_download__2aae78e0,\n.PageHeader_module_calender__2aae78e0 {\n width: 1.5rem;\n height: 1.5rem;\n}";
|
|
35232
|
+
var modules_bdcbeaa5 = {"root":"PageHeader_module_root__2aae78e0","theme-dark":"PageHeader_module_themeDark__2aae78e0","breadcrumb":"PageHeader_module_breadcrumb__2aae78e0","theme-light":"PageHeader_module_themeLight__2aae78e0","description":"PageHeader_module_description__2aae78e0","contents":"PageHeader_module_contents__2aae78e0","left":"PageHeader_module_left__2aae78e0","right":"PageHeader_module_right__2aae78e0","title":"PageHeader_module_title__2aae78e0","chip":"PageHeader_module_chip__2aae78e0","download":"PageHeader_module_download__2aae78e0","calender":"PageHeader_module_calender__2aae78e0"};
|
|
35233
|
+
n(css$k,{});
|
|
35259
35234
|
|
|
35260
35235
|
var PageHeader = function PageHeader(props) {
|
|
35261
35236
|
var theme = props.theme,
|
|
@@ -35266,32 +35241,32 @@ var PageHeader = function PageHeader(props) {
|
|
|
35266
35241
|
RightAction = props.rightAction,
|
|
35267
35242
|
crumbsProps = props.crumbsProps;
|
|
35268
35243
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
35269
|
-
className: classes(
|
|
35244
|
+
className: classes(modules_bdcbeaa5.root, modules_bdcbeaa5["theme-".concat(theme)]),
|
|
35270
35245
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35271
|
-
className:
|
|
35246
|
+
className: modules_bdcbeaa5.breadcrumb,
|
|
35272
35247
|
children: /*#__PURE__*/jsxRuntime.jsx(BreadCrumbs, _objectSpread2({}, _objectSpread2(_objectSpread2({}, crumbsProps), {}, {
|
|
35273
|
-
className:
|
|
35248
|
+
className: modules_bdcbeaa5.breadcrumb
|
|
35274
35249
|
})))
|
|
35275
35250
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
35276
|
-
className:
|
|
35251
|
+
className: modules_bdcbeaa5.contents,
|
|
35277
35252
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
35278
|
-
className:
|
|
35253
|
+
className: modules_bdcbeaa5.left,
|
|
35279
35254
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35280
|
-
className:
|
|
35255
|
+
className: modules_bdcbeaa5.title,
|
|
35281
35256
|
children: title
|
|
35282
35257
|
}), chipTitle && /*#__PURE__*/jsxRuntime.jsx(Chip, {
|
|
35283
|
-
className:
|
|
35258
|
+
className: modules_bdcbeaa5.chip,
|
|
35284
35259
|
size: "sm",
|
|
35285
35260
|
title: chipTitle,
|
|
35286
35261
|
radius: "ellipse",
|
|
35287
35262
|
variant: "status"
|
|
35288
35263
|
})]
|
|
35289
35264
|
}), RightAction && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35290
|
-
className:
|
|
35265
|
+
className: modules_bdcbeaa5.right,
|
|
35291
35266
|
children: /*#__PURE__*/jsxRuntime.jsx(RightAction, {})
|
|
35292
35267
|
})]
|
|
35293
35268
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35294
|
-
className:
|
|
35269
|
+
className: modules_bdcbeaa5.description,
|
|
35295
35270
|
children: description
|
|
35296
35271
|
}), children]
|
|
35297
35272
|
});
|
|
@@ -35397,9 +35372,9 @@ function getPagination(curr, total, limit) {
|
|
|
35397
35372
|
return pages;
|
|
35398
35373
|
}
|
|
35399
35374
|
|
|
35400
|
-
var
|
|
35401
|
-
var
|
|
35402
|
-
|
|
35375
|
+
var css$j = ".Pagination_module_root__4c778f02 {\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__4c778f02::-webkit-scrollbar {\n display: none;\n}\n.Pagination_module_root__4c778f02.Pagination_module_floating__4c778f02 {\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__4c778f02 .Pagination_module_rowSwitcher__4c778f02,\n.Pagination_module_root__4c778f02 .Pagination_module_pagination__4c778f02,\n.Pagination_module_root__4c778f02 .Pagination_module_jumpToPage__4c778f02,\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n height: 100%;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_rowSwitcher__4c778f02 {\n display: none;\n gap: 0.75rem;\n background-color: var(--grey);\n padding: 0;\n border-radius: 0.3125rem;\n}\n@media (min-width: 992px) {\n .Pagination_module_root__4c778f02 .Pagination_module_rowSwitcher__4c778f02 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n }\n}\n.Pagination_module_root__4c778f02 .Pagination_module_rowSwitcher__4c778f02 > [data-elem*=component] {\n overflow: hidden;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_rowSwitcher__4c778f02 > [data-elem=component2] {\n display: flex;\n flex: 1 0 auto;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_rowSwitcher__4c778f02 .Pagination_module_text__4c778f02 {\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__4c778f02 .Pagination_module_rowSwitcher__4c778f02 .Pagination_module_dropdown__4c778f02 > [data-elem=header] > [data-elem=select] {\n height: 2.375rem;\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__4c778f02 .Pagination_module_rowSwitcher__4c778f02 .Pagination_module_dropdown__4c778f02 > [data-elem=header] > [data-elem=select] > [data-elem=placeholder] {\n color: var(--white);\n font-size: 0.875rem;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_rowSwitcher__4c778f02 .Pagination_module_dropdown__4c778f02 > [data-elem=header] > [data-elem=select] > svg {\n fill: var(--white);\n width: 0.813rem;\n height: 0.813rem;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_pageNumbers__4c778f02 {\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__4c778f02 .Pagination_module_pageNumbers__4c778f02 {\n flex: 1 1 60%;\n }\n}\n.Pagination_module_root__4c778f02 .Pagination_module_pageNumbers__4c778f02 > .Pagination_module_button__4c778f02.Pagination_module_disable__4c778f02 {\n pointer-events: none;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_pageNumbers__4c778f02 > .Pagination_module_button__4c778f02 [data-elem=title] {\n color: var(--white);\n}\n.Pagination_module_root__4c778f02 .Pagination_module_pageNumbers__4c778f02 > .Pagination_module_button__4c778f02 .Pagination_module_icon__4c778f02 {\n width: 1.5rem;\n height: 1.5rem;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_pageNumbers__4c778f02 > .Pagination_module_pageSelect__4c778f02 {\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__4c778f02 .Pagination_module_pageNumbers__4c778f02 > .Pagination_module_pageSelect__4c778f02 .Pagination_module_number__4c778f02 {\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__4c778f02 .Pagination_module_pageNumbers__4c778f02 > .Pagination_module_pageSelect__4c778f02 .Pagination_module_number__4c778f02:not([data-active=true]) {\n display: none;\n}\n@media (min-width: 768px) {\n .Pagination_module_root__4c778f02 .Pagination_module_pageNumbers__4c778f02 > .Pagination_module_pageSelect__4c778f02 .Pagination_module_number__4c778f02:not([data-active=true]) {\n display: block;\n }\n}\n.Pagination_module_root__4c778f02 .Pagination_module_pageNumbers__4c778f02 > .Pagination_module_pageSelect__4c778f02 .Pagination_module_number__4c778f02:hover {\n border: 1px solid var(--highlight);\n color: var(--highlight);\n background: var(--background);\n}\n.Pagination_module_root__4c778f02 .Pagination_module_pageNumbers__4c778f02 > .Pagination_module_pageSelect__4c778f02 .Pagination_module_number__4c778f02.Pagination_module_active__4c778f02 {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 {\n display: none;\n padding: 0;\n flex: 0 1 20%;\n background: transparent;\n}\n@media (min-width: 992px) {\n .Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n }\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 > [data-elem*=component] {\n width: 100%;\n height: 100%;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 > [data-elem*=component] > * {\n height: 100%;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 .Pagination_module_jumpToPage__4c778f02 {\n width: 100%;\n background: transparent;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: stretch;\n gap: 0.75rem;\n padding: 0;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 .Pagination_module_jumpToPage__4c778f02 > [data-elem*=component] {\n overflow: hidden;\n height: 100%;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 .Pagination_module_jumpToPage__4c778f02 .Pagination_module_button__4c778f02 {\n background-color: var(--grey);\n height: 100%;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 .Pagination_module_jumpToPage__4c778f02 .Pagination_module_button__4c778f02 [data-elem=left] {\n overflow: hidden;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 .Pagination_module_jumpToPage__4c778f02 .Pagination_module_button__4c778f02 [data-elem=left] [data-elem=title] {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 .Pagination_module_jumpToPage__4c778f02 .Pagination_module_button__4c778f02 .Pagination_module_icon__4c778f02 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n flex-shrink: 0;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 .Pagination_module_jumpToPage__4c778f02 .Pagination_module_inputbox__4c778f02 {\n width: 5rem;\n max-width: 100%;\n height: 100%;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 .Pagination_module_jumpToPage__4c778f02 .Pagination_module_inputbox__4c778f02 [data-elem=base-cell] {\n border-radius: 0.313rem;\n background-color: var(--grey);\n color: var(--white);\n border-color: var(--grey);\n width: 4.875rem;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 .Pagination_module_jumpToPage__4c778f02 .Pagination_module_inputbox__4c778f02 [data-elem=base-cell] [data-elem=input] {\n text-align: center;\n color: var(--white);\n background-color: var(--grey);\n border: none;\n width: 100%;\n}\n\n.Pagination_module_paginationTest__4c778f02 {\n height: 80%;\n width: 100%;\n overflow: scroll;\n background-color: powderblue;\n display: flex;\n flex-direction: column;\n}\n\n.Pagination_module_dropdownPopper__4c778f02 {\n -ms-overflow-style: none;\n scrollbar-width: none;\n padding: 0.25rem;\n}\n.Pagination_module_dropdownPopper__4c778f02::-webkit-scrollbar {\n display: none;\n}";
|
|
35376
|
+
var modules_a3d40e77 = {"root":"Pagination_module_root__4c778f02","floating":"Pagination_module_floating__4c778f02","row-switcher":"Pagination_module_rowSwitcher__4c778f02","pagination":"Pagination_module_pagination__4c778f02","jump-to-page":"Pagination_module_jumpToPage__4c778f02","form":"Pagination_module_form__4c778f02","text":"Pagination_module_text__4c778f02","dropdown":"Pagination_module_dropdown__4c778f02","page-numbers":"Pagination_module_pageNumbers__4c778f02","button":"Pagination_module_button__4c778f02","disable":"Pagination_module_disable__4c778f02","icon":"Pagination_module_icon__4c778f02","pageSelect":"Pagination_module_pageSelect__4c778f02","number":"Pagination_module_number__4c778f02","active":"Pagination_module_active__4c778f02","inputbox":"Pagination_module_inputbox__4c778f02","pagination-test":"Pagination_module_paginationTest__4c778f02","dropdown-popper":"Pagination_module_dropdownPopper__4c778f02"};
|
|
35377
|
+
n(css$j,{});
|
|
35403
35378
|
|
|
35404
35379
|
var dropdownOptions = ['10', '25', '50', '100', '200', '250'];
|
|
35405
35380
|
var reducer = function reducer(state, _ref) {
|
|
@@ -35484,18 +35459,18 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
35484
35459
|
}, [currentPage, step]);
|
|
35485
35460
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
35486
35461
|
ref: ref,
|
|
35487
|
-
className: classes(
|
|
35462
|
+
className: classes(modules_a3d40e77.root, className, floating ? modules_a3d40e77.floating : ''),
|
|
35488
35463
|
children: [/*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
35489
35464
|
flexible: true,
|
|
35490
|
-
className:
|
|
35465
|
+
className: modules_a3d40e77['row-switcher'],
|
|
35491
35466
|
component1: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
35492
35467
|
title: "Rows per page",
|
|
35493
|
-
className:
|
|
35468
|
+
className: modules_a3d40e77.text,
|
|
35494
35469
|
children: "Rows per page"
|
|
35495
35470
|
}),
|
|
35496
35471
|
component2: /*#__PURE__*/jsxRuntime.jsx(Dropdown, {
|
|
35497
|
-
className:
|
|
35498
|
-
popperClassName:
|
|
35472
|
+
className: modules_a3d40e77.dropdown,
|
|
35473
|
+
popperClassName: modules_a3d40e77['dropdown-popper'],
|
|
35499
35474
|
value: step,
|
|
35500
35475
|
placeholder: null,
|
|
35501
35476
|
onChange: function onChange(e, newStep) {
|
|
@@ -35512,7 +35487,7 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
35512
35487
|
})
|
|
35513
35488
|
})
|
|
35514
35489
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
35515
|
-
className:
|
|
35490
|
+
className: modules_a3d40e77['page-numbers'],
|
|
35516
35491
|
children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
35517
35492
|
size: "auto",
|
|
35518
35493
|
flexible: true,
|
|
@@ -35523,16 +35498,16 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
35523
35498
|
type: 'PREV_PAGE'
|
|
35524
35499
|
});
|
|
35525
35500
|
},
|
|
35526
|
-
className: classes(
|
|
35501
|
+
className: classes(modules_a3d40e77.button),
|
|
35527
35502
|
leftComponent: function leftComponent() {
|
|
35528
35503
|
return /*#__PURE__*/jsxRuntime.jsx(Chevron, {
|
|
35529
|
-
className:
|
|
35504
|
+
className: modules_a3d40e77.icon,
|
|
35530
35505
|
position: "left"
|
|
35531
35506
|
});
|
|
35532
35507
|
},
|
|
35533
35508
|
variant: "text"
|
|
35534
35509
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35535
|
-
className:
|
|
35510
|
+
className: modules_a3d40e77.pageSelect,
|
|
35536
35511
|
children: paginationList.pages.map(function (page) {
|
|
35537
35512
|
var active = currentPage === page.number;
|
|
35538
35513
|
return /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
@@ -35544,7 +35519,7 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
35544
35519
|
});
|
|
35545
35520
|
},
|
|
35546
35521
|
"data-active": active,
|
|
35547
|
-
className: classes(active ?
|
|
35522
|
+
className: classes(active ? modules_a3d40e77.active : '', modules_a3d40e77.number),
|
|
35548
35523
|
children: page.ellipsis ? '...' : page.number
|
|
35549
35524
|
}, page.number);
|
|
35550
35525
|
})
|
|
@@ -35558,10 +35533,10 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
35558
35533
|
type: 'NEXT_PAGE'
|
|
35559
35534
|
});
|
|
35560
35535
|
},
|
|
35561
|
-
className: classes(
|
|
35536
|
+
className: classes(modules_a3d40e77.button),
|
|
35562
35537
|
rightComponent: function rightComponent() {
|
|
35563
35538
|
return /*#__PURE__*/jsxRuntime.jsx(Chevron, {
|
|
35564
|
-
className:
|
|
35539
|
+
className: modules_a3d40e77.icon,
|
|
35565
35540
|
position: "right"
|
|
35566
35541
|
});
|
|
35567
35542
|
},
|
|
@@ -35569,7 +35544,7 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
35569
35544
|
})]
|
|
35570
35545
|
}), /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
35571
35546
|
flexible: true,
|
|
35572
|
-
className:
|
|
35547
|
+
className: modules_a3d40e77.form,
|
|
35573
35548
|
component1: /*#__PURE__*/jsxRuntime.jsx("form", {
|
|
35574
35549
|
onSubmit: function onSubmit(e) {
|
|
35575
35550
|
var _jumpPageRef$current;
|
|
@@ -35581,7 +35556,7 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
35581
35556
|
},
|
|
35582
35557
|
children: /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
35583
35558
|
flexible: true,
|
|
35584
|
-
className:
|
|
35559
|
+
className: modules_a3d40e77['jump-to-page'],
|
|
35585
35560
|
component1: /*#__PURE__*/jsxRuntime.jsx(TextField, {
|
|
35586
35561
|
inputProps: {
|
|
35587
35562
|
min: 1,
|
|
@@ -35590,16 +35565,16 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
35590
35565
|
},
|
|
35591
35566
|
ref: jumpPageRef,
|
|
35592
35567
|
type: "number",
|
|
35593
|
-
className:
|
|
35568
|
+
className: modules_a3d40e77.inputbox
|
|
35594
35569
|
}),
|
|
35595
35570
|
component2: /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
35596
35571
|
title: "Jump to page",
|
|
35597
35572
|
size: "medium",
|
|
35598
35573
|
variant: "contained",
|
|
35599
|
-
className:
|
|
35574
|
+
className: modules_a3d40e77.button,
|
|
35600
35575
|
rightComponent: function rightComponent() {
|
|
35601
35576
|
return /*#__PURE__*/jsxRuntime.jsx(Arrow$1, {
|
|
35602
|
-
className:
|
|
35577
|
+
className: modules_a3d40e77.icon
|
|
35603
35578
|
});
|
|
35604
35579
|
}
|
|
35605
35580
|
})
|
|
@@ -35631,15 +35606,16 @@ Pagination.defaultProps = {
|
|
|
35631
35606
|
onChange: function onChange() {}
|
|
35632
35607
|
};
|
|
35633
35608
|
|
|
35634
|
-
var
|
|
35635
|
-
var
|
|
35636
|
-
|
|
35609
|
+
var css$i = ".Stepper_module_root__7eff5dc6 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 1rem;\n}\n.Stepper_module_root__7eff5dc6 .Stepper_module_step__7eff5dc6 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n position: relative;\n z-index: 1;\n gap: 0.5rem;\n flex: 1;\n cursor: default;\n}\n.Stepper_module_root__7eff5dc6 .Stepper_module_step__7eff5dc6:last-child {\n flex: 0 1 auto;\n}\n.Stepper_module_root__7eff5dc6 .Stepper_module_step__7eff5dc6:last-child .Stepper_module_title__7eff5dc6::after {\n display: none;\n}\n.Stepper_module_root__7eff5dc6 .Stepper_module_step__7eff5dc6 .Stepper_module_left__7eff5dc6 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n position: relative;\n width: 1.5rem;\n height: 1.5rem;\n background: var(--white);\n border: 0.063rem solid var(--grey2);\n border-radius: 2rem;\n font-size: 1rem;\n color: var(--grey2);\n}\n.Stepper_module_root__7eff5dc6 .Stepper_module_step__7eff5dc6 .Stepper_module_left__7eff5dc6 .Stepper_module_icon__7eff5dc6 {\n width: 0.75rem;\n height: 0.75rem;\n}\n.Stepper_module_root__7eff5dc6 .Stepper_module_step__7eff5dc6 .Stepper_module_left__7eff5dc6 .Stepper_module_icon__7eff5dc6.Stepper_module_errorIcon__7eff5dc6 {\n fill: var(--error);\n}\n.Stepper_module_root__7eff5dc6 .Stepper_module_step__7eff5dc6 .Stepper_module_left__7eff5dc6 .Stepper_module_icon__7eff5dc6.Stepper_module_completionIcon__7eff5dc6 {\n fill: var(--highlight);\n}\n.Stepper_module_root__7eff5dc6 .Stepper_module_step__7eff5dc6 .Stepper_module_left__7eff5dc6 .Stepper_module_progress__7eff5dc6 {\n position: absolute;\n z-index: -1;\n inset: -0.3rem;\n border-radius: 2rem;\n}\n.Stepper_module_root__7eff5dc6 .Stepper_module_step__7eff5dc6 .Stepper_module_left__7eff5dc6 .Stepper_module_progress__7eff5dc6::after {\n position: absolute;\n content: \"\";\n inset: 0.15rem;\n background: white;\n border-radius: 2rem;\n}\n.Stepper_module_root__7eff5dc6 .Stepper_module_step__7eff5dc6 .Stepper_module_right__7eff5dc6 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n flex: 1;\n}\n.Stepper_module_root__7eff5dc6 .Stepper_module_step__7eff5dc6 .Stepper_module_right__7eff5dc6 .Stepper_module_title__7eff5dc6 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.75rem;\n width: 100%;\n font-size: 1rem;\n color: var(--grey2);\n}\n.Stepper_module_root__7eff5dc6 .Stepper_module_step__7eff5dc6 .Stepper_module_right__7eff5dc6 .Stepper_module_title__7eff5dc6::after {\n content: \"\";\n flex: 1;\n min-width: 1.5rem;\n border-bottom: 0.063rem solid;\n margin-top: 0.75rem;\n border-bottom-color: var(--grey2);\n}\n.Stepper_module_root__7eff5dc6 .Stepper_module_step__7eff5dc6 .Stepper_module_right__7eff5dc6 .Stepper_module_description__7eff5dc6 {\n font-size: 0.75rem;\n color: var(--grey2);\n}\n.Stepper_module_root__7eff5dc6 .Stepper_module_step__7eff5dc6.Stepper_module_active__7eff5dc6 .Stepper_module_left__7eff5dc6 {\n background: var(--highlight);\n color: var(--white);\n}\n.Stepper_module_root__7eff5dc6 .Stepper_module_step__7eff5dc6.Stepper_module_active__7eff5dc6 .Stepper_module_left__7eff5dc6, .Stepper_module_root__7eff5dc6 .Stepper_module_step__7eff5dc6.Stepper_module_completed__7eff5dc6 .Stepper_module_left__7eff5dc6 {\n border-color: var(--highlight);\n}\n.Stepper_module_root__7eff5dc6 .Stepper_module_step__7eff5dc6.Stepper_module_active__7eff5dc6 .Stepper_module_right__7eff5dc6 .Stepper_module_title__7eff5dc6, .Stepper_module_root__7eff5dc6 .Stepper_module_step__7eff5dc6.Stepper_module_completed__7eff5dc6 .Stepper_module_right__7eff5dc6 .Stepper_module_title__7eff5dc6 {\n color: var(--black);\n}\n.Stepper_module_root__7eff5dc6 .Stepper_module_step__7eff5dc6.Stepper_module_active__7eff5dc6 .Stepper_module_right__7eff5dc6 .Stepper_module_description__7eff5dc6, .Stepper_module_root__7eff5dc6 .Stepper_module_step__7eff5dc6.Stepper_module_completed__7eff5dc6 .Stepper_module_right__7eff5dc6 .Stepper_module_description__7eff5dc6 {\n color: var(--grey);\n}\n.Stepper_module_root__7eff5dc6 .Stepper_module_step__7eff5dc6.Stepper_module_completed__7eff5dc6 .Stepper_module_right__7eff5dc6 .Stepper_module_title__7eff5dc6::after {\n border-bottom-color: var(--highlight);\n}\n.Stepper_module_root__7eff5dc6 .Stepper_module_step__7eff5dc6.Stepper_module_error__7eff5dc6 .Stepper_module_left__7eff5dc6 {\n background: var(--white);\n border-color: var(--error);\n color: var(--error);\n}\n.Stepper_module_root__7eff5dc6 .Stepper_module_step__7eff5dc6.Stepper_module_error__7eff5dc6 .Stepper_module_right__7eff5dc6 .Stepper_module_title__7eff5dc6 {\n color: var(--error);\n}\n.Stepper_module_root__7eff5dc6 .Stepper_module_step__7eff5dc6.Stepper_module_error__7eff5dc6 .Stepper_module_right__7eff5dc6 .Stepper_module_description__7eff5dc6 {\n color: rgba(var(--error), 0.6);\n}";
|
|
35610
|
+
var modules_bbfded44 = {"root":"Stepper_module_root__7eff5dc6","step":"Stepper_module_step__7eff5dc6","title":"Stepper_module_title__7eff5dc6","left":"Stepper_module_left__7eff5dc6","icon":"Stepper_module_icon__7eff5dc6","error-icon":"Stepper_module_errorIcon__7eff5dc6","completion-icon":"Stepper_module_completionIcon__7eff5dc6","progress":"Stepper_module_progress__7eff5dc6","right":"Stepper_module_right__7eff5dc6","description":"Stepper_module_description__7eff5dc6","active":"Stepper_module_active__7eff5dc6","completed":"Stepper_module_completed__7eff5dc6","error":"Stepper_module_error__7eff5dc6"};
|
|
35611
|
+
n(css$i,{});
|
|
35637
35612
|
|
|
35638
|
-
var
|
|
35639
|
-
|
|
35613
|
+
var css$h = ":root {\n --white: #ffffff;\n --black: #000000;\n --dark-grey: #333333;\n --dark-grey-o-85: rgba(51, 51, 51, 0.85);\n --grey: #737373;\n --grey1: #888888;\n --grey2: #a6a6a6;\n --grey3: #bbbbbb;\n --grey4: #c4c4c4;\n --grey5: #dddddd;\n --grey6: #e8e8e8;\n --grey7: #eeeeee;\n --grey8: #f2f2f2;\n --grey9: #eff0f0;\n --grey10: #f7f7f7;\n --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\n --banyan-blue: #00037c;\n --banyan-orange: #ff892a;\n --banyan-pink: #ff1597;\n --banyan-gradient: linear-gradient(\n \t84.71deg,\n \tvar(--banyan-pink) 0.48%,\n \tvar(--banyan-orange) 99.57%\n );\n --error: #da1e28;\n --error-bg: #fff1f1;\n --error-outline: rgba(218, 30, 40, 0.08);\n --success: #24a148;\n --success-bg: #defbe6;\n --success-outline: rgba(36, 161, 72, 0.08);\n --warning: #f1c21b;\n --warning-bg: #fff8e1;\n --warning-outline: rgba(203, 160, 6, 0.08);\n --info: #0043ce;\n --info-bg: #edf5ff;\n --info-outline: #2864db98;\n}";
|
|
35614
|
+
var modules_dd21d9e9 = {"white":"--white","black":"--black","dark-grey":"--dark-grey","dark-grey-o-85":"--dark-grey-o-85","grey":"--grey","grey1":"--grey1","grey2":"--grey2","grey3":"--grey3","grey4":"--grey4","grey5":"--grey5","grey6":"--grey6","grey7":"--grey7","grey8":"--grey8","grey9":"--grey9","grey10":"--grey10","highlight":"--highlight","dark-blue":"--dark-blue","background":"--background","banyan-blue":"--banyan-blue","banyan-orange":"--banyan-orange","banyan-pink":"--banyan-pink","banyan-gradient":"--banyan-gradient","error":"--error","error-bg":"--error-bg","error-outline":"--error-outline","success":"--success","success-bg":"--success-bg","success-outline":"--success-outline","warning":"--warning","warning-bg":"--warning-bg","warning-outline":"--warning-outline","info":"--info","info-bg":"--info-bg","info-outline":"--info-outline"};
|
|
35615
|
+
n(css$h,{});
|
|
35640
35616
|
|
|
35641
|
-
var COLORS = Object.keys(
|
|
35642
|
-
acc[curr] = getCSSVariableValue(
|
|
35617
|
+
var COLORS = Object.keys(modules_dd21d9e9).reduce(function (acc, curr) {
|
|
35618
|
+
acc[curr] = getCSSVariableValue(modules_dd21d9e9[curr]);
|
|
35643
35619
|
return acc;
|
|
35644
35620
|
}, {});
|
|
35645
35621
|
|
|
@@ -35651,35 +35627,35 @@ var Step = function Step(props) {
|
|
|
35651
35627
|
error = props.error,
|
|
35652
35628
|
index = props.index;
|
|
35653
35629
|
var display = /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
35654
|
-
className:
|
|
35630
|
+
className: modules_bbfded44.text,
|
|
35655
35631
|
children: index + 1
|
|
35656
35632
|
});
|
|
35657
35633
|
if (error === true) {
|
|
35658
35634
|
display = /*#__PURE__*/jsxRuntime.jsx(Cross$1, {
|
|
35659
|
-
className: classes(
|
|
35635
|
+
className: classes(modules_bbfded44.icon, modules_bbfded44['error-icon'])
|
|
35660
35636
|
});
|
|
35661
35637
|
} else if (completion === 1) {
|
|
35662
35638
|
display = /*#__PURE__*/jsxRuntime.jsx(Tick, {
|
|
35663
|
-
className: classes(
|
|
35639
|
+
className: classes(modules_bbfded44.icon, modules_bbfded44['completion-icon'])
|
|
35664
35640
|
});
|
|
35665
35641
|
}
|
|
35666
35642
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
35667
|
-
className: classes(
|
|
35643
|
+
className: classes(modules_bbfded44.step, active ? modules_bbfded44.active : '', completion === 1 ? modules_bbfded44.completed : '', error ? modules_bbfded44.error : ''),
|
|
35668
35644
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
35669
|
-
className:
|
|
35645
|
+
className: modules_bbfded44.left,
|
|
35670
35646
|
children: [display, active === true && completion > 0 && completion < 1 && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35671
|
-
className:
|
|
35647
|
+
className: modules_bbfded44.progress,
|
|
35672
35648
|
style: {
|
|
35673
35649
|
backgroundImage: "conic-gradient(".concat(COLORS.highlight, ", ").concat(completion * 100, "%, transparent 0%)")
|
|
35674
35650
|
}
|
|
35675
35651
|
})]
|
|
35676
35652
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
35677
|
-
className:
|
|
35653
|
+
className: modules_bbfded44.right,
|
|
35678
35654
|
children: [/*#__PURE__*/jsxRuntime.jsx("span", {
|
|
35679
|
-
className:
|
|
35655
|
+
className: modules_bbfded44.title,
|
|
35680
35656
|
children: title
|
|
35681
35657
|
}), description != null && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
35682
|
-
className:
|
|
35658
|
+
className: modules_bbfded44.description,
|
|
35683
35659
|
children: description
|
|
35684
35660
|
})]
|
|
35685
35661
|
})]
|
|
@@ -35688,7 +35664,7 @@ var Step = function Step(props) {
|
|
|
35688
35664
|
var Stepper = function Stepper(props) {
|
|
35689
35665
|
var steps = props.steps;
|
|
35690
35666
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35691
|
-
className:
|
|
35667
|
+
className: modules_bbfded44.root,
|
|
35692
35668
|
children: steps.map(function (step, index) {
|
|
35693
35669
|
return /*#__PURE__*/jsxRuntime.jsx(Step, _objectSpread2(_objectSpread2({}, step), {}, {
|
|
35694
35670
|
index: index,
|
|
@@ -35748,9 +35724,9 @@ var TableColumn = /*#__PURE__*/_createClass$1(function TableColumn(_ref) {
|
|
|
35748
35724
|
this.sticky = sticky;
|
|
35749
35725
|
});
|
|
35750
35726
|
|
|
35751
|
-
var
|
|
35752
|
-
var
|
|
35753
|
-
|
|
35727
|
+
var css$g = ".TableCell_module_root__b998b6b2[data-elem=base-cell] {\n background: var(--white);\n border-bottom: 1px solid var(--grey4);\n}\n.TableCell_module_root__b998b6b2[data-elem=base-cell] > [data-elem*=component] {\n overflow: hidden;\n}\n.TableCell_module_root__b998b6b2[data-elem=base-cell] > [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n flex: 1;\n}\n.TableCell_module_root__b998b6b2[data-elem=base-cell] > [data-elem*=component] .TableCell_module_cellText__b998b6b2 {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n display: inline-block;\n width: 100%;\n font-size: 0.875rem;\n}\n.TableCell_module_root__b998b6b2[data-elem=base-cell].TableCell_module_headerCell__b998b6b2 {\n background: var(--grey7);\n}\n.TableCell_module_root__b998b6b2[data-elem=base-cell].TableCell_module_headerCell__b998b6b2 .TableCell_module_cellText__b998b6b2 {\n font-weight: 600;\n}\n.TableCell_module_root__b998b6b2[data-elem=base-cell].TableCell_module_bodyCell__b998b6b2 .TableCell_module_cellText__b998b6b2.TableCell_module_multiLine__b998b6b2 {\n white-space: normal;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n font-size: 0.75rem;\n}\n.TableCell_module_root__b998b6b2[data-elem=base-cell].TableCell_module_stickyLeft__b998b6b2 {\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n position: -webkit-sticky;\n position: sticky;\n left: 0;\n}\n.TableCell_module_root__b998b6b2[data-elem=base-cell].TableCell_module_stickyRight__b998b6b2 {\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n position: -webkit-sticky;\n position: sticky;\n right: 0;\n}";
|
|
35728
|
+
var modules_7ba8d001 = {"root":"TableCell_module_root__b998b6b2","cell-text":"TableCell_module_cellText__b998b6b2","header-cell":"TableCell_module_headerCell__b998b6b2","body-cell":"TableCell_module_bodyCell__b998b6b2","multi-line":"TableCell_module_multiLine__b998b6b2","sticky-left":"TableCell_module_stickyLeft__b998b6b2","sticky-right":"TableCell_module_stickyRight__b998b6b2"};
|
|
35729
|
+
n(css$g,{});
|
|
35754
35730
|
|
|
35755
35731
|
var TableCell = /*#__PURE__*/React.forwardRef(function TableCell(props, ref) {
|
|
35756
35732
|
var className = props.className,
|
|
@@ -35770,7 +35746,7 @@ var TableCell = /*#__PURE__*/React.forwardRef(function TableCell(props, ref) {
|
|
|
35770
35746
|
sticky = props.sticky;
|
|
35771
35747
|
return /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
35772
35748
|
ref: ref,
|
|
35773
|
-
className: classes(
|
|
35749
|
+
className: classes(modules_7ba8d001.root, className, modules_7ba8d001["".concat(type, "-cell")], modules_7ba8d001["sticky-".concat(sticky)]),
|
|
35774
35750
|
attrs: _objectSpread2({
|
|
35775
35751
|
style: style
|
|
35776
35752
|
}, attrs),
|
|
@@ -35781,7 +35757,7 @@ var TableCell = /*#__PURE__*/React.forwardRef(function TableCell(props, ref) {
|
|
|
35781
35757
|
component2: /*#__PURE__*/jsxRuntime.jsx("span", _objectSpread2(_objectSpread2({}, _objectSpread2(_objectSpread2({}, cellTitle != null ? {
|
|
35782
35758
|
title: cellTitle
|
|
35783
35759
|
} : {}), {}, {
|
|
35784
|
-
className: classes(
|
|
35760
|
+
className: classes(modules_7ba8d001['cell-text'], multiLine ? modules_7ba8d001['multi-line'] : ''),
|
|
35785
35761
|
style: style,
|
|
35786
35762
|
'data-elem': 'text'
|
|
35787
35763
|
})), {}, {
|
|
@@ -35810,9 +35786,9 @@ TableCell.defaultProps = _objectSpread2(_objectSpread2({}, BaseCell.defaultProps
|
|
|
35810
35786
|
cellTitle: null
|
|
35811
35787
|
});
|
|
35812
35788
|
|
|
35813
|
-
var
|
|
35814
|
-
var
|
|
35815
|
-
|
|
35789
|
+
var css$f = ".TableRow_module_root__ede287e6 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.TableRow_module_root__ede287e6.TableRow_module_headerRow__ede287e6 {\n background: var(--grey6);\n}\n.TableRow_module_root__ede287e6.TableRow_module_bodyRow__ede287e6 {\n background: var(--white);\n}\n.TableRow_module_root__ede287e6.TableRow_module_bodyRow__ede287e6:hover > [data-elem=base-cell] {\n background: var(--info-bg);\n}\n.TableRow_module_root__ede287e6.TableRow_module_bodyRow__ede287e6.TableRow_module_selected__ede287e6 > [data-elem=base-cell] {\n background: var(--background);\n}\n.TableRow_module_root__ede287e6 > [data-elem=base-cell]:first-child {\n padding-left: 1rem;\n}\n.TableRow_module_root__ede287e6 > [data-elem=base-cell]:last-child {\n padding-right: 1rem;\n}";
|
|
35790
|
+
var modules_f6618a87 = {"root":"TableRow_module_root__ede287e6","header-row":"TableRow_module_headerRow__ede287e6","body-row":"TableRow_module_bodyRow__ede287e6","selected":"TableRow_module_selected__ede287e6"};
|
|
35791
|
+
n(css$f,{});
|
|
35816
35792
|
|
|
35817
35793
|
var TableRow = function TableRow(props) {
|
|
35818
35794
|
var _headerData$map;
|
|
@@ -35827,7 +35803,7 @@ var TableRow = function TableRow(props) {
|
|
|
35827
35803
|
setActiveData = props.setActiveData;
|
|
35828
35804
|
return /*#__PURE__*/jsxRuntime.jsx("tr", {
|
|
35829
35805
|
"data-elem": "table-row",
|
|
35830
|
-
className: classes(className,
|
|
35806
|
+
className: classes(className, modules_f6618a87.root, selected ? modules_f6618a87.selected : '', modules_f6618a87["".concat(type, "-row")]),
|
|
35831
35807
|
children: headerData === null || headerData === void 0 ? void 0 : (_headerData$map = headerData.map) === null || _headerData$map === void 0 ? void 0 : _headerData$map.call(headerData, function (item) {
|
|
35832
35808
|
var _getCustomCell;
|
|
35833
35809
|
var cellContent = null;
|
|
@@ -35892,9 +35868,9 @@ TableRow.defaultProps = {
|
|
|
35892
35868
|
selected: false
|
|
35893
35869
|
};
|
|
35894
35870
|
|
|
35895
|
-
var
|
|
35896
|
-
var
|
|
35897
|
-
|
|
35871
|
+
var css$e = ".TableBody_module_root__77e2990d {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}";
|
|
35872
|
+
var modules_82c0c387 = {"root":"TableBody_module_root__77e2990d"};
|
|
35873
|
+
n(css$e,{});
|
|
35898
35874
|
|
|
35899
35875
|
/* eslint-disable react/forbid-prop-types */
|
|
35900
35876
|
var TableBody = function TableBody(props) {
|
|
@@ -35907,7 +35883,7 @@ var TableBody = function TableBody(props) {
|
|
|
35907
35883
|
className = props.className;
|
|
35908
35884
|
return /*#__PURE__*/jsxRuntime.jsx("tbody", {
|
|
35909
35885
|
"data-elem": "table-body",
|
|
35910
|
-
className: classes(
|
|
35886
|
+
className: classes(modules_82c0c387.root, className),
|
|
35911
35887
|
children: tableData === null || tableData === void 0 ? void 0 : tableData.map(function (datum, _index) {
|
|
35912
35888
|
var key = datum === null || datum === void 0 ? void 0 : datum.id;
|
|
35913
35889
|
var selected = uniqueKey.length > 0 && (uniqueKey === null || uniqueKey === void 0 ? void 0 : uniqueKey.each(function (e) {
|
|
@@ -35958,9 +35934,9 @@ TableBody.defaultProps = {
|
|
|
35958
35934
|
}
|
|
35959
35935
|
};
|
|
35960
35936
|
|
|
35961
|
-
var
|
|
35962
|
-
var
|
|
35963
|
-
|
|
35937
|
+
var css$d = ".TableHeader_module_root__daf69a14 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}";
|
|
35938
|
+
var modules_3be98c28 = {"root":"TableHeader_module_root__daf69a14"};
|
|
35939
|
+
n(css$d,{});
|
|
35964
35940
|
|
|
35965
35941
|
/* eslint-disable react/forbid-prop-types */
|
|
35966
35942
|
var TableHeader = function TableHeader(props) {
|
|
@@ -35968,7 +35944,7 @@ var TableHeader = function TableHeader(props) {
|
|
|
35968
35944
|
customCells = props.customCells;
|
|
35969
35945
|
return /*#__PURE__*/jsxRuntime.jsx("thead", {
|
|
35970
35946
|
"data-elem": "table-header",
|
|
35971
|
-
className:
|
|
35947
|
+
className: modules_3be98c28.root,
|
|
35972
35948
|
children: /*#__PURE__*/jsxRuntime.jsx(TableRow, {
|
|
35973
35949
|
type: "header",
|
|
35974
35950
|
headerData: headerData,
|
|
@@ -35999,9 +35975,9 @@ TableHeader.defaultProps = {
|
|
|
35999
35975
|
}
|
|
36000
35976
|
};
|
|
36001
35977
|
|
|
36002
|
-
var
|
|
36003
|
-
var
|
|
36004
|
-
|
|
35978
|
+
var css$c = ".BaseTable_module_root__7a8d241c {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n background: var(--white);\n overflow: auto;\n}";
|
|
35979
|
+
var modules_f1817c60 = {"root":"BaseTable_module_root__7a8d241c"};
|
|
35980
|
+
n(css$c,{});
|
|
36005
35981
|
|
|
36006
35982
|
/* eslint-disable react/forbid-prop-types */
|
|
36007
35983
|
var BaseTable = /*#__PURE__*/React.forwardRef(function BaseTable(props, ref) {
|
|
@@ -36018,7 +35994,7 @@ var BaseTable = /*#__PURE__*/React.forwardRef(function BaseTable(props, ref) {
|
|
|
36018
35994
|
return /*#__PURE__*/jsxRuntime.jsxs("table", {
|
|
36019
35995
|
ref: ref,
|
|
36020
35996
|
"data-elem": "table",
|
|
36021
|
-
className: classes(className,
|
|
35997
|
+
className: classes(className, modules_f1817c60.root),
|
|
36022
35998
|
children: [/*#__PURE__*/jsxRuntime.jsx(TableHeader, {
|
|
36023
35999
|
headerData: transformedHeaderData,
|
|
36024
36000
|
customCells: customCells
|
|
@@ -36066,9 +36042,9 @@ BaseTable.defaultProps = {
|
|
|
36066
36042
|
}
|
|
36067
36043
|
};
|
|
36068
36044
|
|
|
36069
|
-
var
|
|
36070
|
-
var
|
|
36071
|
-
|
|
36045
|
+
var css$b = ".TableChips_module_root__ed8402e9[data-elem=base-cell] {\n padding: 0.5rem 1.5rem;\n width: 100%;\n background: var(--grey8);\n border-radius: 0.25rem 0.25rem 0 0;\n}\n.TableChips_module_root__ed8402e9[data-elem=base-cell] > [data-elem=component1] .TableChips_module_back__ed8402e9 {\n height: 2rem;\n width: 2rem;\n}\n.TableChips_module_root__ed8402e9[data-elem=base-cell] > [data-elem=component1] .TableChips_module_back__ed8402e9 [data-elem=component1] .TableChips_module_icon__ed8402e9 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n}\n.TableChips_module_root__ed8402e9[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 gap: 0.5rem;\n overflow-x: auto;\n flex: 1;\n}\n.TableChips_module_root__ed8402e9[data-elem=base-cell] > [data-elem=component2]::-webkit-scrollbar {\n display: none;\n}\n.TableChips_module_root__ed8402e9[data-elem=base-cell] > [data-elem=component2] .TableChips_module_chip__ed8402e9 .TableChips_module_chipIcon__ed8402e9 {\n width: 1rem;\n height: 1rem;\n}";
|
|
36046
|
+
var modules_016d9b3e = {"root":"TableChips_module_root__ed8402e9","back":"TableChips_module_back__ed8402e9","icon":"TableChips_module_icon__ed8402e9","chip":"TableChips_module_chip__ed8402e9","chip-icon":"TableChips_module_chipIcon__ed8402e9"};
|
|
36047
|
+
n(css$b,{});
|
|
36072
36048
|
|
|
36073
36049
|
var TableChips = function TableChips(props) {
|
|
36074
36050
|
var _chips$filter;
|
|
@@ -36084,13 +36060,13 @@ var TableChips = function TableChips(props) {
|
|
|
36084
36060
|
variant: "input",
|
|
36085
36061
|
color: "default",
|
|
36086
36062
|
disabled: chip.disabled,
|
|
36087
|
-
className:
|
|
36063
|
+
className: modules_016d9b3e.chip,
|
|
36088
36064
|
title: "".concat(chip.label, " : ").concat(chip.value),
|
|
36089
36065
|
leftComponent: function leftComponent(iconProps) {
|
|
36090
36066
|
var Icon = chip.icon;
|
|
36091
36067
|
if ( /*#__PURE__*/React.isValidElement( /*#__PURE__*/jsxRuntime.jsx(Icon, {}))) {
|
|
36092
36068
|
return /*#__PURE__*/jsxRuntime.jsx(Icon, _objectSpread2(_objectSpread2({}, iconProps), {}, {
|
|
36093
|
-
className:
|
|
36069
|
+
className: modules_016d9b3e['chip-icon']
|
|
36094
36070
|
}));
|
|
36095
36071
|
}
|
|
36096
36072
|
return null;
|
|
@@ -36101,17 +36077,17 @@ var TableChips = function TableChips(props) {
|
|
|
36101
36077
|
if ((chipsDOM === null || chipsDOM === void 0 ? void 0 : chipsDOM.length) > 0 || showBack) {
|
|
36102
36078
|
return /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
36103
36079
|
flexible: true,
|
|
36104
|
-
className: classes(className,
|
|
36080
|
+
className: classes(className, modules_016d9b3e.root),
|
|
36105
36081
|
attrs: {
|
|
36106
36082
|
style: style
|
|
36107
36083
|
},
|
|
36108
36084
|
component1: showBack && /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
36109
36085
|
size: "auto",
|
|
36110
36086
|
radius: "round",
|
|
36111
|
-
className:
|
|
36087
|
+
className: modules_016d9b3e.back,
|
|
36112
36088
|
leftComponent: function leftComponent() {
|
|
36113
36089
|
return /*#__PURE__*/jsxRuntime.jsx(Arrow$1, {
|
|
36114
|
-
className:
|
|
36090
|
+
className: modules_016d9b3e.icon,
|
|
36115
36091
|
position: "left"
|
|
36116
36092
|
});
|
|
36117
36093
|
},
|
|
@@ -36164,9 +36140,9 @@ var TableChip = /*#__PURE__*/_createClass$1(function TableChip(_ref) {
|
|
|
36164
36140
|
this.disabled = disabled;
|
|
36165
36141
|
});
|
|
36166
36142
|
|
|
36167
|
-
var
|
|
36168
|
-
var
|
|
36169
|
-
|
|
36143
|
+
var css$a = ".Popover_module_root__265e51dc {\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n background-color: var(--white);\n padding: 1rem;\n border-radius: 0.25rem;\n}";
|
|
36144
|
+
var modules_dfc4608f = {"root":"Popover_module_root__265e51dc"};
|
|
36145
|
+
n(css$a,{});
|
|
36170
36146
|
|
|
36171
36147
|
var Popover = function Popover(props) {
|
|
36172
36148
|
var children = props.children,
|
|
@@ -36223,7 +36199,7 @@ var Popover = function Popover(props) {
|
|
|
36223
36199
|
top: y !== null && y !== void 0 ? y : 0,
|
|
36224
36200
|
left: x !== null && x !== void 0 ? x : 0
|
|
36225
36201
|
},
|
|
36226
|
-
className: classes(
|
|
36202
|
+
className: classes(modules_dfc4608f.root, className)
|
|
36227
36203
|
})), {}, {
|
|
36228
36204
|
children: children
|
|
36229
36205
|
}))
|
|
@@ -36242,9 +36218,9 @@ Popover.defaultProps = {
|
|
|
36242
36218
|
onClose: function onClose() {}
|
|
36243
36219
|
};
|
|
36244
36220
|
|
|
36245
|
-
var
|
|
36246
|
-
var
|
|
36247
|
-
|
|
36221
|
+
var css$9 = ".Columns_module_popover__680b100e {\n height: 100%;\n}\n\n.Columns_module_root__680b100e {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n gap: 1rem;\n position: relative;\n height: 100%;\n max-width: 100%;\n}\n.Columns_module_root__680b100e .Columns_module_header__680b100e {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n gap: 1.5rem;\n width: 100%;\n padding: 0;\n height: auto;\n}\n.Columns_module_root__680b100e .Columns_module_header__680b100e > [data-elem=component1] {\n font-weight: 500;\n}\n.Columns_module_root__680b100e .Columns_module_header__680b100e > [data-elem=component2] .Columns_module_search__680b100e {\n width: 100%;\n}\n.Columns_module_root__680b100e .Columns_module_close__680b100e {\n position: absolute;\n top: -1rem;\n right: -1rem;\n}\n.Columns_module_root__680b100e .Columns_module_close__680b100e .Columns_module_icon__680b100e {\n width: 1rem;\n height: 1rem;\n}\n.Columns_module_root__680b100e .Columns_module_body__680b100e {\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 flex: 1 1 auto;\n}\n.Columns_module_root__680b100e .Columns_module_body__680b100e .Columns_module_item__680b100e {\n height: 3rem;\n}\n.Columns_module_root__680b100e .Columns_module_body__680b100e .Columns_module_item__680b100e > [data-elem=title] {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.Columns_module_root__680b100e .Columns_module_footer__680b100e .Columns_module_expand__680b100e .Columns_module_icon__680b100e {\n width: 1.5rem;\n height: 1.5rem;\n transform: rotate(180deg);\n}\n.Columns_module_root__680b100e.Columns_module_expanded__680b100e .Columns_module_header__680b100e {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding-right: 2rem;\n}\n.Columns_module_root__680b100e.Columns_module_expanded__680b100e .Columns_module_header__680b100e > [data-elem=component2] {\n flex: 1;\n}\n.Columns_module_root__680b100e.Columns_module_expanded__680b100e .Columns_module_close__680b100e {\n top: -0.25rem;\n}\n.Columns_module_root__680b100e.Columns_module_expanded__680b100e .Columns_module_body__680b100e {\n display: grid;\n grid-template-columns: 1fr 1fr;\n flex: 0 1 auto;\n}\n.Columns_module_root__680b100e.Columns_module_expanded__680b100e .Columns_module_body__680b100e .Columns_module_item__680b100e {\n overflow: hidden;\n}\n.Columns_module_root__680b100e.Columns_module_expanded__680b100e .Columns_module_footer__680b100e {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n margin-top: auto;\n}\n.Columns_module_root__680b100e.Columns_module_expanded__680b100e .Columns_module_footer__680b100e .Columns_module_expand__680b100e .Columns_module_icon__680b100e {\n transform: rotate(0deg);\n}";
|
|
36222
|
+
var modules_48c02c99 = {"popover":"Columns_module_popover__680b100e","root":"Columns_module_root__680b100e","header":"Columns_module_header__680b100e","search":"Columns_module_search__680b100e","close":"Columns_module_close__680b100e","icon":"Columns_module_icon__680b100e","body":"Columns_module_body__680b100e","item":"Columns_module_item__680b100e","footer":"Columns_module_footer__680b100e","expand":"Columns_module_expand__680b100e","expanded":"Columns_module_expanded__680b100e"};
|
|
36223
|
+
n(css$9,{});
|
|
36248
36224
|
|
|
36249
36225
|
var Columns = function Columns(props) {
|
|
36250
36226
|
var open = props.open,
|
|
@@ -36265,17 +36241,17 @@ var Columns = function Columns(props) {
|
|
|
36265
36241
|
anchorEl: anchorEl,
|
|
36266
36242
|
open: open,
|
|
36267
36243
|
setOpen: setOpen,
|
|
36268
|
-
className:
|
|
36244
|
+
className: modules_48c02c99.popover,
|
|
36269
36245
|
onClose: function onClose() {
|
|
36270
36246
|
setSearch(null);
|
|
36271
36247
|
},
|
|
36272
36248
|
children: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
36273
|
-
className: classes(
|
|
36249
|
+
className: classes(modules_48c02c99.root, expanded ? modules_48c02c99.expanded : ''),
|
|
36274
36250
|
children: [/*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
36275
|
-
className:
|
|
36251
|
+
className: modules_48c02c99.header,
|
|
36276
36252
|
component1: "Columns",
|
|
36277
36253
|
component2: /*#__PURE__*/jsxRuntime.jsx(TextField, {
|
|
36278
|
-
className:
|
|
36254
|
+
className: modules_48c02c99.search,
|
|
36279
36255
|
placeholder: "Search Column name",
|
|
36280
36256
|
value: search,
|
|
36281
36257
|
onChange: function onChange(e) {
|
|
@@ -36285,27 +36261,27 @@ var Columns = function Columns(props) {
|
|
|
36285
36261
|
}
|
|
36286
36262
|
})
|
|
36287
36263
|
}), /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
36288
|
-
className:
|
|
36264
|
+
className: modules_48c02c99.close,
|
|
36289
36265
|
size: "auto",
|
|
36290
36266
|
radius: "round",
|
|
36291
36267
|
variant: "text",
|
|
36292
36268
|
leftComponent: function leftComponent() {
|
|
36293
36269
|
return /*#__PURE__*/jsxRuntime.jsx(Cross$1, {
|
|
36294
|
-
className:
|
|
36270
|
+
className: modules_48c02c99.icon
|
|
36295
36271
|
});
|
|
36296
36272
|
},
|
|
36297
36273
|
onClick: function onClick() {
|
|
36298
36274
|
setOpen(false);
|
|
36299
36275
|
}
|
|
36300
36276
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
36301
|
-
className:
|
|
36277
|
+
className: modules_48c02c99.body,
|
|
36302
36278
|
children: columns === null || columns === void 0 ? void 0 : columns.filter(function (col) {
|
|
36303
36279
|
var _col$id;
|
|
36304
36280
|
return (col === null || col === void 0 ? void 0 : (_col$id = col.id) === null || _col$id === void 0 ? void 0 : _col$id.toLowerCase().indexOf(search === null || search === void 0 ? void 0 : search.toLowerCase())) !== -1 && search != null && search !== '' || search == null || search === '';
|
|
36305
36281
|
}).map(function (col) {
|
|
36306
36282
|
var selected = [null, false, undefined].includes(hiddenColumns === null || hiddenColumns === void 0 ? void 0 : hiddenColumns[col === null || col === void 0 ? void 0 : col.id]);
|
|
36307
36283
|
return /*#__PURE__*/jsxRuntime.jsx(DropdownItem, {
|
|
36308
|
-
className:
|
|
36284
|
+
className: modules_48c02c99.item,
|
|
36309
36285
|
selected: selected,
|
|
36310
36286
|
title: col.title,
|
|
36311
36287
|
variant: "checkbox",
|
|
@@ -36319,16 +36295,16 @@ var Columns = function Columns(props) {
|
|
|
36319
36295
|
}, col.id);
|
|
36320
36296
|
})
|
|
36321
36297
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
36322
|
-
className:
|
|
36298
|
+
className: modules_48c02c99.footer,
|
|
36323
36299
|
children: /*#__PURE__*/jsxRuntime.jsx(Chip, {
|
|
36324
|
-
className:
|
|
36300
|
+
className: modules_48c02c99.expand,
|
|
36325
36301
|
size: "sm",
|
|
36326
36302
|
radius: "ellipse",
|
|
36327
36303
|
color: "default",
|
|
36328
36304
|
title: expanded ? 'See Less' : 'See More',
|
|
36329
36305
|
rightComponent: function rightComponent() {
|
|
36330
36306
|
return /*#__PURE__*/jsxRuntime.jsx(AngleDouble, {
|
|
36331
|
-
className:
|
|
36307
|
+
className: modules_48c02c99.icon
|
|
36332
36308
|
});
|
|
36333
36309
|
},
|
|
36334
36310
|
onClick: function onClick() {
|
|
@@ -36342,9 +36318,9 @@ var Columns = function Columns(props) {
|
|
|
36342
36318
|
});
|
|
36343
36319
|
};
|
|
36344
36320
|
|
|
36345
|
-
var
|
|
36346
|
-
var
|
|
36347
|
-
|
|
36321
|
+
var css$8 = ".TableFilters_module_root__0ffd53bf[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__0ffd53bf[data-elem=base-cell]::-webkit-scrollbar {\n display: none;\n}\n.TableFilters_module_root__0ffd53bf[data-elem=base-cell] .TableFilters_module_icon__0ffd53bf {\n width: 1.5rem;\n height: 1.5rem;\n flex-shrink: 0;\n}\n.TableFilters_module_root__0ffd53bf[data-elem=base-cell] .TableFilters_module_iconButton__0ffd53bf {\n padding: 0rem;\n height: 100%;\n}\n.TableFilters_module_root__0ffd53bf[data-elem=base-cell] > [data-elem*=component] {\n height: 100%;\n}\n.TableFilters_module_root__0ffd53bf[data-elem=base-cell] .TableFilters_module_left__0ffd53bf,\n.TableFilters_module_root__0ffd53bf[data-elem=base-cell] .TableFilters_module_center__0ffd53bf,\n.TableFilters_module_root__0ffd53bf[data-elem=base-cell] .TableFilters_module_right__0ffd53bf {\n height: 100%;\n}\n.TableFilters_module_root__0ffd53bf[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__0ffd53bf {\n gap: 1rem;\n}\n.TableFilters_module_root__0ffd53bf[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__0ffd53bf [data-elem=left] {\n gap: 1rem;\n}\n.TableFilters_module_root__0ffd53bf[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__0ffd53bf .TableFilters_module_filterValue__0ffd53bf {\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__0ffd53bf[data-elem=base-cell] > [data-elem=component2] {\n flex: 1;\n}\n.TableFilters_module_root__0ffd53bf[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_center__0ffd53bf {\n width: 100%;\n}\n.TableFilters_module_root__0ffd53bf[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_center__0ffd53bf [data-elem=base-cell] {\n background: var(--grey7);\n border-color: var(--grey3);\n}\n.TableFilters_module_root__0ffd53bf[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_center__0ffd53bf .TableFilters_module_icon__0ffd53bf {\n width: 1.25rem;\n}\n.TableFilters_module_root__0ffd53bf[data-elem=base-cell] .TableFilters_module_right__0ffd53bf {\n width: auto;\n padding: 0;\n gap: 2.5rem;\n}\n.TableFilters_module_root__0ffd53bf[data-elem=base-cell] .TableFilters_module_right__0ffd53bf > [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}";
|
|
36322
|
+
var modules_a0fe63f9 = {"root":"TableFilters_module_root__0ffd53bf","icon":"TableFilters_module_icon__0ffd53bf","icon-button":"TableFilters_module_iconButton__0ffd53bf","left":"TableFilters_module_left__0ffd53bf","center":"TableFilters_module_center__0ffd53bf","right":"TableFilters_module_right__0ffd53bf","filter-value":"TableFilters_module_filterValue__0ffd53bf"};
|
|
36323
|
+
n(css$8,{});
|
|
36348
36324
|
|
|
36349
36325
|
var TableFilters = function TableFilters(props) {
|
|
36350
36326
|
var className = props.className,
|
|
@@ -36366,23 +36342,23 @@ var TableFilters = function TableFilters(props) {
|
|
|
36366
36342
|
setAnchorEl = _useState4[1];
|
|
36367
36343
|
return /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
36368
36344
|
flexible: true,
|
|
36369
|
-
className: classes(
|
|
36345
|
+
className: classes(modules_a0fe63f9.root, className),
|
|
36370
36346
|
attrs: {
|
|
36371
36347
|
style: style
|
|
36372
36348
|
},
|
|
36373
36349
|
component1: /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
36374
|
-
className:
|
|
36350
|
+
className: modules_a0fe63f9.left,
|
|
36375
36351
|
title: "Filter",
|
|
36376
36352
|
variant: "outlined",
|
|
36377
36353
|
leftComponent: function leftComponent() {
|
|
36378
36354
|
return /*#__PURE__*/jsxRuntime.jsx(Filter, {
|
|
36379
|
-
className:
|
|
36355
|
+
className: modules_a0fe63f9.icon
|
|
36380
36356
|
});
|
|
36381
36357
|
},
|
|
36382
36358
|
rightComponent: function rightComponent() {
|
|
36383
36359
|
if (filterValue !== null && filterValue !== void 0 && filterValue.applied) {
|
|
36384
36360
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
36385
|
-
className:
|
|
36361
|
+
className: modules_a0fe63f9['filter-value'],
|
|
36386
36362
|
children: filterValue === null || filterValue === void 0 ? void 0 : filterValue.applied
|
|
36387
36363
|
});
|
|
36388
36364
|
}
|
|
@@ -36390,30 +36366,30 @@ var TableFilters = function TableFilters(props) {
|
|
|
36390
36366
|
}
|
|
36391
36367
|
}),
|
|
36392
36368
|
component2: /*#__PURE__*/jsxRuntime.jsx(TextField, {
|
|
36393
|
-
className:
|
|
36369
|
+
className: modules_a0fe63f9.center,
|
|
36394
36370
|
value: searchValue,
|
|
36395
36371
|
onChange: onSearch,
|
|
36396
36372
|
LeftComponent: function LeftComponent() {
|
|
36397
36373
|
return /*#__PURE__*/jsxRuntime.jsx(MagnifyingGlass, {
|
|
36398
|
-
className:
|
|
36374
|
+
className: modules_a0fe63f9.icon
|
|
36399
36375
|
});
|
|
36400
36376
|
},
|
|
36401
36377
|
placeholder: "Search"
|
|
36402
36378
|
}),
|
|
36403
36379
|
component3: /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
36404
36380
|
flexible: true,
|
|
36405
|
-
className:
|
|
36381
|
+
className: modules_a0fe63f9.right,
|
|
36406
36382
|
component1: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
36407
36383
|
children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
36408
36384
|
ref: function ref(el) {
|
|
36409
36385
|
setAnchorEl(el);
|
|
36410
36386
|
},
|
|
36411
36387
|
size: "auto",
|
|
36412
|
-
className:
|
|
36388
|
+
className: modules_a0fe63f9['icon-button'],
|
|
36413
36389
|
variant: "text",
|
|
36414
36390
|
leftComponent: function leftComponent() {
|
|
36415
36391
|
return /*#__PURE__*/jsxRuntime.jsx(Columns$1, {
|
|
36416
|
-
className:
|
|
36392
|
+
className: modules_a0fe63f9.icon
|
|
36417
36393
|
});
|
|
36418
36394
|
},
|
|
36419
36395
|
onClick: function onClick() {
|
|
@@ -36432,22 +36408,22 @@ var TableFilters = function TableFilters(props) {
|
|
|
36432
36408
|
}),
|
|
36433
36409
|
component2: /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
36434
36410
|
size: "auto",
|
|
36435
|
-
className:
|
|
36411
|
+
className: modules_a0fe63f9['icon-button'],
|
|
36436
36412
|
variant: "text",
|
|
36437
36413
|
onClick: onRefresh,
|
|
36438
36414
|
leftComponent: function leftComponent() {
|
|
36439
36415
|
return /*#__PURE__*/jsxRuntime.jsx(Refresh, {
|
|
36440
|
-
className:
|
|
36416
|
+
className: modules_a0fe63f9.icon
|
|
36441
36417
|
});
|
|
36442
36418
|
}
|
|
36443
36419
|
}),
|
|
36444
36420
|
component3: /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
36445
36421
|
size: "auto",
|
|
36446
|
-
className:
|
|
36422
|
+
className: modules_a0fe63f9['icon-button'],
|
|
36447
36423
|
variant: "text",
|
|
36448
36424
|
leftComponent: function leftComponent() {
|
|
36449
36425
|
return /*#__PURE__*/jsxRuntime.jsx(Nut, {
|
|
36450
|
-
className:
|
|
36426
|
+
className: modules_a0fe63f9.icon
|
|
36451
36427
|
});
|
|
36452
36428
|
}
|
|
36453
36429
|
})
|
|
@@ -36476,9 +36452,9 @@ TableFilters.defaultProps = {
|
|
|
36476
36452
|
}
|
|
36477
36453
|
};
|
|
36478
36454
|
|
|
36479
|
-
var
|
|
36480
|
-
var
|
|
36481
|
-
|
|
36455
|
+
var css$7 = ".Table_module_root__d17cb64f {\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__d17cb64f .Table_module_table__d17cb64f {\n height: calc(100% - 6rem);\n padding-bottom: 3.5rem;\n}\n.Table_module_root__d17cb64f .Table_module_pagination__d17cb64f {\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n}\n.Table_module_root__d17cb64f .Table_module_pagination__d17cb64f.Table_module_floating__d17cb64f {\n bottom: 1rem;\n}\n.Table_module_root__d17cb64f .Table_module_chips__d17cb64f,\n.Table_module_root__d17cb64f .Table_module_filters__d17cb64f,\n.Table_module_root__d17cb64f .Table_module_table__d17cb64f > [data-elem=table-header] {\n position: -webkit-sticky;\n position: sticky;\n z-index: 1;\n top: 0;\n}";
|
|
36456
|
+
var modules_2e8406c7 = {"root":"Table_module_root__d17cb64f","table":"Table_module_table__d17cb64f","pagination":"Table_module_pagination__d17cb64f","floating":"Table_module_floating__d17cb64f","chips":"Table_module_chips__d17cb64f","filters":"Table_module_filters__d17cb64f"};
|
|
36457
|
+
n(css$7,{});
|
|
36482
36458
|
|
|
36483
36459
|
var INTERSECTION = 1;
|
|
36484
36460
|
var STEP = 0.1;
|
|
@@ -36570,11 +36546,11 @@ var Table = function Table(props) {
|
|
|
36570
36546
|
setHiddenColumns({});
|
|
36571
36547
|
}, [headerData]);
|
|
36572
36548
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
36573
|
-
className: classes(
|
|
36549
|
+
className: classes(modules_2e8406c7.root, className),
|
|
36574
36550
|
children: [chipsData != null && ((chipsData === null || chipsData === void 0 ? void 0 : (_chipsData$chips = chipsData.chips) === null || _chipsData$chips === void 0 ? void 0 : _chipsData$chips.length) > 0 || (chipsData === null || chipsData === void 0 ? void 0 : chipsData.showBack) != null) && /*#__PURE__*/jsxRuntime.jsx(TableChips, _objectSpread2({
|
|
36575
|
-
className:
|
|
36551
|
+
className: modules_2e8406c7.chips
|
|
36576
36552
|
}, chipsData)), filtersData != null && /*#__PURE__*/jsxRuntime.jsx(TableFilters, _objectSpread2({
|
|
36577
|
-
className:
|
|
36553
|
+
className: modules_2e8406c7.filters
|
|
36578
36554
|
}, _objectSpread2(_objectSpread2({}, filtersData), {}, {
|
|
36579
36555
|
headerData: headerData,
|
|
36580
36556
|
hiddenColumns: hiddenColumns,
|
|
@@ -36587,9 +36563,9 @@ var Table = function Table(props) {
|
|
|
36587
36563
|
activeData: activeData,
|
|
36588
36564
|
setActiveData: setActiveData,
|
|
36589
36565
|
customCells: customCells,
|
|
36590
|
-
className:
|
|
36566
|
+
className: modules_2e8406c7.table
|
|
36591
36567
|
}), paginationData != null && /*#__PURE__*/jsxRuntime.jsx(Pagination, _objectSpread2(_objectSpread2({
|
|
36592
|
-
className: classes(
|
|
36568
|
+
className: classes(modules_2e8406c7.pagination, floating ? modules_2e8406c7.floating : ''),
|
|
36593
36569
|
ref: paginationRef
|
|
36594
36570
|
}, paginationData), {}, {
|
|
36595
36571
|
floating: floating
|
|
@@ -36635,22 +36611,22 @@ Table.defaultProps = {
|
|
|
36635
36611
|
paginationData: null
|
|
36636
36612
|
};
|
|
36637
36613
|
|
|
36638
|
-
var
|
|
36639
|
-
var
|
|
36640
|
-
|
|
36614
|
+
var css$6 = ".Tabs_module_root__df3be7a0 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n\n.Tabs_module_tabView__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0 {\n cursor: pointer;\n margin-right: 0.25rem;\n padding: 0.5rem 0rem 0.5rem 0.5rem;\n text-align: left;\n font-size: 1rem;\n font-weight: 500;\n color: var(--dark-grey);\n}\n.Tabs_module_tabView__df3be7a0 .Tabs_module_content__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0 .Tabs_module_content__df3be7a0 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.Tabs_module_tabView__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_left__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_left__df3be7a0 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.Tabs_module_tabView__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_left__df3be7a0 .Tabs_module_iconContainer__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_left__df3be7a0 .Tabs_module_iconContainer__df3be7a0 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.Tabs_module_tabView__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_left__df3be7a0 .Tabs_module_iconContainer__df3be7a0 .Tabs_module_icon__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_left__df3be7a0 .Tabs_module_iconContainer__df3be7a0 .Tabs_module_icon__df3be7a0 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--dark-grey);\n}\n.Tabs_module_tabView__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.Tabs_module_tabView__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_saperator__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_saperator__df3be7a0 {\n border-right: 0.031rem solid var(--grey3);\n border-radius: 0.625rem;\n height: 1.438rem;\n margin: 0rem 0rem 0rem 1rem;\n}\n.Tabs_module_tabView__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_iconContainer__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_iconContainer__df3be7a0 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.Tabs_module_tabView__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_iconContainer__df3be7a0 .Tabs_module_icon__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_iconContainer__df3be7a0 .Tabs_module_icon__df3be7a0 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--dark-grey);\n}\n.Tabs_module_tabView__df3be7a0:hover, .Tabs_module_tabViewSelected__df3be7a0:hover {\n background-color: var(--background);\n border-radius: 0.25rem;\n color: var(--highlight);\n}\n.Tabs_module_tabView__df3be7a0:hover .Tabs_module_content__df3be7a0 .Tabs_module_left__df3be7a0 .Tabs_module_iconContainer__df3be7a0 .Tabs_module_icon__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0:hover .Tabs_module_content__df3be7a0 .Tabs_module_left__df3be7a0 .Tabs_module_iconContainer__df3be7a0 .Tabs_module_icon__df3be7a0 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--highlight);\n}\n.Tabs_module_tabView__df3be7a0:hover .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_saperator__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0:hover .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_saperator__df3be7a0 {\n border-right: 0.031rem solid var(--highlight);\n border-radius: 0.625rem;\n height: 1.438rem;\n margin: 0rem 0rem 0rem 1rem;\n}\n.Tabs_module_tabView__df3be7a0:hover .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_iconContainer__df3be7a0 .Tabs_module_icon__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0:hover .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_iconContainer__df3be7a0 .Tabs_module_icon__df3be7a0 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--highlight);\n}\n\n.Tabs_module_tabViewSelected__df3be7a0 {\n color: var(--highlight);\n border-bottom: 0.125rem solid var(--highlight);\n}\n.Tabs_module_tabViewSelected__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_left__df3be7a0 .Tabs_module_iconContainer__df3be7a0 .Tabs_module_icon__df3be7a0 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--highlight);\n}\n.Tabs_module_tabViewSelected__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_saperator__df3be7a0 {\n border-right: 0.031rem solid var(--highlight);\n border-radius: 0.625rem;\n height: 1.438rem;\n margin: 0rem 0rem 0rem 1rem;\n}\n.Tabs_module_tabViewSelected__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_iconContainer__df3be7a0 .Tabs_module_icon__df3be7a0 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--highlight);\n}";
|
|
36615
|
+
var modules_78ab5066 = {"root":"Tabs_module_root__df3be7a0","tab-view":"Tabs_module_tabView__df3be7a0","tab-view-selected":"Tabs_module_tabViewSelected__df3be7a0","content":"Tabs_module_content__df3be7a0","left":"Tabs_module_left__df3be7a0","icon-container":"Tabs_module_iconContainer__df3be7a0","icon":"Tabs_module_icon__df3be7a0","right":"Tabs_module_right__df3be7a0","saperator":"Tabs_module_saperator__df3be7a0"};
|
|
36616
|
+
n(css$6,{});
|
|
36641
36617
|
|
|
36642
36618
|
var Tabs = function Tabs(props) {
|
|
36643
36619
|
var tabs = props.tabs,
|
|
36644
36620
|
selectedTab = props.selectedTab,
|
|
36645
36621
|
setSelectedTab = props.setSelectedTab;
|
|
36646
36622
|
var tabViewClassName = function tabViewClassName(id) {
|
|
36647
|
-
return id === selectedTab ? "".concat(
|
|
36623
|
+
return id === selectedTab ? "".concat(modules_78ab5066['tab-view-selected']) : "".concat(modules_78ab5066['tab-view']);
|
|
36648
36624
|
};
|
|
36649
36625
|
var onTabClick = function onTabClick(id) {
|
|
36650
36626
|
setSelectedTab(id);
|
|
36651
36627
|
};
|
|
36652
36628
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
36653
|
-
className:
|
|
36629
|
+
className: modules_78ab5066.root,
|
|
36654
36630
|
children: tabs === null || tabs === void 0 ? void 0 : tabs.map(function (tab) {
|
|
36655
36631
|
var id = tab.id,
|
|
36656
36632
|
title = tab.title,
|
|
@@ -36662,17 +36638,17 @@ var Tabs = function Tabs(props) {
|
|
|
36662
36638
|
},
|
|
36663
36639
|
className: tabViewClassName(id),
|
|
36664
36640
|
children: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
36665
|
-
className:
|
|
36641
|
+
className: modules_78ab5066.content,
|
|
36666
36642
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
36667
|
-
className:
|
|
36643
|
+
className: modules_78ab5066.left,
|
|
36668
36644
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
36669
36645
|
style: {
|
|
36670
36646
|
paddingRight: LeftIcon ? 5 : 0
|
|
36671
36647
|
},
|
|
36672
36648
|
children: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
36673
|
-
className:
|
|
36649
|
+
className: modules_78ab5066['icon-container'],
|
|
36674
36650
|
children: LeftIcon && /*#__PURE__*/jsxRuntime.jsx(LeftIcon, {
|
|
36675
|
-
className: classes(
|
|
36651
|
+
className: classes(modules_78ab5066.icon)
|
|
36676
36652
|
})
|
|
36677
36653
|
})
|
|
36678
36654
|
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
@@ -36682,13 +36658,13 @@ var Tabs = function Tabs(props) {
|
|
|
36682
36658
|
children: title
|
|
36683
36659
|
})]
|
|
36684
36660
|
}), RightIcon && /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
36685
|
-
className:
|
|
36661
|
+
className: modules_78ab5066.right,
|
|
36686
36662
|
children: [/*#__PURE__*/jsxRuntime.jsx("vl", {
|
|
36687
|
-
className:
|
|
36663
|
+
className: modules_78ab5066.saperator
|
|
36688
36664
|
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
36689
|
-
className:
|
|
36665
|
+
className: modules_78ab5066['icon-container'],
|
|
36690
36666
|
children: /*#__PURE__*/jsxRuntime.jsx(RightIcon, {
|
|
36691
|
-
className: classes(
|
|
36667
|
+
className: classes(modules_78ab5066.icon)
|
|
36692
36668
|
})
|
|
36693
36669
|
})]
|
|
36694
36670
|
})]
|
|
@@ -36728,9 +36704,9 @@ Tabs.defaultProps = {
|
|
|
36728
36704
|
setSelectedTab: 'None'
|
|
36729
36705
|
};
|
|
36730
36706
|
|
|
36731
|
-
var
|
|
36732
|
-
var
|
|
36733
|
-
|
|
36707
|
+
var css$5 = ".Tooltip_module_root__c909817e {\n display: inline-block;\n position: relative;\n}\n.Tooltip_module_tooltip__c909817e {\n text-align: center;\n position: fixed;\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__c909817e.Tooltip_module_light__c909817e {\n color: var(--black);\n background: var(--grey7);\n border-color: var(--black);\n}\n.Tooltip_module_tooltip__c909817e.Tooltip_module_dark__c909817e {\n color: var(--white);\n background: var(--black);\n border-color: var(--white);\n}\n.Tooltip_module_tooltip__c909817e::before {\n content: \"\";\n border: solid transparent;\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-width: 0.375rem;\n}\n.Tooltip_module_tooltip__c909817e.Tooltip_module_top__c909817e::before {\n top: 100%;\n left: 50%;\n transform: translate(-50%, 0%);\n border-top-style: solid;\n}\n.Tooltip_module_tooltip__c909817e.Tooltip_module_top__c909817e.Tooltip_module_light__c909817e::before {\n border-top-color: var(--grey7);\n}\n.Tooltip_module_tooltip__c909817e.Tooltip_module_top__c909817e.Tooltip_module_dark__c909817e::before {\n border-top-color: var(--black);\n}\n.Tooltip_module_tooltip__c909817e.Tooltip_module_bottom__c909817e::before {\n top: 0%;\n left: 50%;\n transform: translate(-50%, -100%);\n border-bottom-style: solid;\n}\n.Tooltip_module_tooltip__c909817e.Tooltip_module_bottom__c909817e.Tooltip_module_light__c909817e::before {\n border-bottom-color: var(--grey7);\n}\n.Tooltip_module_tooltip__c909817e.Tooltip_module_bottom__c909817e.Tooltip_module_dark__c909817e::before {\n border-bottom-color: var(--black);\n}\n.Tooltip_module_tooltip__c909817e.Tooltip_module_left__c909817e::before {\n top: 50%;\n left: 100%;\n transform: translate(0%, -50%);\n border-left-style: solid;\n}\n.Tooltip_module_tooltip__c909817e.Tooltip_module_left__c909817e.Tooltip_module_light__c909817e::before {\n border-left-color: var(--grey7);\n}\n.Tooltip_module_tooltip__c909817e.Tooltip_module_left__c909817e.Tooltip_module_dark__c909817e::before {\n border-left-color: var(--black);\n}\n.Tooltip_module_tooltip__c909817e.Tooltip_module_right__c909817e::before {\n top: 50%;\n left: 0%;\n transform: translate(-100%, -50%);\n border-right-style: solid;\n}\n.Tooltip_module_tooltip__c909817e.Tooltip_module_right__c909817e.Tooltip_module_light__c909817e::before {\n border-right-color: var(--grey7);\n}\n.Tooltip_module_tooltip__c909817e.Tooltip_module_right__c909817e.Tooltip_module_dark__c909817e::before {\n border-right-color: var(--black);\n}";
|
|
36708
|
+
var modules_e4619b04 = {"root":"Tooltip_module_root__c909817e","tooltip":"Tooltip_module_tooltip__c909817e","light":"Tooltip_module_light__c909817e","dark":"Tooltip_module_dark__c909817e","top":"Tooltip_module_top__c909817e","bottom":"Tooltip_module_bottom__c909817e","left":"Tooltip_module_left__c909817e","right":"Tooltip_module_right__c909817e"};
|
|
36709
|
+
n(css$5,{});
|
|
36734
36710
|
|
|
36735
36711
|
var getPositionStyles = function getPositionStyles(_ref) {
|
|
36736
36712
|
var _anchor$current$getBo, _anchor$current, _anchor$current$getBo2, _anchor$current$getBo3, _anchor$current$getBo4, _anchor$current2, _anchor$current2$getB, _anchor$current2$getB2, _anchor$current$getBo5, _anchor$current3, _anchor$current3$getB, _anchor$current3$getB2, _anchor$current$getBo6, _anchor$current4, _anchor$current4$getB, _anchor$current4$getB2, _anchor$current$getBo7, _anchor$current5, _anchor$current5$getB, _anchor$current5$getB2, _anchor$current$getBo8, _anchor$current6, _anchor$current6$getB, _anchor$current6$getB2, _anchor$current$getBo9, _anchor$current7, _anchor$current7$getB, _anchor$current7$getB2, _anchor$current$getBo10, _anchor$current8, _anchor$current8$getB, _anchor$current8$getB2, _anchor$current$getBo11, _anchor$current9, _anchor$current9$getB, _anchor$current9$getB2, _anchor$current$getBo12, _anchor$current10, _anchor$current10$get, _anchor$current10$get2, _anchor$current$getBo13, _anchor$current11, _anchor$current11$get, _anchor$current11$get2, _anchor$current$getBo14, _anchor$current12, _anchor$current12$get, _anchor$current12$get2;
|
|
@@ -36791,7 +36767,7 @@ var Tooltip = function Tooltip(props) {
|
|
|
36791
36767
|
};
|
|
36792
36768
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
36793
36769
|
ref: tooltipRef,
|
|
36794
|
-
className: classes(
|
|
36770
|
+
className: classes(modules_e4619b04.root, modules_e4619b04[variant])
|
|
36795
36771
|
// When to show the tooltip
|
|
36796
36772
|
,
|
|
36797
36773
|
onMouseEnter: showTip,
|
|
@@ -36802,7 +36778,7 @@ var Tooltip = function Tooltip(props) {
|
|
|
36802
36778
|
anchorEl: tooltipRef,
|
|
36803
36779
|
wrapperId: "tooltip-popper",
|
|
36804
36780
|
children: /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
36805
|
-
className: classes(
|
|
36781
|
+
className: classes(modules_e4619b04.tooltip, modules_e4619b04[position], modules_e4619b04[variant]),
|
|
36806
36782
|
style: _objectSpread2({}, getPositionStyles({
|
|
36807
36783
|
position: position,
|
|
36808
36784
|
anchor: tooltipRef,
|
|
@@ -36824,9 +36800,9 @@ Tooltip.defaultProps = {
|
|
|
36824
36800
|
position: 'top'
|
|
36825
36801
|
};
|
|
36826
36802
|
|
|
36827
|
-
var
|
|
36828
|
-
var
|
|
36829
|
-
|
|
36803
|
+
var css$4 = ".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}";
|
|
36804
|
+
var modules_c7321921 = {"root":"BaseSidePanel_module_root__c7817916","close":"BaseSidePanel_module_close__c7817916","body":"BaseSidePanel_module_body__c7817916"};
|
|
36805
|
+
n(css$4,{});
|
|
36830
36806
|
|
|
36831
36807
|
var BaseSidePanel = function BaseSidePanel(props) {
|
|
36832
36808
|
var className = props.className,
|
|
@@ -36837,18 +36813,18 @@ var BaseSidePanel = function BaseSidePanel(props) {
|
|
|
36837
36813
|
var panelRef = React.useRef();
|
|
36838
36814
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
36839
36815
|
ref: panelRef,
|
|
36840
|
-
className: classes(
|
|
36816
|
+
className: classes(modules_c7321921.root, open ? '' : modules_c7321921.close, className),
|
|
36841
36817
|
children: [renderHeader && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
36842
36818
|
"data-elem": "header",
|
|
36843
|
-
className:
|
|
36819
|
+
className: modules_c7321921.header,
|
|
36844
36820
|
children: renderHeader
|
|
36845
36821
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
36846
36822
|
"data-elem": "body",
|
|
36847
|
-
className:
|
|
36823
|
+
className: modules_c7321921.body,
|
|
36848
36824
|
children: children
|
|
36849
36825
|
}), renderFooter && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
36850
36826
|
"data-elem": "footer",
|
|
36851
|
-
className:
|
|
36827
|
+
className: modules_c7321921.footer,
|
|
36852
36828
|
children: renderFooter
|
|
36853
36829
|
})]
|
|
36854
36830
|
});
|
|
@@ -82854,9 +82830,9 @@ function install(registers) {
|
|
|
82854
82830
|
registers.registerPainter('canvas', CanvasPainter$1);
|
|
82855
82831
|
}
|
|
82856
82832
|
|
|
82857
|
-
var
|
|
82858
|
-
var
|
|
82859
|
-
|
|
82833
|
+
var css$3 = ".BaseVerticalBarChart_module_root__db36f9d1 {\n width: \"100%\";\n}";
|
|
82834
|
+
var modules_8757388c = {"root":"BaseVerticalBarChart_module_root__db36f9d1"};
|
|
82835
|
+
n(css$3,{});
|
|
82860
82836
|
|
|
82861
82837
|
use([install$2, install$3, install$4, install$1, install$7, install]);
|
|
82862
82838
|
var BaseVerticalBarChart = function BaseVerticalBarChart(props) {
|
|
@@ -82964,7 +82940,7 @@ var BaseVerticalBarChart = function BaseVerticalBarChart(props) {
|
|
|
82964
82940
|
echarts: echarts,
|
|
82965
82941
|
notMerge: true,
|
|
82966
82942
|
lazyUpdate: true,
|
|
82967
|
-
className: classes(className,
|
|
82943
|
+
className: classes(className, modules_8757388c.root),
|
|
82968
82944
|
style: style
|
|
82969
82945
|
});
|
|
82970
82946
|
};
|
|
@@ -83020,9 +82996,9 @@ BaseVerticalBarChart.defaultProps = {
|
|
|
83020
82996
|
className: ''
|
|
83021
82997
|
};
|
|
83022
82998
|
|
|
83023
|
-
var
|
|
83024
|
-
var
|
|
83025
|
-
|
|
82999
|
+
var css$2 = ".BaseHorizontalBarChart_module_root__75f8867a {\n width: \"100%\";\n}";
|
|
83000
|
+
var modules_8904c6a0 = {"root":"BaseHorizontalBarChart_module_root__75f8867a"};
|
|
83001
|
+
n(css$2,{});
|
|
83026
83002
|
|
|
83027
83003
|
use([install$2, install$3, install$4, install$1, install$7, install]);
|
|
83028
83004
|
var BaseHorizontalBarChart = function BaseHorizontalBarChart(props) {
|
|
@@ -83116,7 +83092,7 @@ var BaseHorizontalBarChart = function BaseHorizontalBarChart(props) {
|
|
|
83116
83092
|
echarts: echarts,
|
|
83117
83093
|
notMerge: true,
|
|
83118
83094
|
lazyUpdate: true,
|
|
83119
|
-
className: classes(className,
|
|
83095
|
+
className: classes(className, modules_8904c6a0.root),
|
|
83120
83096
|
style: style
|
|
83121
83097
|
});
|
|
83122
83098
|
};
|
|
@@ -83170,9 +83146,9 @@ BaseHorizontalBarChart.defaultProps = {
|
|
|
83170
83146
|
className: ''
|
|
83171
83147
|
};
|
|
83172
83148
|
|
|
83173
|
-
var
|
|
83174
|
-
var
|
|
83175
|
-
|
|
83149
|
+
var css$1 = ".BaseWidget_module_root__57853874 {\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__57853874 .BaseWidget_module_header__57853874 {\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__57853874 .BaseWidget_module_header__57853874 .BaseWidget_module_headerTitle__57853874 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.BaseWidget_module_root__57853874 .BaseWidget_module_header__57853874 .BaseWidget_module_headerTitle__57853874.BaseWidget_module_noOptions__57853874 {\n flex: 1;\n}\n.BaseWidget_module_root__57853874 .BaseWidget_module_header__57853874 .BaseWidget_module_headerTitle__57853874 .BaseWidget_module_title__57853874 {\n white-space: nowrap;\n color: var(--white);\n}\n.BaseWidget_module_root__57853874 .BaseWidget_module_header__57853874 .BaseWidget_module_headerTitle__57853874 .BaseWidget_module_value__57853874 {\n white-space: nowrap;\n color: var(--white);\n}\n.BaseWidget_module_root__57853874 .BaseWidget_module_header__57853874 .BaseWidget_module_headerOptions__57853874 {\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__57853874 .BaseWidget_module_header__57853874 .BaseWidget_module_headerOptions__57853874 .BaseWidget_module_dropdownHeader__57853874 [data-elem=select] {\n background-color: transparent;\n width: 100%;\n color: var(--white);\n padding: 0.07rem 0.5rem;\n}\n.BaseWidget_module_root__57853874 .BaseWidget_module_header__57853874 .BaseWidget_module_headerOptions__57853874 .BaseWidget_module_dropdownHeader__57853874 [data-elem=select] [data-elem=placeholder] {\n font-size: 0.875rem;\n color: var(--white);\n}\n.BaseWidget_module_root__57853874 .BaseWidget_module_header__57853874 .BaseWidget_module_headerOptions__57853874 .BaseWidget_module_dropdownHeader__57853874 [data-elem=select] > svg {\n fill: var(--white);\n width: 0.875rem;\n}\n.BaseWidget_module_root__57853874 .BaseWidget_module_header__57853874 .BaseWidget_module_headerOptions__57853874 .BaseWidget_module_expandButton__57853874 {\n height: 1.75rem;\n color: var(--white);\n border-color: var(--white);\n}\n.BaseWidget_module_root__57853874 .BaseWidget_module_header__57853874 .BaseWidget_module_headerOptions__57853874 .BaseWidget_module_expandButton__57853874 .BaseWidget_module_expandIcon__57853874 {\n height: 1.25rem;\n width: 1.25rem;\n fill: var(--white);\n}\n.BaseWidget_module_root__57853874 .BaseWidget_module_children__57853874 {\n flex: 1 1;\n}\n\n.BaseWidget_module_dropdownPopper__57853874 {\n padding: 0rem;\n background: var(--grey1);\n}\n.BaseWidget_module_dropdownPopper__57853874 .BaseWidget_module_dropdownItem__57853874 {\n height: 2.25rem;\n color: var(--white);\n background: var(--grey);\n}\n.BaseWidget_module_dropdownPopper__57853874 .BaseWidget_module_dropdownItem__57853874:hover, .BaseWidget_module_dropdownPopper__57853874 .BaseWidget_module_dropdownItem__57853874:focus {\n color: var(--dark-grey);\n background: var(--grey2);\n}\n.BaseWidget_module_dropdownPopper__57853874 .BaseWidget_module_dropdownItem__57853874:hover label > svg, .BaseWidget_module_dropdownPopper__57853874 .BaseWidget_module_dropdownItem__57853874:focus label > svg {\n border: 1px solid var(--dark-grey);\n border-radius: 0.25rem;\n}";
|
|
83150
|
+
var modules_6a0e74b6 = {"root":"BaseWidget_module_root__57853874","header":"BaseWidget_module_header__57853874","header-title":"BaseWidget_module_headerTitle__57853874","no-options":"BaseWidget_module_noOptions__57853874","title":"BaseWidget_module_title__57853874","value":"BaseWidget_module_value__57853874","header-options":"BaseWidget_module_headerOptions__57853874","dropdown-header":"BaseWidget_module_dropdownHeader__57853874","expand-button":"BaseWidget_module_expandButton__57853874","expand-icon":"BaseWidget_module_expandIcon__57853874","children":"BaseWidget_module_children__57853874","dropdown-popper":"BaseWidget_module_dropdownPopper__57853874","dropdown-item":"BaseWidget_module_dropdownItem__57853874"};
|
|
83151
|
+
n(css$1,{});
|
|
83176
83152
|
|
|
83177
83153
|
var generateOptions = function generateOptions(optionData) {
|
|
83178
83154
|
var _optionData$id, _optionData$placehold, _optionData$value, _optionData$onChange, _optionData$selectOpt, _optionData$title, _optionData$onClick;
|
|
@@ -83186,15 +83162,15 @@ var generateOptions = function generateOptions(optionData) {
|
|
|
83186
83162
|
placeholder: (_optionData$placehold = optionData === null || optionData === void 0 ? void 0 : optionData.placeholder) !== null && _optionData$placehold !== void 0 ? _optionData$placehold : '',
|
|
83187
83163
|
value: (_optionData$value = optionData === null || optionData === void 0 ? void 0 : optionData.value) !== null && _optionData$value !== void 0 ? _optionData$value : '',
|
|
83188
83164
|
onChange: (_optionData$onChange = optionData === null || optionData === void 0 ? void 0 : optionData.onChange) !== null && _optionData$onChange !== void 0 ? _optionData$onChange : '',
|
|
83189
|
-
className:
|
|
83190
|
-
popperClassName:
|
|
83165
|
+
className: modules_6a0e74b6['dropdown-header'],
|
|
83166
|
+
popperClassName: modules_6a0e74b6['dropdown-popper'],
|
|
83191
83167
|
children: ((_optionData$selectOpt = optionData === null || optionData === void 0 ? void 0 : optionData.selectOption) !== null && _optionData$selectOpt !== void 0 ? _optionData$selectOpt : []).map(function (objectData) {
|
|
83192
83168
|
var _objectData$title, _objectData$value, _objectData$value2;
|
|
83193
83169
|
return /*#__PURE__*/jsxRuntime.jsx(DropdownItem, {
|
|
83194
83170
|
title: (_objectData$title = objectData === null || objectData === void 0 ? void 0 : objectData.title) !== null && _objectData$title !== void 0 ? _objectData$title : '',
|
|
83195
83171
|
value: (_objectData$value2 = objectData === null || objectData === void 0 ? void 0 : objectData.value) !== null && _objectData$value2 !== void 0 ? _objectData$value2 : '',
|
|
83196
83172
|
variant: "checkbox",
|
|
83197
|
-
className:
|
|
83173
|
+
className: modules_6a0e74b6['dropdown-item']
|
|
83198
83174
|
}, (_objectData$value = objectData === null || objectData === void 0 ? void 0 : objectData.value) !== null && _objectData$value !== void 0 ? _objectData$value : '');
|
|
83199
83175
|
})
|
|
83200
83176
|
});
|
|
@@ -83203,11 +83179,11 @@ var generateOptions = function generateOptions(optionData) {
|
|
|
83203
83179
|
title: (_optionData$title = optionData === null || optionData === void 0 ? void 0 : optionData.title) !== null && _optionData$title !== void 0 ? _optionData$title : '',
|
|
83204
83180
|
variant: "outlined",
|
|
83205
83181
|
size: "auto",
|
|
83206
|
-
className:
|
|
83182
|
+
className: modules_6a0e74b6['expand-button'],
|
|
83207
83183
|
onClick: (_optionData$onClick = optionData === null || optionData === void 0 ? void 0 : optionData.onClick) !== null && _optionData$onClick !== void 0 ? _optionData$onClick : '',
|
|
83208
83184
|
rightComponent: function rightComponent() {
|
|
83209
83185
|
return /*#__PURE__*/jsxRuntime.jsx(ExpandArrowAlt, {
|
|
83210
|
-
className:
|
|
83186
|
+
className: modules_6a0e74b6['expand-icon']
|
|
83211
83187
|
});
|
|
83212
83188
|
}
|
|
83213
83189
|
});
|
|
@@ -83225,31 +83201,31 @@ var BaseWidget = function BaseWidget(props) {
|
|
|
83225
83201
|
className = props.className,
|
|
83226
83202
|
children = props.children;
|
|
83227
83203
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
83228
|
-
className: classes(
|
|
83204
|
+
className: classes(modules_6a0e74b6.root, className),
|
|
83229
83205
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
83230
|
-
className:
|
|
83206
|
+
className: modules_6a0e74b6.header,
|
|
83231
83207
|
"data-elem": "header",
|
|
83232
83208
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
83233
|
-
className: classes(
|
|
83209
|
+
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'] : ''),
|
|
83234
83210
|
"data-elem": "header-title",
|
|
83235
83211
|
children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
|
|
83236
|
-
className:
|
|
83212
|
+
className: modules_6a0e74b6.title,
|
|
83237
83213
|
"data-elem": "title",
|
|
83238
83214
|
children: [title, ((_options$length2 = options === null || options === void 0 ? void 0 : options.length) !== null && _options$length2 !== void 0 ? _options$length2 : 0) > 0 ? ' - ' : ' ']
|
|
83239
83215
|
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
83240
|
-
className:
|
|
83216
|
+
className: modules_6a0e74b6.value,
|
|
83241
83217
|
"data-elem": "value",
|
|
83242
83218
|
children: value
|
|
83243
83219
|
})]
|
|
83244
83220
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
83245
|
-
className:
|
|
83221
|
+
className: modules_6a0e74b6['header-options'],
|
|
83246
83222
|
"data-elem": "header-options",
|
|
83247
83223
|
children: ((_options$length3 = options === null || options === void 0 ? void 0 : options.length) !== null && _options$length3 !== void 0 ? _options$length3 : 0) > 0 && (options === null || options === void 0 ? void 0 : options.map(function (objectData) {
|
|
83248
83224
|
return generateOptions(objectData);
|
|
83249
83225
|
}))
|
|
83250
83226
|
})]
|
|
83251
83227
|
}), /*#__PURE__*/jsxRuntime.jsx("hr", {}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
83252
|
-
className:
|
|
83228
|
+
className: modules_6a0e74b6.children,
|
|
83253
83229
|
"data-elem": "children",
|
|
83254
83230
|
children: children
|
|
83255
83231
|
})]
|
|
@@ -83268,9 +83244,9 @@ BaseWidget.defaultProps = {
|
|
|
83268
83244
|
className: ''
|
|
83269
83245
|
};
|
|
83270
83246
|
|
|
83271
|
-
var
|
|
83272
|
-
var
|
|
83273
|
-
|
|
83247
|
+
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}";
|
|
83248
|
+
var modules_49a16e28 = {"root":"DisplayPicture_module_root__a7ba07d1","sm":"DisplayPicture_module_sm__a7ba07d1","md":"DisplayPicture_module_md__a7ba07d1"};
|
|
83249
|
+
n(css,{});
|
|
83274
83250
|
|
|
83275
83251
|
var DisplayPicture = function DisplayPicture(props) {
|
|
83276
83252
|
var name = props.name,
|
|
@@ -83278,7 +83254,7 @@ var DisplayPicture = function DisplayPicture(props) {
|
|
|
83278
83254
|
url = props.url,
|
|
83279
83255
|
size = props.size;
|
|
83280
83256
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
83281
|
-
className: classes(
|
|
83257
|
+
className: classes(modules_49a16e28.root, className, modules_49a16e28[size]),
|
|
83282
83258
|
children: [!url && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
83283
83259
|
children: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
83284
83260
|
"data-elem": "dp-name",
|