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