@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/index.js
CHANGED
|
@@ -1558,36 +1558,11 @@ var getCSSVariableValue = function getCSSVariableValue(variable) {
|
|
|
1558
1558
|
return getComputedStyle(document.documentElement).getPropertyValue(variable);
|
|
1559
1559
|
};
|
|
1560
1560
|
|
|
1561
|
-
function
|
|
1562
|
-
if ( ref === void 0 ) ref = {};
|
|
1563
|
-
var insertAt = ref.insertAt;
|
|
1561
|
+
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}}
|
|
1564
1562
|
|
|
1565
|
-
|
|
1566
|
-
|
|
1567
|
-
|
|
1568
|
-
var style = document.createElement('style');
|
|
1569
|
-
style.type = 'text/css';
|
|
1570
|
-
|
|
1571
|
-
if (insertAt === 'top') {
|
|
1572
|
-
if (head.firstChild) {
|
|
1573
|
-
head.insertBefore(style, head.firstChild);
|
|
1574
|
-
} else {
|
|
1575
|
-
head.appendChild(style);
|
|
1576
|
-
}
|
|
1577
|
-
} else {
|
|
1578
|
-
head.appendChild(style);
|
|
1579
|
-
}
|
|
1580
|
-
|
|
1581
|
-
if (style.styleSheet) {
|
|
1582
|
-
style.styleSheet.cssText = css;
|
|
1583
|
-
} else {
|
|
1584
|
-
style.appendChild(document.createTextNode(css));
|
|
1585
|
-
}
|
|
1586
|
-
}
|
|
1587
|
-
|
|
1588
|
-
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}";
|
|
1589
|
-
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"};
|
|
1590
|
-
styleInject(css_248z$L);
|
|
1563
|
+
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}";
|
|
1564
|
+
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"};
|
|
1565
|
+
n(css$O,{});
|
|
1591
1566
|
|
|
1592
1567
|
var BaseCell = /*#__PURE__*/forwardRef(function BaseCell(props, ref) {
|
|
1593
1568
|
var className = props.className,
|
|
@@ -1603,7 +1578,7 @@ var BaseCell = /*#__PURE__*/forwardRef(function BaseCell(props, ref) {
|
|
|
1603
1578
|
var Component = /*#__PURE__*/createElement$1(RootDOM, _objectSpread2({
|
|
1604
1579
|
'data-elem': 'base-cell',
|
|
1605
1580
|
ref: ref,
|
|
1606
|
-
className: classes(className,
|
|
1581
|
+
className: classes(className, modules_3af9b74c.root, modules_3af9b74c[size], modules_3af9b74c["border-radius-".concat(radius)], flexible ? modules_3af9b74c.flexible : '', rounded ? modules_3af9b74c.rounded : '')
|
|
1607
1582
|
}, attrs), /*#__PURE__*/jsxs(Fragment, {
|
|
1608
1583
|
children: [component1 && /*#__PURE__*/jsx$1("span", {
|
|
1609
1584
|
"data-elem": "component1",
|
|
@@ -1993,15 +1968,15 @@ Server.defaultProps = {
|
|
|
1993
1968
|
className: ''
|
|
1994
1969
|
};
|
|
1995
1970
|
|
|
1996
|
-
var
|
|
1997
|
-
var
|
|
1998
|
-
|
|
1971
|
+
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}";
|
|
1972
|
+
var modules_e313d483 = {"right":"Arrow_module_right__19f08663","left":"Arrow_module_left__19f08663","bottom":"Arrow_module_bottom__19f08663","top":"Arrow_module_top__19f08663"};
|
|
1973
|
+
n(css$N,{});
|
|
1999
1974
|
|
|
2000
1975
|
var Arrow$1 = function Arrow(props) {
|
|
2001
1976
|
var className = props.className,
|
|
2002
1977
|
position = props.position;
|
|
2003
1978
|
return /*#__PURE__*/jsx$1("svg", {
|
|
2004
|
-
className: classes(className,
|
|
1979
|
+
className: classes(className, modules_e313d483[position]),
|
|
2005
1980
|
viewBox: "0 0 25 24",
|
|
2006
1981
|
fill: "#333333",
|
|
2007
1982
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2015,15 +1990,15 @@ Arrow$1.defaultProps = {
|
|
|
2015
1990
|
position: 'right'
|
|
2016
1991
|
};
|
|
2017
1992
|
|
|
2018
|
-
var
|
|
2019
|
-
var
|
|
2020
|
-
|
|
1993
|
+
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}";
|
|
1994
|
+
var modules_bf5b0b74 = {"left":"Chevron_module_left__8b1808eb","bottom":"Chevron_module_bottom__8b1808eb","right":"Chevron_module_right__8b1808eb","top":"Chevron_module_top__8b1808eb"};
|
|
1995
|
+
n(css$M,{});
|
|
2021
1996
|
|
|
2022
1997
|
var Chevron = function Chevron(props) {
|
|
2023
1998
|
var className = props.className,
|
|
2024
1999
|
position = props.position;
|
|
2025
2000
|
return /*#__PURE__*/jsx$1("svg", {
|
|
2026
|
-
className: classes(className,
|
|
2001
|
+
className: classes(className, modules_bf5b0b74[position]),
|
|
2027
2002
|
viewBox: "0 0 22 22",
|
|
2028
2003
|
fill: "none",
|
|
2029
2004
|
stroke: "white",
|
|
@@ -2312,9 +2287,9 @@ Reset.defaultProps = {
|
|
|
2312
2287
|
className: ''
|
|
2313
2288
|
};
|
|
2314
2289
|
|
|
2315
|
-
var
|
|
2316
|
-
var
|
|
2317
|
-
|
|
2290
|
+
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}";
|
|
2291
|
+
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"};
|
|
2292
|
+
n(css$L,{});
|
|
2318
2293
|
|
|
2319
2294
|
var Accordion = function Accordion(props) {
|
|
2320
2295
|
var defaultOpen = props.defaultOpen,
|
|
@@ -2329,13 +2304,13 @@ var Accordion = function Accordion(props) {
|
|
|
2329
2304
|
open = _useState2[0],
|
|
2330
2305
|
setOpen = _useState2[1];
|
|
2331
2306
|
return /*#__PURE__*/jsxs("div", {
|
|
2332
|
-
className: classes(className,
|
|
2307
|
+
className: classes(className, modules_8207625f.root, open ? modules_8207625f.open : ''),
|
|
2333
2308
|
"data-state-open": open,
|
|
2334
2309
|
children: [/*#__PURE__*/jsx$1(BaseCell, {
|
|
2335
2310
|
flexible: true,
|
|
2336
2311
|
size: "auto",
|
|
2337
2312
|
rootDOM: "button",
|
|
2338
|
-
className:
|
|
2313
|
+
className: modules_8207625f.header,
|
|
2339
2314
|
attrs: {
|
|
2340
2315
|
onClick: function onClick() {
|
|
2341
2316
|
setOpen(function (prevState) {
|
|
@@ -2346,18 +2321,18 @@ var Accordion = function Accordion(props) {
|
|
|
2346
2321
|
}
|
|
2347
2322
|
},
|
|
2348
2323
|
component1: iconPlacement === 'left' && /*#__PURE__*/jsx$1(Caret, {
|
|
2349
|
-
className:
|
|
2324
|
+
className: modules_8207625f.icon
|
|
2350
2325
|
}),
|
|
2351
2326
|
component2: /*#__PURE__*/jsx$1("span", {
|
|
2352
|
-
className:
|
|
2327
|
+
className: modules_8207625f.title,
|
|
2353
2328
|
children: title
|
|
2354
2329
|
}),
|
|
2355
2330
|
component3: iconPlacement === 'right' && /*#__PURE__*/jsx$1(Caret, {
|
|
2356
|
-
className:
|
|
2331
|
+
className: modules_8207625f.icon
|
|
2357
2332
|
})
|
|
2358
2333
|
}), /*#__PURE__*/jsxs("div", {
|
|
2359
2334
|
"data-elem": "body",
|
|
2360
|
-
className:
|
|
2335
|
+
className: modules_8207625f.body,
|
|
2361
2336
|
children: [description && /*#__PURE__*/jsx$1("p", {
|
|
2362
2337
|
children: description
|
|
2363
2338
|
}), children]
|
|
@@ -2381,13 +2356,13 @@ Accordion.defaultProps = {
|
|
|
2381
2356
|
className: ''
|
|
2382
2357
|
};
|
|
2383
2358
|
|
|
2384
|
-
var
|
|
2385
|
-
var
|
|
2386
|
-
|
|
2359
|
+
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}";
|
|
2360
|
+
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"};
|
|
2361
|
+
n(css$K,{});
|
|
2387
2362
|
|
|
2388
|
-
var
|
|
2389
|
-
var
|
|
2390
|
-
|
|
2363
|
+
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}";
|
|
2364
|
+
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"};
|
|
2365
|
+
n(css$J,{});
|
|
2391
2366
|
|
|
2392
2367
|
var BaseButton = /*#__PURE__*/forwardRef(function BaseButton(props, ref) {
|
|
2393
2368
|
var className = props.className,
|
|
@@ -2406,7 +2381,7 @@ var BaseButton = /*#__PURE__*/forwardRef(function BaseButton(props, ref) {
|
|
|
2406
2381
|
children: title
|
|
2407
2382
|
});
|
|
2408
2383
|
return /*#__PURE__*/jsx$1(BaseCell, {
|
|
2409
|
-
className: classes(className,
|
|
2384
|
+
className: classes(className, modules_ab72627b.root, modules_ab72627b[variant]),
|
|
2410
2385
|
ref: ref,
|
|
2411
2386
|
component1: component1,
|
|
2412
2387
|
component2: Title,
|
|
@@ -2437,9 +2412,9 @@ BaseButton.defaultProps = _objectSpread2(_objectSpread2({}, BaseCell.defaultProp
|
|
|
2437
2412
|
variant: 'contained'
|
|
2438
2413
|
});
|
|
2439
2414
|
|
|
2440
|
-
var
|
|
2441
|
-
var
|
|
2442
|
-
|
|
2415
|
+
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}";
|
|
2416
|
+
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"};
|
|
2417
|
+
n(css$I,{});
|
|
2443
2418
|
|
|
2444
2419
|
var Button = /*#__PURE__*/forwardRef(function Button(props, ref) {
|
|
2445
2420
|
var className = props.className,
|
|
@@ -2466,7 +2441,7 @@ var Button = /*#__PURE__*/forwardRef(function Button(props, ref) {
|
|
|
2466
2441
|
disabled: disabled,
|
|
2467
2442
|
onClick: onClick,
|
|
2468
2443
|
variant: variant,
|
|
2469
|
-
className: classes(
|
|
2444
|
+
className: classes(modules_b0070f27.root, modules_b0070f27["radius-".concat(radius)], modules_b0070f27[variant], modules_b0070f27[color], className)
|
|
2470
2445
|
});
|
|
2471
2446
|
});
|
|
2472
2447
|
Button.propTypes = _objectSpread2(_objectSpread2({}, BaseButton.propTypes), {}, {
|
|
@@ -2481,9 +2456,9 @@ Button.defaultProps = _objectSpread2(_objectSpread2({}, BaseButton.defaultProps)
|
|
|
2481
2456
|
radius: 'default'
|
|
2482
2457
|
});
|
|
2483
2458
|
|
|
2484
|
-
var
|
|
2485
|
-
var
|
|
2486
|
-
|
|
2459
|
+
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}";
|
|
2460
|
+
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"};
|
|
2461
|
+
n(css$H,{});
|
|
2487
2462
|
|
|
2488
2463
|
var Chip = function Chip(props) {
|
|
2489
2464
|
var className = props.className,
|
|
@@ -2509,7 +2484,7 @@ var Chip = function Chip(props) {
|
|
|
2509
2484
|
disabled: disabled,
|
|
2510
2485
|
onClick: onClick,
|
|
2511
2486
|
variant: 'contained',
|
|
2512
|
-
className: classes(
|
|
2487
|
+
className: classes(modules_31aa5fd7.root, modules_31aa5fd7["radius-".concat(radius)], modules_31aa5fd7[variant], modules_31aa5fd7[color], modules_31aa5fd7[size], className)
|
|
2513
2488
|
});
|
|
2514
2489
|
};
|
|
2515
2490
|
Chip.propTypes = _objectSpread2(_objectSpread2({}, BaseButton.propTypes), {}, {
|
|
@@ -5942,9 +5917,9 @@ const useTypeahead = function (_ref, _temp) {
|
|
|
5942
5917
|
};
|
|
5943
5918
|
};
|
|
5944
5919
|
|
|
5945
|
-
var
|
|
5946
|
-
var
|
|
5947
|
-
|
|
5920
|
+
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}";
|
|
5921
|
+
var modules_fe46b225 = {"backdrop":"Popper_module_backdrop__c7f1e48a","transparent":"Popper_module_transparent__c7f1e48a","hide-backdrop":"Popper_module_hideBackdrop__c7f1e48a"};
|
|
5922
|
+
n(css$G,{});
|
|
5948
5923
|
|
|
5949
5924
|
var Popper = function Popper(props) {
|
|
5950
5925
|
var open = props.open,
|
|
@@ -5957,7 +5932,7 @@ var Popper = function Popper(props) {
|
|
|
5957
5932
|
id: wrapperId,
|
|
5958
5933
|
children: open && /*#__PURE__*/jsx$1(FloatingOverlay, {
|
|
5959
5934
|
lockScroll: true,
|
|
5960
|
-
className: classes(className,
|
|
5935
|
+
className: classes(className, modules_fe46b225.backdrop, transparent ? modules_fe46b225.transparent : '', backdrop ? '' : modules_fe46b225['hide-backdrop']),
|
|
5961
5936
|
children: children
|
|
5962
5937
|
})
|
|
5963
5938
|
});
|
|
@@ -6088,28 +6063,28 @@ var Alert = function Alert(props) {
|
|
|
6088
6063
|
var Icon = null;
|
|
6089
6064
|
if (AlertTypeIcon != null) {
|
|
6090
6065
|
Icon = /*#__PURE__*/jsx$1(AlertTypeIcon, {
|
|
6091
|
-
className:
|
|
6066
|
+
className: modules_3a764ea3.icon
|
|
6092
6067
|
});
|
|
6093
6068
|
} else {
|
|
6094
6069
|
switch (color) {
|
|
6095
6070
|
case 'info':
|
|
6096
6071
|
Icon = /*#__PURE__*/jsx$1(AlertIcon.Info, {
|
|
6097
|
-
className:
|
|
6072
|
+
className: modules_3a764ea3.icon
|
|
6098
6073
|
});
|
|
6099
6074
|
break;
|
|
6100
6075
|
case 'warning':
|
|
6101
6076
|
Icon = /*#__PURE__*/jsx$1(AlertIcon.Warning, {
|
|
6102
|
-
className:
|
|
6077
|
+
className: modules_3a764ea3.icon
|
|
6103
6078
|
});
|
|
6104
6079
|
break;
|
|
6105
6080
|
case 'success':
|
|
6106
6081
|
Icon = /*#__PURE__*/jsx$1(AlertIcon.Success, {
|
|
6107
|
-
className:
|
|
6082
|
+
className: modules_3a764ea3.icon
|
|
6108
6083
|
});
|
|
6109
6084
|
break;
|
|
6110
6085
|
case 'danger':
|
|
6111
6086
|
Icon = /*#__PURE__*/jsx$1(AlertIcon.Danger, {
|
|
6112
|
-
className:
|
|
6087
|
+
className: modules_3a764ea3.icon
|
|
6113
6088
|
});
|
|
6114
6089
|
break;
|
|
6115
6090
|
default:
|
|
@@ -6123,40 +6098,40 @@ var Alert = function Alert(props) {
|
|
|
6123
6098
|
});
|
|
6124
6099
|
return /*#__PURE__*/jsx$1(Popper, {
|
|
6125
6100
|
open: open,
|
|
6126
|
-
className:
|
|
6101
|
+
className: modules_3a764ea3.popper,
|
|
6127
6102
|
id: "alert-popper",
|
|
6128
6103
|
transparent: false,
|
|
6129
6104
|
children: /*#__PURE__*/jsxs("div", {
|
|
6130
6105
|
ref: ref,
|
|
6131
|
-
className: classes(
|
|
6106
|
+
className: classes(modules_3a764ea3.root, modules_3a764ea3[color], modules_3a764ea3["border-".concat(border)], shadow ? modules_3a764ea3.shadow : '', modules_3a764ea3["position-".concat(position)]),
|
|
6132
6107
|
children: [/*#__PURE__*/jsxs("div", {
|
|
6133
|
-
className:
|
|
6108
|
+
className: modules_3a764ea3.left,
|
|
6134
6109
|
children: [/*#__PURE__*/jsx$1("div", {
|
|
6135
|
-
className:
|
|
6110
|
+
className: modules_3a764ea3.icons,
|
|
6136
6111
|
children: showIcon && Icon
|
|
6137
6112
|
}), /*#__PURE__*/jsxs("div", {
|
|
6138
|
-
className:
|
|
6113
|
+
className: modules_3a764ea3.content,
|
|
6139
6114
|
children: [/*#__PURE__*/jsx$1("span", {
|
|
6140
|
-
className:
|
|
6115
|
+
className: modules_3a764ea3.title,
|
|
6141
6116
|
children: title
|
|
6142
6117
|
}), /*#__PURE__*/jsx$1("span", {
|
|
6143
|
-
className:
|
|
6118
|
+
className: modules_3a764ea3.description,
|
|
6144
6119
|
children: description
|
|
6145
6120
|
})]
|
|
6146
6121
|
})]
|
|
6147
6122
|
}), (action || close) && /*#__PURE__*/jsxs("div", {
|
|
6148
|
-
className:
|
|
6123
|
+
className: modules_3a764ea3.actions,
|
|
6149
6124
|
children: [action && /*#__PURE__*/jsx$1(Button, {
|
|
6150
6125
|
title: action,
|
|
6151
6126
|
size: "small",
|
|
6152
6127
|
variant: "text",
|
|
6153
6128
|
color: "primary",
|
|
6154
|
-
className:
|
|
6129
|
+
className: modules_3a764ea3.button
|
|
6155
6130
|
}), close && /*#__PURE__*/jsx$1("span", {
|
|
6156
6131
|
onClick: toggle,
|
|
6157
|
-
className:
|
|
6132
|
+
className: modules_3a764ea3.close,
|
|
6158
6133
|
children: /*#__PURE__*/jsx$1(Cross$1, {
|
|
6159
|
-
className:
|
|
6134
|
+
className: modules_3a764ea3.icon
|
|
6160
6135
|
})
|
|
6161
6136
|
})]
|
|
6162
6137
|
})]
|
|
@@ -11796,9 +11771,9 @@ process.env.NODE_ENV !== "production" ? Link.propTypes
|
|
|
11796
11771
|
} : void 0;
|
|
11797
11772
|
var Link$1 = Link;
|
|
11798
11773
|
|
|
11799
|
-
var
|
|
11800
|
-
var
|
|
11801
|
-
|
|
11774
|
+
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}";
|
|
11775
|
+
var modules_651f50a9 = {"container":"Breadcrumbs_module_container__7d7f9279","seperator":"Breadcrumbs_module_seperator__7d7f9279","breadcrumb-item":"Breadcrumbs_module_breadcrumbItem__7d7f9279","active":"Breadcrumbs_module_active__7d7f9279"};
|
|
11776
|
+
n(css$F,{});
|
|
11802
11777
|
|
|
11803
11778
|
var BreadCrumbs = function BreadCrumbs(props) {
|
|
11804
11779
|
var crumbs = props.crumbs,
|
|
@@ -11806,13 +11781,13 @@ var BreadCrumbs = function BreadCrumbs(props) {
|
|
|
11806
11781
|
itemsBeforeCollapse = props.itemsBeforeCollapse,
|
|
11807
11782
|
itemsAfterCollapse = props.itemsAfterCollapse;
|
|
11808
11783
|
return /*#__PURE__*/jsx$1("div", {
|
|
11809
|
-
className: classes(
|
|
11784
|
+
className: classes(modules_651f50a9.container),
|
|
11810
11785
|
children: /*#__PURE__*/jsx$1(Breadcrumbs$1, _objectSpread2(_objectSpread2({}, props), {}, {
|
|
11811
11786
|
maxItems: maxItems,
|
|
11812
11787
|
itemsBeforeCollapse: itemsBeforeCollapse,
|
|
11813
11788
|
itemsAfterCollapse: itemsAfterCollapse,
|
|
11814
11789
|
separator: /*#__PURE__*/jsx$1(BreadcrumbSeperator, {
|
|
11815
|
-
className:
|
|
11790
|
+
className: modules_651f50a9.seperator
|
|
11816
11791
|
}),
|
|
11817
11792
|
"aria-label": "breadcrumb",
|
|
11818
11793
|
children: crumbs.map(function (crumb, index) {
|
|
@@ -11822,7 +11797,7 @@ var BreadCrumbs = function BreadCrumbs(props) {
|
|
|
11822
11797
|
underline: "hover",
|
|
11823
11798
|
children: /*#__PURE__*/jsx$1("span", {
|
|
11824
11799
|
"data-elem": "breadcrumb-item".concat(active ? '-active' : ''),
|
|
11825
|
-
className: classes(
|
|
11800
|
+
className: classes(modules_651f50a9['breadcrumb-item'], active ? modules_651f50a9.active : ''),
|
|
11826
11801
|
children: getSpacedDisplayName(crumb).replace(/-/g, ' ')
|
|
11827
11802
|
})
|
|
11828
11803
|
}, crumb);
|
|
@@ -14039,7 +14014,7 @@ var languageLoaders = {
|
|
|
14039
14014
|
return Promise.resolve().then(function () { return cssExtras; });
|
|
14040
14015
|
}),
|
|
14041
14016
|
css: createLanguageAsyncLoader("css", function () {
|
|
14042
|
-
return Promise.resolve().then(function () { return css$
|
|
14017
|
+
return Promise.resolve().then(function () { return css$E; });
|
|
14043
14018
|
}),
|
|
14044
14019
|
d: createLanguageAsyncLoader("d", function () {
|
|
14045
14020
|
return Promise.resolve().then(function () { return d; });
|
|
@@ -21322,10 +21297,10 @@ var markup$2 = /*#__PURE__*/_mergeNamespaces({
|
|
|
21322
21297
|
default: markup_1
|
|
21323
21298
|
}, [markup_1]);
|
|
21324
21299
|
|
|
21325
|
-
var css_1 = css$
|
|
21326
|
-
css$
|
|
21327
|
-
css$
|
|
21328
|
-
function css$
|
|
21300
|
+
var css_1 = css$D;
|
|
21301
|
+
css$D.displayName = 'css';
|
|
21302
|
+
css$D.aliases = [];
|
|
21303
|
+
function css$D(Prism) {
|
|
21329
21304
|
(function(Prism) {
|
|
21330
21305
|
var string = /("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;
|
|
21331
21306
|
Prism.languages.css = {
|
|
@@ -21385,7 +21360,7 @@ function css$1(Prism) {
|
|
|
21385
21360
|
})(Prism);
|
|
21386
21361
|
}
|
|
21387
21362
|
|
|
21388
|
-
var css$
|
|
21363
|
+
var css$E = /*#__PURE__*/_mergeNamespaces({
|
|
21389
21364
|
__proto__: null,
|
|
21390
21365
|
default: css_1
|
|
21391
21366
|
}, [css_1]);
|
|
@@ -21551,7 +21526,7 @@ var h = hastscript.exports;
|
|
|
21551
21526
|
var decode$1 = parseEntities_1;
|
|
21552
21527
|
var Prism = prismCore.exports;
|
|
21553
21528
|
var markup = markup_1;
|
|
21554
|
-
var css = css_1;
|
|
21529
|
+
var css$C = css_1;
|
|
21555
21530
|
var clike = clike_1;
|
|
21556
21531
|
var js = javascript_1;
|
|
21557
21532
|
|
|
@@ -21579,7 +21554,7 @@ refract.listLanguages = listLanguages;
|
|
|
21579
21554
|
|
|
21580
21555
|
// Register bundled grammars.
|
|
21581
21556
|
register$1(markup);
|
|
21582
|
-
register$1(css);
|
|
21557
|
+
register$1(css$C);
|
|
21583
21558
|
register$1(clike);
|
|
21584
21559
|
register$1(js);
|
|
21585
21560
|
|
|
@@ -32621,9 +32596,9 @@ var dracula = {
|
|
|
32621
32596
|
numberColor: "#bd93f9"
|
|
32622
32597
|
};
|
|
32623
32598
|
|
|
32624
|
-
var
|
|
32625
|
-
var
|
|
32626
|
-
|
|
32599
|
+
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}";
|
|
32600
|
+
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"};
|
|
32601
|
+
n(css$B,{});
|
|
32627
32602
|
|
|
32628
32603
|
var CodeSnippet = function CodeSnippet(props) {
|
|
32629
32604
|
var copy = props.copy,
|
|
@@ -32645,7 +32620,7 @@ var CodeSnippet = function CodeSnippet(props) {
|
|
|
32645
32620
|
setCopiedState(true);
|
|
32646
32621
|
};
|
|
32647
32622
|
return /*#__PURE__*/jsxs("div", {
|
|
32648
|
-
className:
|
|
32623
|
+
className: modules_c548043f.root,
|
|
32649
32624
|
children: [/*#__PURE__*/jsx$1(ThemedCodeBlock, {
|
|
32650
32625
|
text: code,
|
|
32651
32626
|
language: language,
|
|
@@ -32655,12 +32630,12 @@ var CodeSnippet = function CodeSnippet(props) {
|
|
|
32655
32630
|
codeBlock: true,
|
|
32656
32631
|
wrapLines: true
|
|
32657
32632
|
}), copy && /*#__PURE__*/jsxs("div", {
|
|
32658
|
-
className:
|
|
32633
|
+
className: modules_c548043f.copy,
|
|
32659
32634
|
onClick: onCopy,
|
|
32660
32635
|
children: [/*#__PURE__*/jsx$1(Copy, {
|
|
32661
|
-
className: classes(
|
|
32636
|
+
className: classes(modules_c548043f.icon, theme === 'dark' ? modules_c548043f.dark : modules_c548043f.light)
|
|
32662
32637
|
}), /*#__PURE__*/jsx$1("div", {
|
|
32663
|
-
className: copiedState ?
|
|
32638
|
+
className: copiedState ? modules_c548043f.copied : modules_c548043f.notCopied,
|
|
32664
32639
|
children: copiedState ? 'Copied' : ''
|
|
32665
32640
|
})]
|
|
32666
32641
|
})]
|
|
@@ -33507,51 +33482,51 @@ function sub$1(date, duration) {
|
|
|
33507
33482
|
return finalDate;
|
|
33508
33483
|
}
|
|
33509
33484
|
|
|
33510
|
-
var
|
|
33511
|
-
var
|
|
33512
|
-
|
|
33485
|
+
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}";
|
|
33486
|
+
var modules_cf337dc1 = {"container":"Header_module_container__26bf5a9c","title":"Header_module_title__26bf5a9c","icon":"Header_module_icon__26bf5a9c"};
|
|
33487
|
+
n(css$A,{});
|
|
33513
33488
|
|
|
33514
33489
|
var Header = function Header(props) {
|
|
33515
33490
|
var selectedMonth = props.selectedMonth,
|
|
33516
33491
|
onMonthChange = props.onMonthChange;
|
|
33517
33492
|
return /*#__PURE__*/jsxs("div", {
|
|
33518
|
-
className:
|
|
33493
|
+
className: modules_cf337dc1.container,
|
|
33519
33494
|
children: [/*#__PURE__*/jsx$1("div", {
|
|
33520
33495
|
onClick: function onClick() {
|
|
33521
33496
|
onMonthChange('prev');
|
|
33522
33497
|
},
|
|
33523
|
-
className:
|
|
33498
|
+
className: modules_cf337dc1['left-arrow'],
|
|
33524
33499
|
children: /*#__PURE__*/jsx$1(Chevron, {
|
|
33525
|
-
className: classes(
|
|
33500
|
+
className: classes(modules_cf337dc1.icon),
|
|
33526
33501
|
position: "left"
|
|
33527
33502
|
})
|
|
33528
33503
|
}), /*#__PURE__*/jsx$1("span", {
|
|
33529
|
-
className:
|
|
33504
|
+
className: modules_cf337dc1.title,
|
|
33530
33505
|
children: "".concat(selectedMonth.month, " ").concat(selectedMonth.year)
|
|
33531
33506
|
}), /*#__PURE__*/jsx$1("div", {
|
|
33532
33507
|
onClick: function onClick() {
|
|
33533
33508
|
onMonthChange('next');
|
|
33534
33509
|
},
|
|
33535
|
-
className:
|
|
33510
|
+
className: modules_cf337dc1['right-arrow'],
|
|
33536
33511
|
children: /*#__PURE__*/jsx$1(Chevron, {
|
|
33537
|
-
className: classes(
|
|
33512
|
+
className: classes(modules_cf337dc1.icon),
|
|
33538
33513
|
position: "right"
|
|
33539
33514
|
})
|
|
33540
33515
|
})]
|
|
33541
33516
|
});
|
|
33542
33517
|
};
|
|
33543
33518
|
|
|
33544
|
-
var
|
|
33545
|
-
var
|
|
33546
|
-
|
|
33519
|
+
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}";
|
|
33520
|
+
var modules_3722b5cd = {"root":"Calender_module_root__5221cce4"};
|
|
33521
|
+
n(css$z,{});
|
|
33547
33522
|
|
|
33548
|
-
var
|
|
33549
|
-
var
|
|
33550
|
-
|
|
33523
|
+
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}";
|
|
33524
|
+
var modules_e6b80d99 = {"root":"Body_module_root__85b1b679"};
|
|
33525
|
+
n(css$y,{});
|
|
33551
33526
|
|
|
33552
|
-
var
|
|
33553
|
-
var
|
|
33554
|
-
|
|
33527
|
+
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}";
|
|
33528
|
+
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"};
|
|
33529
|
+
n(css$x,{});
|
|
33555
33530
|
|
|
33556
33531
|
var getDatesOfLastWeekOfLastMonth = function getDatesOfLastWeekOfLastMonth(_ref) {
|
|
33557
33532
|
var monthAsNumber = _ref.monthAsNumber,
|
|
@@ -33753,7 +33728,7 @@ var Dates = function Dates(props) {
|
|
|
33753
33728
|
return (disableDatesAfter === null || disableDatesAfter === void 0 ? void 0 : disableDatesAfter.length) > 0 && isAfter(date, fromUnixTime(disableDatesAfter));
|
|
33754
33729
|
};
|
|
33755
33730
|
return /*#__PURE__*/jsx$1("div", {
|
|
33756
|
-
className:
|
|
33731
|
+
className: modules_b02dadcc.dates,
|
|
33757
33732
|
children: datesToDisplay.map(function (date) {
|
|
33758
33733
|
var _selectedRange$unix2;
|
|
33759
33734
|
var dateNumber = date === null || date === void 0 ? void 0 : date.getDate();
|
|
@@ -33777,8 +33752,8 @@ var Dates = function Dates(props) {
|
|
|
33777
33752
|
} else {
|
|
33778
33753
|
isMidItem = isBefore(date, fromUnixTime(lastItem)) && isAfter(date, fromUnixTime(firstItem).setHours(23, 59, 59, 59));
|
|
33779
33754
|
}
|
|
33780
|
-
var parentClassNames = classes(isMidItem ?
|
|
33781
|
-
var childClassNames = classes(date ?
|
|
33755
|
+
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'] : '');
|
|
33756
|
+
var childClassNames = classes(date ? modules_b02dadcc.date : '', selectedSingleDate ? modules_b02dadcc.selected : '', isUnSelected ? modules_b02dadcc.unSelected : '', notSameMonth ? modules_b02dadcc.diffMonth : '', isDisabled ? modules_b02dadcc.disabled : '');
|
|
33782
33757
|
return /*#__PURE__*/jsx$1("div", {
|
|
33783
33758
|
className: parentClassNames,
|
|
33784
33759
|
onClick: function onClick() {
|
|
@@ -33798,14 +33773,14 @@ var Dates = function Dates(props) {
|
|
|
33798
33773
|
});
|
|
33799
33774
|
};
|
|
33800
33775
|
|
|
33801
|
-
var
|
|
33802
|
-
var
|
|
33803
|
-
|
|
33776
|
+
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}";
|
|
33777
|
+
var modules_82c45006 = {"days":"Days_module_days__0d7923fd"};
|
|
33778
|
+
n(css$w,{});
|
|
33804
33779
|
|
|
33805
33780
|
var Days = function Days() {
|
|
33806
33781
|
var daysInWeek = DAYS;
|
|
33807
33782
|
return /*#__PURE__*/jsx$1("div", {
|
|
33808
|
-
className:
|
|
33783
|
+
className: modules_82c45006.days,
|
|
33809
33784
|
children: daysInWeek.map(function (day) {
|
|
33810
33785
|
return /*#__PURE__*/jsx$1("span", {
|
|
33811
33786
|
children: day
|
|
@@ -33816,14 +33791,14 @@ var Days = function Days() {
|
|
|
33816
33791
|
|
|
33817
33792
|
var Body = function Body(props) {
|
|
33818
33793
|
return /*#__PURE__*/jsxs("div", {
|
|
33819
|
-
className:
|
|
33794
|
+
className: modules_e6b80d99.root,
|
|
33820
33795
|
children: [/*#__PURE__*/jsx$1(Days, {}), /*#__PURE__*/jsx$1(Dates, _objectSpread2({}, props))]
|
|
33821
33796
|
});
|
|
33822
33797
|
};
|
|
33823
33798
|
|
|
33824
|
-
var
|
|
33825
|
-
var
|
|
33826
|
-
|
|
33799
|
+
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}";
|
|
33800
|
+
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"};
|
|
33801
|
+
n(css$v,{});
|
|
33827
33802
|
|
|
33828
33803
|
var getDateAndUnixRange = function getDateAndUnixRange(duration) {
|
|
33829
33804
|
var startingDate = sub$1(new Date(), duration);
|
|
@@ -33859,11 +33834,11 @@ var SelectedDateView = function SelectedDateView(props) {
|
|
|
33859
33834
|
action = props.action,
|
|
33860
33835
|
Icon = props.icon;
|
|
33861
33836
|
return /*#__PURE__*/jsxs("div", {
|
|
33862
|
-
className:
|
|
33837
|
+
className: modules_b490bd5d['selected-date'],
|
|
33863
33838
|
children: [/*#__PURE__*/jsx$1(Calender$1, {}), /*#__PURE__*/jsxs("div", {
|
|
33864
|
-
className:
|
|
33839
|
+
className: modules_b490bd5d.date,
|
|
33865
33840
|
children: [/*#__PURE__*/jsx$1("span", {
|
|
33866
|
-
className: classes(
|
|
33841
|
+
className: classes(modules_b490bd5d.value),
|
|
33867
33842
|
children: value
|
|
33868
33843
|
}), /*#__PURE__*/jsx$1(Button, {
|
|
33869
33844
|
size: "auto",
|
|
@@ -33900,13 +33875,13 @@ var Footer = function Footer(props) {
|
|
|
33900
33875
|
setSelectedRange({});
|
|
33901
33876
|
};
|
|
33902
33877
|
return /*#__PURE__*/jsxs("div", {
|
|
33903
|
-
className:
|
|
33878
|
+
className: modules_b490bd5d.root,
|
|
33904
33879
|
children: [datesSelected && (dates === null || dates === void 0 ? void 0 : dates.length) === 2 ? /*#__PURE__*/jsx$1(SelectedDateView, {
|
|
33905
33880
|
range: true,
|
|
33906
33881
|
value: "".concat(selectedRange.dates[0], " - ").concat(selectedRange.dates[1]),
|
|
33907
33882
|
icon: function icon() {
|
|
33908
33883
|
return /*#__PURE__*/jsx$1(Cross$1, {
|
|
33909
|
-
className:
|
|
33884
|
+
className: modules_b490bd5d.cross
|
|
33910
33885
|
});
|
|
33911
33886
|
},
|
|
33912
33887
|
action: clearRangeSelection
|
|
@@ -33917,14 +33892,14 @@ var Footer = function Footer(props) {
|
|
|
33917
33892
|
},
|
|
33918
33893
|
action: resetDate
|
|
33919
33894
|
}), range && /*#__PURE__*/jsx$1("div", {
|
|
33920
|
-
className:
|
|
33895
|
+
className: modules_b490bd5d['date-ranges'],
|
|
33921
33896
|
children: dateRanges.map(function (_ref) {
|
|
33922
33897
|
var _selectedRange$unix;
|
|
33923
33898
|
var dateRange = _ref.dateRange,
|
|
33924
33899
|
title = _ref.title;
|
|
33925
33900
|
var selectedFixedDateRange = dateRange.unix.toString() === ((_selectedRange$unix = selectedRange.unix) === null || _selectedRange$unix === void 0 ? void 0 : _selectedRange$unix.toString());
|
|
33926
33901
|
return /*#__PURE__*/jsxs("div", {
|
|
33927
|
-
className: classes(
|
|
33902
|
+
className: classes(modules_b490bd5d['date-range'], selectedFixedDateRange ? modules_b490bd5d.selected : ''),
|
|
33928
33903
|
onClick: function onClick() {
|
|
33929
33904
|
selectFixedDateRange(dateRange);
|
|
33930
33905
|
},
|
|
@@ -33936,7 +33911,7 @@ var Footer = function Footer(props) {
|
|
|
33936
33911
|
}), datesSelected && /*#__PURE__*/jsx$1(Button, {
|
|
33937
33912
|
onClick: onApply,
|
|
33938
33913
|
title: "Apply",
|
|
33939
|
-
className:
|
|
33914
|
+
className: modules_b490bd5d.apply
|
|
33940
33915
|
})]
|
|
33941
33916
|
});
|
|
33942
33917
|
};
|
|
@@ -34031,7 +34006,7 @@ var Calender = function Calender(props) {
|
|
|
34031
34006
|
}
|
|
34032
34007
|
};
|
|
34033
34008
|
return /*#__PURE__*/jsxs("div", {
|
|
34034
|
-
className:
|
|
34009
|
+
className: modules_3722b5cd.root,
|
|
34035
34010
|
children: [/*#__PURE__*/jsx$1(Header, {
|
|
34036
34011
|
selectedMonth: selectedMonth,
|
|
34037
34012
|
onMonthChange: onMonthChange
|
|
@@ -34057,9 +34032,9 @@ var Calender = function Calender(props) {
|
|
|
34057
34032
|
});
|
|
34058
34033
|
};
|
|
34059
34034
|
|
|
34060
|
-
var
|
|
34061
|
-
var
|
|
34062
|
-
|
|
34035
|
+
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}";
|
|
34036
|
+
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"};
|
|
34037
|
+
n(css$u,{});
|
|
34063
34038
|
|
|
34064
34039
|
var isMaxRangeExceeded = function isMaxRangeExceeded(_ref) {
|
|
34065
34040
|
var maxRange = _ref.maxRange,
|
|
@@ -34197,35 +34172,35 @@ var DatePicker = function DatePicker(props) {
|
|
|
34197
34172
|
disableDatesBefore: disableDatesBefore
|
|
34198
34173
|
};
|
|
34199
34174
|
return /*#__PURE__*/jsxs("div", {
|
|
34200
|
-
className: classes(
|
|
34175
|
+
className: classes(modules_5b831cd1.root, className),
|
|
34201
34176
|
ref: datePickerRef,
|
|
34202
34177
|
children: [label && /*#__PURE__*/jsx$1("span", {
|
|
34203
|
-
className:
|
|
34178
|
+
className: modules_5b831cd1.label,
|
|
34204
34179
|
children: label
|
|
34205
34180
|
}), /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2({
|
|
34206
34181
|
"data-elem": "header",
|
|
34207
34182
|
ref: reference,
|
|
34208
|
-
className: classes(
|
|
34183
|
+
className: classes(modules_5b831cd1.container, disabled ? modules_5b831cd1.disabled : '', open ? modules_5b831cd1.open : '', error ? modules_5b831cd1.error : '')
|
|
34209
34184
|
}, getReferenceProps()), {}, {
|
|
34210
34185
|
children: [/*#__PURE__*/jsxs("div", {
|
|
34211
34186
|
children: [/*#__PURE__*/jsx$1(Calender$1, {}), !displayValue && /*#__PURE__*/jsx$1("span", {
|
|
34212
|
-
className:
|
|
34187
|
+
className: modules_5b831cd1.placeholder,
|
|
34213
34188
|
children: placeholder
|
|
34214
34189
|
}), displayValue && /*#__PURE__*/jsxs("span", {
|
|
34215
|
-
className:
|
|
34190
|
+
className: modules_5b831cd1.value,
|
|
34216
34191
|
children: ["Selected Date: ", /*#__PURE__*/jsx$1("span", {
|
|
34217
34192
|
children: displayValue
|
|
34218
34193
|
})]
|
|
34219
34194
|
})]
|
|
34220
34195
|
}), /*#__PURE__*/jsx$1("input", {
|
|
34221
|
-
className:
|
|
34196
|
+
className: modules_5b831cd1.input,
|
|
34222
34197
|
value: displayValue
|
|
34223
34198
|
}), /*#__PURE__*/jsx$1(Chevron, {
|
|
34224
|
-
className: classes(
|
|
34199
|
+
className: classes(modules_5b831cd1.icon),
|
|
34225
34200
|
position: open ? 'bottom' : 'top'
|
|
34226
34201
|
})]
|
|
34227
34202
|
})), error && /*#__PURE__*/jsx$1("div", {
|
|
34228
|
-
className:
|
|
34203
|
+
className: modules_5b831cd1['error-text'],
|
|
34229
34204
|
children: error
|
|
34230
34205
|
}), /*#__PURE__*/jsx$1(Popper, {
|
|
34231
34206
|
open: open,
|
|
@@ -34244,7 +34219,7 @@ var DatePicker = function DatePicker(props) {
|
|
|
34244
34219
|
left: x !== null && x !== void 0 ? x : 0
|
|
34245
34220
|
}
|
|
34246
34221
|
})), {}, {
|
|
34247
|
-
className: classes(
|
|
34222
|
+
className: classes(modules_5b831cd1.popper, open ? modules_5b831cd1.open : ''),
|
|
34248
34223
|
children: /*#__PURE__*/jsx$1(Calender, _objectSpread2({}, calenderProps))
|
|
34249
34224
|
}))
|
|
34250
34225
|
})]
|
|
@@ -34280,9 +34255,9 @@ DatePicker.defaultProps = {
|
|
|
34280
34255
|
disableDatesAfter: []
|
|
34281
34256
|
};
|
|
34282
34257
|
|
|
34283
|
-
var
|
|
34284
|
-
var
|
|
34285
|
-
|
|
34258
|
+
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}";
|
|
34259
|
+
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"};
|
|
34260
|
+
n(css$t,{});
|
|
34286
34261
|
|
|
34287
34262
|
var HierarchyItem = function HierarchyItem(props) {
|
|
34288
34263
|
var defaultOpen = props.defaultOpen,
|
|
@@ -34295,12 +34270,12 @@ var HierarchyItem = function HierarchyItem(props) {
|
|
|
34295
34270
|
open = _useState2[0],
|
|
34296
34271
|
setOpen = _useState2[1];
|
|
34297
34272
|
return /*#__PURE__*/jsxs("div", {
|
|
34298
|
-
className: classes(
|
|
34273
|
+
className: classes(modules_6d03d164.root, open ? modules_6d03d164.open : ''),
|
|
34299
34274
|
children: [/*#__PURE__*/jsx$1(BaseCell, {
|
|
34300
34275
|
flexible: true,
|
|
34301
34276
|
size: "auto",
|
|
34302
34277
|
rootDOM: "button",
|
|
34303
|
-
className:
|
|
34278
|
+
className: modules_6d03d164.header,
|
|
34304
34279
|
attrs: {
|
|
34305
34280
|
onClick: function onClick() {
|
|
34306
34281
|
setOpen(function (prevState) {
|
|
@@ -34311,23 +34286,23 @@ var HierarchyItem = function HierarchyItem(props) {
|
|
|
34311
34286
|
}
|
|
34312
34287
|
},
|
|
34313
34288
|
component1: iconPlacement === 'left' && /*#__PURE__*/jsx$1(Caret, {
|
|
34314
|
-
className:
|
|
34289
|
+
className: modules_6d03d164.icon
|
|
34315
34290
|
}),
|
|
34316
34291
|
component2: /*#__PURE__*/jsx$1("span", {
|
|
34317
|
-
className:
|
|
34292
|
+
className: modules_6d03d164.title,
|
|
34318
34293
|
children: title
|
|
34319
34294
|
}),
|
|
34320
34295
|
component3: iconPlacement === 'right' && /*#__PURE__*/jsx$1(Caret, {
|
|
34321
|
-
className:
|
|
34296
|
+
className: modules_6d03d164.icon
|
|
34322
34297
|
})
|
|
34323
34298
|
}), /*#__PURE__*/jsx$1(BaseCell, {
|
|
34324
34299
|
size: "auto",
|
|
34325
|
-
className:
|
|
34300
|
+
className: modules_6d03d164.body,
|
|
34326
34301
|
component1: /*#__PURE__*/jsx$1("div", {
|
|
34327
|
-
className:
|
|
34302
|
+
className: modules_6d03d164.tail
|
|
34328
34303
|
}),
|
|
34329
34304
|
component2: /*#__PURE__*/jsx$1("div", {
|
|
34330
|
-
className:
|
|
34305
|
+
className: modules_6d03d164.children,
|
|
34331
34306
|
children: children
|
|
34332
34307
|
})
|
|
34333
34308
|
})]
|
|
@@ -34346,9 +34321,9 @@ HierarchyItem.defaultProps = {
|
|
|
34346
34321
|
onClick: function onClick() {}
|
|
34347
34322
|
};
|
|
34348
34323
|
|
|
34349
|
-
var
|
|
34350
|
-
var
|
|
34351
|
-
|
|
34324
|
+
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}";
|
|
34325
|
+
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"};
|
|
34326
|
+
n(css$s,{});
|
|
34352
34327
|
|
|
34353
34328
|
var Title = function Title(props) {
|
|
34354
34329
|
var item = props.item;
|
|
@@ -34361,14 +34336,14 @@ var Title = function Title(props) {
|
|
|
34361
34336
|
break;
|
|
34362
34337
|
}
|
|
34363
34338
|
return /*#__PURE__*/jsxs("span", {
|
|
34364
|
-
className:
|
|
34339
|
+
className: modules_5e29d515.item,
|
|
34365
34340
|
children: [Icon && /*#__PURE__*/jsx$1(Icon, {
|
|
34366
|
-
className:
|
|
34341
|
+
className: modules_5e29d515['item-icon']
|
|
34367
34342
|
}), /*#__PURE__*/jsx$1("span", {
|
|
34368
|
-
className:
|
|
34343
|
+
className: modules_5e29d515['item-title'],
|
|
34369
34344
|
children: item === null || item === void 0 ? void 0 : item.title
|
|
34370
34345
|
}), (item === null || item === void 0 ? void 0 : item.count) && /*#__PURE__*/jsxs("span", {
|
|
34371
|
-
className:
|
|
34346
|
+
className: modules_5e29d515['item-count'],
|
|
34372
34347
|
children: ["(", item === null || item === void 0 ? void 0 : item.count, ")"]
|
|
34373
34348
|
})]
|
|
34374
34349
|
});
|
|
@@ -34418,12 +34393,12 @@ var HierarchyBrowser = function HierarchyBrowser(props) {
|
|
|
34418
34393
|
};
|
|
34419
34394
|
return /*#__PURE__*/jsxs("div", {
|
|
34420
34395
|
ref: browserRef,
|
|
34421
|
-
className: classes(
|
|
34396
|
+
className: classes(modules_5e29d515.root, className, resizable ? modules_5e29d515.resizable : ''),
|
|
34422
34397
|
children: [/*#__PURE__*/jsx$1("div", {
|
|
34423
|
-
className:
|
|
34398
|
+
className: modules_5e29d515.header,
|
|
34424
34399
|
children: "Browser"
|
|
34425
34400
|
}), /*#__PURE__*/jsx$1("div", {
|
|
34426
|
-
className:
|
|
34401
|
+
className: modules_5e29d515.body,
|
|
34427
34402
|
children: renderTree(metadata)
|
|
34428
34403
|
})]
|
|
34429
34404
|
});
|
|
@@ -34456,9 +34431,9 @@ HierarchyBrowser.defaultProps = {
|
|
|
34456
34431
|
}
|
|
34457
34432
|
};
|
|
34458
34433
|
|
|
34459
|
-
var
|
|
34460
|
-
var
|
|
34461
|
-
|
|
34434
|
+
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}";
|
|
34435
|
+
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"};
|
|
34436
|
+
n(css$r,{});
|
|
34462
34437
|
|
|
34463
34438
|
var TextField = /*#__PURE__*/forwardRef(function TextField(props, inputRef) {
|
|
34464
34439
|
var _inputValue$length;
|
|
@@ -34511,26 +34486,26 @@ var TextField = /*#__PURE__*/forwardRef(function TextField(props, inputRef) {
|
|
|
34511
34486
|
ref: inputRef,
|
|
34512
34487
|
value: inputValue,
|
|
34513
34488
|
onChange: handleChange,
|
|
34514
|
-
className: classes(
|
|
34489
|
+
className: classes(modules_c1d23762[size], modules_c1d23762.input)
|
|
34515
34490
|
}, inputProps));
|
|
34516
34491
|
return /*#__PURE__*/jsxs("div", {
|
|
34517
|
-
className: classes(
|
|
34492
|
+
className: classes(modules_c1d23762.root, className),
|
|
34518
34493
|
children: [/*#__PURE__*/jsxs("label", {
|
|
34519
34494
|
children: [label, /*#__PURE__*/jsx$1(BaseCell, {
|
|
34520
|
-
className: classes(
|
|
34495
|
+
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)] : ''),
|
|
34521
34496
|
component1: LeftComponent && /*#__PURE__*/jsx$1(LeftComponent, {}),
|
|
34522
34497
|
component2: Input,
|
|
34523
34498
|
component3: RightComponent && /*#__PURE__*/jsx$1(RightComponent, {})
|
|
34524
34499
|
})]
|
|
34525
34500
|
}), feedbackAndCount && /*#__PURE__*/jsxs("div", {
|
|
34526
|
-
className:
|
|
34501
|
+
className: modules_c1d23762.bottom,
|
|
34527
34502
|
children: [feedback != null && /*#__PURE__*/jsx$1("div", {
|
|
34528
34503
|
"data-elem": "feedback",
|
|
34529
|
-
className: classes(
|
|
34504
|
+
className: classes(modules_c1d23762.feedback, modules_c1d23762["feedback-".concat(feedback.type)]),
|
|
34530
34505
|
children: feedback.text
|
|
34531
34506
|
}), (count === null || count === void 0 ? void 0 : count.limit) != null && /*#__PURE__*/jsxs("div", {
|
|
34532
34507
|
"data-elem": "count",
|
|
34533
|
-
className: classes(
|
|
34508
|
+
className: classes(modules_c1d23762.count, (inputValue === null || inputValue === void 0 ? void 0 : inputValue.length) > count.limit ? modules_c1d23762.exceeded : ''),
|
|
34534
34509
|
children: [(_inputValue$length = inputValue.length) !== null && _inputValue$length !== void 0 ? _inputValue$length : 0, "/", count.limit]
|
|
34535
34510
|
})]
|
|
34536
34511
|
})]
|
|
@@ -34581,9 +34556,9 @@ TextField.defaultProps = {
|
|
|
34581
34556
|
feedbackAndCount: false
|
|
34582
34557
|
};
|
|
34583
34558
|
|
|
34584
|
-
var
|
|
34585
|
-
var
|
|
34586
|
-
|
|
34559
|
+
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}";
|
|
34560
|
+
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"};
|
|
34561
|
+
n(css$q,{});
|
|
34587
34562
|
|
|
34588
34563
|
var Checkbox = function Checkbox(props) {
|
|
34589
34564
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -34614,7 +34589,7 @@ var Checkbox = function Checkbox(props) {
|
|
|
34614
34589
|
};
|
|
34615
34590
|
var isChecked = isControlled ? checked : uncontrolledChecked;
|
|
34616
34591
|
return /*#__PURE__*/jsxs("label", {
|
|
34617
|
-
className: classes(
|
|
34592
|
+
className: classes(modules_066398a2.root, modules_066398a2["position-".concat(position)], className, disabled ? modules_066398a2.disabled : ''),
|
|
34618
34593
|
children: [/*#__PURE__*/jsx$1("input", _objectSpread2(_objectSpread2({
|
|
34619
34594
|
disabled: disabled,
|
|
34620
34595
|
type: "checkbox",
|
|
@@ -34625,10 +34600,10 @@ var Checkbox = function Checkbox(props) {
|
|
|
34625
34600
|
onChange: handleChange
|
|
34626
34601
|
})), isChecked ? /*#__PURE__*/jsx$1(CheckboxIcon.Checked, {
|
|
34627
34602
|
"data-elem": "icon",
|
|
34628
|
-
className: classes(
|
|
34603
|
+
className: classes(modules_066398a2["icon-".concat(size)], modules_066398a2.icon)
|
|
34629
34604
|
}) : /*#__PURE__*/jsx$1(CheckboxIcon.UnChecked, {
|
|
34630
34605
|
"data-elem": "icon",
|
|
34631
|
-
className: classes(
|
|
34606
|
+
className: classes(modules_066398a2["icon-".concat(size)], modules_066398a2.icon)
|
|
34632
34607
|
}), label && /*#__PURE__*/jsx$1("span", {
|
|
34633
34608
|
"data-elem": "label",
|
|
34634
34609
|
children: label
|
|
@@ -34654,9 +34629,9 @@ Checkbox.defaultProps = {
|
|
|
34654
34629
|
onChange: function onChange() {}
|
|
34655
34630
|
};
|
|
34656
34631
|
|
|
34657
|
-
var
|
|
34658
|
-
var
|
|
34659
|
-
|
|
34632
|
+
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}";
|
|
34633
|
+
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"};
|
|
34634
|
+
n(css$p,{});
|
|
34660
34635
|
|
|
34661
34636
|
var Radio = function Radio(props) {
|
|
34662
34637
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -34687,7 +34662,7 @@ var Radio = function Radio(props) {
|
|
|
34687
34662
|
};
|
|
34688
34663
|
var isChecked = isControlled ? checked : uncontrolledChecked;
|
|
34689
34664
|
return /*#__PURE__*/jsxs("label", {
|
|
34690
|
-
className: classes(
|
|
34665
|
+
className: classes(modules_3705961f.root, modules_3705961f["position-".concat(position)], className, disabled ? modules_3705961f.disabled : ''),
|
|
34691
34666
|
children: [/*#__PURE__*/jsx$1("input", {
|
|
34692
34667
|
disabled: disabled,
|
|
34693
34668
|
type: "radio",
|
|
@@ -34695,10 +34670,10 @@ var Radio = function Radio(props) {
|
|
|
34695
34670
|
onChange: handleChange
|
|
34696
34671
|
}), isChecked ? /*#__PURE__*/jsx$1(RadioIcon.Checked, {
|
|
34697
34672
|
"data-elem": "icon",
|
|
34698
|
-
className: classes(
|
|
34673
|
+
className: classes(modules_3705961f["icon-".concat(size)], modules_3705961f.icon)
|
|
34699
34674
|
}) : /*#__PURE__*/jsx$1(RadioIcon.UnChecked, {
|
|
34700
34675
|
"data-elem": "icon",
|
|
34701
|
-
className: classes(
|
|
34676
|
+
className: classes(modules_3705961f["icon-".concat(size)], modules_3705961f.icon)
|
|
34702
34677
|
}), label && /*#__PURE__*/jsx$1("span", {
|
|
34703
34678
|
"data-elem": "label",
|
|
34704
34679
|
children: label
|
|
@@ -34724,9 +34699,9 @@ Radio.defaultProps = {
|
|
|
34724
34699
|
onChange: function onChange() {}
|
|
34725
34700
|
};
|
|
34726
34701
|
|
|
34727
|
-
var
|
|
34728
|
-
var
|
|
34729
|
-
|
|
34702
|
+
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}";
|
|
34703
|
+
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"};
|
|
34704
|
+
n(css$o,{});
|
|
34730
34705
|
|
|
34731
34706
|
var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
|
|
34732
34707
|
var _selectedOptions$map, _ref2, _selectedOptions$;
|
|
@@ -34932,16 +34907,16 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
|
|
|
34932
34907
|
})));
|
|
34933
34908
|
});
|
|
34934
34909
|
return /*#__PURE__*/jsxs("div", {
|
|
34935
|
-
className: classes(className,
|
|
34910
|
+
className: classes(className, modules_1b90f5ea.root, open ? modules_1b90f5ea.open : '', disabled ? modules_1b90f5ea.disabled : ''),
|
|
34936
34911
|
children: [label && /*#__PURE__*/jsx$1("div", {
|
|
34937
34912
|
"data-elem": "label",
|
|
34938
|
-
className:
|
|
34913
|
+
className: modules_1b90f5ea.label,
|
|
34939
34914
|
children: /*#__PURE__*/jsx$1("span", {
|
|
34940
34915
|
children: label
|
|
34941
34916
|
})
|
|
34942
34917
|
}), /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2({
|
|
34943
34918
|
"data-elem": "header",
|
|
34944
|
-
className:
|
|
34919
|
+
className: modules_1b90f5ea.header,
|
|
34945
34920
|
ref: reference
|
|
34946
34921
|
}, getReferenceProps()), {}, {
|
|
34947
34922
|
children: [/*#__PURE__*/jsx$1("input", {
|
|
@@ -34950,7 +34925,7 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
|
|
|
34950
34925
|
ref: inputRef,
|
|
34951
34926
|
disabled: disabled,
|
|
34952
34927
|
tabIndex: 0,
|
|
34953
|
-
className:
|
|
34928
|
+
className: modules_1b90f5ea.input,
|
|
34954
34929
|
onKeyDown: function onKeyDown(event) {
|
|
34955
34930
|
var validKey = [' ', 'Spacebar', 'Enter'].includes(event.key);
|
|
34956
34931
|
if (validKey) {
|
|
@@ -34964,14 +34939,14 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
|
|
|
34964
34939
|
}), /*#__PURE__*/jsxs("div", {
|
|
34965
34940
|
"data-elem": "select",
|
|
34966
34941
|
role: "button",
|
|
34967
|
-
className: classes(
|
|
34942
|
+
className: classes(modules_1b90f5ea.select, feedback != null ? modules_1b90f5ea["feedback-".concat(feedback === null || feedback === void 0 ? void 0 : feedback.type)] : ''),
|
|
34968
34943
|
children: [/*#__PURE__*/jsx$1("span", {
|
|
34969
34944
|
"data-elem": "placeholder",
|
|
34970
|
-
className:
|
|
34945
|
+
className: modules_1b90f5ea.placeholder,
|
|
34971
34946
|
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
|
|
34972
34947
|
}), /*#__PURE__*/jsx$1(Caret, {
|
|
34973
34948
|
"data-elem": "icon",
|
|
34974
|
-
className: classes(
|
|
34949
|
+
className: classes(modules_1b90f5ea.icon, modules_1b90f5ea['drop-icon'])
|
|
34975
34950
|
})]
|
|
34976
34951
|
})]
|
|
34977
34952
|
})), /*#__PURE__*/jsx$1(Popper, {
|
|
@@ -34995,16 +34970,16 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
|
|
|
34995
34970
|
left: x !== null && x !== void 0 ? x : 0
|
|
34996
34971
|
},
|
|
34997
34972
|
onClick: onClick,
|
|
34998
|
-
className: classes(
|
|
34973
|
+
className: classes(modules_1b90f5ea.body, popperClassName, open ? modules_1b90f5ea.open : '')
|
|
34999
34974
|
})), {}, {
|
|
35000
34975
|
children: items
|
|
35001
34976
|
}))
|
|
35002
34977
|
})
|
|
35003
34978
|
}), feedback != null && /*#__PURE__*/jsx$1("div", {
|
|
35004
|
-
className:
|
|
34979
|
+
className: modules_1b90f5ea.bottom,
|
|
35005
34980
|
children: /*#__PURE__*/jsx$1("div", {
|
|
35006
34981
|
"data-elem": "feedback",
|
|
35007
|
-
className: classes(
|
|
34982
|
+
className: classes(modules_1b90f5ea.feedback, modules_1b90f5ea["feedback-".concat(feedback.type)]),
|
|
35008
34983
|
children: feedback.text
|
|
35009
34984
|
})
|
|
35010
34985
|
})]
|
|
@@ -35042,9 +35017,9 @@ Dropdown.defaultProps = {
|
|
|
35042
35017
|
feedback: null
|
|
35043
35018
|
};
|
|
35044
35019
|
|
|
35045
|
-
var
|
|
35046
|
-
var
|
|
35047
|
-
|
|
35020
|
+
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}";
|
|
35021
|
+
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"};
|
|
35022
|
+
n(css$n,{});
|
|
35048
35023
|
|
|
35049
35024
|
var DropdownItem = /*#__PURE__*/forwardRef(function DropdownItem(props, ref) {
|
|
35050
35025
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -35071,7 +35046,7 @@ var DropdownItem = /*#__PURE__*/forwardRef(function DropdownItem(props, ref) {
|
|
|
35071
35046
|
}
|
|
35072
35047
|
return /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2({
|
|
35073
35048
|
ref: ref,
|
|
35074
|
-
className: classes(className,
|
|
35049
|
+
className: classes(className, modules_bf949acd.root, selected ? modules_bf949acd.selected : ''),
|
|
35075
35050
|
"data-elem": "dropdown-item",
|
|
35076
35051
|
"data-variant": variant,
|
|
35077
35052
|
"data-value": value,
|
|
@@ -35104,9 +35079,9 @@ DropdownItem.defaultProps = {
|
|
|
35104
35079
|
selected: false
|
|
35105
35080
|
};
|
|
35106
35081
|
|
|
35107
|
-
var
|
|
35108
|
-
var
|
|
35109
|
-
|
|
35082
|
+
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}";
|
|
35083
|
+
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"};
|
|
35084
|
+
n(css$m,{});
|
|
35110
35085
|
|
|
35111
35086
|
var BaseModal = function BaseModal(props) {
|
|
35112
35087
|
var className = props.className,
|
|
@@ -35125,28 +35100,28 @@ var BaseModal = function BaseModal(props) {
|
|
|
35125
35100
|
transparent: false,
|
|
35126
35101
|
id: "base-modal-popper",
|
|
35127
35102
|
children: /*#__PURE__*/jsxs("div", {
|
|
35128
|
-
className: classes(
|
|
35103
|
+
className: classes(modules_f23ae002.root, className),
|
|
35129
35104
|
ref: ref,
|
|
35130
35105
|
children: [renderHeader && /*#__PURE__*/jsx$1("div", {
|
|
35131
35106
|
"data-elem": "header",
|
|
35132
|
-
className:
|
|
35107
|
+
className: modules_f23ae002.header,
|
|
35133
35108
|
children: renderHeader
|
|
35134
35109
|
}), /*#__PURE__*/jsx$1("div", {
|
|
35135
35110
|
"data-elem": "body",
|
|
35136
|
-
className:
|
|
35111
|
+
className: modules_f23ae002.body,
|
|
35137
35112
|
children: children
|
|
35138
35113
|
}), renderFooter && /*#__PURE__*/jsx$1("div", {
|
|
35139
35114
|
"data-elem": "footer",
|
|
35140
|
-
className:
|
|
35115
|
+
className: modules_f23ae002.footer,
|
|
35141
35116
|
children: renderFooter
|
|
35142
35117
|
}), /*#__PURE__*/jsx$1("div", {
|
|
35143
35118
|
"data-elem": "close",
|
|
35144
|
-
className:
|
|
35119
|
+
className: modules_f23ae002.closeModal,
|
|
35145
35120
|
onClick: function onClick() {
|
|
35146
35121
|
toggle(false);
|
|
35147
35122
|
},
|
|
35148
35123
|
children: /*#__PURE__*/jsx$1(Cross$1, {
|
|
35149
|
-
className:
|
|
35124
|
+
className: modules_f23ae002.closeIcon
|
|
35150
35125
|
})
|
|
35151
35126
|
})]
|
|
35152
35127
|
})
|
|
@@ -35167,9 +35142,9 @@ BaseModal.defaultProps = {
|
|
|
35167
35142
|
toggle: function toggle() {}
|
|
35168
35143
|
};
|
|
35169
35144
|
|
|
35170
|
-
var
|
|
35171
|
-
var
|
|
35172
|
-
|
|
35145
|
+
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}";
|
|
35146
|
+
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"};
|
|
35147
|
+
n(css$l,{});
|
|
35173
35148
|
|
|
35174
35149
|
/* eslint-disable object-curly-newline */
|
|
35175
35150
|
var DialogBox = function DialogBox(props) {
|
|
@@ -35185,19 +35160,19 @@ var DialogBox = function DialogBox(props) {
|
|
|
35185
35160
|
return /*#__PURE__*/jsx$1(BaseModal, {
|
|
35186
35161
|
open: open,
|
|
35187
35162
|
toggle: onCancel,
|
|
35188
|
-
className: classes(className,
|
|
35163
|
+
className: classes(className, modules_ca1540aa.root, modules_ca1540aa[size]),
|
|
35189
35164
|
renderHeader: /*#__PURE__*/jsx$1("div", {
|
|
35190
|
-
className:
|
|
35165
|
+
className: modules_ca1540aa.header,
|
|
35191
35166
|
children: /*#__PURE__*/jsx$1("p", {
|
|
35192
35167
|
children: heading
|
|
35193
35168
|
})
|
|
35194
35169
|
}),
|
|
35195
35170
|
renderFooter: /*#__PURE__*/jsxs("div", {
|
|
35196
|
-
className:
|
|
35171
|
+
className: modules_ca1540aa.footer,
|
|
35197
35172
|
children: [/*#__PURE__*/jsx$1(Button, {
|
|
35198
35173
|
color: "default",
|
|
35199
35174
|
variant: "outlined",
|
|
35200
|
-
className:
|
|
35175
|
+
className: modules_ca1540aa.cancel,
|
|
35201
35176
|
onClick: onCancel,
|
|
35202
35177
|
title: "Cancel"
|
|
35203
35178
|
}), /*#__PURE__*/jsx$1(Button, {
|
|
@@ -35207,7 +35182,7 @@ var DialogBox = function DialogBox(props) {
|
|
|
35207
35182
|
})]
|
|
35208
35183
|
}),
|
|
35209
35184
|
children: /*#__PURE__*/jsx$1("div", {
|
|
35210
|
-
className:
|
|
35185
|
+
className: modules_ca1540aa.description,
|
|
35211
35186
|
children: description
|
|
35212
35187
|
})
|
|
35213
35188
|
});
|
|
@@ -35233,9 +35208,9 @@ DialogBox.defaultProps = {
|
|
|
35233
35208
|
size: 'sm'
|
|
35234
35209
|
};
|
|
35235
35210
|
|
|
35236
|
-
var
|
|
35237
|
-
var
|
|
35238
|
-
|
|
35211
|
+
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}";
|
|
35212
|
+
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"};
|
|
35213
|
+
n(css$k,{});
|
|
35239
35214
|
|
|
35240
35215
|
var PageHeader = function PageHeader(props) {
|
|
35241
35216
|
var theme = props.theme,
|
|
@@ -35246,32 +35221,32 @@ var PageHeader = function PageHeader(props) {
|
|
|
35246
35221
|
RightAction = props.rightAction,
|
|
35247
35222
|
crumbsProps = props.crumbsProps;
|
|
35248
35223
|
return /*#__PURE__*/jsxs("div", {
|
|
35249
|
-
className: classes(
|
|
35224
|
+
className: classes(modules_bdcbeaa5.root, modules_bdcbeaa5["theme-".concat(theme)]),
|
|
35250
35225
|
children: [/*#__PURE__*/jsx$1("div", {
|
|
35251
|
-
className:
|
|
35226
|
+
className: modules_bdcbeaa5.breadcrumb,
|
|
35252
35227
|
children: /*#__PURE__*/jsx$1(BreadCrumbs, _objectSpread2({}, _objectSpread2(_objectSpread2({}, crumbsProps), {}, {
|
|
35253
|
-
className:
|
|
35228
|
+
className: modules_bdcbeaa5.breadcrumb
|
|
35254
35229
|
})))
|
|
35255
35230
|
}), /*#__PURE__*/jsxs("div", {
|
|
35256
|
-
className:
|
|
35231
|
+
className: modules_bdcbeaa5.contents,
|
|
35257
35232
|
children: [/*#__PURE__*/jsxs("div", {
|
|
35258
|
-
className:
|
|
35233
|
+
className: modules_bdcbeaa5.left,
|
|
35259
35234
|
children: [/*#__PURE__*/jsx$1("div", {
|
|
35260
|
-
className:
|
|
35235
|
+
className: modules_bdcbeaa5.title,
|
|
35261
35236
|
children: title
|
|
35262
35237
|
}), chipTitle && /*#__PURE__*/jsx$1(Chip, {
|
|
35263
|
-
className:
|
|
35238
|
+
className: modules_bdcbeaa5.chip,
|
|
35264
35239
|
size: "sm",
|
|
35265
35240
|
title: chipTitle,
|
|
35266
35241
|
radius: "ellipse",
|
|
35267
35242
|
variant: "status"
|
|
35268
35243
|
})]
|
|
35269
35244
|
}), RightAction && /*#__PURE__*/jsx$1("div", {
|
|
35270
|
-
className:
|
|
35245
|
+
className: modules_bdcbeaa5.right,
|
|
35271
35246
|
children: /*#__PURE__*/jsx$1(RightAction, {})
|
|
35272
35247
|
})]
|
|
35273
35248
|
}), /*#__PURE__*/jsx$1("div", {
|
|
35274
|
-
className:
|
|
35249
|
+
className: modules_bdcbeaa5.description,
|
|
35275
35250
|
children: description
|
|
35276
35251
|
}), children]
|
|
35277
35252
|
});
|
|
@@ -35377,9 +35352,9 @@ function getPagination(curr, total, limit) {
|
|
|
35377
35352
|
return pages;
|
|
35378
35353
|
}
|
|
35379
35354
|
|
|
35380
|
-
var
|
|
35381
|
-
var
|
|
35382
|
-
|
|
35355
|
+
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}";
|
|
35356
|
+
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"};
|
|
35357
|
+
n(css$j,{});
|
|
35383
35358
|
|
|
35384
35359
|
var dropdownOptions = ['10', '25', '50', '100', '200', '250'];
|
|
35385
35360
|
var reducer = function reducer(state, _ref) {
|
|
@@ -35464,18 +35439,18 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
35464
35439
|
}, [currentPage, step]);
|
|
35465
35440
|
return /*#__PURE__*/jsxs("div", {
|
|
35466
35441
|
ref: ref,
|
|
35467
|
-
className: classes(
|
|
35442
|
+
className: classes(modules_a3d40e77.root, className, floating ? modules_a3d40e77.floating : ''),
|
|
35468
35443
|
children: [/*#__PURE__*/jsx$1(BaseCell, {
|
|
35469
35444
|
flexible: true,
|
|
35470
|
-
className:
|
|
35445
|
+
className: modules_a3d40e77['row-switcher'],
|
|
35471
35446
|
component1: /*#__PURE__*/jsx$1("span", {
|
|
35472
35447
|
title: "Rows per page",
|
|
35473
|
-
className:
|
|
35448
|
+
className: modules_a3d40e77.text,
|
|
35474
35449
|
children: "Rows per page"
|
|
35475
35450
|
}),
|
|
35476
35451
|
component2: /*#__PURE__*/jsx$1(Dropdown, {
|
|
35477
|
-
className:
|
|
35478
|
-
popperClassName:
|
|
35452
|
+
className: modules_a3d40e77.dropdown,
|
|
35453
|
+
popperClassName: modules_a3d40e77['dropdown-popper'],
|
|
35479
35454
|
value: step,
|
|
35480
35455
|
placeholder: null,
|
|
35481
35456
|
onChange: function onChange(e, newStep) {
|
|
@@ -35492,7 +35467,7 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
35492
35467
|
})
|
|
35493
35468
|
})
|
|
35494
35469
|
}), /*#__PURE__*/jsxs("div", {
|
|
35495
|
-
className:
|
|
35470
|
+
className: modules_a3d40e77['page-numbers'],
|
|
35496
35471
|
children: [/*#__PURE__*/jsx$1(Button, {
|
|
35497
35472
|
size: "auto",
|
|
35498
35473
|
flexible: true,
|
|
@@ -35503,16 +35478,16 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
35503
35478
|
type: 'PREV_PAGE'
|
|
35504
35479
|
});
|
|
35505
35480
|
},
|
|
35506
|
-
className: classes(
|
|
35481
|
+
className: classes(modules_a3d40e77.button),
|
|
35507
35482
|
leftComponent: function leftComponent() {
|
|
35508
35483
|
return /*#__PURE__*/jsx$1(Chevron, {
|
|
35509
|
-
className:
|
|
35484
|
+
className: modules_a3d40e77.icon,
|
|
35510
35485
|
position: "left"
|
|
35511
35486
|
});
|
|
35512
35487
|
},
|
|
35513
35488
|
variant: "text"
|
|
35514
35489
|
}), /*#__PURE__*/jsx$1("div", {
|
|
35515
|
-
className:
|
|
35490
|
+
className: modules_a3d40e77.pageSelect,
|
|
35516
35491
|
children: paginationList.pages.map(function (page) {
|
|
35517
35492
|
var active = currentPage === page.number;
|
|
35518
35493
|
return /*#__PURE__*/jsx$1("span", {
|
|
@@ -35524,7 +35499,7 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
35524
35499
|
});
|
|
35525
35500
|
},
|
|
35526
35501
|
"data-active": active,
|
|
35527
|
-
className: classes(active ?
|
|
35502
|
+
className: classes(active ? modules_a3d40e77.active : '', modules_a3d40e77.number),
|
|
35528
35503
|
children: page.ellipsis ? '...' : page.number
|
|
35529
35504
|
}, page.number);
|
|
35530
35505
|
})
|
|
@@ -35538,10 +35513,10 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
35538
35513
|
type: 'NEXT_PAGE'
|
|
35539
35514
|
});
|
|
35540
35515
|
},
|
|
35541
|
-
className: classes(
|
|
35516
|
+
className: classes(modules_a3d40e77.button),
|
|
35542
35517
|
rightComponent: function rightComponent() {
|
|
35543
35518
|
return /*#__PURE__*/jsx$1(Chevron, {
|
|
35544
|
-
className:
|
|
35519
|
+
className: modules_a3d40e77.icon,
|
|
35545
35520
|
position: "right"
|
|
35546
35521
|
});
|
|
35547
35522
|
},
|
|
@@ -35549,7 +35524,7 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
35549
35524
|
})]
|
|
35550
35525
|
}), /*#__PURE__*/jsx$1(BaseCell, {
|
|
35551
35526
|
flexible: true,
|
|
35552
|
-
className:
|
|
35527
|
+
className: modules_a3d40e77.form,
|
|
35553
35528
|
component1: /*#__PURE__*/jsx$1("form", {
|
|
35554
35529
|
onSubmit: function onSubmit(e) {
|
|
35555
35530
|
var _jumpPageRef$current;
|
|
@@ -35561,7 +35536,7 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
35561
35536
|
},
|
|
35562
35537
|
children: /*#__PURE__*/jsx$1(BaseCell, {
|
|
35563
35538
|
flexible: true,
|
|
35564
|
-
className:
|
|
35539
|
+
className: modules_a3d40e77['jump-to-page'],
|
|
35565
35540
|
component1: /*#__PURE__*/jsx$1(TextField, {
|
|
35566
35541
|
inputProps: {
|
|
35567
35542
|
min: 1,
|
|
@@ -35570,16 +35545,16 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
35570
35545
|
},
|
|
35571
35546
|
ref: jumpPageRef,
|
|
35572
35547
|
type: "number",
|
|
35573
|
-
className:
|
|
35548
|
+
className: modules_a3d40e77.inputbox
|
|
35574
35549
|
}),
|
|
35575
35550
|
component2: /*#__PURE__*/jsx$1(Button, {
|
|
35576
35551
|
title: "Jump to page",
|
|
35577
35552
|
size: "medium",
|
|
35578
35553
|
variant: "contained",
|
|
35579
|
-
className:
|
|
35554
|
+
className: modules_a3d40e77.button,
|
|
35580
35555
|
rightComponent: function rightComponent() {
|
|
35581
35556
|
return /*#__PURE__*/jsx$1(Arrow$1, {
|
|
35582
|
-
className:
|
|
35557
|
+
className: modules_a3d40e77.icon
|
|
35583
35558
|
});
|
|
35584
35559
|
}
|
|
35585
35560
|
})
|
|
@@ -35611,15 +35586,16 @@ Pagination.defaultProps = {
|
|
|
35611
35586
|
onChange: function onChange() {}
|
|
35612
35587
|
};
|
|
35613
35588
|
|
|
35614
|
-
var
|
|
35615
|
-
var
|
|
35616
|
-
|
|
35589
|
+
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}";
|
|
35590
|
+
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"};
|
|
35591
|
+
n(css$i,{});
|
|
35617
35592
|
|
|
35618
|
-
var
|
|
35619
|
-
|
|
35593
|
+
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}";
|
|
35594
|
+
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"};
|
|
35595
|
+
n(css$h,{});
|
|
35620
35596
|
|
|
35621
|
-
var COLORS = Object.keys(
|
|
35622
|
-
acc[curr] = getCSSVariableValue(
|
|
35597
|
+
var COLORS = Object.keys(modules_dd21d9e9).reduce(function (acc, curr) {
|
|
35598
|
+
acc[curr] = getCSSVariableValue(modules_dd21d9e9[curr]);
|
|
35623
35599
|
return acc;
|
|
35624
35600
|
}, {});
|
|
35625
35601
|
|
|
@@ -35631,35 +35607,35 @@ var Step = function Step(props) {
|
|
|
35631
35607
|
error = props.error,
|
|
35632
35608
|
index = props.index;
|
|
35633
35609
|
var display = /*#__PURE__*/jsx$1("span", {
|
|
35634
|
-
className:
|
|
35610
|
+
className: modules_bbfded44.text,
|
|
35635
35611
|
children: index + 1
|
|
35636
35612
|
});
|
|
35637
35613
|
if (error === true) {
|
|
35638
35614
|
display = /*#__PURE__*/jsx$1(Cross$1, {
|
|
35639
|
-
className: classes(
|
|
35615
|
+
className: classes(modules_bbfded44.icon, modules_bbfded44['error-icon'])
|
|
35640
35616
|
});
|
|
35641
35617
|
} else if (completion === 1) {
|
|
35642
35618
|
display = /*#__PURE__*/jsx$1(Tick, {
|
|
35643
|
-
className: classes(
|
|
35619
|
+
className: classes(modules_bbfded44.icon, modules_bbfded44['completion-icon'])
|
|
35644
35620
|
});
|
|
35645
35621
|
}
|
|
35646
35622
|
return /*#__PURE__*/jsxs("div", {
|
|
35647
|
-
className: classes(
|
|
35623
|
+
className: classes(modules_bbfded44.step, active ? modules_bbfded44.active : '', completion === 1 ? modules_bbfded44.completed : '', error ? modules_bbfded44.error : ''),
|
|
35648
35624
|
children: [/*#__PURE__*/jsxs("div", {
|
|
35649
|
-
className:
|
|
35625
|
+
className: modules_bbfded44.left,
|
|
35650
35626
|
children: [display, active === true && completion > 0 && completion < 1 && /*#__PURE__*/jsx$1("div", {
|
|
35651
|
-
className:
|
|
35627
|
+
className: modules_bbfded44.progress,
|
|
35652
35628
|
style: {
|
|
35653
35629
|
backgroundImage: "conic-gradient(".concat(COLORS.highlight, ", ").concat(completion * 100, "%, transparent 0%)")
|
|
35654
35630
|
}
|
|
35655
35631
|
})]
|
|
35656
35632
|
}), /*#__PURE__*/jsxs("div", {
|
|
35657
|
-
className:
|
|
35633
|
+
className: modules_bbfded44.right,
|
|
35658
35634
|
children: [/*#__PURE__*/jsx$1("span", {
|
|
35659
|
-
className:
|
|
35635
|
+
className: modules_bbfded44.title,
|
|
35660
35636
|
children: title
|
|
35661
35637
|
}), description != null && /*#__PURE__*/jsx$1("span", {
|
|
35662
|
-
className:
|
|
35638
|
+
className: modules_bbfded44.description,
|
|
35663
35639
|
children: description
|
|
35664
35640
|
})]
|
|
35665
35641
|
})]
|
|
@@ -35668,7 +35644,7 @@ var Step = function Step(props) {
|
|
|
35668
35644
|
var Stepper = function Stepper(props) {
|
|
35669
35645
|
var steps = props.steps;
|
|
35670
35646
|
return /*#__PURE__*/jsx$1("div", {
|
|
35671
|
-
className:
|
|
35647
|
+
className: modules_bbfded44.root,
|
|
35672
35648
|
children: steps.map(function (step, index) {
|
|
35673
35649
|
return /*#__PURE__*/jsx$1(Step, _objectSpread2(_objectSpread2({}, step), {}, {
|
|
35674
35650
|
index: index,
|
|
@@ -35728,9 +35704,9 @@ var TableColumn = /*#__PURE__*/_createClass$1(function TableColumn(_ref) {
|
|
|
35728
35704
|
this.sticky = sticky;
|
|
35729
35705
|
});
|
|
35730
35706
|
|
|
35731
|
-
var
|
|
35732
|
-
var
|
|
35733
|
-
|
|
35707
|
+
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}";
|
|
35708
|
+
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"};
|
|
35709
|
+
n(css$g,{});
|
|
35734
35710
|
|
|
35735
35711
|
var TableCell = /*#__PURE__*/forwardRef(function TableCell(props, ref) {
|
|
35736
35712
|
var className = props.className,
|
|
@@ -35750,7 +35726,7 @@ var TableCell = /*#__PURE__*/forwardRef(function TableCell(props, ref) {
|
|
|
35750
35726
|
sticky = props.sticky;
|
|
35751
35727
|
return /*#__PURE__*/jsx$1(BaseCell, {
|
|
35752
35728
|
ref: ref,
|
|
35753
|
-
className: classes(
|
|
35729
|
+
className: classes(modules_7ba8d001.root, className, modules_7ba8d001["".concat(type, "-cell")], modules_7ba8d001["sticky-".concat(sticky)]),
|
|
35754
35730
|
attrs: _objectSpread2({
|
|
35755
35731
|
style: style
|
|
35756
35732
|
}, attrs),
|
|
@@ -35761,7 +35737,7 @@ var TableCell = /*#__PURE__*/forwardRef(function TableCell(props, ref) {
|
|
|
35761
35737
|
component2: /*#__PURE__*/jsx$1("span", _objectSpread2(_objectSpread2({}, _objectSpread2(_objectSpread2({}, cellTitle != null ? {
|
|
35762
35738
|
title: cellTitle
|
|
35763
35739
|
} : {}), {}, {
|
|
35764
|
-
className: classes(
|
|
35740
|
+
className: classes(modules_7ba8d001['cell-text'], multiLine ? modules_7ba8d001['multi-line'] : ''),
|
|
35765
35741
|
style: style,
|
|
35766
35742
|
'data-elem': 'text'
|
|
35767
35743
|
})), {}, {
|
|
@@ -35790,9 +35766,9 @@ TableCell.defaultProps = _objectSpread2(_objectSpread2({}, BaseCell.defaultProps
|
|
|
35790
35766
|
cellTitle: null
|
|
35791
35767
|
});
|
|
35792
35768
|
|
|
35793
|
-
var
|
|
35794
|
-
var
|
|
35795
|
-
|
|
35769
|
+
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}";
|
|
35770
|
+
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"};
|
|
35771
|
+
n(css$f,{});
|
|
35796
35772
|
|
|
35797
35773
|
var TableRow = function TableRow(props) {
|
|
35798
35774
|
var _headerData$map;
|
|
@@ -35807,7 +35783,7 @@ var TableRow = function TableRow(props) {
|
|
|
35807
35783
|
setActiveData = props.setActiveData;
|
|
35808
35784
|
return /*#__PURE__*/jsx$1("tr", {
|
|
35809
35785
|
"data-elem": "table-row",
|
|
35810
|
-
className: classes(className,
|
|
35786
|
+
className: classes(className, modules_f6618a87.root, selected ? modules_f6618a87.selected : '', modules_f6618a87["".concat(type, "-row")]),
|
|
35811
35787
|
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) {
|
|
35812
35788
|
var _getCustomCell;
|
|
35813
35789
|
var cellContent = null;
|
|
@@ -35872,9 +35848,9 @@ TableRow.defaultProps = {
|
|
|
35872
35848
|
selected: false
|
|
35873
35849
|
};
|
|
35874
35850
|
|
|
35875
|
-
var
|
|
35876
|
-
var
|
|
35877
|
-
|
|
35851
|
+
var css$e = ".TableBody_module_root__77e2990d {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}";
|
|
35852
|
+
var modules_82c0c387 = {"root":"TableBody_module_root__77e2990d"};
|
|
35853
|
+
n(css$e,{});
|
|
35878
35854
|
|
|
35879
35855
|
/* eslint-disable react/forbid-prop-types */
|
|
35880
35856
|
var TableBody = function TableBody(props) {
|
|
@@ -35887,7 +35863,7 @@ var TableBody = function TableBody(props) {
|
|
|
35887
35863
|
className = props.className;
|
|
35888
35864
|
return /*#__PURE__*/jsx$1("tbody", {
|
|
35889
35865
|
"data-elem": "table-body",
|
|
35890
|
-
className: classes(
|
|
35866
|
+
className: classes(modules_82c0c387.root, className),
|
|
35891
35867
|
children: tableData === null || tableData === void 0 ? void 0 : tableData.map(function (datum, _index) {
|
|
35892
35868
|
var key = datum === null || datum === void 0 ? void 0 : datum.id;
|
|
35893
35869
|
var selected = uniqueKey.length > 0 && (uniqueKey === null || uniqueKey === void 0 ? void 0 : uniqueKey.each(function (e) {
|
|
@@ -35938,9 +35914,9 @@ TableBody.defaultProps = {
|
|
|
35938
35914
|
}
|
|
35939
35915
|
};
|
|
35940
35916
|
|
|
35941
|
-
var
|
|
35942
|
-
var
|
|
35943
|
-
|
|
35917
|
+
var css$d = ".TableHeader_module_root__daf69a14 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}";
|
|
35918
|
+
var modules_3be98c28 = {"root":"TableHeader_module_root__daf69a14"};
|
|
35919
|
+
n(css$d,{});
|
|
35944
35920
|
|
|
35945
35921
|
/* eslint-disable react/forbid-prop-types */
|
|
35946
35922
|
var TableHeader = function TableHeader(props) {
|
|
@@ -35948,7 +35924,7 @@ var TableHeader = function TableHeader(props) {
|
|
|
35948
35924
|
customCells = props.customCells;
|
|
35949
35925
|
return /*#__PURE__*/jsx$1("thead", {
|
|
35950
35926
|
"data-elem": "table-header",
|
|
35951
|
-
className:
|
|
35927
|
+
className: modules_3be98c28.root,
|
|
35952
35928
|
children: /*#__PURE__*/jsx$1(TableRow, {
|
|
35953
35929
|
type: "header",
|
|
35954
35930
|
headerData: headerData,
|
|
@@ -35979,9 +35955,9 @@ TableHeader.defaultProps = {
|
|
|
35979
35955
|
}
|
|
35980
35956
|
};
|
|
35981
35957
|
|
|
35982
|
-
var
|
|
35983
|
-
var
|
|
35984
|
-
|
|
35958
|
+
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}";
|
|
35959
|
+
var modules_f1817c60 = {"root":"BaseTable_module_root__7a8d241c"};
|
|
35960
|
+
n(css$c,{});
|
|
35985
35961
|
|
|
35986
35962
|
/* eslint-disable react/forbid-prop-types */
|
|
35987
35963
|
var BaseTable = /*#__PURE__*/forwardRef(function BaseTable(props, ref) {
|
|
@@ -35998,7 +35974,7 @@ var BaseTable = /*#__PURE__*/forwardRef(function BaseTable(props, ref) {
|
|
|
35998
35974
|
return /*#__PURE__*/jsxs("table", {
|
|
35999
35975
|
ref: ref,
|
|
36000
35976
|
"data-elem": "table",
|
|
36001
|
-
className: classes(className,
|
|
35977
|
+
className: classes(className, modules_f1817c60.root),
|
|
36002
35978
|
children: [/*#__PURE__*/jsx$1(TableHeader, {
|
|
36003
35979
|
headerData: transformedHeaderData,
|
|
36004
35980
|
customCells: customCells
|
|
@@ -36046,9 +36022,9 @@ BaseTable.defaultProps = {
|
|
|
36046
36022
|
}
|
|
36047
36023
|
};
|
|
36048
36024
|
|
|
36049
|
-
var
|
|
36050
|
-
var
|
|
36051
|
-
|
|
36025
|
+
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}";
|
|
36026
|
+
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"};
|
|
36027
|
+
n(css$b,{});
|
|
36052
36028
|
|
|
36053
36029
|
var TableChips = function TableChips(props) {
|
|
36054
36030
|
var _chips$filter;
|
|
@@ -36064,13 +36040,13 @@ var TableChips = function TableChips(props) {
|
|
|
36064
36040
|
variant: "input",
|
|
36065
36041
|
color: "default",
|
|
36066
36042
|
disabled: chip.disabled,
|
|
36067
|
-
className:
|
|
36043
|
+
className: modules_016d9b3e.chip,
|
|
36068
36044
|
title: "".concat(chip.label, " : ").concat(chip.value),
|
|
36069
36045
|
leftComponent: function leftComponent(iconProps) {
|
|
36070
36046
|
var Icon = chip.icon;
|
|
36071
36047
|
if ( /*#__PURE__*/isValidElement( /*#__PURE__*/jsx$1(Icon, {}))) {
|
|
36072
36048
|
return /*#__PURE__*/jsx$1(Icon, _objectSpread2(_objectSpread2({}, iconProps), {}, {
|
|
36073
|
-
className:
|
|
36049
|
+
className: modules_016d9b3e['chip-icon']
|
|
36074
36050
|
}));
|
|
36075
36051
|
}
|
|
36076
36052
|
return null;
|
|
@@ -36081,17 +36057,17 @@ var TableChips = function TableChips(props) {
|
|
|
36081
36057
|
if ((chipsDOM === null || chipsDOM === void 0 ? void 0 : chipsDOM.length) > 0 || showBack) {
|
|
36082
36058
|
return /*#__PURE__*/jsx$1(BaseCell, {
|
|
36083
36059
|
flexible: true,
|
|
36084
|
-
className: classes(className,
|
|
36060
|
+
className: classes(className, modules_016d9b3e.root),
|
|
36085
36061
|
attrs: {
|
|
36086
36062
|
style: style
|
|
36087
36063
|
},
|
|
36088
36064
|
component1: showBack && /*#__PURE__*/jsx$1(Button, {
|
|
36089
36065
|
size: "auto",
|
|
36090
36066
|
radius: "round",
|
|
36091
|
-
className:
|
|
36067
|
+
className: modules_016d9b3e.back,
|
|
36092
36068
|
leftComponent: function leftComponent() {
|
|
36093
36069
|
return /*#__PURE__*/jsx$1(Arrow$1, {
|
|
36094
|
-
className:
|
|
36070
|
+
className: modules_016d9b3e.icon,
|
|
36095
36071
|
position: "left"
|
|
36096
36072
|
});
|
|
36097
36073
|
},
|
|
@@ -36144,9 +36120,9 @@ var TableChip = /*#__PURE__*/_createClass$1(function TableChip(_ref) {
|
|
|
36144
36120
|
this.disabled = disabled;
|
|
36145
36121
|
});
|
|
36146
36122
|
|
|
36147
|
-
var
|
|
36148
|
-
var
|
|
36149
|
-
|
|
36123
|
+
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}";
|
|
36124
|
+
var modules_dfc4608f = {"root":"Popover_module_root__265e51dc"};
|
|
36125
|
+
n(css$a,{});
|
|
36150
36126
|
|
|
36151
36127
|
var Popover = function Popover(props) {
|
|
36152
36128
|
var children = props.children,
|
|
@@ -36203,7 +36179,7 @@ var Popover = function Popover(props) {
|
|
|
36203
36179
|
top: y !== null && y !== void 0 ? y : 0,
|
|
36204
36180
|
left: x !== null && x !== void 0 ? x : 0
|
|
36205
36181
|
},
|
|
36206
|
-
className: classes(
|
|
36182
|
+
className: classes(modules_dfc4608f.root, className)
|
|
36207
36183
|
})), {}, {
|
|
36208
36184
|
children: children
|
|
36209
36185
|
}))
|
|
@@ -36222,9 +36198,9 @@ Popover.defaultProps = {
|
|
|
36222
36198
|
onClose: function onClose() {}
|
|
36223
36199
|
};
|
|
36224
36200
|
|
|
36225
|
-
var
|
|
36226
|
-
var
|
|
36227
|
-
|
|
36201
|
+
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}";
|
|
36202
|
+
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"};
|
|
36203
|
+
n(css$9,{});
|
|
36228
36204
|
|
|
36229
36205
|
var Columns = function Columns(props) {
|
|
36230
36206
|
var open = props.open,
|
|
@@ -36245,17 +36221,17 @@ var Columns = function Columns(props) {
|
|
|
36245
36221
|
anchorEl: anchorEl,
|
|
36246
36222
|
open: open,
|
|
36247
36223
|
setOpen: setOpen,
|
|
36248
|
-
className:
|
|
36224
|
+
className: modules_48c02c99.popover,
|
|
36249
36225
|
onClose: function onClose() {
|
|
36250
36226
|
setSearch(null);
|
|
36251
36227
|
},
|
|
36252
36228
|
children: /*#__PURE__*/jsxs("div", {
|
|
36253
|
-
className: classes(
|
|
36229
|
+
className: classes(modules_48c02c99.root, expanded ? modules_48c02c99.expanded : ''),
|
|
36254
36230
|
children: [/*#__PURE__*/jsx$1(BaseCell, {
|
|
36255
|
-
className:
|
|
36231
|
+
className: modules_48c02c99.header,
|
|
36256
36232
|
component1: "Columns",
|
|
36257
36233
|
component2: /*#__PURE__*/jsx$1(TextField, {
|
|
36258
|
-
className:
|
|
36234
|
+
className: modules_48c02c99.search,
|
|
36259
36235
|
placeholder: "Search Column name",
|
|
36260
36236
|
value: search,
|
|
36261
36237
|
onChange: function onChange(e) {
|
|
@@ -36265,27 +36241,27 @@ var Columns = function Columns(props) {
|
|
|
36265
36241
|
}
|
|
36266
36242
|
})
|
|
36267
36243
|
}), /*#__PURE__*/jsx$1(Button, {
|
|
36268
|
-
className:
|
|
36244
|
+
className: modules_48c02c99.close,
|
|
36269
36245
|
size: "auto",
|
|
36270
36246
|
radius: "round",
|
|
36271
36247
|
variant: "text",
|
|
36272
36248
|
leftComponent: function leftComponent() {
|
|
36273
36249
|
return /*#__PURE__*/jsx$1(Cross$1, {
|
|
36274
|
-
className:
|
|
36250
|
+
className: modules_48c02c99.icon
|
|
36275
36251
|
});
|
|
36276
36252
|
},
|
|
36277
36253
|
onClick: function onClick() {
|
|
36278
36254
|
setOpen(false);
|
|
36279
36255
|
}
|
|
36280
36256
|
}), /*#__PURE__*/jsx$1("div", {
|
|
36281
|
-
className:
|
|
36257
|
+
className: modules_48c02c99.body,
|
|
36282
36258
|
children: columns === null || columns === void 0 ? void 0 : columns.filter(function (col) {
|
|
36283
36259
|
var _col$id;
|
|
36284
36260
|
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 === '';
|
|
36285
36261
|
}).map(function (col) {
|
|
36286
36262
|
var selected = [null, false, undefined].includes(hiddenColumns === null || hiddenColumns === void 0 ? void 0 : hiddenColumns[col === null || col === void 0 ? void 0 : col.id]);
|
|
36287
36263
|
return /*#__PURE__*/jsx$1(DropdownItem, {
|
|
36288
|
-
className:
|
|
36264
|
+
className: modules_48c02c99.item,
|
|
36289
36265
|
selected: selected,
|
|
36290
36266
|
title: col.title,
|
|
36291
36267
|
variant: "checkbox",
|
|
@@ -36299,16 +36275,16 @@ var Columns = function Columns(props) {
|
|
|
36299
36275
|
}, col.id);
|
|
36300
36276
|
})
|
|
36301
36277
|
}), /*#__PURE__*/jsx$1("div", {
|
|
36302
|
-
className:
|
|
36278
|
+
className: modules_48c02c99.footer,
|
|
36303
36279
|
children: /*#__PURE__*/jsx$1(Chip, {
|
|
36304
|
-
className:
|
|
36280
|
+
className: modules_48c02c99.expand,
|
|
36305
36281
|
size: "sm",
|
|
36306
36282
|
radius: "ellipse",
|
|
36307
36283
|
color: "default",
|
|
36308
36284
|
title: expanded ? 'See Less' : 'See More',
|
|
36309
36285
|
rightComponent: function rightComponent() {
|
|
36310
36286
|
return /*#__PURE__*/jsx$1(AngleDouble, {
|
|
36311
|
-
className:
|
|
36287
|
+
className: modules_48c02c99.icon
|
|
36312
36288
|
});
|
|
36313
36289
|
},
|
|
36314
36290
|
onClick: function onClick() {
|
|
@@ -36322,9 +36298,9 @@ var Columns = function Columns(props) {
|
|
|
36322
36298
|
});
|
|
36323
36299
|
};
|
|
36324
36300
|
|
|
36325
|
-
var
|
|
36326
|
-
var
|
|
36327
|
-
|
|
36301
|
+
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}";
|
|
36302
|
+
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"};
|
|
36303
|
+
n(css$8,{});
|
|
36328
36304
|
|
|
36329
36305
|
var TableFilters = function TableFilters(props) {
|
|
36330
36306
|
var className = props.className,
|
|
@@ -36346,23 +36322,23 @@ var TableFilters = function TableFilters(props) {
|
|
|
36346
36322
|
setAnchorEl = _useState4[1];
|
|
36347
36323
|
return /*#__PURE__*/jsx$1(BaseCell, {
|
|
36348
36324
|
flexible: true,
|
|
36349
|
-
className: classes(
|
|
36325
|
+
className: classes(modules_a0fe63f9.root, className),
|
|
36350
36326
|
attrs: {
|
|
36351
36327
|
style: style
|
|
36352
36328
|
},
|
|
36353
36329
|
component1: /*#__PURE__*/jsx$1(Button, {
|
|
36354
|
-
className:
|
|
36330
|
+
className: modules_a0fe63f9.left,
|
|
36355
36331
|
title: "Filter",
|
|
36356
36332
|
variant: "outlined",
|
|
36357
36333
|
leftComponent: function leftComponent() {
|
|
36358
36334
|
return /*#__PURE__*/jsx$1(Filter, {
|
|
36359
|
-
className:
|
|
36335
|
+
className: modules_a0fe63f9.icon
|
|
36360
36336
|
});
|
|
36361
36337
|
},
|
|
36362
36338
|
rightComponent: function rightComponent() {
|
|
36363
36339
|
if (filterValue !== null && filterValue !== void 0 && filterValue.applied) {
|
|
36364
36340
|
return /*#__PURE__*/jsx$1("div", {
|
|
36365
|
-
className:
|
|
36341
|
+
className: modules_a0fe63f9['filter-value'],
|
|
36366
36342
|
children: filterValue === null || filterValue === void 0 ? void 0 : filterValue.applied
|
|
36367
36343
|
});
|
|
36368
36344
|
}
|
|
@@ -36370,30 +36346,30 @@ var TableFilters = function TableFilters(props) {
|
|
|
36370
36346
|
}
|
|
36371
36347
|
}),
|
|
36372
36348
|
component2: /*#__PURE__*/jsx$1(TextField, {
|
|
36373
|
-
className:
|
|
36349
|
+
className: modules_a0fe63f9.center,
|
|
36374
36350
|
value: searchValue,
|
|
36375
36351
|
onChange: onSearch,
|
|
36376
36352
|
LeftComponent: function LeftComponent() {
|
|
36377
36353
|
return /*#__PURE__*/jsx$1(MagnifyingGlass, {
|
|
36378
|
-
className:
|
|
36354
|
+
className: modules_a0fe63f9.icon
|
|
36379
36355
|
});
|
|
36380
36356
|
},
|
|
36381
36357
|
placeholder: "Search"
|
|
36382
36358
|
}),
|
|
36383
36359
|
component3: /*#__PURE__*/jsx$1(BaseCell, {
|
|
36384
36360
|
flexible: true,
|
|
36385
|
-
className:
|
|
36361
|
+
className: modules_a0fe63f9.right,
|
|
36386
36362
|
component1: /*#__PURE__*/jsxs(Fragment, {
|
|
36387
36363
|
children: [/*#__PURE__*/jsx$1(Button, {
|
|
36388
36364
|
ref: function ref(el) {
|
|
36389
36365
|
setAnchorEl(el);
|
|
36390
36366
|
},
|
|
36391
36367
|
size: "auto",
|
|
36392
|
-
className:
|
|
36368
|
+
className: modules_a0fe63f9['icon-button'],
|
|
36393
36369
|
variant: "text",
|
|
36394
36370
|
leftComponent: function leftComponent() {
|
|
36395
36371
|
return /*#__PURE__*/jsx$1(Columns$1, {
|
|
36396
|
-
className:
|
|
36372
|
+
className: modules_a0fe63f9.icon
|
|
36397
36373
|
});
|
|
36398
36374
|
},
|
|
36399
36375
|
onClick: function onClick() {
|
|
@@ -36412,22 +36388,22 @@ var TableFilters = function TableFilters(props) {
|
|
|
36412
36388
|
}),
|
|
36413
36389
|
component2: /*#__PURE__*/jsx$1(Button, {
|
|
36414
36390
|
size: "auto",
|
|
36415
|
-
className:
|
|
36391
|
+
className: modules_a0fe63f9['icon-button'],
|
|
36416
36392
|
variant: "text",
|
|
36417
36393
|
onClick: onRefresh,
|
|
36418
36394
|
leftComponent: function leftComponent() {
|
|
36419
36395
|
return /*#__PURE__*/jsx$1(Refresh, {
|
|
36420
|
-
className:
|
|
36396
|
+
className: modules_a0fe63f9.icon
|
|
36421
36397
|
});
|
|
36422
36398
|
}
|
|
36423
36399
|
}),
|
|
36424
36400
|
component3: /*#__PURE__*/jsx$1(Button, {
|
|
36425
36401
|
size: "auto",
|
|
36426
|
-
className:
|
|
36402
|
+
className: modules_a0fe63f9['icon-button'],
|
|
36427
36403
|
variant: "text",
|
|
36428
36404
|
leftComponent: function leftComponent() {
|
|
36429
36405
|
return /*#__PURE__*/jsx$1(Nut, {
|
|
36430
|
-
className:
|
|
36406
|
+
className: modules_a0fe63f9.icon
|
|
36431
36407
|
});
|
|
36432
36408
|
}
|
|
36433
36409
|
})
|
|
@@ -36456,9 +36432,9 @@ TableFilters.defaultProps = {
|
|
|
36456
36432
|
}
|
|
36457
36433
|
};
|
|
36458
36434
|
|
|
36459
|
-
var
|
|
36460
|
-
var
|
|
36461
|
-
|
|
36435
|
+
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}";
|
|
36436
|
+
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"};
|
|
36437
|
+
n(css$7,{});
|
|
36462
36438
|
|
|
36463
36439
|
var INTERSECTION = 1;
|
|
36464
36440
|
var STEP = 0.1;
|
|
@@ -36550,11 +36526,11 @@ var Table = function Table(props) {
|
|
|
36550
36526
|
setHiddenColumns({});
|
|
36551
36527
|
}, [headerData]);
|
|
36552
36528
|
return /*#__PURE__*/jsxs("div", {
|
|
36553
|
-
className: classes(
|
|
36529
|
+
className: classes(modules_2e8406c7.root, className),
|
|
36554
36530
|
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__*/jsx$1(TableChips, _objectSpread2({
|
|
36555
|
-
className:
|
|
36531
|
+
className: modules_2e8406c7.chips
|
|
36556
36532
|
}, chipsData)), filtersData != null && /*#__PURE__*/jsx$1(TableFilters, _objectSpread2({
|
|
36557
|
-
className:
|
|
36533
|
+
className: modules_2e8406c7.filters
|
|
36558
36534
|
}, _objectSpread2(_objectSpread2({}, filtersData), {}, {
|
|
36559
36535
|
headerData: headerData,
|
|
36560
36536
|
hiddenColumns: hiddenColumns,
|
|
@@ -36567,9 +36543,9 @@ var Table = function Table(props) {
|
|
|
36567
36543
|
activeData: activeData,
|
|
36568
36544
|
setActiveData: setActiveData,
|
|
36569
36545
|
customCells: customCells,
|
|
36570
|
-
className:
|
|
36546
|
+
className: modules_2e8406c7.table
|
|
36571
36547
|
}), paginationData != null && /*#__PURE__*/jsx$1(Pagination, _objectSpread2(_objectSpread2({
|
|
36572
|
-
className: classes(
|
|
36548
|
+
className: classes(modules_2e8406c7.pagination, floating ? modules_2e8406c7.floating : ''),
|
|
36573
36549
|
ref: paginationRef
|
|
36574
36550
|
}, paginationData), {}, {
|
|
36575
36551
|
floating: floating
|
|
@@ -36615,22 +36591,22 @@ Table.defaultProps = {
|
|
|
36615
36591
|
paginationData: null
|
|
36616
36592
|
};
|
|
36617
36593
|
|
|
36618
|
-
var
|
|
36619
|
-
var
|
|
36620
|
-
|
|
36594
|
+
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}";
|
|
36595
|
+
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"};
|
|
36596
|
+
n(css$6,{});
|
|
36621
36597
|
|
|
36622
36598
|
var Tabs = function Tabs(props) {
|
|
36623
36599
|
var tabs = props.tabs,
|
|
36624
36600
|
selectedTab = props.selectedTab,
|
|
36625
36601
|
setSelectedTab = props.setSelectedTab;
|
|
36626
36602
|
var tabViewClassName = function tabViewClassName(id) {
|
|
36627
|
-
return id === selectedTab ? "".concat(
|
|
36603
|
+
return id === selectedTab ? "".concat(modules_78ab5066['tab-view-selected']) : "".concat(modules_78ab5066['tab-view']);
|
|
36628
36604
|
};
|
|
36629
36605
|
var onTabClick = function onTabClick(id) {
|
|
36630
36606
|
setSelectedTab(id);
|
|
36631
36607
|
};
|
|
36632
36608
|
return /*#__PURE__*/jsx$1("div", {
|
|
36633
|
-
className:
|
|
36609
|
+
className: modules_78ab5066.root,
|
|
36634
36610
|
children: tabs === null || tabs === void 0 ? void 0 : tabs.map(function (tab) {
|
|
36635
36611
|
var id = tab.id,
|
|
36636
36612
|
title = tab.title,
|
|
@@ -36642,17 +36618,17 @@ var Tabs = function Tabs(props) {
|
|
|
36642
36618
|
},
|
|
36643
36619
|
className: tabViewClassName(id),
|
|
36644
36620
|
children: /*#__PURE__*/jsxs("div", {
|
|
36645
|
-
className:
|
|
36621
|
+
className: modules_78ab5066.content,
|
|
36646
36622
|
children: [/*#__PURE__*/jsxs("div", {
|
|
36647
|
-
className:
|
|
36623
|
+
className: modules_78ab5066.left,
|
|
36648
36624
|
children: [/*#__PURE__*/jsx$1("div", {
|
|
36649
36625
|
style: {
|
|
36650
36626
|
paddingRight: LeftIcon ? 5 : 0
|
|
36651
36627
|
},
|
|
36652
36628
|
children: /*#__PURE__*/jsx$1("span", {
|
|
36653
|
-
className:
|
|
36629
|
+
className: modules_78ab5066['icon-container'],
|
|
36654
36630
|
children: LeftIcon && /*#__PURE__*/jsx$1(LeftIcon, {
|
|
36655
|
-
className: classes(
|
|
36631
|
+
className: classes(modules_78ab5066.icon)
|
|
36656
36632
|
})
|
|
36657
36633
|
})
|
|
36658
36634
|
}), /*#__PURE__*/jsx$1("span", {
|
|
@@ -36662,13 +36638,13 @@ var Tabs = function Tabs(props) {
|
|
|
36662
36638
|
children: title
|
|
36663
36639
|
})]
|
|
36664
36640
|
}), RightIcon && /*#__PURE__*/jsxs("div", {
|
|
36665
|
-
className:
|
|
36641
|
+
className: modules_78ab5066.right,
|
|
36666
36642
|
children: [/*#__PURE__*/jsx$1("vl", {
|
|
36667
|
-
className:
|
|
36643
|
+
className: modules_78ab5066.saperator
|
|
36668
36644
|
}), /*#__PURE__*/jsx$1("span", {
|
|
36669
|
-
className:
|
|
36645
|
+
className: modules_78ab5066['icon-container'],
|
|
36670
36646
|
children: /*#__PURE__*/jsx$1(RightIcon, {
|
|
36671
|
-
className: classes(
|
|
36647
|
+
className: classes(modules_78ab5066.icon)
|
|
36672
36648
|
})
|
|
36673
36649
|
})]
|
|
36674
36650
|
})]
|
|
@@ -36708,9 +36684,9 @@ Tabs.defaultProps = {
|
|
|
36708
36684
|
setSelectedTab: 'None'
|
|
36709
36685
|
};
|
|
36710
36686
|
|
|
36711
|
-
var
|
|
36712
|
-
var
|
|
36713
|
-
|
|
36687
|
+
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}";
|
|
36688
|
+
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"};
|
|
36689
|
+
n(css$5,{});
|
|
36714
36690
|
|
|
36715
36691
|
var getPositionStyles = function getPositionStyles(_ref) {
|
|
36716
36692
|
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;
|
|
@@ -36771,7 +36747,7 @@ var Tooltip = function Tooltip(props) {
|
|
|
36771
36747
|
};
|
|
36772
36748
|
return /*#__PURE__*/jsxs("div", {
|
|
36773
36749
|
ref: tooltipRef,
|
|
36774
|
-
className: classes(
|
|
36750
|
+
className: classes(modules_e4619b04.root, modules_e4619b04[variant])
|
|
36775
36751
|
// When to show the tooltip
|
|
36776
36752
|
,
|
|
36777
36753
|
onMouseEnter: showTip,
|
|
@@ -36782,7 +36758,7 @@ var Tooltip = function Tooltip(props) {
|
|
|
36782
36758
|
anchorEl: tooltipRef,
|
|
36783
36759
|
wrapperId: "tooltip-popper",
|
|
36784
36760
|
children: /*#__PURE__*/jsx$1("div", {
|
|
36785
|
-
className: classes(
|
|
36761
|
+
className: classes(modules_e4619b04.tooltip, modules_e4619b04[position], modules_e4619b04[variant]),
|
|
36786
36762
|
style: _objectSpread2({}, getPositionStyles({
|
|
36787
36763
|
position: position,
|
|
36788
36764
|
anchor: tooltipRef,
|
|
@@ -36804,9 +36780,9 @@ Tooltip.defaultProps = {
|
|
|
36804
36780
|
position: 'top'
|
|
36805
36781
|
};
|
|
36806
36782
|
|
|
36807
|
-
var
|
|
36808
|
-
var
|
|
36809
|
-
|
|
36783
|
+
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}";
|
|
36784
|
+
var modules_c7321921 = {"root":"BaseSidePanel_module_root__c7817916","close":"BaseSidePanel_module_close__c7817916","body":"BaseSidePanel_module_body__c7817916"};
|
|
36785
|
+
n(css$4,{});
|
|
36810
36786
|
|
|
36811
36787
|
var BaseSidePanel = function BaseSidePanel(props) {
|
|
36812
36788
|
var className = props.className,
|
|
@@ -36817,18 +36793,18 @@ var BaseSidePanel = function BaseSidePanel(props) {
|
|
|
36817
36793
|
var panelRef = useRef();
|
|
36818
36794
|
return /*#__PURE__*/jsxs("div", {
|
|
36819
36795
|
ref: panelRef,
|
|
36820
|
-
className: classes(
|
|
36796
|
+
className: classes(modules_c7321921.root, open ? '' : modules_c7321921.close, className),
|
|
36821
36797
|
children: [renderHeader && /*#__PURE__*/jsx$1("div", {
|
|
36822
36798
|
"data-elem": "header",
|
|
36823
|
-
className:
|
|
36799
|
+
className: modules_c7321921.header,
|
|
36824
36800
|
children: renderHeader
|
|
36825
36801
|
}), /*#__PURE__*/jsx$1("div", {
|
|
36826
36802
|
"data-elem": "body",
|
|
36827
|
-
className:
|
|
36803
|
+
className: modules_c7321921.body,
|
|
36828
36804
|
children: children
|
|
36829
36805
|
}), renderFooter && /*#__PURE__*/jsx$1("div", {
|
|
36830
36806
|
"data-elem": "footer",
|
|
36831
|
-
className:
|
|
36807
|
+
className: modules_c7321921.footer,
|
|
36832
36808
|
children: renderFooter
|
|
36833
36809
|
})]
|
|
36834
36810
|
});
|
|
@@ -82834,9 +82810,9 @@ function install(registers) {
|
|
|
82834
82810
|
registers.registerPainter('canvas', CanvasPainter$1);
|
|
82835
82811
|
}
|
|
82836
82812
|
|
|
82837
|
-
var
|
|
82838
|
-
var
|
|
82839
|
-
|
|
82813
|
+
var css$3 = ".BaseVerticalBarChart_module_root__db36f9d1 {\n width: \"100%\";\n}";
|
|
82814
|
+
var modules_8757388c = {"root":"BaseVerticalBarChart_module_root__db36f9d1"};
|
|
82815
|
+
n(css$3,{});
|
|
82840
82816
|
|
|
82841
82817
|
use([install$2, install$3, install$4, install$1, install$7, install]);
|
|
82842
82818
|
var BaseVerticalBarChart = function BaseVerticalBarChart(props) {
|
|
@@ -82944,7 +82920,7 @@ var BaseVerticalBarChart = function BaseVerticalBarChart(props) {
|
|
|
82944
82920
|
echarts: echarts,
|
|
82945
82921
|
notMerge: true,
|
|
82946
82922
|
lazyUpdate: true,
|
|
82947
|
-
className: classes(className,
|
|
82923
|
+
className: classes(className, modules_8757388c.root),
|
|
82948
82924
|
style: style
|
|
82949
82925
|
});
|
|
82950
82926
|
};
|
|
@@ -83000,9 +82976,9 @@ BaseVerticalBarChart.defaultProps = {
|
|
|
83000
82976
|
className: ''
|
|
83001
82977
|
};
|
|
83002
82978
|
|
|
83003
|
-
var
|
|
83004
|
-
var
|
|
83005
|
-
|
|
82979
|
+
var css$2 = ".BaseHorizontalBarChart_module_root__75f8867a {\n width: \"100%\";\n}";
|
|
82980
|
+
var modules_8904c6a0 = {"root":"BaseHorizontalBarChart_module_root__75f8867a"};
|
|
82981
|
+
n(css$2,{});
|
|
83006
82982
|
|
|
83007
82983
|
use([install$2, install$3, install$4, install$1, install$7, install]);
|
|
83008
82984
|
var BaseHorizontalBarChart = function BaseHorizontalBarChart(props) {
|
|
@@ -83096,7 +83072,7 @@ var BaseHorizontalBarChart = function BaseHorizontalBarChart(props) {
|
|
|
83096
83072
|
echarts: echarts,
|
|
83097
83073
|
notMerge: true,
|
|
83098
83074
|
lazyUpdate: true,
|
|
83099
|
-
className: classes(className,
|
|
83075
|
+
className: classes(className, modules_8904c6a0.root),
|
|
83100
83076
|
style: style
|
|
83101
83077
|
});
|
|
83102
83078
|
};
|
|
@@ -83150,9 +83126,9 @@ BaseHorizontalBarChart.defaultProps = {
|
|
|
83150
83126
|
className: ''
|
|
83151
83127
|
};
|
|
83152
83128
|
|
|
83153
|
-
var
|
|
83154
|
-
var
|
|
83155
|
-
|
|
83129
|
+
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}";
|
|
83130
|
+
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"};
|
|
83131
|
+
n(css$1,{});
|
|
83156
83132
|
|
|
83157
83133
|
var generateOptions = function generateOptions(optionData) {
|
|
83158
83134
|
var _optionData$id, _optionData$placehold, _optionData$value, _optionData$onChange, _optionData$selectOpt, _optionData$title, _optionData$onClick;
|
|
@@ -83166,15 +83142,15 @@ var generateOptions = function generateOptions(optionData) {
|
|
|
83166
83142
|
placeholder: (_optionData$placehold = optionData === null || optionData === void 0 ? void 0 : optionData.placeholder) !== null && _optionData$placehold !== void 0 ? _optionData$placehold : '',
|
|
83167
83143
|
value: (_optionData$value = optionData === null || optionData === void 0 ? void 0 : optionData.value) !== null && _optionData$value !== void 0 ? _optionData$value : '',
|
|
83168
83144
|
onChange: (_optionData$onChange = optionData === null || optionData === void 0 ? void 0 : optionData.onChange) !== null && _optionData$onChange !== void 0 ? _optionData$onChange : '',
|
|
83169
|
-
className:
|
|
83170
|
-
popperClassName:
|
|
83145
|
+
className: modules_6a0e74b6['dropdown-header'],
|
|
83146
|
+
popperClassName: modules_6a0e74b6['dropdown-popper'],
|
|
83171
83147
|
children: ((_optionData$selectOpt = optionData === null || optionData === void 0 ? void 0 : optionData.selectOption) !== null && _optionData$selectOpt !== void 0 ? _optionData$selectOpt : []).map(function (objectData) {
|
|
83172
83148
|
var _objectData$title, _objectData$value, _objectData$value2;
|
|
83173
83149
|
return /*#__PURE__*/jsx$1(DropdownItem, {
|
|
83174
83150
|
title: (_objectData$title = objectData === null || objectData === void 0 ? void 0 : objectData.title) !== null && _objectData$title !== void 0 ? _objectData$title : '',
|
|
83175
83151
|
value: (_objectData$value2 = objectData === null || objectData === void 0 ? void 0 : objectData.value) !== null && _objectData$value2 !== void 0 ? _objectData$value2 : '',
|
|
83176
83152
|
variant: "checkbox",
|
|
83177
|
-
className:
|
|
83153
|
+
className: modules_6a0e74b6['dropdown-item']
|
|
83178
83154
|
}, (_objectData$value = objectData === null || objectData === void 0 ? void 0 : objectData.value) !== null && _objectData$value !== void 0 ? _objectData$value : '');
|
|
83179
83155
|
})
|
|
83180
83156
|
});
|
|
@@ -83183,11 +83159,11 @@ var generateOptions = function generateOptions(optionData) {
|
|
|
83183
83159
|
title: (_optionData$title = optionData === null || optionData === void 0 ? void 0 : optionData.title) !== null && _optionData$title !== void 0 ? _optionData$title : '',
|
|
83184
83160
|
variant: "outlined",
|
|
83185
83161
|
size: "auto",
|
|
83186
|
-
className:
|
|
83162
|
+
className: modules_6a0e74b6['expand-button'],
|
|
83187
83163
|
onClick: (_optionData$onClick = optionData === null || optionData === void 0 ? void 0 : optionData.onClick) !== null && _optionData$onClick !== void 0 ? _optionData$onClick : '',
|
|
83188
83164
|
rightComponent: function rightComponent() {
|
|
83189
83165
|
return /*#__PURE__*/jsx$1(ExpandArrowAlt, {
|
|
83190
|
-
className:
|
|
83166
|
+
className: modules_6a0e74b6['expand-icon']
|
|
83191
83167
|
});
|
|
83192
83168
|
}
|
|
83193
83169
|
});
|
|
@@ -83205,31 +83181,31 @@ var BaseWidget = function BaseWidget(props) {
|
|
|
83205
83181
|
className = props.className,
|
|
83206
83182
|
children = props.children;
|
|
83207
83183
|
return /*#__PURE__*/jsxs("div", {
|
|
83208
|
-
className: classes(
|
|
83184
|
+
className: classes(modules_6a0e74b6.root, className),
|
|
83209
83185
|
children: [/*#__PURE__*/jsxs("div", {
|
|
83210
|
-
className:
|
|
83186
|
+
className: modules_6a0e74b6.header,
|
|
83211
83187
|
"data-elem": "header",
|
|
83212
83188
|
children: [/*#__PURE__*/jsxs("div", {
|
|
83213
|
-
className: classes(
|
|
83189
|
+
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'] : ''),
|
|
83214
83190
|
"data-elem": "header-title",
|
|
83215
83191
|
children: [/*#__PURE__*/jsxs("span", {
|
|
83216
|
-
className:
|
|
83192
|
+
className: modules_6a0e74b6.title,
|
|
83217
83193
|
"data-elem": "title",
|
|
83218
83194
|
children: [title, ((_options$length2 = options === null || options === void 0 ? void 0 : options.length) !== null && _options$length2 !== void 0 ? _options$length2 : 0) > 0 ? ' - ' : ' ']
|
|
83219
83195
|
}), /*#__PURE__*/jsx$1("span", {
|
|
83220
|
-
className:
|
|
83196
|
+
className: modules_6a0e74b6.value,
|
|
83221
83197
|
"data-elem": "value",
|
|
83222
83198
|
children: value
|
|
83223
83199
|
})]
|
|
83224
83200
|
}), /*#__PURE__*/jsx$1("div", {
|
|
83225
|
-
className:
|
|
83201
|
+
className: modules_6a0e74b6['header-options'],
|
|
83226
83202
|
"data-elem": "header-options",
|
|
83227
83203
|
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) {
|
|
83228
83204
|
return generateOptions(objectData);
|
|
83229
83205
|
}))
|
|
83230
83206
|
})]
|
|
83231
83207
|
}), /*#__PURE__*/jsx$1("hr", {}), /*#__PURE__*/jsx$1("div", {
|
|
83232
|
-
className:
|
|
83208
|
+
className: modules_6a0e74b6.children,
|
|
83233
83209
|
"data-elem": "children",
|
|
83234
83210
|
children: children
|
|
83235
83211
|
})]
|
|
@@ -83248,9 +83224,9 @@ BaseWidget.defaultProps = {
|
|
|
83248
83224
|
className: ''
|
|
83249
83225
|
};
|
|
83250
83226
|
|
|
83251
|
-
var
|
|
83252
|
-
var
|
|
83253
|
-
|
|
83227
|
+
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}";
|
|
83228
|
+
var modules_49a16e28 = {"root":"DisplayPicture_module_root__a7ba07d1","sm":"DisplayPicture_module_sm__a7ba07d1","md":"DisplayPicture_module_md__a7ba07d1"};
|
|
83229
|
+
n(css,{});
|
|
83254
83230
|
|
|
83255
83231
|
var DisplayPicture = function DisplayPicture(props) {
|
|
83256
83232
|
var name = props.name,
|
|
@@ -83258,7 +83234,7 @@ var DisplayPicture = function DisplayPicture(props) {
|
|
|
83258
83234
|
url = props.url,
|
|
83259
83235
|
size = props.size;
|
|
83260
83236
|
return /*#__PURE__*/jsxs("div", {
|
|
83261
|
-
className: classes(
|
|
83237
|
+
className: classes(modules_49a16e28.root, className, modules_49a16e28[size]),
|
|
83262
83238
|
children: [!url && /*#__PURE__*/jsx$1("div", {
|
|
83263
83239
|
children: /*#__PURE__*/jsx$1("span", {
|
|
83264
83240
|
"data-elem": "dp-name",
|