@banyan_cloud/roots 1.0.11 → 1.0.13
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 +425 -377
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +423 -376
- package/dist/esm/index.js.map +1 -1
- package/dist/index.js +423 -376
- package/package.json +1 -1
- package/styles/main.css.map +0 -1
package/dist/index.js
CHANGED
|
@@ -1582,9 +1582,9 @@ function styleInject(css, ref) {
|
|
|
1582
1582
|
}
|
|
1583
1583
|
}
|
|
1584
1584
|
|
|
1585
|
-
var css_248z$
|
|
1586
|
-
var styles$
|
|
1587
|
-
styleInject(css_248z$
|
|
1585
|
+
var css_248z$K = ":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.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}";
|
|
1586
|
+
var styles$J = {"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":"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"};
|
|
1587
|
+
styleInject(css_248z$K);
|
|
1588
1588
|
|
|
1589
1589
|
var BaseCell = /*#__PURE__*/forwardRef(function BaseCell(props, ref) {
|
|
1590
1590
|
var className = props.className,
|
|
@@ -1600,7 +1600,7 @@ var BaseCell = /*#__PURE__*/forwardRef(function BaseCell(props, ref) {
|
|
|
1600
1600
|
var Component = /*#__PURE__*/createElement$1(RootDOM, _objectSpread2({
|
|
1601
1601
|
'data-elem': 'base-cell',
|
|
1602
1602
|
ref: ref,
|
|
1603
|
-
className: classes(className, styles$
|
|
1603
|
+
className: classes(className, styles$J.root, styles$J[size], styles$J["border-radius-".concat(radius)], flexible ? styles$J.flexible : '', rounded ? styles$J.rounded : '')
|
|
1604
1604
|
}, attrs), /*#__PURE__*/jsxs(Fragment, {
|
|
1605
1605
|
children: [component1 && /*#__PURE__*/jsx$1("span", {
|
|
1606
1606
|
"data-elem": "component1",
|
|
@@ -1990,15 +1990,15 @@ Server.defaultProps = {
|
|
|
1990
1990
|
className: ''
|
|
1991
1991
|
};
|
|
1992
1992
|
|
|
1993
|
-
var css_248z$
|
|
1994
|
-
var styles$
|
|
1995
|
-
styleInject(css_248z$
|
|
1993
|
+
var css_248z$J = ".Arrow-module_right__OPm55 {\n transform: rotate(0deg);\n}\n\n.Arrow-module_left__mbW5H {\n transform: rotate(180deg);\n}\n\n.Arrow-module_bottom__TNVV9 {\n transform: rotate(90deg);\n}\n\n.Arrow-module_top__1YFaI {\n transform: rotate(270deg);\n}";
|
|
1994
|
+
var styles$I = {"right":"Arrow-module_right__OPm55","left":"Arrow-module_left__mbW5H","bottom":"Arrow-module_bottom__TNVV9","top":"Arrow-module_top__1YFaI"};
|
|
1995
|
+
styleInject(css_248z$J);
|
|
1996
1996
|
|
|
1997
1997
|
var Arrow$1 = function Arrow(props) {
|
|
1998
1998
|
var className = props.className,
|
|
1999
1999
|
position = props.position;
|
|
2000
2000
|
return /*#__PURE__*/jsx$1("svg", {
|
|
2001
|
-
className: classes(className, styles$
|
|
2001
|
+
className: classes(className, styles$I[position]),
|
|
2002
2002
|
viewBox: "0 0 25 24",
|
|
2003
2003
|
fill: "#333333",
|
|
2004
2004
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2012,15 +2012,15 @@ Arrow$1.defaultProps = {
|
|
|
2012
2012
|
position: 'right'
|
|
2013
2013
|
};
|
|
2014
2014
|
|
|
2015
|
-
var css_248z$
|
|
2016
|
-
var styles$
|
|
2017
|
-
styleInject(css_248z$
|
|
2015
|
+
var css_248z$I = ".Chevron-module_left__qo9Uh {\n transform: rotate(0deg);\n}\n\n.Chevron-module_bottom__xHi8D {\n transform: rotate(90deg);\n}\n\n.Chevron-module_right__nQXUr {\n transform: rotate(180deg);\n}\n\n.Chevron-module_top__gWkFh {\n transform: rotate(270deg);\n}";
|
|
2016
|
+
var styles$H = {"left":"Chevron-module_left__qo9Uh","bottom":"Chevron-module_bottom__xHi8D","right":"Chevron-module_right__nQXUr","top":"Chevron-module_top__gWkFh"};
|
|
2017
|
+
styleInject(css_248z$I);
|
|
2018
2018
|
|
|
2019
2019
|
var Chevron = function Chevron(props) {
|
|
2020
2020
|
var className = props.className,
|
|
2021
2021
|
position = props.position;
|
|
2022
2022
|
return /*#__PURE__*/jsx$1("svg", {
|
|
2023
|
-
className: classes(className, styles$
|
|
2023
|
+
className: classes(className, styles$H[position]),
|
|
2024
2024
|
viewBox: "0 0 22 22",
|
|
2025
2025
|
fill: "none",
|
|
2026
2026
|
stroke: "white",
|
|
@@ -2309,9 +2309,9 @@ Reset.defaultProps = {
|
|
|
2309
2309
|
className: ''
|
|
2310
2310
|
};
|
|
2311
2311
|
|
|
2312
|
-
var css_248z$
|
|
2313
|
-
var styles$
|
|
2314
|
-
styleInject(css_248z$
|
|
2312
|
+
var css_248z$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}\n\n.Accordion-module_root__gEN-u {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n width: 100%;\n}\n.Accordion-module_root__gEN-u > .Accordion-module_header__FRvo4[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__gEN-u > .Accordion-module_header__FRvo4[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__gEN-u > .Accordion-module_header__FRvo4[data-elem=base-cell] > [data-elem=component1] .Accordion-module_icon__xGKgk {\n transform: rotate(-90deg);\n width: 1rem;\n height: 1rem;\n}\n.Accordion-module_root__gEN-u > .Accordion-module_header__FRvo4[data-elem=base-cell] .Accordion-module_title__NI140 {\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__gEN-u > .Accordion-module_header__FRvo4[data-elem=base-cell]:hover {\n background: var(--background);\n}\n.Accordion-module_root__gEN-u > .Accordion-module_header__FRvo4[data-elem=base-cell]:hover .Accordion-module_icon__xGKgk,\n.Accordion-module_root__gEN-u > .Accordion-module_header__FRvo4[data-elem=base-cell]:hover .Accordion-module_title__NI140 {\n color: var(--highlight);\n fill: var(--highlight);\n}\n.Accordion-module_root__gEN-u > .Accordion-module_body__JwYl2 {\n display: none;\n padding: 0.5rem 2.5rem;\n}\n.Accordion-module_root__gEN-u.Accordion-module_open__uvqfT > .Accordion-module_header__FRvo4[data-elem=base-cell] [data-elem=component1] .Accordion-module_icon__xGKgk {\n transform: none;\n}\n.Accordion-module_root__gEN-u.Accordion-module_open__uvqfT > .Accordion-module_body__JwYl2 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}";
|
|
2313
|
+
var styles$G = {"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":"Accordion-module_root__gEN-u","header":"Accordion-module_header__FRvo4","icon":"Accordion-module_icon__xGKgk","title":"Accordion-module_title__NI140","body":"Accordion-module_body__JwYl2","open":"Accordion-module_open__uvqfT"};
|
|
2314
|
+
styleInject(css_248z$H);
|
|
2315
2315
|
|
|
2316
2316
|
var Accordion = function Accordion(props) {
|
|
2317
2317
|
var defaultOpen = props.defaultOpen,
|
|
@@ -2326,13 +2326,13 @@ var Accordion = function Accordion(props) {
|
|
|
2326
2326
|
open = _useState2[0],
|
|
2327
2327
|
setOpen = _useState2[1];
|
|
2328
2328
|
return /*#__PURE__*/jsxs("div", {
|
|
2329
|
-
className: classes(className, styles$
|
|
2329
|
+
className: classes(className, styles$G.root, open ? styles$G.open : ''),
|
|
2330
2330
|
"data-state-open": open,
|
|
2331
2331
|
children: [/*#__PURE__*/jsx$1(BaseCell, {
|
|
2332
2332
|
flexible: true,
|
|
2333
2333
|
size: "auto",
|
|
2334
2334
|
rootDOM: "button",
|
|
2335
|
-
className: styles$
|
|
2335
|
+
className: styles$G.header,
|
|
2336
2336
|
attrs: {
|
|
2337
2337
|
onClick: function onClick() {
|
|
2338
2338
|
setOpen(function (prevState) {
|
|
@@ -2343,18 +2343,18 @@ var Accordion = function Accordion(props) {
|
|
|
2343
2343
|
}
|
|
2344
2344
|
},
|
|
2345
2345
|
component1: iconPlacement === 'left' && /*#__PURE__*/jsx$1(Caret, {
|
|
2346
|
-
className: styles$
|
|
2346
|
+
className: styles$G.icon
|
|
2347
2347
|
}),
|
|
2348
2348
|
component2: /*#__PURE__*/jsx$1("span", {
|
|
2349
|
-
className: styles$
|
|
2349
|
+
className: styles$G.title,
|
|
2350
2350
|
children: title
|
|
2351
2351
|
}),
|
|
2352
2352
|
component3: iconPlacement === 'right' && /*#__PURE__*/jsx$1(Caret, {
|
|
2353
|
-
className: styles$
|
|
2353
|
+
className: styles$G.icon
|
|
2354
2354
|
})
|
|
2355
2355
|
}), /*#__PURE__*/jsxs("div", {
|
|
2356
2356
|
"data-elem": "body",
|
|
2357
|
-
className: styles$
|
|
2357
|
+
className: styles$G.body,
|
|
2358
2358
|
children: [description && /*#__PURE__*/jsx$1("p", {
|
|
2359
2359
|
children: description
|
|
2360
2360
|
}), children]
|
|
@@ -2378,13 +2378,13 @@ Accordion.defaultProps = {
|
|
|
2378
2378
|
className: ''
|
|
2379
2379
|
};
|
|
2380
2380
|
|
|
2381
|
-
var css_248z$
|
|
2382
|
-
var styles$
|
|
2383
|
-
styleInject(css_248z$
|
|
2381
|
+
var css_248z$G = ":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.Alert-module_root__l1ZpK {\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__l1ZpK.Alert-module_position-bottom-center__ArOSw {\n left: 50%;\n bottom: 1rem;\n transform: translate(-50%, 0);\n}\n.Alert-module_root__l1ZpK.Alert-module_position-top-right__INiLO {\n right: 1rem;\n top: 1rem;\n}\n.Alert-module_root__l1ZpK .Alert-module_left__5k1AJ {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.Alert-module_root__l1ZpK .Alert-module_left__5k1AJ .Alert-module_icons__SBpod {\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__l1ZpK .Alert-module_left__5k1AJ .Alert-module_icons__SBpod .Alert-module_icon__iuX5T {\n width: 1.25rem;\n height: 1.25rem;\n}\n.Alert-module_root__l1ZpK .Alert-module_left__5k1AJ .Alert-module_content__uYcO4 {\n padding: 0.188rem 0.938rem 0rem 0rem;\n}\n.Alert-module_root__l1ZpK .Alert-module_left__5k1AJ .Alert-module_content__uYcO4 .Alert-module_title__GSeDp {\n font-size: 0.875rem;\n font-weight: 600;\n padding-right: 2px;\n}\n.Alert-module_root__l1ZpK .Alert-module_left__5k1AJ .Alert-module_content__uYcO4 .Alert-module_description__aMvRm {\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__l1ZpK .Alert-module_actions__JDG2T {\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__l1ZpK .Alert-module_actions__JDG2T .Alert-module_button__lFoVg {\n padding: 0.313rem 1rem;\n font-weight: 400;\n}\n.Alert-module_root__l1ZpK .Alert-module_actions__JDG2T .Alert-module_close__LyN5i {\n padding-top: 0.313rem;\n}\n.Alert-module_root__l1ZpK .Alert-module_actions__JDG2T .Alert-module_close__LyN5i .Alert-module_icon__iuX5T {\n width: 1.25rem;\n height: 1.25rem;\n fill: var(--black);\n}\n.Alert-module_root__l1ZpK.Alert-module_border-default__a-ED7 {\n border-width: 0.063rem;\n}\n.Alert-module_root__l1ZpK.Alert-module_border-thick-left__5PyWS {\n border-width: 0.063rem 0.063rem 0.063rem 0.25rem;\n}\n.Alert-module_root__l1ZpK.Alert-module_border-none__-okAl {\n border-width: 0rem 0rem 0rem 0.25rem;\n}\n.Alert-module_root__l1ZpK.Alert-module_info__dW63t {\n border-style: solid;\n border-color: var(--info);\n background-color: #edf5ff;\n}\n.Alert-module_root__l1ZpK.Alert-module_info__dW63t .Alert-module_icon__iuX5T {\n fill: var(--info);\n}\n.Alert-module_root__l1ZpK.Alert-module_success__RlEA0 {\n border-style: solid;\n border-color: var(--success);\n background-color: var(--success-bg);\n}\n.Alert-module_root__l1ZpK.Alert-module_success__RlEA0 .Alert-module_icon__iuX5T {\n fill: var(--success);\n}\n.Alert-module_root__l1ZpK.Alert-module_danger__c21By {\n border-style: solid;\n border-color: var(--error);\n background-color: var(--error-bg);\n}\n.Alert-module_root__l1ZpK.Alert-module_danger__c21By .Alert-module_icon__iuX5T {\n fill: var(--error);\n}\n.Alert-module_root__l1ZpK.Alert-module_warning__aETXV {\n border-style: solid;\n border-color: var(--warning);\n background-color: var(--warning-bg);\n}\n.Alert-module_root__l1ZpK.Alert-module_warning__aETXV .Alert-module_icon__iuX5T {\n fill: var(--warning);\n}\n.Alert-module_root__l1ZpK.Alert-module_shadow__hHoKN {\n box-shadow: 0.125rem 0.5rem 1rem rgba(60, 60, 60, 0.12);\n}";
|
|
2382
|
+
var styles$F = {"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":"Alert-module_success__RlEA0","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"Alert-module_warning__aETXV","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"Alert-module_info__dW63t","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"Alert-module_root__l1ZpK","position-bottom-center":"Alert-module_position-bottom-center__ArOSw","position-top-right":"Alert-module_position-top-right__INiLO","left":"Alert-module_left__5k1AJ","icons":"Alert-module_icons__SBpod","icon":"Alert-module_icon__iuX5T","content":"Alert-module_content__uYcO4","title":"Alert-module_title__GSeDp","description":"Alert-module_description__aMvRm","actions":"Alert-module_actions__JDG2T","button":"Alert-module_button__lFoVg","close":"Alert-module_close__LyN5i","border-default":"Alert-module_border-default__a-ED7","border-thick-left":"Alert-module_border-thick-left__5PyWS","border-none":"Alert-module_border-none__-okAl","danger":"Alert-module_danger__c21By","shadow":"Alert-module_shadow__hHoKN"};
|
|
2383
|
+
styleInject(css_248z$G);
|
|
2384
2384
|
|
|
2385
|
-
var css_248z$
|
|
2386
|
-
var styles$
|
|
2387
|
-
styleInject(css_248z$
|
|
2385
|
+
var css_248z$F = ":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__mVugc[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__mVugc[data-elem=base-cell]:disabled {\n cursor: not-allowed;\n}\nbutton.BaseButton-module_root__mVugc[data-elem=base-cell].BaseButton-module_contained__WAsSX {\n background: var(--black);\n color: var(--white);\n}\nbutton.BaseButton-module_root__mVugc[data-elem=base-cell].BaseButton-module_outlined__pPg3V {\n color: var(--black);\n border: 1px solid var(--black);\n}\nbutton.BaseButton-module_root__mVugc[data-elem=base-cell].BaseButton-module_text__IWP1r {\n color: var(--black);\n}\nbutton.BaseButton-module_root__mVugc[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__mVugc[data-elem=base-cell] [data-elem=component2] {\n min-width: 0;\n}\nbutton.BaseButton-module_root__mVugc[data-elem=base-cell] [data-elem=title] {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}";
|
|
2386
|
+
var styles$E = {"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__mVugc","contained":"BaseButton-module_contained__WAsSX","outlined":"BaseButton-module_outlined__pPg3V","text":"BaseButton-module_text__IWP1r"};
|
|
2387
|
+
styleInject(css_248z$F);
|
|
2388
2388
|
|
|
2389
2389
|
var BaseButton = /*#__PURE__*/forwardRef(function BaseButton(props, ref) {
|
|
2390
2390
|
var className = props.className,
|
|
@@ -2403,7 +2403,7 @@ var BaseButton = /*#__PURE__*/forwardRef(function BaseButton(props, ref) {
|
|
|
2403
2403
|
children: title
|
|
2404
2404
|
});
|
|
2405
2405
|
return /*#__PURE__*/jsx$1(BaseCell, {
|
|
2406
|
-
className: classes(className, styles$
|
|
2406
|
+
className: classes(className, styles$E.root, styles$E[variant]),
|
|
2407
2407
|
ref: ref,
|
|
2408
2408
|
component1: component1,
|
|
2409
2409
|
component2: Title,
|
|
@@ -2434,9 +2434,9 @@ BaseButton.defaultProps = _objectSpread2(_objectSpread2({}, BaseCell.defaultProp
|
|
|
2434
2434
|
variant: 'contained'
|
|
2435
2435
|
});
|
|
2436
2436
|
|
|
2437
|
-
var css_248z$
|
|
2438
|
-
var styles$
|
|
2439
|
-
styleInject(css_248z$
|
|
2437
|
+
var css_248z$E = ":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.Button-module_root__1MwuE[data-elem=base-cell] {\n cursor: pointer;\n}\n.Button-module_root__1MwuE[data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n font-weight: 500;\n font-size: 0.875rem;\n}\n.Button-module_root__1MwuE[data-elem=base-cell].Button-module_primary__QahMI.Button-module_contained__Xk4Uo {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Button-module_root__1MwuE[data-elem=base-cell].Button-module_primary__QahMI.Button-module_outlined__2dqXl {\n background-color: transparent;\n border-color: var(--highlight);\n}\n.Button-module_root__1MwuE[data-elem=base-cell].Button-module_primary__QahMI.Button-module_outlined__2dqXl, .Button-module_root__1MwuE[data-elem=base-cell].Button-module_primary__QahMI.Button-module_text__xJTsb {\n color: var(--highlight);\n}\n.Button-module_root__1MwuE[data-elem=base-cell].Button-module_success__Gu-1v.Button-module_contained__Xk4Uo {\n background-color: var(--success);\n color: var(--white);\n}\n.Button-module_root__1MwuE[data-elem=base-cell].Button-module_success__Gu-1v.Button-module_outlined__2dqXl {\n background-color: transparent;\n border-color: var(--success);\n}\n.Button-module_root__1MwuE[data-elem=base-cell].Button-module_success__Gu-1v.Button-module_outlined__2dqXl, .Button-module_root__1MwuE[data-elem=base-cell].Button-module_success__Gu-1v.Button-module_text__xJTsb {\n color: var(--success);\n}\n.Button-module_root__1MwuE[data-elem=base-cell].Button-module_danger__CV3m8.Button-module_contained__Xk4Uo {\n background-color: var(--error);\n color: var(--white);\n}\n.Button-module_root__1MwuE[data-elem=base-cell].Button-module_danger__CV3m8.Button-module_outlined__2dqXl {\n background-color: transparent;\n border-color: var(--error);\n}\n.Button-module_root__1MwuE[data-elem=base-cell].Button-module_danger__CV3m8.Button-module_outlined__2dqXl, .Button-module_root__1MwuE[data-elem=base-cell].Button-module_danger__CV3m8.Button-module_text__xJTsb {\n color: var(--error);\n}\n.Button-module_root__1MwuE[data-elem=base-cell].Button-module_warning__IZasP.Button-module_contained__Xk4Uo {\n background-color: var(--warning);\n color: var(--white);\n}\n.Button-module_root__1MwuE[data-elem=base-cell].Button-module_warning__IZasP.Button-module_outlined__2dqXl {\n background-color: transparent;\n border-color: var(--warning);\n}\n.Button-module_root__1MwuE[data-elem=base-cell].Button-module_warning__IZasP.Button-module_outlined__2dqXl, .Button-module_root__1MwuE[data-elem=base-cell].Button-module_warning__IZasP.Button-module_text__xJTsb {\n color: var(--warning);\n}\n.Button-module_root__1MwuE[data-elem=base-cell]:disabled.Button-module_contained__Xk4Uo {\n background-color: var(--grey4);\n color: var(--grey);\n}\n.Button-module_root__1MwuE[data-elem=base-cell]:disabled.Button-module_outlined__2dqXl {\n background-color: transparent;\n border-color: var(--grey);\n}\n.Button-module_root__1MwuE[data-elem=base-cell]:disabled.Button-module_outlined__2dqXl, .Button-module_root__1MwuE[data-elem=base-cell]:disabled.Button-module_text__xJTsb {\n color: var(--grey);\n}";
|
|
2438
|
+
var styles$D = {"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":"Button-module_success__Gu-1v","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"Button-module_warning__IZasP","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"Button-module_root__1MwuE","primary":"Button-module_primary__QahMI","contained":"Button-module_contained__Xk4Uo","outlined":"Button-module_outlined__2dqXl","text":"Button-module_text__xJTsb","danger":"Button-module_danger__CV3m8"};
|
|
2439
|
+
styleInject(css_248z$E);
|
|
2440
2440
|
|
|
2441
2441
|
var Button = /*#__PURE__*/forwardRef(function Button(props, ref) {
|
|
2442
2442
|
var className = props.className,
|
|
@@ -2463,7 +2463,7 @@ var Button = /*#__PURE__*/forwardRef(function Button(props, ref) {
|
|
|
2463
2463
|
disabled: disabled,
|
|
2464
2464
|
onClick: onClick,
|
|
2465
2465
|
variant: variant,
|
|
2466
|
-
className: classes(styles$
|
|
2466
|
+
className: classes(styles$D.root, styles$D["radius-".concat(radius)], styles$D[variant], styles$D[color], className)
|
|
2467
2467
|
});
|
|
2468
2468
|
});
|
|
2469
2469
|
Button.propTypes = _objectSpread2(_objectSpread2({}, BaseButton.propTypes), {}, {
|
|
@@ -2478,9 +2478,9 @@ Button.defaultProps = _objectSpread2(_objectSpread2({}, BaseButton.defaultProps)
|
|
|
2478
2478
|
radius: 'default'
|
|
2479
2479
|
});
|
|
2480
2480
|
|
|
2481
|
-
var css_248z$
|
|
2482
|
-
var styles$
|
|
2483
|
-
styleInject(css_248z$
|
|
2481
|
+
var css_248z$D = ":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.Chip-module_root__EDxQB[data-elem=base-cell] {\n position: relative;\n}\n.Chip-module_root__EDxQB[data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n font-weight: 500;\n font-size: 0.875rem;\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_sm__jWsDU {\n height: 2rem;\n padding: 0.188rem 0.5rem;\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_md__D7nex {\n height: 2.25rem;\n padding: 0.563rem 1rem;\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_status__HPwn0.Chip-module_success__gKoSz {\n background-color: var(--success-bg);\n color: var(--success);\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_status__HPwn0.Chip-module_info__oGvTs {\n background-color: var(--info-bg);\n color: var(--info);\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_status__HPwn0.Chip-module_danger__r7AL- {\n background-color: var(--error-bg);\n color: var(--error);\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_status__HPwn0.Chip-module_warning__k-uii {\n background-color: var(--warning-bg);\n color: var(--warning);\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_status__HPwn0.Chip-module_default__lJKsA {\n background-color: var(--grey5);\n color: var(--grey);\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_status__HPwn0: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__EDxQB[data-elem=base-cell].Chip-module_input__gUY7n {\n border-width: 1px;\n border-style: solid;\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_input__gUY7n.Chip-module_success__gKoSz {\n background-color: var(--success-bg);\n color: var(--success);\n border-color: var(--success-outline);\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_input__gUY7n.Chip-module_success__gKoSz:hover {\n background-color: var(--success-outline);\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_input__gUY7n.Chip-module_info__oGvTs {\n background-color: var(--info-bg);\n color: var(--info);\n border-color: var(--info-outline);\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_input__gUY7n.Chip-module_info__oGvTs:hover {\n background-color: var(--info-outline);\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_input__gUY7n.Chip-module_danger__r7AL- {\n background-color: var(--error-bg);\n color: var(--error);\n border-color: var(--error-outline);\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_input__gUY7n.Chip-module_danger__r7AL-:hover {\n background-color: var(--error-outline);\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_input__gUY7n.Chip-module_warning__k-uii {\n background-color: var(--warning-bg);\n color: var(--warning);\n border-color: var(--warning-outline);\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_input__gUY7n.Chip-module_warning__k-uii:hover {\n background-color: var(--warning-outline);\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_input__gUY7n.Chip-module_default__lJKsA {\n background-color: var(--grey8);\n color: var(--grey);\n border-color: var(--grey6);\n}\n.Chip-module_root__EDxQB[data-elem=base-cell].Chip-module_input__gUY7n.Chip-module_default__lJKsA:hover {\n background-color: var(--grey6);\n}\n.Chip-module_root__EDxQB[data-elem=base-cell]:disabled.Chip-module_status__HPwn0, .Chip-module_root__EDxQB[data-elem=base-cell]:disabled.Chip-module_input__gUY7n {\n filter: grayscale(1);\n border-color: var(--grey4);\n background-color: var(--grey5);\n color: var(--grey2);\n}\n.Chip-module_root__EDxQB[data-elem=base-cell]:disabled.Chip-module_status__HPwn0 [data-elem=component1],\n.Chip-module_root__EDxQB[data-elem=base-cell]:disabled.Chip-module_status__HPwn0 [data-elem=component3], .Chip-module_root__EDxQB[data-elem=base-cell]:disabled.Chip-module_input__gUY7n [data-elem=component1],\n.Chip-module_root__EDxQB[data-elem=base-cell]:disabled.Chip-module_input__gUY7n [data-elem=component3] {\n opacity: 0.5;\n}\n.Chip-module_root__EDxQB[data-elem=base-cell]:disabled.Chip-module_status__HPwn0:hover, .Chip-module_root__EDxQB[data-elem=base-cell]:disabled.Chip-module_input__gUY7n:hover {\n box-shadow: none;\n background-color: var(--grey5);\n}";
|
|
2482
|
+
var styles$C = {"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":"Chip-module_success__gKoSz","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"Chip-module_warning__k-uii","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"Chip-module_info__oGvTs","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"Chip-module_root__EDxQB","sm":"Chip-module_sm__jWsDU","md":"Chip-module_md__D7nex","status":"Chip-module_status__HPwn0","danger":"Chip-module_danger__r7AL-","default":"Chip-module_default__lJKsA","input":"Chip-module_input__gUY7n"};
|
|
2483
|
+
styleInject(css_248z$D);
|
|
2484
2484
|
|
|
2485
2485
|
var Chip = function Chip(props) {
|
|
2486
2486
|
var className = props.className,
|
|
@@ -2506,7 +2506,7 @@ var Chip = function Chip(props) {
|
|
|
2506
2506
|
disabled: disabled,
|
|
2507
2507
|
onClick: onClick,
|
|
2508
2508
|
variant: 'contained',
|
|
2509
|
-
className: classes(styles$
|
|
2509
|
+
className: classes(styles$C.root, styles$C["radius-".concat(radius)], styles$C[variant], styles$C[color], styles$C[size], className)
|
|
2510
2510
|
});
|
|
2511
2511
|
};
|
|
2512
2512
|
Chip.propTypes = _objectSpread2(_objectSpread2({}, BaseButton.propTypes), {}, {
|
|
@@ -5939,9 +5939,9 @@ const useTypeahead = function (_ref, _temp) {
|
|
|
5939
5939
|
};
|
|
5940
5940
|
};
|
|
5941
5941
|
|
|
5942
|
-
var css_248z$
|
|
5943
|
-
var styles$
|
|
5944
|
-
styleInject(css_248z$
|
|
5942
|
+
var css_248z$C = ":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.Popper-module_backdrop__Gsq-k {\n position: fixed;\n z-index: 100;\n inset: 0;\n background: rgba(0, 0, 0, 0.4);\n}\n.Popper-module_backdrop__Gsq-k.Popper-module_transparent__VqWpq {\n background: none;\n}\n.Popper-module_backdrop__Gsq-k.Popper-module_hide-backdrop__Wkkl- {\n position: static;\n}";
|
|
5943
|
+
var styles$B = {"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)","backdrop":"Popper-module_backdrop__Gsq-k","transparent":"Popper-module_transparent__VqWpq","hide-backdrop":"Popper-module_hide-backdrop__Wkkl-"};
|
|
5944
|
+
styleInject(css_248z$C);
|
|
5945
5945
|
|
|
5946
5946
|
var Popper = function Popper(props) {
|
|
5947
5947
|
var open = props.open,
|
|
@@ -5954,7 +5954,7 @@ var Popper = function Popper(props) {
|
|
|
5954
5954
|
id: wrapperId,
|
|
5955
5955
|
children: open && /*#__PURE__*/jsx$1(FloatingOverlay, {
|
|
5956
5956
|
lockScroll: true,
|
|
5957
|
-
className: classes(className, styles$
|
|
5957
|
+
className: classes(className, styles$B.backdrop, transparent ? styles$B.transparent : '', backdrop ? '' : styles$B['hide-backdrop']),
|
|
5958
5958
|
children: children
|
|
5959
5959
|
})
|
|
5960
5960
|
});
|
|
@@ -6085,28 +6085,28 @@ var Alert = function Alert(props) {
|
|
|
6085
6085
|
var Icon = null;
|
|
6086
6086
|
if (AlertTypeIcon != null) {
|
|
6087
6087
|
Icon = /*#__PURE__*/jsx$1(AlertTypeIcon, {
|
|
6088
|
-
className: styles$
|
|
6088
|
+
className: styles$F.icon
|
|
6089
6089
|
});
|
|
6090
6090
|
} else {
|
|
6091
6091
|
switch (color) {
|
|
6092
6092
|
case 'info':
|
|
6093
6093
|
Icon = /*#__PURE__*/jsx$1(AlertIcon.Info, {
|
|
6094
|
-
className: styles$
|
|
6094
|
+
className: styles$F.icon
|
|
6095
6095
|
});
|
|
6096
6096
|
break;
|
|
6097
6097
|
case 'warning':
|
|
6098
6098
|
Icon = /*#__PURE__*/jsx$1(AlertIcon.Warning, {
|
|
6099
|
-
className: styles$
|
|
6099
|
+
className: styles$F.icon
|
|
6100
6100
|
});
|
|
6101
6101
|
break;
|
|
6102
6102
|
case 'success':
|
|
6103
6103
|
Icon = /*#__PURE__*/jsx$1(AlertIcon.Success, {
|
|
6104
|
-
className: styles$
|
|
6104
|
+
className: styles$F.icon
|
|
6105
6105
|
});
|
|
6106
6106
|
break;
|
|
6107
6107
|
case 'danger':
|
|
6108
6108
|
Icon = /*#__PURE__*/jsx$1(AlertIcon.Danger, {
|
|
6109
|
-
className: styles$
|
|
6109
|
+
className: styles$F.icon
|
|
6110
6110
|
});
|
|
6111
6111
|
break;
|
|
6112
6112
|
default:
|
|
@@ -6120,40 +6120,40 @@ var Alert = function Alert(props) {
|
|
|
6120
6120
|
});
|
|
6121
6121
|
return /*#__PURE__*/jsx$1(Popper, {
|
|
6122
6122
|
open: open,
|
|
6123
|
-
className: styles$
|
|
6123
|
+
className: styles$F.popper,
|
|
6124
6124
|
id: "alert-popper",
|
|
6125
6125
|
transparent: false,
|
|
6126
6126
|
children: /*#__PURE__*/jsxs("div", {
|
|
6127
6127
|
ref: ref,
|
|
6128
|
-
className: classes(styles$
|
|
6128
|
+
className: classes(styles$F.root, styles$F[color], styles$F["border-".concat(border)], shadow ? styles$F.shadow : '', styles$F["position-".concat(position)]),
|
|
6129
6129
|
children: [/*#__PURE__*/jsxs("div", {
|
|
6130
|
-
className: styles$
|
|
6130
|
+
className: styles$F.left,
|
|
6131
6131
|
children: [/*#__PURE__*/jsx$1("div", {
|
|
6132
|
-
className: styles$
|
|
6132
|
+
className: styles$F.icons,
|
|
6133
6133
|
children: showIcon && Icon
|
|
6134
6134
|
}), /*#__PURE__*/jsxs("div", {
|
|
6135
|
-
className: styles$
|
|
6135
|
+
className: styles$F.content,
|
|
6136
6136
|
children: [/*#__PURE__*/jsx$1("span", {
|
|
6137
|
-
className: styles$
|
|
6137
|
+
className: styles$F.title,
|
|
6138
6138
|
children: title
|
|
6139
6139
|
}), /*#__PURE__*/jsx$1("span", {
|
|
6140
|
-
className: styles$
|
|
6140
|
+
className: styles$F.description,
|
|
6141
6141
|
children: description
|
|
6142
6142
|
})]
|
|
6143
6143
|
})]
|
|
6144
6144
|
}), (action || close) && /*#__PURE__*/jsxs("div", {
|
|
6145
|
-
className: styles$
|
|
6145
|
+
className: styles$F.actions,
|
|
6146
6146
|
children: [action && /*#__PURE__*/jsx$1(Button, {
|
|
6147
6147
|
title: action,
|
|
6148
6148
|
size: "small",
|
|
6149
6149
|
variant: "text",
|
|
6150
6150
|
color: "primary",
|
|
6151
|
-
className: styles$
|
|
6151
|
+
className: styles$F.button
|
|
6152
6152
|
}), close && /*#__PURE__*/jsx$1("span", {
|
|
6153
6153
|
onClick: toggle,
|
|
6154
|
-
className: styles$
|
|
6154
|
+
className: styles$F.close,
|
|
6155
6155
|
children: /*#__PURE__*/jsx$1(Cross$1, {
|
|
6156
|
-
className: styles$
|
|
6156
|
+
className: styles$F.icon
|
|
6157
6157
|
})
|
|
6158
6158
|
})]
|
|
6159
6159
|
})]
|
|
@@ -11793,9 +11793,9 @@ process.env.NODE_ENV !== "production" ? Link.propTypes
|
|
|
11793
11793
|
} : void 0;
|
|
11794
11794
|
var Link$1 = Link;
|
|
11795
11795
|
|
|
11796
|
-
var css_248z$
|
|
11797
|
-
var styles$
|
|
11798
|
-
styleInject(css_248z$
|
|
11796
|
+
var css_248z$B = ":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.Breadcrumbs-module_container__w5vWh {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n width: auto;\n}\n.Breadcrumbs-module_container__w5vWh .Breadcrumbs-module_seperator__sU40m {\n width: 1.5rem;\n height: 1.5rem;\n stroke: var(--grey2);\n}\n.Breadcrumbs-module_container__w5vWh .Breadcrumbs-module_breadcrumb-item__YCE98 {\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__w5vWh .Breadcrumbs-module_breadcrumb-item__YCE98.Breadcrumbs-module_active__rs4zQ {\n color: var(--black);\n}";
|
|
11797
|
+
var styles$A = {"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)","container":"Breadcrumbs-module_container__w5vWh","seperator":"Breadcrumbs-module_seperator__sU40m","breadcrumb-item":"Breadcrumbs-module_breadcrumb-item__YCE98","active":"Breadcrumbs-module_active__rs4zQ"};
|
|
11798
|
+
styleInject(css_248z$B);
|
|
11799
11799
|
|
|
11800
11800
|
var BreadCrumbs = function BreadCrumbs(props) {
|
|
11801
11801
|
var crumbs = props.crumbs,
|
|
@@ -11803,13 +11803,13 @@ var BreadCrumbs = function BreadCrumbs(props) {
|
|
|
11803
11803
|
itemsBeforeCollapse = props.itemsBeforeCollapse,
|
|
11804
11804
|
itemsAfterCollapse = props.itemsAfterCollapse;
|
|
11805
11805
|
return /*#__PURE__*/jsx$1("div", {
|
|
11806
|
-
className: classes(styles$
|
|
11806
|
+
className: classes(styles$A.container),
|
|
11807
11807
|
children: /*#__PURE__*/jsx$1(Breadcrumbs$1, _objectSpread2(_objectSpread2({}, props), {}, {
|
|
11808
11808
|
maxItems: maxItems,
|
|
11809
11809
|
itemsBeforeCollapse: itemsBeforeCollapse,
|
|
11810
11810
|
itemsAfterCollapse: itemsAfterCollapse,
|
|
11811
11811
|
separator: /*#__PURE__*/jsx$1(BreadcrumbSeperator, {
|
|
11812
|
-
className: styles$
|
|
11812
|
+
className: styles$A.seperator
|
|
11813
11813
|
}),
|
|
11814
11814
|
"aria-label": "breadcrumb",
|
|
11815
11815
|
children: crumbs.map(function (crumb, index) {
|
|
@@ -11819,7 +11819,7 @@ var BreadCrumbs = function BreadCrumbs(props) {
|
|
|
11819
11819
|
underline: "hover",
|
|
11820
11820
|
children: /*#__PURE__*/jsx$1("span", {
|
|
11821
11821
|
"data-elem": "breadcrumb-item".concat(active ? '-active' : ''),
|
|
11822
|
-
className: classes(styles$
|
|
11822
|
+
className: classes(styles$A['breadcrumb-item'], active ? styles$A.active : ''),
|
|
11823
11823
|
children: getSpacedDisplayName(crumb).replace(/-/g, ' ')
|
|
11824
11824
|
})
|
|
11825
11825
|
}, crumb);
|
|
@@ -32618,9 +32618,9 @@ var dracula = {
|
|
|
32618
32618
|
numberColor: "#bd93f9"
|
|
32619
32619
|
};
|
|
32620
32620
|
|
|
32621
|
-
var css_248z$
|
|
32622
|
-
var styles$
|
|
32623
|
-
styleInject(css_248z$
|
|
32621
|
+
var css_248z$A = ":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.CodeSnippet-module_root__DwI00 {\n padding: 0.5rem, 1rem;\n position: relative;\n}\n.CodeSnippet-module_root__DwI00 .CodeSnippet-module_copy__evfwO {\n position: absolute;\n right: 1rem;\n top: 0.5rem;\n cursor: pointer;\n}\n.CodeSnippet-module_root__DwI00 .CodeSnippet-module_copy__evfwO .CodeSnippet-module_icon__D6dmB {\n width: 1.5rem;\n height: 1.5rem;\n}\n.CodeSnippet-module_root__DwI00 .CodeSnippet-module_copy__evfwO .CodeSnippet-module_icon__D6dmB.CodeSnippet-module_dark__uqayk {\n fill: var(--white);\n}\n.CodeSnippet-module_root__DwI00 .CodeSnippet-module_copy__evfwO .CodeSnippet-module_icon__D6dmB.CodeSnippet-module_light__ReXsJ {\n fill: var(--black);\n}\n.CodeSnippet-module_root__DwI00 .CodeSnippet-module_copy__evfwO .CodeSnippet-module_notCopied__J2bl4 {\n display: none;\n}\n.CodeSnippet-module_root__DwI00 .CodeSnippet-module_copy__evfwO .CodeSnippet-module_copied__8xo5B {\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}";
|
|
32622
|
+
var styles$z = {"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":"CodeSnippet-module_root__DwI00","copy":"CodeSnippet-module_copy__evfwO","icon":"CodeSnippet-module_icon__D6dmB","dark":"CodeSnippet-module_dark__uqayk","light":"CodeSnippet-module_light__ReXsJ","notCopied":"CodeSnippet-module_notCopied__J2bl4","copied":"CodeSnippet-module_copied__8xo5B"};
|
|
32623
|
+
styleInject(css_248z$A);
|
|
32624
32624
|
|
|
32625
32625
|
var CodeSnippet = function CodeSnippet(props) {
|
|
32626
32626
|
var copy = props.copy,
|
|
@@ -32642,7 +32642,7 @@ var CodeSnippet = function CodeSnippet(props) {
|
|
|
32642
32642
|
setCopiedState(true);
|
|
32643
32643
|
};
|
|
32644
32644
|
return /*#__PURE__*/jsxs("div", {
|
|
32645
|
-
className: styles$
|
|
32645
|
+
className: styles$z.root,
|
|
32646
32646
|
children: [/*#__PURE__*/jsx$1(ThemedCodeBlock, {
|
|
32647
32647
|
text: code,
|
|
32648
32648
|
language: language,
|
|
@@ -32652,12 +32652,12 @@ var CodeSnippet = function CodeSnippet(props) {
|
|
|
32652
32652
|
codeBlock: true,
|
|
32653
32653
|
wrapLines: true
|
|
32654
32654
|
}), copy && /*#__PURE__*/jsxs("div", {
|
|
32655
|
-
className: styles$
|
|
32655
|
+
className: styles$z.copy,
|
|
32656
32656
|
onClick: onCopy,
|
|
32657
32657
|
children: [/*#__PURE__*/jsx$1(Copy, {
|
|
32658
|
-
className: classes(styles$
|
|
32658
|
+
className: classes(styles$z.icon, theme === 'dark' ? styles$z.dark : styles$z.light)
|
|
32659
32659
|
}), /*#__PURE__*/jsx$1("div", {
|
|
32660
|
-
className: copiedState ? styles$
|
|
32660
|
+
className: copiedState ? styles$z.copied : styles$z.notCopied,
|
|
32661
32661
|
children: copiedState ? 'Copied' : ''
|
|
32662
32662
|
})]
|
|
32663
32663
|
})]
|
|
@@ -33504,52 +33504,52 @@ function sub$1(date, duration) {
|
|
|
33504
33504
|
return finalDate;
|
|
33505
33505
|
}
|
|
33506
33506
|
|
|
33507
|
-
var css_248z$
|
|
33508
|
-
var styles$
|
|
33509
|
-
styleInject(css_248z$
|
|
33507
|
+
var css_248z$z = ":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.Header-module_container__89ew- {\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__89ew- .Header-module_title__EtL4K {\n font-weight: 400;\n font-size: 0.8rem;\n color: var(--black);\n}\n.Header-module_container__89ew- .Header-module_icon__8hwq1 {\n width: 1.5rem;\n height: 1.5rem;\n stroke: #181818;\n cursor: pointer;\n}";
|
|
33508
|
+
var styles$y = {"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)","container":"Header-module_container__89ew-","title":"Header-module_title__EtL4K","icon":"Header-module_icon__8hwq1"};
|
|
33509
|
+
styleInject(css_248z$z);
|
|
33510
33510
|
|
|
33511
33511
|
var Header = function Header(props) {
|
|
33512
33512
|
var selectedMonth = props.selectedMonth,
|
|
33513
33513
|
onMonthChange = props.onMonthChange;
|
|
33514
33514
|
return /*#__PURE__*/jsxs("div", {
|
|
33515
|
-
className: styles$
|
|
33515
|
+
className: styles$y.container,
|
|
33516
33516
|
children: [/*#__PURE__*/jsx$1("div", {
|
|
33517
33517
|
onClick: function onClick() {
|
|
33518
33518
|
onMonthChange('prev');
|
|
33519
33519
|
},
|
|
33520
|
-
className: styles$
|
|
33520
|
+
className: styles$y['left-arrow'],
|
|
33521
33521
|
children: /*#__PURE__*/jsx$1(Chevron, {
|
|
33522
|
-
className: classes(styles$
|
|
33522
|
+
className: classes(styles$y.icon),
|
|
33523
33523
|
position: "left"
|
|
33524
33524
|
})
|
|
33525
33525
|
}), /*#__PURE__*/jsx$1("span", {
|
|
33526
|
-
className: styles$
|
|
33526
|
+
className: styles$y.title,
|
|
33527
33527
|
children: "".concat(selectedMonth.month, " ").concat(selectedMonth.year)
|
|
33528
33528
|
}), /*#__PURE__*/jsx$1("div", {
|
|
33529
33529
|
onClick: function onClick() {
|
|
33530
33530
|
onMonthChange('next');
|
|
33531
33531
|
},
|
|
33532
|
-
className: styles$
|
|
33532
|
+
className: styles$y['right-arrow'],
|
|
33533
33533
|
children: /*#__PURE__*/jsx$1(Chevron, {
|
|
33534
|
-
className: classes(styles$
|
|
33534
|
+
className: classes(styles$y.icon),
|
|
33535
33535
|
position: "right"
|
|
33536
33536
|
})
|
|
33537
33537
|
})]
|
|
33538
33538
|
});
|
|
33539
33539
|
};
|
|
33540
33540
|
|
|
33541
|
-
var css_248z$
|
|
33542
|
-
var styles$
|
|
33541
|
+
var css_248z$y = ":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.Calender-module_root__CSkOi {\n padding: 1rem 0rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}";
|
|
33542
|
+
var styles$x = {"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":"Calender-module_root__CSkOi"};
|
|
33543
|
+
styleInject(css_248z$y);
|
|
33544
|
+
|
|
33545
|
+
var css_248z$x = ":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.Body-module_root__YPaGU {\n padding: 0.5rem 0.5rem;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: stretch;\n}";
|
|
33546
|
+
var styles$w = {"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":"Body-module_root__YPaGU"};
|
|
33543
33547
|
styleInject(css_248z$x);
|
|
33544
33548
|
|
|
33545
|
-
var css_248z$w = ":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.
|
|
33546
|
-
var styles$v = {"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)","
|
|
33549
|
+
var css_248z$w = ":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.Dates-module_dates__Bpo6h {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n align-items: center;\n flex-wrap: wrap;\n}\n.Dates-module_dates__Bpo6h 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__Bpo6h div .Dates-module_date__W-t1s {\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__Bpo6h div .Dates-module_selected__6pZPI {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Dates-module_dates__Bpo6h div .Dates-module_unSelected__t8E66 {\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__Bpo6h div .Dates-module_disabled__5bins {\n border-radius: 1.5rem;\n color: var(--grey2);\n}\n.Dates-module_dates__Bpo6h div .Dates-module_diffMonth__yiuXL {\n opacity: 0.6;\n}\n.Dates-module_dates__Bpo6h div:hover .Dates-module_date__W-t1s {\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__Bpo6h div:hover .Dates-module_selected__6pZPI {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Dates-module_dates__Bpo6h div:hover .Dates-module_disabled__5bins {\n background: transparent;\n box-shadow: none;\n border-radius: 1.5rem;\n color: var(--grey2);\n}\n.Dates-module_dates__Bpo6h .Dates-module_minInRange__uTZme {\n background-color: var(--highlight);\n border-radius: 1.5rem 0rem 0rem 1.5rem;\n}\n.Dates-module_dates__Bpo6h .Dates-module_minInRange__uTZme .Dates-module_date__W-t1s {\n color: var(--white);\n}\n.Dates-module_dates__Bpo6h .Dates-module_minInRange__uTZme:hover .Dates-module_date__W-t1s {\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__Bpo6h .Dates-module_maxInRange__3Rr0G {\n background-color: var(--highlight);\n border-radius: 0rem 1.5rem 1.5rem 0rem;\n}\n.Dates-module_dates__Bpo6h .Dates-module_maxInRange__3Rr0G .Dates-module_date__W-t1s {\n color: var(--white);\n}\n.Dates-module_dates__Bpo6h .Dates-module_maxInRange__3Rr0G:hover .Dates-module_date__W-t1s {\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__Bpo6h .Dates-module_midInRange__hZ0HP {\n background: var(--background);\n border-radius: 0rem;\n}\n.Dates-module_dates__Bpo6h .Dates-module_midInRange__hZ0HP .Dates-module_date__W-t1s {\n color: var(--highlight);\n}\n.Dates-module_dates__Bpo6h .Dates-module_first-hovered__3S0LO {\n background: var(--background);\n border-radius: 0rem 1.5rem 1.5rem 0rem;\n}\n.Dates-module_dates__Bpo6h .Dates-module_first-hovered__3S0LO .Dates-module_date__W-t1s {\n color: var(--highlight);\n}\n.Dates-module_dates__Bpo6h .Dates-module_last-hovered__zPW7P {\n background: var(--background);\n border-radius: 1.5rem 0rem 0rem 1.5rem;\n}\n.Dates-module_dates__Bpo6h .Dates-module_last-hovered__zPW7P .Dates-module_date__W-t1s {\n color: var(--highlight);\n}";
|
|
33550
|
+
var styles$v = {"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)","dates":"Dates-module_dates__Bpo6h","date":"Dates-module_date__W-t1s","selected":"Dates-module_selected__6pZPI","unSelected":"Dates-module_unSelected__t8E66","disabled":"Dates-module_disabled__5bins","diffMonth":"Dates-module_diffMonth__yiuXL","minInRange":"Dates-module_minInRange__uTZme","maxInRange":"Dates-module_maxInRange__3Rr0G","midInRange":"Dates-module_midInRange__hZ0HP","first-hovered":"Dates-module_first-hovered__3S0LO","last-hovered":"Dates-module_last-hovered__zPW7P"};
|
|
33547
33551
|
styleInject(css_248z$w);
|
|
33548
33552
|
|
|
33549
|
-
var css_248z$v = ":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.Dates-module_dates__Bpo6h {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n align-items: center;\n flex-wrap: wrap;\n}\n.Dates-module_dates__Bpo6h 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__Bpo6h div .Dates-module_date__W-t1s {\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__Bpo6h div .Dates-module_selected__6pZPI {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Dates-module_dates__Bpo6h div .Dates-module_unSelected__t8E66 {\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__Bpo6h div .Dates-module_disabled__5bins {\n border-radius: 1.5rem;\n color: var(--grey2);\n}\n.Dates-module_dates__Bpo6h div .Dates-module_diffMonth__yiuXL {\n opacity: 0.6;\n}\n.Dates-module_dates__Bpo6h div:hover .Dates-module_date__W-t1s {\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__Bpo6h div:hover .Dates-module_selected__6pZPI {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Dates-module_dates__Bpo6h div:hover .Dates-module_disabled__5bins {\n background: transparent;\n box-shadow: none;\n border-radius: 1.5rem;\n color: var(--grey2);\n}\n.Dates-module_dates__Bpo6h .Dates-module_minInRange__uTZme {\n background-color: var(--highlight);\n border-radius: 1.5rem 0rem 0rem 1.5rem;\n}\n.Dates-module_dates__Bpo6h .Dates-module_minInRange__uTZme .Dates-module_date__W-t1s {\n color: var(--white);\n}\n.Dates-module_dates__Bpo6h .Dates-module_minInRange__uTZme:hover .Dates-module_date__W-t1s {\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__Bpo6h .Dates-module_maxInRange__3Rr0G {\n background-color: var(--highlight);\n border-radius: 0rem 1.5rem 1.5rem 0rem;\n}\n.Dates-module_dates__Bpo6h .Dates-module_maxInRange__3Rr0G .Dates-module_date__W-t1s {\n color: var(--white);\n}\n.Dates-module_dates__Bpo6h .Dates-module_maxInRange__3Rr0G:hover .Dates-module_date__W-t1s {\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__Bpo6h .Dates-module_midInRange__hZ0HP {\n background: var(--background);\n border-radius: 0rem;\n}\n.Dates-module_dates__Bpo6h .Dates-module_midInRange__hZ0HP .Dates-module_date__W-t1s {\n color: var(--highlight);\n}\n.Dates-module_dates__Bpo6h .Dates-module_first-hovered__3S0LO {\n background: var(--background);\n border-radius: 0rem 1.5rem 1.5rem 0rem;\n}\n.Dates-module_dates__Bpo6h .Dates-module_first-hovered__3S0LO .Dates-module_date__W-t1s {\n color: var(--highlight);\n}\n.Dates-module_dates__Bpo6h .Dates-module_last-hovered__zPW7P {\n background: var(--background);\n border-radius: 1.5rem 0rem 0rem 1.5rem;\n}\n.Dates-module_dates__Bpo6h .Dates-module_last-hovered__zPW7P .Dates-module_date__W-t1s {\n color: var(--highlight);\n}";
|
|
33550
|
-
var styles$u = {"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)","dates":"Dates-module_dates__Bpo6h","date":"Dates-module_date__W-t1s","selected":"Dates-module_selected__6pZPI","unSelected":"Dates-module_unSelected__t8E66","disabled":"Dates-module_disabled__5bins","diffMonth":"Dates-module_diffMonth__yiuXL","minInRange":"Dates-module_minInRange__uTZme","maxInRange":"Dates-module_maxInRange__3Rr0G","midInRange":"Dates-module_midInRange__hZ0HP","first-hovered":"Dates-module_first-hovered__3S0LO","last-hovered":"Dates-module_last-hovered__zPW7P"};
|
|
33551
|
-
styleInject(css_248z$v);
|
|
33552
|
-
|
|
33553
33553
|
var getDatesOfLastWeekOfLastMonth = function getDatesOfLastWeekOfLastMonth(_ref) {
|
|
33554
33554
|
var monthAsNumber = _ref.monthAsNumber,
|
|
33555
33555
|
year = _ref.year,
|
|
@@ -33750,7 +33750,7 @@ var Dates = function Dates(props) {
|
|
|
33750
33750
|
return (disableDatesAfter === null || disableDatesAfter === void 0 ? void 0 : disableDatesAfter.length) > 0 && isAfter(date, fromUnixTime(disableDatesAfter));
|
|
33751
33751
|
};
|
|
33752
33752
|
return /*#__PURE__*/jsx$1("div", {
|
|
33753
|
-
className: styles$
|
|
33753
|
+
className: styles$v.dates,
|
|
33754
33754
|
children: datesToDisplay.map(function (date) {
|
|
33755
33755
|
var _selectedRange$unix2;
|
|
33756
33756
|
var dateNumber = date === null || date === void 0 ? void 0 : date.getDate();
|
|
@@ -33774,8 +33774,8 @@ var Dates = function Dates(props) {
|
|
|
33774
33774
|
} else {
|
|
33775
33775
|
isMidItem = isBefore(date, fromUnixTime(lastItem)) && isAfter(date, fromUnixTime(firstItem).setHours(23, 59, 59, 59));
|
|
33776
33776
|
}
|
|
33777
|
-
var parentClassNames = classes(isMidItem ? styles$
|
|
33778
|
-
var childClassNames = classes(date ? styles$
|
|
33777
|
+
var parentClassNames = classes(isMidItem ? styles$v.midInRange : '', isFirstItem ? isHoveringBeforeSelectedDate ? styles$v.maxInRange : styles$v.minInRange : '', isLastItem ? styles$v.maxInRange : '', isLastItemHovered ? styles$v['first-hovered'] : '', isFirstItemHovered ? styles$v['last-hovered'] : '');
|
|
33778
|
+
var childClassNames = classes(date ? styles$v.date : '', selectedSingleDate ? styles$v.selected : '', isUnSelected ? styles$v.unSelected : '', notSameMonth ? styles$v.diffMonth : '', isDisabled ? styles$v.disabled : '');
|
|
33779
33779
|
return /*#__PURE__*/jsx$1("div", {
|
|
33780
33780
|
className: parentClassNames,
|
|
33781
33781
|
onClick: function onClick() {
|
|
@@ -33795,14 +33795,14 @@ var Dates = function Dates(props) {
|
|
|
33795
33795
|
});
|
|
33796
33796
|
};
|
|
33797
33797
|
|
|
33798
|
-
var css_248z$
|
|
33799
|
-
var styles$
|
|
33800
|
-
styleInject(css_248z$
|
|
33798
|
+
var css_248z$v = ".Days-module_days__h8GoU {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n text-align: center;\n}\n.Days-module_days__h8GoU 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}";
|
|
33799
|
+
var styles$u = {"days":"Days-module_days__h8GoU"};
|
|
33800
|
+
styleInject(css_248z$v);
|
|
33801
33801
|
|
|
33802
33802
|
var Days = function Days() {
|
|
33803
33803
|
var daysInWeek = DAYS;
|
|
33804
33804
|
return /*#__PURE__*/jsx$1("div", {
|
|
33805
|
-
className: styles$
|
|
33805
|
+
className: styles$u.days,
|
|
33806
33806
|
children: daysInWeek.map(function (day) {
|
|
33807
33807
|
return /*#__PURE__*/jsx$1("span", {
|
|
33808
33808
|
children: day
|
|
@@ -33813,14 +33813,14 @@ var Days = function Days() {
|
|
|
33813
33813
|
|
|
33814
33814
|
var Body = function Body(props) {
|
|
33815
33815
|
return /*#__PURE__*/jsxs("div", {
|
|
33816
|
-
className: styles$
|
|
33816
|
+
className: styles$w.root,
|
|
33817
33817
|
children: [/*#__PURE__*/jsx$1(Days, {}), /*#__PURE__*/jsx$1(Dates, _objectSpread2({}, props))]
|
|
33818
33818
|
});
|
|
33819
33819
|
};
|
|
33820
33820
|
|
|
33821
|
-
var css_248z$
|
|
33822
|
-
var styles$
|
|
33823
|
-
styleInject(css_248z$
|
|
33821
|
+
var css_248z$u = ":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.Footer-module_root__6JHNf {\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__6JHNf .Footer-module_apply__Dgszx {\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_selected-date__ZWKA5 {\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_selected-date__ZWKA5 .Footer-module_date__67pQS {\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_selected-date__ZWKA5 .Footer-module_date__67pQS .Footer-module_cross__7bTBS {\n width: 1.5rem;\n height: 1.5rem;\n}\n.Footer-module_selected-date__ZWKA5 .Footer-module_date__67pQS .Footer-module_value__CQwDE {\n font-weight: 400;\n padding-right: 0.7rem;\n border-right: 1px var(--grey3) solid;\n}\n\n.Footer-module_date-ranges__HS-BW {\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_date-ranges__HS-BW .Footer-module_date-range__cDU-- {\n display: flex;\n align-items: center;\n padding: 0.875rem 1rem;\n gap: 1.125rem;\n cursor: pointer;\n}\n.Footer-module_date-ranges__HS-BW .Footer-module_date-range__cDU--:hover {\n background-color: var(--background);\n}\n.Footer-module_date-ranges__HS-BW .Footer-module_date-range__cDU-- span {\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.3125rem;\n color: var(--black);\n}\n.Footer-module_date-ranges__HS-BW .Footer-module_selected__oYOGU {\n background-color: var(--background);\n}";
|
|
33822
|
+
var styles$t = {"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":"Footer-module_root__6JHNf","apply":"Footer-module_apply__Dgszx","selected-date":"Footer-module_selected-date__ZWKA5","date":"Footer-module_date__67pQS","cross":"Footer-module_cross__7bTBS","value":"Footer-module_value__CQwDE","date-ranges":"Footer-module_date-ranges__HS-BW","date-range":"Footer-module_date-range__cDU--","selected":"Footer-module_selected__oYOGU"};
|
|
33823
|
+
styleInject(css_248z$u);
|
|
33824
33824
|
|
|
33825
33825
|
var getDateAndUnixRange = function getDateAndUnixRange(duration) {
|
|
33826
33826
|
var startingDate = sub$1(new Date(), duration);
|
|
@@ -33856,11 +33856,11 @@ var SelectedDateView = function SelectedDateView(props) {
|
|
|
33856
33856
|
action = props.action,
|
|
33857
33857
|
Icon = props.icon;
|
|
33858
33858
|
return /*#__PURE__*/jsxs("div", {
|
|
33859
|
-
className: styles$
|
|
33859
|
+
className: styles$t['selected-date'],
|
|
33860
33860
|
children: [/*#__PURE__*/jsx$1(Calender$1, {}), /*#__PURE__*/jsxs("div", {
|
|
33861
|
-
className: styles$
|
|
33861
|
+
className: styles$t.date,
|
|
33862
33862
|
children: [/*#__PURE__*/jsx$1("span", {
|
|
33863
|
-
className: classes(styles$
|
|
33863
|
+
className: classes(styles$t.value),
|
|
33864
33864
|
children: value
|
|
33865
33865
|
}), /*#__PURE__*/jsx$1(Button, {
|
|
33866
33866
|
size: "auto",
|
|
@@ -33897,13 +33897,13 @@ var Footer = function Footer(props) {
|
|
|
33897
33897
|
setSelectedRange({});
|
|
33898
33898
|
};
|
|
33899
33899
|
return /*#__PURE__*/jsxs("div", {
|
|
33900
|
-
className: styles$
|
|
33900
|
+
className: styles$t.root,
|
|
33901
33901
|
children: [datesSelected && (dates === null || dates === void 0 ? void 0 : dates.length) === 2 ? /*#__PURE__*/jsx$1(SelectedDateView, {
|
|
33902
33902
|
range: true,
|
|
33903
33903
|
value: "".concat(selectedRange.dates[0], " - ").concat(selectedRange.dates[1]),
|
|
33904
33904
|
icon: function icon() {
|
|
33905
33905
|
return /*#__PURE__*/jsx$1(Cross$1, {
|
|
33906
|
-
className: styles$
|
|
33906
|
+
className: styles$t.cross
|
|
33907
33907
|
});
|
|
33908
33908
|
},
|
|
33909
33909
|
action: clearRangeSelection
|
|
@@ -33914,14 +33914,14 @@ var Footer = function Footer(props) {
|
|
|
33914
33914
|
},
|
|
33915
33915
|
action: resetDate
|
|
33916
33916
|
}), range && /*#__PURE__*/jsx$1("div", {
|
|
33917
|
-
className: styles$
|
|
33917
|
+
className: styles$t['date-ranges'],
|
|
33918
33918
|
children: dateRanges.map(function (_ref) {
|
|
33919
33919
|
var _selectedRange$unix;
|
|
33920
33920
|
var dateRange = _ref.dateRange,
|
|
33921
33921
|
title = _ref.title;
|
|
33922
33922
|
var selectedFixedDateRange = dateRange.unix.toString() === ((_selectedRange$unix = selectedRange.unix) === null || _selectedRange$unix === void 0 ? void 0 : _selectedRange$unix.toString());
|
|
33923
33923
|
return /*#__PURE__*/jsxs("div", {
|
|
33924
|
-
className: classes(styles$
|
|
33924
|
+
className: classes(styles$t['date-range'], selectedFixedDateRange ? styles$t.selected : ''),
|
|
33925
33925
|
onClick: function onClick() {
|
|
33926
33926
|
selectFixedDateRange(dateRange);
|
|
33927
33927
|
},
|
|
@@ -33933,7 +33933,7 @@ var Footer = function Footer(props) {
|
|
|
33933
33933
|
}), datesSelected && /*#__PURE__*/jsx$1(Button, {
|
|
33934
33934
|
onClick: onApply,
|
|
33935
33935
|
title: "Apply",
|
|
33936
|
-
className: styles$
|
|
33936
|
+
className: styles$t.apply
|
|
33937
33937
|
})]
|
|
33938
33938
|
});
|
|
33939
33939
|
};
|
|
@@ -34028,7 +34028,7 @@ var Calender = function Calender(props) {
|
|
|
34028
34028
|
}
|
|
34029
34029
|
};
|
|
34030
34030
|
return /*#__PURE__*/jsxs("div", {
|
|
34031
|
-
className: styles$
|
|
34031
|
+
className: styles$x.root,
|
|
34032
34032
|
children: [/*#__PURE__*/jsx$1(Header, {
|
|
34033
34033
|
selectedMonth: selectedMonth,
|
|
34034
34034
|
onMonthChange: onMonthChange
|
|
@@ -34054,9 +34054,9 @@ var Calender = function Calender(props) {
|
|
|
34054
34054
|
});
|
|
34055
34055
|
};
|
|
34056
34056
|
|
|
34057
|
-
var css_248z$
|
|
34058
|
-
var styles$
|
|
34059
|
-
styleInject(css_248z$
|
|
34057
|
+
var css_248z$t = ":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.DatePicker-module_root__pWgbK {\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__pWgbK .DatePicker-module_label__TaavL {\n font-weight: 400;\n font-size: 0.75rem;\n color: var(--black);\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_container__mDxYJ {\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__pWgbK .DatePicker-module_container__mDxYJ > div {\n display: flex;\n align-items: center;\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_container__mDxYJ .DatePicker-module_placeholder__bJ4zY {\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__pWgbK .DatePicker-module_container__mDxYJ .DatePicker-module_value__Dzh9C {\n font-weight: 400;\n font-size: 1rem;\n color: var(--black);\n margin-left: 0.9375rem;\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_container__mDxYJ .DatePicker-module_value__Dzh9C span {\n font-weight: 500;\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_container__mDxYJ .DatePicker-module_input__Xnk6R {\n display: none;\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_container__mDxYJ .DatePicker-module_icon__-P8w2 {\n width: 1.5rem;\n height: 1.5rem;\n stroke: #181818;\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_container__mDxYJ .DatePicker-module_down__QF2xc {\n transform: rotate(270deg);\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_container__mDxYJ .DatePicker-module_up__1dCIH {\n transform: rotate(90deg);\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_disabled__lloGH {\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__pWgbK .DatePicker-module_disabled__lloGH .DatePicker-module_down-arrow__Bsna6 {\n transform: rotate(270deg);\n fill: var(--grey3);\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_disabled__lloGH .DatePicker-module_placeholder__bJ4zY {\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__pWgbK.DatePicker-module_open__7ff-- {\n border-color: var(--highlight);\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_error__mp88e {\n border: 0.0938rem solid var(--error);\n}\n.DatePicker-module_root__pWgbK .DatePicker-module_error-text__wxtb- {\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 0.9375rem;\n color: var(--error);\n}\n\n.DatePicker-module_popper__EFyrT {\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__EFyrT.DatePicker-module_open__7ff-- {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n position: absolute;\n}";
|
|
34058
|
+
var styles$s = {"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":"DatePicker-module_error__mp88e","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":"DatePicker-module_root__pWgbK","label":"DatePicker-module_label__TaavL","container":"DatePicker-module_container__mDxYJ","placeholder":"DatePicker-module_placeholder__bJ4zY","value":"DatePicker-module_value__Dzh9C","input":"DatePicker-module_input__Xnk6R","icon":"DatePicker-module_icon__-P8w2","down":"DatePicker-module_down__QF2xc","up":"DatePicker-module_up__1dCIH","disabled":"DatePicker-module_disabled__lloGH","down-arrow":"DatePicker-module_down-arrow__Bsna6","open":"DatePicker-module_open__7ff--","error-text":"DatePicker-module_error-text__wxtb-","popper":"DatePicker-module_popper__EFyrT"};
|
|
34059
|
+
styleInject(css_248z$t);
|
|
34060
34060
|
|
|
34061
34061
|
var isMaxRangeExceeded = function isMaxRangeExceeded(_ref) {
|
|
34062
34062
|
var maxRange = _ref.maxRange,
|
|
@@ -34194,35 +34194,35 @@ var DatePicker = function DatePicker(props) {
|
|
|
34194
34194
|
disableDatesBefore: disableDatesBefore
|
|
34195
34195
|
};
|
|
34196
34196
|
return /*#__PURE__*/jsxs("div", {
|
|
34197
|
-
className: classes(styles$
|
|
34197
|
+
className: classes(styles$s.root, className),
|
|
34198
34198
|
ref: datePickerRef,
|
|
34199
34199
|
children: [label && /*#__PURE__*/jsx$1("span", {
|
|
34200
|
-
className: styles$
|
|
34200
|
+
className: styles$s.label,
|
|
34201
34201
|
children: label
|
|
34202
34202
|
}), /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2({
|
|
34203
34203
|
"data-elem": "header",
|
|
34204
34204
|
ref: reference,
|
|
34205
|
-
className: classes(styles$
|
|
34205
|
+
className: classes(styles$s.container, disabled ? styles$s.disabled : '', open ? styles$s.open : '', error ? styles$s.error : '')
|
|
34206
34206
|
}, getReferenceProps()), {}, {
|
|
34207
34207
|
children: [/*#__PURE__*/jsxs("div", {
|
|
34208
34208
|
children: [/*#__PURE__*/jsx$1(Calender$1, {}), !displayValue && /*#__PURE__*/jsx$1("span", {
|
|
34209
|
-
className: styles$
|
|
34209
|
+
className: styles$s.placeholder,
|
|
34210
34210
|
children: placeholder
|
|
34211
34211
|
}), displayValue && /*#__PURE__*/jsxs("span", {
|
|
34212
|
-
className: styles$
|
|
34212
|
+
className: styles$s.value,
|
|
34213
34213
|
children: ["Selected Date: ", /*#__PURE__*/jsx$1("span", {
|
|
34214
34214
|
children: displayValue
|
|
34215
34215
|
})]
|
|
34216
34216
|
})]
|
|
34217
34217
|
}), /*#__PURE__*/jsx$1("input", {
|
|
34218
|
-
className: styles$
|
|
34218
|
+
className: styles$s.input,
|
|
34219
34219
|
value: displayValue
|
|
34220
34220
|
}), /*#__PURE__*/jsx$1(Chevron, {
|
|
34221
|
-
className: classes(styles$
|
|
34221
|
+
className: classes(styles$s.icon),
|
|
34222
34222
|
position: open ? 'bottom' : 'top'
|
|
34223
34223
|
})]
|
|
34224
34224
|
})), error && /*#__PURE__*/jsx$1("div", {
|
|
34225
|
-
className: styles$
|
|
34225
|
+
className: styles$s['error-text'],
|
|
34226
34226
|
children: error
|
|
34227
34227
|
}), /*#__PURE__*/jsx$1(Popper, {
|
|
34228
34228
|
open: open,
|
|
@@ -34241,7 +34241,7 @@ var DatePicker = function DatePicker(props) {
|
|
|
34241
34241
|
left: x !== null && x !== void 0 ? x : 0
|
|
34242
34242
|
}
|
|
34243
34243
|
})), {}, {
|
|
34244
|
-
className: classes(styles$
|
|
34244
|
+
className: classes(styles$s.popper, open ? styles$s.open : ''),
|
|
34245
34245
|
children: /*#__PURE__*/jsx$1(Calender, _objectSpread2({}, calenderProps))
|
|
34246
34246
|
}))
|
|
34247
34247
|
})]
|
|
@@ -34277,9 +34277,9 @@ DatePicker.defaultProps = {
|
|
|
34277
34277
|
disableDatesAfter: []
|
|
34278
34278
|
};
|
|
34279
34279
|
|
|
34280
|
-
var css_248z$
|
|
34281
|
-
var styles$
|
|
34282
|
-
styleInject(css_248z$
|
|
34280
|
+
var css_248z$s = ":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.HierarchyItem-module_root__xmuT5 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n flex: 1;\n}\n.HierarchyItem-module_root__xmuT5 .HierarchyItem-module_header__f6M5W {\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__xmuT5 .HierarchyItem-module_header__f6M5W > [data-elem=component1], .HierarchyItem-module_root__xmuT5 .HierarchyItem-module_header__f6M5W > [data-elem=component3] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.HierarchyItem-module_root__xmuT5 .HierarchyItem-module_header__f6M5W > [data-elem=component1] .HierarchyItem-module_icon__8cxN-, .HierarchyItem-module_root__xmuT5 .HierarchyItem-module_header__f6M5W > [data-elem=component3] .HierarchyItem-module_icon__8cxN- {\n transform: rotate(-90deg);\n width: 1rem;\n height: 1rem;\n}\n.HierarchyItem-module_root__xmuT5 .HierarchyItem-module_header__f6M5W > [data-elem=component2] {\n flex: 1 1 auto;\n}\n.HierarchyItem-module_root__xmuT5 .HierarchyItem-module_header__f6M5W > [data-elem=component2] .HierarchyItem-module_title__CiLbz {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.HierarchyItem-module_root__xmuT5 .HierarchyItem-module_header__f6M5W:hover {\n background: var(--background);\n}\n.HierarchyItem-module_root__xmuT5 .HierarchyItem-module_header__f6M5W:hover .HierarchyItem-module_icon__8cxN-,\n.HierarchyItem-module_root__xmuT5 .HierarchyItem-module_header__f6M5W:hover .HierarchyItem-module_title__CiLbz,\n.HierarchyItem-module_root__xmuT5 .HierarchyItem-module_header__f6M5W:hover .HierarchyItem-module_title__CiLbz svg {\n color: var(--highlight);\n fill: var(--highlight);\n}\n.HierarchyItem-module_root__xmuT5 .HierarchyItem-module_body__Ki7zD {\n display: none;\n flex: 1 0 auto;\n padding: 0px 0rem 0px 0.25rem;\n}\n.HierarchyItem-module_root__xmuT5 .HierarchyItem-module_body__Ki7zD > [data-elem=component1] {\n flex: 0 0 1.6rem;\n}\n.HierarchyItem-module_root__xmuT5 .HierarchyItem-module_body__Ki7zD > [data-elem=component1] .HierarchyItem-module_tail__6j167 {\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__xmuT5 .HierarchyItem-module_body__Ki7zD > [data-elem=component1] .HierarchyItem-module_tail__6j167::after {\n content: \"\";\n display: block;\n margin: auto;\n width: 1px;\n flex: 1;\n background: var(--grey1);\n}\n.HierarchyItem-module_root__xmuT5 .HierarchyItem-module_body__Ki7zD > [data-elem=component2] {\n flex: 1 0 auto;\n}\n.HierarchyItem-module_root__xmuT5 .HierarchyItem-module_body__Ki7zD > [data-elem=component2] .HierarchyItem-module_children__LEvjl {\n flex: 1 0 auto;\n}\n.HierarchyItem-module_root__xmuT5.HierarchyItem-module_open__z-239 > .HierarchyItem-module_header__f6M5W .HierarchyItem-module_icon__8cxN- {\n transform: none;\n}\n.HierarchyItem-module_root__xmuT5.HierarchyItem-module_open__z-239 > .HierarchyItem-module_body__Ki7zD {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: stretch;\n gap: 0.25rem;\n height: auto;\n}";
|
|
34281
|
+
var styles$r = {"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":"HierarchyItem-module_root__xmuT5","header":"HierarchyItem-module_header__f6M5W","icon":"HierarchyItem-module_icon__8cxN-","title":"HierarchyItem-module_title__CiLbz","body":"HierarchyItem-module_body__Ki7zD","tail":"HierarchyItem-module_tail__6j167","children":"HierarchyItem-module_children__LEvjl","open":"HierarchyItem-module_open__z-239"};
|
|
34282
|
+
styleInject(css_248z$s);
|
|
34283
34283
|
|
|
34284
34284
|
var HierarchyItem = function HierarchyItem(props) {
|
|
34285
34285
|
var defaultOpen = props.defaultOpen,
|
|
@@ -34292,12 +34292,12 @@ var HierarchyItem = function HierarchyItem(props) {
|
|
|
34292
34292
|
open = _useState2[0],
|
|
34293
34293
|
setOpen = _useState2[1];
|
|
34294
34294
|
return /*#__PURE__*/jsxs("div", {
|
|
34295
|
-
className: classes(styles$
|
|
34295
|
+
className: classes(styles$r.root, open ? styles$r.open : ''),
|
|
34296
34296
|
children: [/*#__PURE__*/jsx$1(BaseCell, {
|
|
34297
34297
|
flexible: true,
|
|
34298
34298
|
size: "auto",
|
|
34299
34299
|
rootDOM: "button",
|
|
34300
|
-
className: styles$
|
|
34300
|
+
className: styles$r.header,
|
|
34301
34301
|
attrs: {
|
|
34302
34302
|
onClick: function onClick() {
|
|
34303
34303
|
setOpen(function (prevState) {
|
|
@@ -34308,23 +34308,23 @@ var HierarchyItem = function HierarchyItem(props) {
|
|
|
34308
34308
|
}
|
|
34309
34309
|
},
|
|
34310
34310
|
component1: iconPlacement === 'left' && /*#__PURE__*/jsx$1(Caret, {
|
|
34311
|
-
className: styles$
|
|
34311
|
+
className: styles$r.icon
|
|
34312
34312
|
}),
|
|
34313
34313
|
component2: /*#__PURE__*/jsx$1("span", {
|
|
34314
|
-
className: styles$
|
|
34314
|
+
className: styles$r.title,
|
|
34315
34315
|
children: title
|
|
34316
34316
|
}),
|
|
34317
34317
|
component3: iconPlacement === 'right' && /*#__PURE__*/jsx$1(Caret, {
|
|
34318
|
-
className: styles$
|
|
34318
|
+
className: styles$r.icon
|
|
34319
34319
|
})
|
|
34320
34320
|
}), /*#__PURE__*/jsx$1(BaseCell, {
|
|
34321
34321
|
size: "auto",
|
|
34322
|
-
className: styles$
|
|
34322
|
+
className: styles$r.body,
|
|
34323
34323
|
component1: /*#__PURE__*/jsx$1("div", {
|
|
34324
|
-
className: styles$
|
|
34324
|
+
className: styles$r.tail
|
|
34325
34325
|
}),
|
|
34326
34326
|
component2: /*#__PURE__*/jsx$1("div", {
|
|
34327
|
-
className: styles$
|
|
34327
|
+
className: styles$r.children,
|
|
34328
34328
|
children: children
|
|
34329
34329
|
})
|
|
34330
34330
|
})]
|
|
@@ -34343,9 +34343,9 @@ HierarchyItem.defaultProps = {
|
|
|
34343
34343
|
onClick: function onClick() {}
|
|
34344
34344
|
};
|
|
34345
34345
|
|
|
34346
|
-
var css_248z$
|
|
34347
|
-
var styles$
|
|
34348
|
-
styleInject(css_248z$
|
|
34346
|
+
var css_248z$r = ":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.HierarchyBrowser-module_root__j3ioY {\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__j3ioY .HierarchyBrowser-module_header__b9The {\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__j3ioY .HierarchyBrowser-module_body__EUy5V {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n overflow: auto;\n}\n.HierarchyBrowser-module_root__j3ioY .HierarchyBrowser-module_item__YXgKC {\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__j3ioY .HierarchyBrowser-module_item__YXgKC .HierarchyBrowser-module_item-icon__U1YXT {\n width: 1rem;\n}\n.HierarchyBrowser-module_root__j3ioY::after {\n position: absolute;\n right: 0;\n content: \"\";\n width: 1px;\n height: 100%;\n background: var(--grey4);\n}\n.HierarchyBrowser-module_root__j3ioY.HierarchyBrowser-module_resizable__WU3QL:hover::after {\n width: 3px;\n cursor: col-resize;\n}";
|
|
34347
|
+
var styles$q = {"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":"HierarchyBrowser-module_root__j3ioY","header":"HierarchyBrowser-module_header__b9The","body":"HierarchyBrowser-module_body__EUy5V","item":"HierarchyBrowser-module_item__YXgKC","item-icon":"HierarchyBrowser-module_item-icon__U1YXT","resizable":"HierarchyBrowser-module_resizable__WU3QL"};
|
|
34348
|
+
styleInject(css_248z$r);
|
|
34349
34349
|
|
|
34350
34350
|
var Title = function Title(props) {
|
|
34351
34351
|
var item = props.item;
|
|
@@ -34358,14 +34358,14 @@ var Title = function Title(props) {
|
|
|
34358
34358
|
break;
|
|
34359
34359
|
}
|
|
34360
34360
|
return /*#__PURE__*/jsxs("span", {
|
|
34361
|
-
className: styles$
|
|
34361
|
+
className: styles$q.item,
|
|
34362
34362
|
children: [Icon && /*#__PURE__*/jsx$1(Icon, {
|
|
34363
|
-
className: styles$
|
|
34363
|
+
className: styles$q['item-icon']
|
|
34364
34364
|
}), /*#__PURE__*/jsx$1("span", {
|
|
34365
|
-
className: styles$
|
|
34365
|
+
className: styles$q['item-title'],
|
|
34366
34366
|
children: item === null || item === void 0 ? void 0 : item.title
|
|
34367
34367
|
}), (item === null || item === void 0 ? void 0 : item.count) && /*#__PURE__*/jsxs("span", {
|
|
34368
|
-
className: styles$
|
|
34368
|
+
className: styles$q['item-count'],
|
|
34369
34369
|
children: ["(", item === null || item === void 0 ? void 0 : item.count, ")"]
|
|
34370
34370
|
})]
|
|
34371
34371
|
});
|
|
@@ -34415,12 +34415,12 @@ var HierarchyBrowser = function HierarchyBrowser(props) {
|
|
|
34415
34415
|
};
|
|
34416
34416
|
return /*#__PURE__*/jsxs("div", {
|
|
34417
34417
|
ref: browserRef,
|
|
34418
|
-
className: classes(styles$
|
|
34418
|
+
className: classes(styles$q.root, className, resizable ? styles$q.resizable : ''),
|
|
34419
34419
|
children: [/*#__PURE__*/jsx$1("div", {
|
|
34420
|
-
className: styles$
|
|
34420
|
+
className: styles$q.header,
|
|
34421
34421
|
children: "Browser"
|
|
34422
34422
|
}), /*#__PURE__*/jsx$1("div", {
|
|
34423
|
-
className: styles$
|
|
34423
|
+
className: styles$q.body,
|
|
34424
34424
|
children: renderTree(metadata)
|
|
34425
34425
|
})]
|
|
34426
34426
|
});
|
|
@@ -34453,9 +34453,9 @@ HierarchyBrowser.defaultProps = {
|
|
|
34453
34453
|
}
|
|
34454
34454
|
};
|
|
34455
34455
|
|
|
34456
|
-
var css_248z$
|
|
34457
|
-
var styles$
|
|
34458
|
-
styleInject(css_248z$
|
|
34456
|
+
var css_248z$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.TextField-module_root__cxliV {\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__cxliV 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__cxliV label .TextField-module_input-wrapper__jQiRr {\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__cxliV label .TextField-module_input-wrapper__jQiRr .TextField-module_icon__ZP1kq {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr > [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr > [data-elem=component2] {\n flex: 1;\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr > [data-elem=component2] .TextField-module_input__XtpAB {\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__cxliV label .TextField-module_input-wrapper__jQiRr > [data-elem=component2] .TextField-module_input__XtpAB::-webkit-outer-spin-button, .TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr > [data-elem=component2] .TextField-module_input__XtpAB::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr > [data-elem=component2] .TextField-module_input__XtpAB:focus {\n outline: none;\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr > [data-elem=component2] .TextField-module_input__XtpAB:disabled {\n background: var(--grey9);\n color: var(--grey3);\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr > [data-elem=component2] .TextField-module_input__XtpAB.TextField-module_sm__NtUhK {\n padding: 0.5rem 0rem;\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr > [data-elem=component2] .TextField-module_input__XtpAB.TextField-module_md__X9UkD {\n padding: 0.688rem 0rem;\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr > [data-elem=component2] .TextField-module_input__XtpAB.TextField-module_lg__CnIeo {\n padding: 1rem 0rem;\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr.TextField-module_type-textarea__pzmyo {\n padding: 0;\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr.TextField-module_type-textarea__pzmyo > [data-elem=component2] .TextField-module_input__XtpAB {\n resize: vertical;\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr.TextField-module_type-textarea__pzmyo > [data-elem=component2] .TextField-module_input__XtpAB.TextField-module_md__X9UkD {\n padding: 0.313rem 0.75rem;\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr.TextField-module_type-textarea__pzmyo > [data-elem=component2] .TextField-module_input__XtpAB.TextField-module_lg__CnIeo {\n padding: 0.5rem 1rem;\n font-size: 1rem;\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr:focus-within {\n border: 0.063rem solid var(--info);\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr:focus-within.TextField-module_feedback-error__Co5mv {\n border-color: var(--error);\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr.TextField-module_border-default__lIsd3 {\n border-width: 0.063rem;\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr.TextField-module_border-bottom__78YVX {\n border-width: 0rem 0rem 0.063rem 0rem;\n}\n.TextField-module_root__cxliV label .TextField-module_input-wrapper__jQiRr.TextField-module_border-none__o0wUl {\n border-width: 0rem;\n}\n.TextField-module_root__cxliV .TextField-module_bottom__T-Irz {\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__cxliV .TextField-module_bottom__T-Irz .TextField-module_feedback__-Un1k {\n flex: 1;\n margin-right: auto;\n}\n.TextField-module_root__cxliV .TextField-module_bottom__T-Irz .TextField-module_feedback__-Un1k.TextField-module_feedback-error__Co5mv {\n color: var(--error);\n fill: var(--error);\n}\n.TextField-module_root__cxliV .TextField-module_bottom__T-Irz .TextField-module_feedback__-Un1k.TextField-module_feedback-success__TI4mz {\n color: var(--success);\n fill: var(--success);\n}\n.TextField-module_root__cxliV .TextField-module_bottom__T-Irz .TextField-module_count__aVqOg {\n text-align: right;\n margin-left: auto;\n}\n.TextField-module_root__cxliV .TextField-module_bottom__T-Irz .TextField-module_count__aVqOg.TextField-module_exceeded__9eaex {\n color: var(--error);\n}";
|
|
34457
|
+
var styles$p = {"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":"TextField-module_root__cxliV","input-wrapper":"TextField-module_input-wrapper__jQiRr","icon":"TextField-module_icon__ZP1kq","input":"TextField-module_input__XtpAB","sm":"TextField-module_sm__NtUhK","md":"TextField-module_md__X9UkD","lg":"TextField-module_lg__CnIeo","type-textarea":"TextField-module_type-textarea__pzmyo","feedback-error":"TextField-module_feedback-error__Co5mv","border-default":"TextField-module_border-default__lIsd3","border-bottom":"TextField-module_border-bottom__78YVX","border-none":"TextField-module_border-none__o0wUl","bottom":"TextField-module_bottom__T-Irz","feedback":"TextField-module_feedback__-Un1k","feedback-success":"TextField-module_feedback-success__TI4mz","count":"TextField-module_count__aVqOg","exceeded":"TextField-module_exceeded__9eaex"};
|
|
34458
|
+
styleInject(css_248z$q);
|
|
34459
34459
|
|
|
34460
34460
|
var TextField = /*#__PURE__*/forwardRef(function TextField(props, inputRef) {
|
|
34461
34461
|
var _inputValue$length;
|
|
@@ -34508,26 +34508,26 @@ var TextField = /*#__PURE__*/forwardRef(function TextField(props, inputRef) {
|
|
|
34508
34508
|
ref: inputRef,
|
|
34509
34509
|
value: inputValue,
|
|
34510
34510
|
onChange: handleChange,
|
|
34511
|
-
className: classes(styles$
|
|
34511
|
+
className: classes(styles$p[size], styles$p.input)
|
|
34512
34512
|
}, inputProps));
|
|
34513
34513
|
return /*#__PURE__*/jsxs("div", {
|
|
34514
|
-
className: classes(styles$
|
|
34514
|
+
className: classes(styles$p.root, className),
|
|
34515
34515
|
children: [/*#__PURE__*/jsxs("label", {
|
|
34516
34516
|
children: [label, /*#__PURE__*/jsx$1(BaseCell, {
|
|
34517
|
-
className: classes(styles$
|
|
34517
|
+
className: classes(styles$p['input-wrapper'], styles$p["border-".concat(border)], styles$p["type-".concat(type)], feedback != null ? styles$p["feedback-".concat(feedback === null || feedback === void 0 ? void 0 : feedback.type)] : ''),
|
|
34518
34518
|
component1: LeftComponent && /*#__PURE__*/jsx$1(LeftComponent, {}),
|
|
34519
34519
|
component2: Input,
|
|
34520
34520
|
component3: RightComponent && /*#__PURE__*/jsx$1(RightComponent, {})
|
|
34521
34521
|
})]
|
|
34522
34522
|
}), feedbackAndCount && /*#__PURE__*/jsxs("div", {
|
|
34523
|
-
className: styles$
|
|
34523
|
+
className: styles$p.bottom,
|
|
34524
34524
|
children: [feedback != null && /*#__PURE__*/jsx$1("div", {
|
|
34525
34525
|
"data-elem": "feedback",
|
|
34526
|
-
className: classes(styles$
|
|
34526
|
+
className: classes(styles$p.feedback, styles$p["feedback-".concat(feedback.type)]),
|
|
34527
34527
|
children: feedback.text
|
|
34528
34528
|
}), (count === null || count === void 0 ? void 0 : count.limit) != null && /*#__PURE__*/jsxs("div", {
|
|
34529
34529
|
"data-elem": "count",
|
|
34530
|
-
className: classes(styles$
|
|
34530
|
+
className: classes(styles$p.count, (inputValue === null || inputValue === void 0 ? void 0 : inputValue.length) > count.limit ? styles$p.exceeded : ''),
|
|
34531
34531
|
children: [(_inputValue$length = inputValue.length) !== null && _inputValue$length !== void 0 ? _inputValue$length : 0, "/", count.limit]
|
|
34532
34532
|
})]
|
|
34533
34533
|
})]
|
|
@@ -34578,9 +34578,9 @@ TextField.defaultProps = {
|
|
|
34578
34578
|
feedbackAndCount: false
|
|
34579
34579
|
};
|
|
34580
34580
|
|
|
34581
|
-
var css_248z$
|
|
34582
|
-
var styles$
|
|
34583
|
-
styleInject(css_248z$
|
|
34581
|
+
var css_248z$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.CheckBox-module_root__Kl-MJ {\n cursor: pointer;\n gap: 10px;\n}\n.CheckBox-module_root__Kl-MJ.CheckBox-module_position-left__-J-Kn {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.CheckBox-module_root__Kl-MJ.CheckBox-module_position-right__E2z34 {\n display: flex;\n flex-direction: row-reverse;\n justify-content: flex-end;\n align-items: center;\n}\n.CheckBox-module_root__Kl-MJ input[type=checkbox] {\n opacity: 0;\n z-index: 1;\n position: absolute;\n width: 1px;\n height: 1px;\n}\n.CheckBox-module_root__Kl-MJ.CheckBox-module_disabled__GCLi9 {\n cursor: default;\n}\n.CheckBox-module_root__Kl-MJ .CheckBox-module_icon__-tYzW {\n display: inline-block;\n}\n.CheckBox-module_root__Kl-MJ .CheckBox-module_icon__-tYzW.CheckBox-module_icon-sm__uPZWz {\n width: 1rem;\n height: 1rem;\n}\n.CheckBox-module_root__Kl-MJ .CheckBox-module_icon__-tYzW.CheckBox-module_icon-md__vS4-L {\n width: 1.25rem;\n height: 1.25rem;\n}\n.CheckBox-module_root__Kl-MJ .CheckBox-module_icon__-tYzW.CheckBox-module_icon-lg__ABtTM {\n width: 1.5rem;\n height: 2rem;\n}\n.CheckBox-module_root__Kl-MJ [data-elem=label] {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}";
|
|
34582
|
+
var styles$o = {"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__Kl-MJ","position-left":"CheckBox-module_position-left__-J-Kn","position-right":"CheckBox-module_position-right__E2z34","disabled":"CheckBox-module_disabled__GCLi9","icon":"CheckBox-module_icon__-tYzW","icon-sm":"CheckBox-module_icon-sm__uPZWz","icon-md":"CheckBox-module_icon-md__vS4-L","icon-lg":"CheckBox-module_icon-lg__ABtTM"};
|
|
34583
|
+
styleInject(css_248z$p);
|
|
34584
34584
|
|
|
34585
34585
|
var Checkbox = function Checkbox(props) {
|
|
34586
34586
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -34611,7 +34611,7 @@ var Checkbox = function Checkbox(props) {
|
|
|
34611
34611
|
};
|
|
34612
34612
|
var isChecked = isControlled ? checked : uncontrolledChecked;
|
|
34613
34613
|
return /*#__PURE__*/jsxs("label", {
|
|
34614
|
-
className: classes(styles$
|
|
34614
|
+
className: classes(styles$o.root, styles$o["position-".concat(position)], className, disabled ? styles$o.disabled : ''),
|
|
34615
34615
|
children: [/*#__PURE__*/jsx$1("input", _objectSpread2(_objectSpread2({
|
|
34616
34616
|
disabled: disabled,
|
|
34617
34617
|
type: "checkbox",
|
|
@@ -34622,10 +34622,10 @@ var Checkbox = function Checkbox(props) {
|
|
|
34622
34622
|
onChange: handleChange
|
|
34623
34623
|
})), isChecked ? /*#__PURE__*/jsx$1(CheckboxIcon.Checked, {
|
|
34624
34624
|
"data-elem": "icon",
|
|
34625
|
-
className: classes(styles$
|
|
34625
|
+
className: classes(styles$o["icon-".concat(size)], styles$o.icon)
|
|
34626
34626
|
}) : /*#__PURE__*/jsx$1(CheckboxIcon.UnChecked, {
|
|
34627
34627
|
"data-elem": "icon",
|
|
34628
|
-
className: classes(styles$
|
|
34628
|
+
className: classes(styles$o["icon-".concat(size)], styles$o.icon)
|
|
34629
34629
|
}), label && /*#__PURE__*/jsx$1("span", {
|
|
34630
34630
|
"data-elem": "label",
|
|
34631
34631
|
children: label
|
|
@@ -34651,9 +34651,9 @@ Checkbox.defaultProps = {
|
|
|
34651
34651
|
onChange: function onChange() {}
|
|
34652
34652
|
};
|
|
34653
34653
|
|
|
34654
|
-
var css_248z$
|
|
34655
|
-
var styles$
|
|
34656
|
-
styleInject(css_248z$
|
|
34654
|
+
var css_248z$o = ":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__kkJ8b {\n cursor: pointer;\n gap: 10px;\n}\n.Radio-module_root__kkJ8b.Radio-module_position-left__-1sCs {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.Radio-module_root__kkJ8b.Radio-module_position-right__J-HKs {\n display: flex;\n flex-direction: row-reverse;\n justify-content: flex-end;\n align-items: center;\n}\n.Radio-module_root__kkJ8b.Radio-module_disabled__324Eo {\n cursor: default;\n}\n.Radio-module_root__kkJ8b input[type=radio] {\n opacity: 0;\n z-index: 1;\n position: absolute;\n width: 1px;\n height: 1px;\n}\n.Radio-module_root__kkJ8b .Radio-module_icon__hNiVk {\n display: inline-block;\n}\n.Radio-module_root__kkJ8b .Radio-module_icon__hNiVk.Radio-module_icon-sm__ypLCQ {\n width: 1rem;\n height: 1rem;\n}\n.Radio-module_root__kkJ8b .Radio-module_icon__hNiVk.Radio-module_icon-md__Hxsom {\n width: 1.25rem;\n height: 1.25rem;\n}\n.Radio-module_root__kkJ8b .Radio-module_icon__hNiVk.Radio-module_icon-lg__JCq-7 {\n width: 1.5rem;\n height: 2rem;\n}\n.Radio-module_root__kkJ8b [data-elem=label] {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}";
|
|
34655
|
+
var styles$n = {"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__kkJ8b","position-left":"Radio-module_position-left__-1sCs","position-right":"Radio-module_position-right__J-HKs","disabled":"Radio-module_disabled__324Eo","icon":"Radio-module_icon__hNiVk","icon-sm":"Radio-module_icon-sm__ypLCQ","icon-md":"Radio-module_icon-md__Hxsom","icon-lg":"Radio-module_icon-lg__JCq-7"};
|
|
34656
|
+
styleInject(css_248z$o);
|
|
34657
34657
|
|
|
34658
34658
|
var Radio = function Radio(props) {
|
|
34659
34659
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -34684,7 +34684,7 @@ var Radio = function Radio(props) {
|
|
|
34684
34684
|
};
|
|
34685
34685
|
var isChecked = isControlled ? checked : uncontrolledChecked;
|
|
34686
34686
|
return /*#__PURE__*/jsxs("label", {
|
|
34687
|
-
className: classes(styles$
|
|
34687
|
+
className: classes(styles$n.root, styles$n["position-".concat(position)], className, disabled ? styles$n.disabled : ''),
|
|
34688
34688
|
children: [/*#__PURE__*/jsx$1("input", {
|
|
34689
34689
|
disabled: disabled,
|
|
34690
34690
|
type: "radio",
|
|
@@ -34692,10 +34692,10 @@ var Radio = function Radio(props) {
|
|
|
34692
34692
|
onChange: handleChange
|
|
34693
34693
|
}), isChecked ? /*#__PURE__*/jsx$1(RadioIcon.Checked, {
|
|
34694
34694
|
"data-elem": "icon",
|
|
34695
|
-
className: classes(styles$
|
|
34695
|
+
className: classes(styles$n["icon-".concat(size)], styles$n.icon)
|
|
34696
34696
|
}) : /*#__PURE__*/jsx$1(RadioIcon.UnChecked, {
|
|
34697
34697
|
"data-elem": "icon",
|
|
34698
|
-
className: classes(styles$
|
|
34698
|
+
className: classes(styles$n["icon-".concat(size)], styles$n.icon)
|
|
34699
34699
|
}), label && /*#__PURE__*/jsx$1("span", {
|
|
34700
34700
|
"data-elem": "label",
|
|
34701
34701
|
children: label
|
|
@@ -34721,9 +34721,9 @@ Radio.defaultProps = {
|
|
|
34721
34721
|
onChange: function onChange() {}
|
|
34722
34722
|
};
|
|
34723
34723
|
|
|
34724
|
-
var css_248z$
|
|
34725
|
-
var styles$
|
|
34726
|
-
styleInject(css_248z$
|
|
34724
|
+
var css_248z$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.Dropdown-module_root__mkOMI {\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__mkOMI .Dropdown-module_label__YkFsR {\n font-size: 0.75rem;\n color: var(--grey);\n width: auto;\n}\n.Dropdown-module_root__mkOMI .Dropdown-module_header__EOpC- {\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__mkOMI .Dropdown-module_header__EOpC- .Dropdown-module_input__LYIeG {\n position: absolute;\n opacity: 0;\n width: 1px;\n height: 1px;\n}\n.Dropdown-module_root__mkOMI .Dropdown-module_header__EOpC- .Dropdown-module_input__LYIeG:focus + .Dropdown-module_select__Thb6Y {\n border-color: var(--highlight);\n}\n.Dropdown-module_root__mkOMI .Dropdown-module_header__EOpC- .Dropdown-module_input__LYIeG:focus + .Dropdown-module_select__Thb6Y.Dropdown-module_feedback-error__FD-hZ {\n border-color: var(--error);\n}\n.Dropdown-module_root__mkOMI .Dropdown-module_header__EOpC- .Dropdown-module_select__Thb6Y {\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__mkOMI .Dropdown-module_header__EOpC- .Dropdown-module_select__Thb6Y .Dropdown-module_placeholder__B2kmJ {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n color: var(--black);\n}\n.Dropdown-module_root__mkOMI .Dropdown-module_header__EOpC- .Dropdown-module_select__Thb6Y .Dropdown-module_icon__YsokN {\n width: 1.5rem;\n height: 1.5rem;\n}\n.Dropdown-module_root__mkOMI .Dropdown-module_header__EOpC- .Dropdown-module_select__Thb6Y.Dropdown-module_feedback-error__FD-hZ {\n border-color: var(--error);\n}\n.Dropdown-module_root__mkOMI.Dropdown-module_open__dEH0H .Dropdown-module_header__EOpC- {\n border-color: var(--highlight);\n}\n.Dropdown-module_root__mkOMI.Dropdown-module_disabled__eLZhs .Dropdown-module_select__Thb6Y {\n background: var(--grey10);\n cursor: not-allowed;\n}\n.Dropdown-module_root__mkOMI .Dropdown-module_bottom__InVTc {\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__mkOMI .Dropdown-module_bottom__InVTc .Dropdown-module_feedback__0VQS6 {\n flex: 1;\n margin-right: auto;\n}\n.Dropdown-module_root__mkOMI .Dropdown-module_bottom__InVTc .Dropdown-module_feedback__0VQS6.Dropdown-module_feedback-error__FD-hZ {\n color: var(--error);\n fill: var(--error);\n}\n.Dropdown-module_root__mkOMI .Dropdown-module_bottom__InVTc .Dropdown-module_feedback__0VQS6.Dropdown-module_feedback-success__3QnZd {\n color: var(--success);\n fill: var(--success);\n}\n.Dropdown-module_root__mkOMI .Dropdown-module_bottom__InVTc .Dropdown-module_count__tIbln {\n text-align: right;\n margin-left: auto;\n}\n.Dropdown-module_root__mkOMI .Dropdown-module_bottom__InVTc .Dropdown-module_count__tIbln.Dropdown-module_exceeded__n1R-W {\n color: var(--error);\n}\n\n.Dropdown-module_body__BDZmr {\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__BDZmr.Dropdown-module_open__dEH0H {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}";
|
|
34725
|
+
var styles$m = {"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":"Dropdown-module_root__mkOMI","label":"Dropdown-module_label__YkFsR","header":"Dropdown-module_header__EOpC-","input":"Dropdown-module_input__LYIeG","select":"Dropdown-module_select__Thb6Y","feedback-error":"Dropdown-module_feedback-error__FD-hZ","placeholder":"Dropdown-module_placeholder__B2kmJ","icon":"Dropdown-module_icon__YsokN","open":"Dropdown-module_open__dEH0H","disabled":"Dropdown-module_disabled__eLZhs","bottom":"Dropdown-module_bottom__InVTc","feedback":"Dropdown-module_feedback__0VQS6","feedback-success":"Dropdown-module_feedback-success__3QnZd","count":"Dropdown-module_count__tIbln","exceeded":"Dropdown-module_exceeded__n1R-W","body":"Dropdown-module_body__BDZmr"};
|
|
34726
|
+
styleInject(css_248z$n);
|
|
34727
34727
|
|
|
34728
34728
|
var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
|
|
34729
34729
|
var _selectedOptions$map, _ref2, _selectedOptions$;
|
|
@@ -34929,16 +34929,16 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
|
|
|
34929
34929
|
})));
|
|
34930
34930
|
});
|
|
34931
34931
|
return /*#__PURE__*/jsxs("div", {
|
|
34932
|
-
className: classes(className, styles$
|
|
34932
|
+
className: classes(className, styles$m.root, open ? styles$m.open : '', disabled ? styles$m.disabled : ''),
|
|
34933
34933
|
children: [label && /*#__PURE__*/jsx$1("div", {
|
|
34934
34934
|
"data-elem": "label",
|
|
34935
|
-
className: styles$
|
|
34935
|
+
className: styles$m.label,
|
|
34936
34936
|
children: /*#__PURE__*/jsx$1("span", {
|
|
34937
34937
|
children: label
|
|
34938
34938
|
})
|
|
34939
34939
|
}), /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2({
|
|
34940
34940
|
"data-elem": "header",
|
|
34941
|
-
className: styles$
|
|
34941
|
+
className: styles$m.header,
|
|
34942
34942
|
ref: reference
|
|
34943
34943
|
}, getReferenceProps()), {}, {
|
|
34944
34944
|
children: [/*#__PURE__*/jsx$1("input", {
|
|
@@ -34947,7 +34947,7 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
|
|
|
34947
34947
|
ref: inputRef,
|
|
34948
34948
|
disabled: disabled,
|
|
34949
34949
|
tabIndex: 0,
|
|
34950
|
-
className: styles$
|
|
34950
|
+
className: styles$m.input,
|
|
34951
34951
|
onKeyDown: function onKeyDown(event) {
|
|
34952
34952
|
var validKey = [' ', 'Spacebar', 'Enter'].includes(event.key);
|
|
34953
34953
|
if (validKey) {
|
|
@@ -34961,14 +34961,14 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
|
|
|
34961
34961
|
}), /*#__PURE__*/jsxs("div", {
|
|
34962
34962
|
"data-elem": "select",
|
|
34963
34963
|
role: "button",
|
|
34964
|
-
className: classes(styles$
|
|
34964
|
+
className: classes(styles$m.select, feedback != null ? styles$m["feedback-".concat(feedback === null || feedback === void 0 ? void 0 : feedback.type)] : ''),
|
|
34965
34965
|
children: [/*#__PURE__*/jsx$1("span", {
|
|
34966
34966
|
"data-elem": "placeholder",
|
|
34967
|
-
className: styles$
|
|
34967
|
+
className: styles$m.placeholder,
|
|
34968
34968
|
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
|
|
34969
34969
|
}), /*#__PURE__*/jsx$1(Caret, {
|
|
34970
34970
|
"data-elem": "icon",
|
|
34971
|
-
className: classes(styles$
|
|
34971
|
+
className: classes(styles$m.icon, styles$m['drop-icon'])
|
|
34972
34972
|
})]
|
|
34973
34973
|
})]
|
|
34974
34974
|
})), /*#__PURE__*/jsx$1(Popper, {
|
|
@@ -34992,16 +34992,16 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
|
|
|
34992
34992
|
left: x !== null && x !== void 0 ? x : 0
|
|
34993
34993
|
},
|
|
34994
34994
|
onClick: onClick,
|
|
34995
|
-
className: classes(styles$
|
|
34995
|
+
className: classes(styles$m.body, popperClassName, open ? styles$m.open : '')
|
|
34996
34996
|
})), {}, {
|
|
34997
34997
|
children: items
|
|
34998
34998
|
}))
|
|
34999
34999
|
})
|
|
35000
35000
|
}), feedback != null && /*#__PURE__*/jsx$1("div", {
|
|
35001
|
-
className: styles$
|
|
35001
|
+
className: styles$m.bottom,
|
|
35002
35002
|
children: /*#__PURE__*/jsx$1("div", {
|
|
35003
35003
|
"data-elem": "feedback",
|
|
35004
|
-
className: classes(styles$
|
|
35004
|
+
className: classes(styles$m.feedback, styles$m["feedback-".concat(feedback.type)]),
|
|
35005
35005
|
children: feedback.text
|
|
35006
35006
|
})
|
|
35007
35007
|
})]
|
|
@@ -35039,9 +35039,9 @@ Dropdown.defaultProps = {
|
|
|
35039
35039
|
feedback: null
|
|
35040
35040
|
};
|
|
35041
35041
|
|
|
35042
|
-
var css_248z$
|
|
35043
|
-
var styles$
|
|
35044
|
-
styleInject(css_248z$
|
|
35042
|
+
var css_248z$m = ":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__su9HU {\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__su9HU:hover, .DropdownItem-module_root__su9HU:focus {\n background: var(--grey6);\n}\n.DropdownItem-module_root__su9HU.DropdownItem-module_selected__Iwplc {\n background: var(--info-bg);\n}";
|
|
35043
|
+
var styles$l = {"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__su9HU","selected":"DropdownItem-module_selected__Iwplc"};
|
|
35044
|
+
styleInject(css_248z$m);
|
|
35045
35045
|
|
|
35046
35046
|
var DropdownItem = /*#__PURE__*/forwardRef(function DropdownItem(props, ref) {
|
|
35047
35047
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -35068,7 +35068,7 @@ var DropdownItem = /*#__PURE__*/forwardRef(function DropdownItem(props, ref) {
|
|
|
35068
35068
|
}
|
|
35069
35069
|
return /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2({
|
|
35070
35070
|
ref: ref,
|
|
35071
|
-
className: classes(className, styles$
|
|
35071
|
+
className: classes(className, styles$l.root, selected ? styles$l.selected : ''),
|
|
35072
35072
|
"data-elem": "dropdown-item",
|
|
35073
35073
|
"data-variant": variant,
|
|
35074
35074
|
"data-value": value,
|
|
@@ -35101,9 +35101,9 @@ DropdownItem.defaultProps = {
|
|
|
35101
35101
|
selected: false
|
|
35102
35102
|
};
|
|
35103
35103
|
|
|
35104
|
-
var css_248z$
|
|
35105
|
-
var styles$
|
|
35106
|
-
styleInject(css_248z$
|
|
35104
|
+
var css_248z$l = ":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.BaseModal-module_root__LxSI- {\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__LxSI- .BaseModal-module_body__lpl93 {\n overflow-y: scroll;\n padding: 0 15px;\n}\n.BaseModal-module_root__LxSI- .BaseModal-module_header__NnvhY,\n.BaseModal-module_root__LxSI- .BaseModal-module_footer__y6uXQ {\n padding: 15px;\n}\n.BaseModal-module_root__LxSI- .BaseModal-module_footer__y6uXQ {\n margin-top: auto;\n}\n.BaseModal-module_root__LxSI- .BaseModal-module_closeModal__93jQs {\n position: absolute;\n right: 20px;\n top: 20px;\n}\n.BaseModal-module_root__LxSI- .BaseModal-module_closeModal__93jQs .BaseModal-module_closeIcon__-Q4wM {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--black);\n}";
|
|
35105
|
+
var styles$k = {"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":"BaseModal-module_root__LxSI-","body":"BaseModal-module_body__lpl93","header":"BaseModal-module_header__NnvhY","footer":"BaseModal-module_footer__y6uXQ","closeModal":"BaseModal-module_closeModal__93jQs","closeIcon":"BaseModal-module_closeIcon__-Q4wM"};
|
|
35106
|
+
styleInject(css_248z$l);
|
|
35107
35107
|
|
|
35108
35108
|
var BaseModal = function BaseModal(props) {
|
|
35109
35109
|
var className = props.className,
|
|
@@ -35122,28 +35122,28 @@ var BaseModal = function BaseModal(props) {
|
|
|
35122
35122
|
transparent: false,
|
|
35123
35123
|
id: "base-modal-popper",
|
|
35124
35124
|
children: /*#__PURE__*/jsxs("div", {
|
|
35125
|
-
className: classes(styles$
|
|
35125
|
+
className: classes(styles$k.root, className),
|
|
35126
35126
|
ref: ref,
|
|
35127
35127
|
children: [renderHeader && /*#__PURE__*/jsx$1("div", {
|
|
35128
35128
|
"data-elem": "header",
|
|
35129
|
-
className: styles$
|
|
35129
|
+
className: styles$k.header,
|
|
35130
35130
|
children: renderHeader
|
|
35131
35131
|
}), /*#__PURE__*/jsx$1("div", {
|
|
35132
35132
|
"data-elem": "body",
|
|
35133
|
-
className: styles$
|
|
35133
|
+
className: styles$k.body,
|
|
35134
35134
|
children: children
|
|
35135
35135
|
}), renderFooter && /*#__PURE__*/jsx$1("div", {
|
|
35136
35136
|
"data-elem": "footer",
|
|
35137
|
-
className: styles$
|
|
35137
|
+
className: styles$k.footer,
|
|
35138
35138
|
children: renderFooter
|
|
35139
35139
|
}), /*#__PURE__*/jsx$1("div", {
|
|
35140
35140
|
"data-elem": "close",
|
|
35141
|
-
className: styles$
|
|
35141
|
+
className: styles$k.closeModal,
|
|
35142
35142
|
onClick: function onClick() {
|
|
35143
35143
|
toggle(false);
|
|
35144
35144
|
},
|
|
35145
35145
|
children: /*#__PURE__*/jsx$1(Cross$1, {
|
|
35146
|
-
className: styles$
|
|
35146
|
+
className: styles$k.closeIcon
|
|
35147
35147
|
})
|
|
35148
35148
|
})]
|
|
35149
35149
|
})
|
|
@@ -35164,9 +35164,9 @@ BaseModal.defaultProps = {
|
|
|
35164
35164
|
toggle: function toggle() {}
|
|
35165
35165
|
};
|
|
35166
35166
|
|
|
35167
|
-
var css_248z$
|
|
35168
|
-
var styles$
|
|
35169
|
-
styleInject(css_248z$
|
|
35167
|
+
var css_248z$k = ":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.PageHeader-module_root__RW2kD {\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__RW2kD.PageHeader-module_theme-dark__X5zgh {\n color: var(--white);\n}\n.PageHeader-module_root__RW2kD.PageHeader-module_theme-dark__X5zgh .PageHeader-module_breadcrumb__v0tnM [data-elem=breadcrumb-item-active] {\n color: var(--white);\n}\n.PageHeader-module_root__RW2kD.PageHeader-module_theme-light__Tercn {\n color: var(--dark-grey);\n}\n.PageHeader-module_root__RW2kD .PageHeader-module_description__G3-qZ {\n color: var(--grey);\n}\n.PageHeader-module_root__RW2kD .PageHeader-module_contents__w0Y7e {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n}\n.PageHeader-module_root__RW2kD .PageHeader-module_contents__w0Y7e .PageHeader-module_left__fqL7M,\n.PageHeader-module_root__RW2kD .PageHeader-module_contents__w0Y7e .PageHeader-module_right__KgzBp {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n}\n.PageHeader-module_root__RW2kD .PageHeader-module_contents__w0Y7e .PageHeader-module_left__fqL7M .PageHeader-module_title__sDcrr {\n font-size: 2.25rem;\n font-weight: 600;\n line-height: 3.375rem;\n}\n.PageHeader-module_root__RW2kD .PageHeader-module_contents__w0Y7e .PageHeader-module_left__fqL7M .PageHeader-module_chip__pr-6S {\n font-weight: 500;\n background: var(--highlight);\n color: var(--white);\n}\n.PageHeader-module_root__RW2kD .PageHeader-module_description__G3-qZ {\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5rem;\n}\n\n.PageHeader-module_download__RCFoC,\n.PageHeader-module_calender__ecLCu {\n width: 1.5rem;\n height: 1.5rem;\n}";
|
|
35168
|
+
var styles$j = {"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":"PageHeader-module_root__RW2kD","theme-dark":"PageHeader-module_theme-dark__X5zgh","breadcrumb":"PageHeader-module_breadcrumb__v0tnM","theme-light":"PageHeader-module_theme-light__Tercn","description":"PageHeader-module_description__G3-qZ","contents":"PageHeader-module_contents__w0Y7e","left":"PageHeader-module_left__fqL7M","right":"PageHeader-module_right__KgzBp","title":"PageHeader-module_title__sDcrr","chip":"PageHeader-module_chip__pr-6S","download":"PageHeader-module_download__RCFoC","calender":"PageHeader-module_calender__ecLCu"};
|
|
35169
|
+
styleInject(css_248z$k);
|
|
35170
35170
|
|
|
35171
35171
|
var PageHeader = function PageHeader(props) {
|
|
35172
35172
|
var theme = props.theme,
|
|
@@ -35177,32 +35177,32 @@ var PageHeader = function PageHeader(props) {
|
|
|
35177
35177
|
RightAction = props.rightAction,
|
|
35178
35178
|
crumbsProps = props.crumbsProps;
|
|
35179
35179
|
return /*#__PURE__*/jsxs("div", {
|
|
35180
|
-
className: classes(styles$
|
|
35180
|
+
className: classes(styles$j.root, styles$j["theme-".concat(theme)]),
|
|
35181
35181
|
children: [/*#__PURE__*/jsx$1("div", {
|
|
35182
|
-
className: styles$
|
|
35182
|
+
className: styles$j.breadcrumb,
|
|
35183
35183
|
children: /*#__PURE__*/jsx$1(BreadCrumbs, _objectSpread2({}, _objectSpread2(_objectSpread2({}, crumbsProps), {}, {
|
|
35184
|
-
className: styles$
|
|
35184
|
+
className: styles$j.breadcrumb
|
|
35185
35185
|
})))
|
|
35186
35186
|
}), /*#__PURE__*/jsxs("div", {
|
|
35187
|
-
className: styles$
|
|
35187
|
+
className: styles$j.contents,
|
|
35188
35188
|
children: [/*#__PURE__*/jsxs("div", {
|
|
35189
|
-
className: styles$
|
|
35189
|
+
className: styles$j.left,
|
|
35190
35190
|
children: [/*#__PURE__*/jsx$1("div", {
|
|
35191
|
-
className: styles$
|
|
35191
|
+
className: styles$j.title,
|
|
35192
35192
|
children: title
|
|
35193
35193
|
}), chipTitle && /*#__PURE__*/jsx$1(Chip, {
|
|
35194
|
-
className: styles$
|
|
35194
|
+
className: styles$j.chip,
|
|
35195
35195
|
size: "sm",
|
|
35196
35196
|
title: chipTitle,
|
|
35197
35197
|
radius: "ellipse",
|
|
35198
35198
|
variant: "status"
|
|
35199
35199
|
})]
|
|
35200
35200
|
}), RightAction && /*#__PURE__*/jsx$1("div", {
|
|
35201
|
-
className: styles$
|
|
35201
|
+
className: styles$j.right,
|
|
35202
35202
|
children: /*#__PURE__*/jsx$1(RightAction, {})
|
|
35203
35203
|
})]
|
|
35204
35204
|
}), /*#__PURE__*/jsx$1("div", {
|
|
35205
|
-
className: styles$
|
|
35205
|
+
className: styles$j.description,
|
|
35206
35206
|
children: description
|
|
35207
35207
|
}), children]
|
|
35208
35208
|
});
|
|
@@ -35308,9 +35308,9 @@ function getPagination(curr, total, limit) {
|
|
|
35308
35308
|
return pages;
|
|
35309
35309
|
}
|
|
35310
35310
|
|
|
35311
|
-
var css_248z$
|
|
35312
|
-
var styles$
|
|
35313
|
-
styleInject(css_248z$
|
|
35311
|
+
var css_248z$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\n.Pagination-module_root__ieicG {\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__ieicG::-webkit-scrollbar {\n display: none;\n}\n.Pagination-module_root__ieicG.Pagination-module_floating__gP2b8 {\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__ieicG .Pagination-module_row-switcher__nZkYv,\n.Pagination-module_root__ieicG .Pagination-module_pagination__aQxKw,\n.Pagination-module_root__ieicG .Pagination-module_jump-to-page__-6AxX,\n.Pagination-module_root__ieicG .Pagination-module_form__zFQlT {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n height: 100%;\n}\n.Pagination-module_root__ieicG .Pagination-module_row-switcher__nZkYv {\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__ieicG .Pagination-module_row-switcher__nZkYv {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n }\n}\n.Pagination-module_root__ieicG .Pagination-module_row-switcher__nZkYv > [data-elem*=component] {\n overflow: hidden;\n}\n.Pagination-module_root__ieicG .Pagination-module_row-switcher__nZkYv > [data-elem=component2] {\n display: flex;\n flex: 1 0 auto;\n}\n.Pagination-module_root__ieicG .Pagination-module_row-switcher__nZkYv .Pagination-module_text__ND-Go {\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__ieicG .Pagination-module_row-switcher__nZkYv .Pagination-module_dropdown__607D- > [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__ieicG .Pagination-module_row-switcher__nZkYv .Pagination-module_dropdown__607D- > [data-elem=header] > [data-elem=select] > [data-elem=placeholder] {\n color: var(--white);\n font-size: 0.875rem;\n}\n.Pagination-module_root__ieicG .Pagination-module_row-switcher__nZkYv .Pagination-module_dropdown__607D- > [data-elem=header] > [data-elem=select] > svg {\n fill: var(--white);\n width: 0.813rem;\n height: 0.813rem;\n}\n.Pagination-module_root__ieicG .Pagination-module_page-numbers__2Ms7c {\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__ieicG .Pagination-module_page-numbers__2Ms7c {\n flex: 1 1 60%;\n }\n}\n.Pagination-module_root__ieicG .Pagination-module_page-numbers__2Ms7c > .Pagination-module_button__Rzuor.Pagination-module_disable__hNaU1 {\n pointer-events: none;\n}\n.Pagination-module_root__ieicG .Pagination-module_page-numbers__2Ms7c > .Pagination-module_button__Rzuor [data-elem=title] {\n color: var(--white);\n}\n.Pagination-module_root__ieicG .Pagination-module_page-numbers__2Ms7c > .Pagination-module_button__Rzuor .Pagination-module_icon__PBYkw {\n width: 1.5rem;\n height: 1.5rem;\n}\n.Pagination-module_root__ieicG .Pagination-module_page-numbers__2Ms7c > .Pagination-module_pageSelect__O-ABx {\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__ieicG .Pagination-module_page-numbers__2Ms7c > .Pagination-module_pageSelect__O-ABx .Pagination-module_number__-5138 {\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__ieicG .Pagination-module_page-numbers__2Ms7c > .Pagination-module_pageSelect__O-ABx .Pagination-module_number__-5138:not([data-active=true]) {\n display: none;\n}\n@media (min-width: 768px) {\n .Pagination-module_root__ieicG .Pagination-module_page-numbers__2Ms7c > .Pagination-module_pageSelect__O-ABx .Pagination-module_number__-5138:not([data-active=true]) {\n display: block;\n }\n}\n.Pagination-module_root__ieicG .Pagination-module_page-numbers__2Ms7c > .Pagination-module_pageSelect__O-ABx .Pagination-module_number__-5138:hover {\n border: 1px solid var(--highlight);\n color: var(--highlight);\n background: var(--background);\n}\n.Pagination-module_root__ieicG .Pagination-module_page-numbers__2Ms7c > .Pagination-module_pageSelect__O-ABx .Pagination-module_number__-5138.Pagination-module_active__dNUtF {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Pagination-module_root__ieicG .Pagination-module_form__zFQlT {\n display: none;\n padding: 0;\n flex: 0 1 20%;\n background: transparent;\n}\n@media (min-width: 992px) {\n .Pagination-module_root__ieicG .Pagination-module_form__zFQlT {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n }\n}\n.Pagination-module_root__ieicG .Pagination-module_form__zFQlT > [data-elem*=component] {\n width: 100%;\n height: 100%;\n}\n.Pagination-module_root__ieicG .Pagination-module_form__zFQlT > [data-elem*=component] > * {\n height: 100%;\n}\n.Pagination-module_root__ieicG .Pagination-module_form__zFQlT .Pagination-module_jump-to-page__-6AxX {\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__ieicG .Pagination-module_form__zFQlT .Pagination-module_jump-to-page__-6AxX > [data-elem*=component] {\n overflow: hidden;\n height: 100%;\n}\n.Pagination-module_root__ieicG .Pagination-module_form__zFQlT .Pagination-module_jump-to-page__-6AxX .Pagination-module_button__Rzuor {\n background-color: var(--grey);\n height: 100%;\n}\n.Pagination-module_root__ieicG .Pagination-module_form__zFQlT .Pagination-module_jump-to-page__-6AxX .Pagination-module_button__Rzuor [data-elem=left] {\n overflow: hidden;\n}\n.Pagination-module_root__ieicG .Pagination-module_form__zFQlT .Pagination-module_jump-to-page__-6AxX .Pagination-module_button__Rzuor [data-elem=left] [data-elem=title] {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.Pagination-module_root__ieicG .Pagination-module_form__zFQlT .Pagination-module_jump-to-page__-6AxX .Pagination-module_button__Rzuor .Pagination-module_icon__PBYkw {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n flex-shrink: 0;\n}\n.Pagination-module_root__ieicG .Pagination-module_form__zFQlT .Pagination-module_jump-to-page__-6AxX .Pagination-module_inputbox__lr2C- {\n width: 5rem;\n max-width: 100%;\n height: 100%;\n}\n.Pagination-module_root__ieicG .Pagination-module_form__zFQlT .Pagination-module_jump-to-page__-6AxX .Pagination-module_inputbox__lr2C- [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__ieicG .Pagination-module_form__zFQlT .Pagination-module_jump-to-page__-6AxX .Pagination-module_inputbox__lr2C- [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_pagination-test__-HOe8 {\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_dropdown-popper__-6mRt {\n -ms-overflow-style: none;\n scrollbar-width: none;\n padding: 0.25rem;\n}\n.Pagination-module_dropdown-popper__-6mRt::-webkit-scrollbar {\n display: none;\n}";
|
|
35312
|
+
var styles$i = {"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":"Pagination-module_root__ieicG","floating":"Pagination-module_floating__gP2b8","row-switcher":"Pagination-module_row-switcher__nZkYv","pagination":"Pagination-module_pagination__aQxKw","jump-to-page":"Pagination-module_jump-to-page__-6AxX","form":"Pagination-module_form__zFQlT","text":"Pagination-module_text__ND-Go","dropdown":"Pagination-module_dropdown__607D-","page-numbers":"Pagination-module_page-numbers__2Ms7c","button":"Pagination-module_button__Rzuor","disable":"Pagination-module_disable__hNaU1","icon":"Pagination-module_icon__PBYkw","pageSelect":"Pagination-module_pageSelect__O-ABx","number":"Pagination-module_number__-5138","active":"Pagination-module_active__dNUtF","inputbox":"Pagination-module_inputbox__lr2C-","pagination-test":"Pagination-module_pagination-test__-HOe8","dropdown-popper":"Pagination-module_dropdown-popper__-6mRt"};
|
|
35313
|
+
styleInject(css_248z$j);
|
|
35314
35314
|
|
|
35315
35315
|
var dropdownOptions = ['10', '25', '50', '100', '200', '250'];
|
|
35316
35316
|
var reducer = function reducer(state, _ref) {
|
|
@@ -35395,18 +35395,18 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
35395
35395
|
}, [currentPage, step]);
|
|
35396
35396
|
return /*#__PURE__*/jsxs("div", {
|
|
35397
35397
|
ref: ref,
|
|
35398
|
-
className: classes(styles$
|
|
35398
|
+
className: classes(styles$i.root, className, floating ? styles$i.floating : ''),
|
|
35399
35399
|
children: [/*#__PURE__*/jsx$1(BaseCell, {
|
|
35400
35400
|
flexible: true,
|
|
35401
|
-
className: styles$
|
|
35401
|
+
className: styles$i['row-switcher'],
|
|
35402
35402
|
component1: /*#__PURE__*/jsx$1("span", {
|
|
35403
35403
|
title: "Rows per page",
|
|
35404
|
-
className: styles$
|
|
35404
|
+
className: styles$i.text,
|
|
35405
35405
|
children: "Rows per page"
|
|
35406
35406
|
}),
|
|
35407
35407
|
component2: /*#__PURE__*/jsx$1(Dropdown, {
|
|
35408
|
-
className: styles$
|
|
35409
|
-
popperClassName: styles$
|
|
35408
|
+
className: styles$i.dropdown,
|
|
35409
|
+
popperClassName: styles$i['dropdown-popper'],
|
|
35410
35410
|
value: step,
|
|
35411
35411
|
placeholder: null,
|
|
35412
35412
|
onChange: function onChange(e, newStep) {
|
|
@@ -35423,7 +35423,7 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
35423
35423
|
})
|
|
35424
35424
|
})
|
|
35425
35425
|
}), /*#__PURE__*/jsxs("div", {
|
|
35426
|
-
className: styles$
|
|
35426
|
+
className: styles$i['page-numbers'],
|
|
35427
35427
|
children: [/*#__PURE__*/jsx$1(Button, {
|
|
35428
35428
|
size: "auto",
|
|
35429
35429
|
flexible: true,
|
|
@@ -35434,16 +35434,16 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
35434
35434
|
type: 'PREV_PAGE'
|
|
35435
35435
|
});
|
|
35436
35436
|
},
|
|
35437
|
-
className: classes(styles$
|
|
35437
|
+
className: classes(styles$i.button),
|
|
35438
35438
|
leftComponent: function leftComponent() {
|
|
35439
35439
|
return /*#__PURE__*/jsx$1(Chevron, {
|
|
35440
|
-
className: styles$
|
|
35440
|
+
className: styles$i.icon,
|
|
35441
35441
|
position: "left"
|
|
35442
35442
|
});
|
|
35443
35443
|
},
|
|
35444
35444
|
variant: "text"
|
|
35445
35445
|
}), /*#__PURE__*/jsx$1("div", {
|
|
35446
|
-
className: styles$
|
|
35446
|
+
className: styles$i.pageSelect,
|
|
35447
35447
|
children: paginationList.pages.map(function (page) {
|
|
35448
35448
|
var active = currentPage === page.number;
|
|
35449
35449
|
return /*#__PURE__*/jsx$1("span", {
|
|
@@ -35455,7 +35455,7 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
35455
35455
|
});
|
|
35456
35456
|
},
|
|
35457
35457
|
"data-active": active,
|
|
35458
|
-
className: classes(active ? styles$
|
|
35458
|
+
className: classes(active ? styles$i.active : '', styles$i.number),
|
|
35459
35459
|
children: page.ellipsis ? '...' : page.number
|
|
35460
35460
|
}, page.number);
|
|
35461
35461
|
})
|
|
@@ -35469,10 +35469,10 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
35469
35469
|
type: 'NEXT_PAGE'
|
|
35470
35470
|
});
|
|
35471
35471
|
},
|
|
35472
|
-
className: classes(styles$
|
|
35472
|
+
className: classes(styles$i.button),
|
|
35473
35473
|
rightComponent: function rightComponent() {
|
|
35474
35474
|
return /*#__PURE__*/jsx$1(Chevron, {
|
|
35475
|
-
className: styles$
|
|
35475
|
+
className: styles$i.icon,
|
|
35476
35476
|
position: "right"
|
|
35477
35477
|
});
|
|
35478
35478
|
},
|
|
@@ -35480,7 +35480,7 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
35480
35480
|
})]
|
|
35481
35481
|
}), /*#__PURE__*/jsx$1(BaseCell, {
|
|
35482
35482
|
flexible: true,
|
|
35483
|
-
className: styles$
|
|
35483
|
+
className: styles$i.form,
|
|
35484
35484
|
component1: /*#__PURE__*/jsx$1("form", {
|
|
35485
35485
|
onSubmit: function onSubmit(e) {
|
|
35486
35486
|
var _jumpPageRef$current;
|
|
@@ -35492,7 +35492,7 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
35492
35492
|
},
|
|
35493
35493
|
children: /*#__PURE__*/jsx$1(BaseCell, {
|
|
35494
35494
|
flexible: true,
|
|
35495
|
-
className: styles$
|
|
35495
|
+
className: styles$i['jump-to-page'],
|
|
35496
35496
|
component1: /*#__PURE__*/jsx$1(TextField, {
|
|
35497
35497
|
inputProps: {
|
|
35498
35498
|
min: 1,
|
|
@@ -35501,16 +35501,16 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
35501
35501
|
},
|
|
35502
35502
|
ref: jumpPageRef,
|
|
35503
35503
|
type: "number",
|
|
35504
|
-
className: styles$
|
|
35504
|
+
className: styles$i.inputbox
|
|
35505
35505
|
}),
|
|
35506
35506
|
component2: /*#__PURE__*/jsx$1(Button, {
|
|
35507
35507
|
title: "Jump to page",
|
|
35508
35508
|
size: "medium",
|
|
35509
35509
|
variant: "contained",
|
|
35510
|
-
className: styles$
|
|
35510
|
+
className: styles$i.button,
|
|
35511
35511
|
rightComponent: function rightComponent() {
|
|
35512
35512
|
return /*#__PURE__*/jsx$1(Arrow$1, {
|
|
35513
|
-
className: styles$
|
|
35513
|
+
className: styles$i.icon
|
|
35514
35514
|
});
|
|
35515
35515
|
}
|
|
35516
35516
|
})
|
|
@@ -35542,12 +35542,12 @@ Pagination.defaultProps = {
|
|
|
35542
35542
|
onChange: function onChange() {}
|
|
35543
35543
|
};
|
|
35544
35544
|
|
|
35545
|
-
var css_248z$
|
|
35546
|
-
var styles$
|
|
35547
|
-
styleInject(css_248z$
|
|
35545
|
+
var css_248z$i = ":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.Stepper-module_root__cvNJm {\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__cvNJm .Stepper-module_step__M5Y-s {\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__cvNJm .Stepper-module_step__M5Y-s:last-child {\n flex: 0 1 auto;\n}\n.Stepper-module_root__cvNJm .Stepper-module_step__M5Y-s:last-child .Stepper-module_title__V9fw3::after {\n display: none;\n}\n.Stepper-module_root__cvNJm .Stepper-module_step__M5Y-s .Stepper-module_left__BSaSz {\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__cvNJm .Stepper-module_step__M5Y-s .Stepper-module_left__BSaSz .Stepper-module_icon__HwVpw {\n width: 0.75rem;\n height: 0.75rem;\n}\n.Stepper-module_root__cvNJm .Stepper-module_step__M5Y-s .Stepper-module_left__BSaSz .Stepper-module_icon__HwVpw.Stepper-module_error-icon__TnLh- {\n fill: var(--error);\n}\n.Stepper-module_root__cvNJm .Stepper-module_step__M5Y-s .Stepper-module_left__BSaSz .Stepper-module_icon__HwVpw.Stepper-module_completion-icon__Ahge- {\n fill: var(--highlight);\n}\n.Stepper-module_root__cvNJm .Stepper-module_step__M5Y-s .Stepper-module_left__BSaSz .Stepper-module_progress__hBk0m {\n position: absolute;\n z-index: -1;\n inset: -0.3rem;\n border-radius: 2rem;\n}\n.Stepper-module_root__cvNJm .Stepper-module_step__M5Y-s .Stepper-module_left__BSaSz .Stepper-module_progress__hBk0m::after {\n position: absolute;\n content: \"\";\n inset: 0.15rem;\n background: white;\n border-radius: 2rem;\n}\n.Stepper-module_root__cvNJm .Stepper-module_step__M5Y-s .Stepper-module_right__eFhp- {\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__cvNJm .Stepper-module_step__M5Y-s .Stepper-module_right__eFhp- .Stepper-module_title__V9fw3 {\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__cvNJm .Stepper-module_step__M5Y-s .Stepper-module_right__eFhp- .Stepper-module_title__V9fw3::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__cvNJm .Stepper-module_step__M5Y-s .Stepper-module_right__eFhp- .Stepper-module_description__DOJeD {\n font-size: 0.75rem;\n color: var(--grey2);\n}\n.Stepper-module_root__cvNJm .Stepper-module_step__M5Y-s.Stepper-module_active__38cZS .Stepper-module_left__BSaSz {\n background: var(--highlight);\n color: var(--white);\n}\n.Stepper-module_root__cvNJm .Stepper-module_step__M5Y-s.Stepper-module_active__38cZS .Stepper-module_left__BSaSz, .Stepper-module_root__cvNJm .Stepper-module_step__M5Y-s.Stepper-module_completed__2KWB- .Stepper-module_left__BSaSz {\n border-color: var(--highlight);\n}\n.Stepper-module_root__cvNJm .Stepper-module_step__M5Y-s.Stepper-module_active__38cZS .Stepper-module_right__eFhp- .Stepper-module_title__V9fw3, .Stepper-module_root__cvNJm .Stepper-module_step__M5Y-s.Stepper-module_completed__2KWB- .Stepper-module_right__eFhp- .Stepper-module_title__V9fw3 {\n color: var(--black);\n}\n.Stepper-module_root__cvNJm .Stepper-module_step__M5Y-s.Stepper-module_active__38cZS .Stepper-module_right__eFhp- .Stepper-module_description__DOJeD, .Stepper-module_root__cvNJm .Stepper-module_step__M5Y-s.Stepper-module_completed__2KWB- .Stepper-module_right__eFhp- .Stepper-module_description__DOJeD {\n color: var(--grey);\n}\n.Stepper-module_root__cvNJm .Stepper-module_step__M5Y-s.Stepper-module_completed__2KWB- .Stepper-module_right__eFhp- .Stepper-module_title__V9fw3::after {\n border-bottom-color: var(--highlight);\n}\n.Stepper-module_root__cvNJm .Stepper-module_step__M5Y-s.Stepper-module_error__-Ti-0 .Stepper-module_left__BSaSz {\n background: var(--white);\n border-color: var(--error);\n color: var(--error);\n}\n.Stepper-module_root__cvNJm .Stepper-module_step__M5Y-s.Stepper-module_error__-Ti-0 .Stepper-module_right__eFhp- .Stepper-module_title__V9fw3 {\n color: var(--error);\n}\n.Stepper-module_root__cvNJm .Stepper-module_step__M5Y-s.Stepper-module_error__-Ti-0 .Stepper-module_right__eFhp- .Stepper-module_description__DOJeD {\n color: rgba(var(--error), 0.6);\n}";
|
|
35546
|
+
var styles$h = {"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":"Stepper-module_error__-Ti-0","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":"Stepper-module_root__cvNJm","step":"Stepper-module_step__M5Y-s","title":"Stepper-module_title__V9fw3","left":"Stepper-module_left__BSaSz","icon":"Stepper-module_icon__HwVpw","error-icon":"Stepper-module_error-icon__TnLh-","completion-icon":"Stepper-module_completion-icon__Ahge-","progress":"Stepper-module_progress__hBk0m","right":"Stepper-module_right__eFhp-","description":"Stepper-module_description__DOJeD","active":"Stepper-module_active__38cZS","completed":"Stepper-module_completed__2KWB-"};
|
|
35547
|
+
styleInject(css_248z$i);
|
|
35548
35548
|
|
|
35549
|
-
var css_248z$
|
|
35550
|
-
styleInject(css_248z$
|
|
35549
|
+
var css_248z$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}\n:export {\n white: var(--white);\n black: var(--black);\n dark-grey: var(--dark-grey);\n dark-grey-o-85: var(--dark-grey-o-85);\n grey: var(--grey);\n grey1: var(--grey1);\n grey2: var(--grey2);\n grey3: var(--grey3);\n grey4: var(--grey4);\n grey5: var(--grey5);\n grey6: var(--grey6);\n grey7: var(--grey7);\n grey8: var(--grey8);\n grey9: var(--grey9);\n grey10: var(--grey10);\n highlight: var(--highlight);\n dark-blue: var(--dark-blue);\n background: var(--background);\n banyan-blue: var(--banyan-blue);\n banyan-orange: var(--banyan-orange);\n banyan-pink: var(--banyan-pink);\n banyan-gradient: var(--banyan-gradient);\n error: var(--error);\n error-bg: var(--error-bg);\n error-outline: var(--error-outline);\n success: var(--success);\n success-bg: var(--success-bg);\n success-outline: var(--success-outline);\n warning: var(--warning);\n warning-bg: var(--warning-bg);\n warning-outline: var(--warning-outline);\n info: var(--info);\n info-bg: var(--info-bg);\n info-outline: var(--info-outline);\n}";
|
|
35550
|
+
styleInject(css_248z$h);
|
|
35551
35551
|
|
|
35552
35552
|
var Step = function Step(props) {
|
|
35553
35553
|
var title = props.title,
|
|
@@ -35557,35 +35557,35 @@ var Step = function Step(props) {
|
|
|
35557
35557
|
error = props.error,
|
|
35558
35558
|
index = props.index;
|
|
35559
35559
|
var display = /*#__PURE__*/jsx$1("span", {
|
|
35560
|
-
className: styles$
|
|
35560
|
+
className: styles$h.text,
|
|
35561
35561
|
children: index + 1
|
|
35562
35562
|
});
|
|
35563
35563
|
if (error === true) {
|
|
35564
35564
|
display = /*#__PURE__*/jsx$1(Cross$1, {
|
|
35565
|
-
className: classes(styles$
|
|
35565
|
+
className: classes(styles$h.icon, styles$h['error-icon'])
|
|
35566
35566
|
});
|
|
35567
35567
|
} else if (completion === 1) {
|
|
35568
35568
|
display = /*#__PURE__*/jsx$1(Tick, {
|
|
35569
|
-
className: classes(styles$
|
|
35569
|
+
className: classes(styles$h.icon, styles$h['completion-icon'])
|
|
35570
35570
|
});
|
|
35571
35571
|
}
|
|
35572
35572
|
return /*#__PURE__*/jsxs("div", {
|
|
35573
|
-
className: classes(styles$
|
|
35573
|
+
className: classes(styles$h.step, active ? styles$h.active : '', completion === 1 ? styles$h.completed : '', error ? styles$h.error : ''),
|
|
35574
35574
|
children: [/*#__PURE__*/jsxs("div", {
|
|
35575
|
-
className: styles$
|
|
35575
|
+
className: styles$h.left,
|
|
35576
35576
|
children: [display, active === true && completion > 0 && completion < 1 && /*#__PURE__*/jsx$1("div", {
|
|
35577
|
-
className: styles$
|
|
35577
|
+
className: styles$h.progress,
|
|
35578
35578
|
style: {
|
|
35579
|
-
backgroundImage: "conic-gradient(".concat(css_248z$
|
|
35579
|
+
backgroundImage: "conic-gradient(".concat(css_248z$h.highlight, ", ").concat(completion * 100, "%, transparent 0%)")
|
|
35580
35580
|
}
|
|
35581
35581
|
})]
|
|
35582
35582
|
}), /*#__PURE__*/jsxs("div", {
|
|
35583
|
-
className: styles$
|
|
35583
|
+
className: styles$h.right,
|
|
35584
35584
|
children: [/*#__PURE__*/jsx$1("span", {
|
|
35585
|
-
className: styles$
|
|
35585
|
+
className: styles$h.title,
|
|
35586
35586
|
children: title
|
|
35587
35587
|
}), description != null && /*#__PURE__*/jsx$1("span", {
|
|
35588
|
-
className: styles$
|
|
35588
|
+
className: styles$h.description,
|
|
35589
35589
|
children: description
|
|
35590
35590
|
})]
|
|
35591
35591
|
})]
|
|
@@ -35594,7 +35594,7 @@ var Step = function Step(props) {
|
|
|
35594
35594
|
var Stepper = function Stepper(props) {
|
|
35595
35595
|
var steps = props.steps;
|
|
35596
35596
|
return /*#__PURE__*/jsx$1("div", {
|
|
35597
|
-
className: styles$
|
|
35597
|
+
className: styles$h.root,
|
|
35598
35598
|
children: steps.map(function (step, index) {
|
|
35599
35599
|
return /*#__PURE__*/jsx$1(Step, _objectSpread2(_objectSpread2({}, step), {}, {
|
|
35600
35600
|
index: index,
|
|
@@ -35654,9 +35654,9 @@ var TableColumn = /*#__PURE__*/_createClass$1(function TableColumn(_ref) {
|
|
|
35654
35654
|
this.sticky = sticky;
|
|
35655
35655
|
});
|
|
35656
35656
|
|
|
35657
|
-
var css_248z$
|
|
35658
|
-
var styles$
|
|
35659
|
-
styleInject(css_248z$
|
|
35657
|
+
var css_248z$g = ":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.TableCell-module_root__0-5fC[data-elem=base-cell] {\n background: var(--white);\n border-bottom: 1px solid var(--grey4);\n}\n.TableCell-module_root__0-5fC[data-elem=base-cell] > [data-elem*=component] {\n overflow: hidden;\n}\n.TableCell-module_root__0-5fC[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__0-5fC[data-elem=base-cell] > [data-elem*=component] .TableCell-module_cell-text__MqZRq {\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__0-5fC[data-elem=base-cell].TableCell-module_header-cell__cDXlM {\n background: var(--grey7);\n}\n.TableCell-module_root__0-5fC[data-elem=base-cell].TableCell-module_header-cell__cDXlM .TableCell-module_cell-text__MqZRq {\n font-weight: 600;\n}\n.TableCell-module_root__0-5fC[data-elem=base-cell].TableCell-module_body-cell__Z2M7H .TableCell-module_cell-text__MqZRq.TableCell-module_multi-line__8cWJW {\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__0-5fC[data-elem=base-cell].TableCell-module_sticky-left__clzyD {\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__0-5fC[data-elem=base-cell].TableCell-module_sticky-right__U9Kgq {\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}";
|
|
35658
|
+
var styles$g = {"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":"TableCell-module_root__0-5fC","cell-text":"TableCell-module_cell-text__MqZRq","header-cell":"TableCell-module_header-cell__cDXlM","body-cell":"TableCell-module_body-cell__Z2M7H","multi-line":"TableCell-module_multi-line__8cWJW","sticky-left":"TableCell-module_sticky-left__clzyD","sticky-right":"TableCell-module_sticky-right__U9Kgq"};
|
|
35659
|
+
styleInject(css_248z$g);
|
|
35660
35660
|
|
|
35661
35661
|
var TableCell = /*#__PURE__*/forwardRef(function TableCell(props, ref) {
|
|
35662
35662
|
var className = props.className,
|
|
@@ -35676,7 +35676,7 @@ var TableCell = /*#__PURE__*/forwardRef(function TableCell(props, ref) {
|
|
|
35676
35676
|
sticky = props.sticky;
|
|
35677
35677
|
return /*#__PURE__*/jsx$1(BaseCell, {
|
|
35678
35678
|
ref: ref,
|
|
35679
|
-
className: classes(styles$
|
|
35679
|
+
className: classes(styles$g.root, className, styles$g["".concat(type, "-cell")], styles$g["sticky-".concat(sticky)]),
|
|
35680
35680
|
attrs: _objectSpread2({
|
|
35681
35681
|
style: style
|
|
35682
35682
|
}, attrs),
|
|
@@ -35687,7 +35687,7 @@ var TableCell = /*#__PURE__*/forwardRef(function TableCell(props, ref) {
|
|
|
35687
35687
|
component2: /*#__PURE__*/jsx$1("span", _objectSpread2(_objectSpread2({}, _objectSpread2(_objectSpread2({}, cellTitle != null ? {
|
|
35688
35688
|
title: cellTitle
|
|
35689
35689
|
} : {}), {}, {
|
|
35690
|
-
className: classes(styles$
|
|
35690
|
+
className: classes(styles$g['cell-text'], multiLine ? styles$g['multi-line'] : ''),
|
|
35691
35691
|
style: style,
|
|
35692
35692
|
'data-elem': 'text'
|
|
35693
35693
|
})), {}, {
|
|
@@ -35716,22 +35716,24 @@ TableCell.defaultProps = _objectSpread2(_objectSpread2({}, BaseCell.defaultProps
|
|
|
35716
35716
|
cellTitle: null
|
|
35717
35717
|
});
|
|
35718
35718
|
|
|
35719
|
-
var css_248z$
|
|
35720
|
-
var styles$
|
|
35721
|
-
styleInject(css_248z$
|
|
35719
|
+
var css_248z$f = ":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.TableRow-module_root__tyJjH {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.TableRow-module_root__tyJjH.TableRow-module_header-row__p3gQZ {\n background: var(--grey6);\n}\n.TableRow-module_root__tyJjH.TableRow-module_body-row__BzIwB {\n background: var(--white);\n}\n.TableRow-module_root__tyJjH.TableRow-module_body-row__BzIwB:hover > [data-elem=base-cell] {\n background: var(--info-bg);\n}\n.TableRow-module_root__tyJjH.TableRow-module_body-row__BzIwB.TableRow-module_selected__GJlEC > [data-elem=base-cell] {\n background: var(--background);\n}\n.TableRow-module_root__tyJjH > [data-elem=base-cell]:first-child {\n padding-left: 1rem;\n}\n.TableRow-module_root__tyJjH > [data-elem=base-cell]:last-child {\n padding-right: 1rem;\n}";
|
|
35720
|
+
var styles$f = {"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":"TableRow-module_root__tyJjH","header-row":"TableRow-module_header-row__p3gQZ","body-row":"TableRow-module_body-row__BzIwB","selected":"TableRow-module_selected__GJlEC"};
|
|
35721
|
+
styleInject(css_248z$f);
|
|
35722
35722
|
|
|
35723
35723
|
var TableRow = function TableRow(props) {
|
|
35724
35724
|
var _headerData$map;
|
|
35725
|
+
// eslint-disable-next-line object-curly-newline
|
|
35725
35726
|
var type = props.type,
|
|
35726
35727
|
headerData = props.headerData,
|
|
35727
35728
|
datum = props.datum,
|
|
35729
|
+
_index = props._index,
|
|
35728
35730
|
selected = props.selected,
|
|
35729
35731
|
customCells = props.customCells,
|
|
35730
35732
|
className = props.className,
|
|
35731
35733
|
setActiveData = props.setActiveData;
|
|
35732
35734
|
return /*#__PURE__*/jsx$1("tr", {
|
|
35733
35735
|
"data-elem": "table-row",
|
|
35734
|
-
className: classes(className, styles$
|
|
35736
|
+
className: classes(className, styles$f.root, selected ? styles$f.selected : '', styles$f["".concat(type, "-row")]),
|
|
35735
35737
|
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) {
|
|
35736
35738
|
var _getCustomCell;
|
|
35737
35739
|
var cellContent = null;
|
|
@@ -35741,6 +35743,7 @@ var TableRow = function TableRow(props) {
|
|
|
35741
35743
|
cellContent = datum === null || datum === void 0 ? void 0 : datum[item.id];
|
|
35742
35744
|
}
|
|
35743
35745
|
var cellProps = _objectSpread2(_objectSpread2(_objectSpread2({}, props), item), {}, {
|
|
35746
|
+
_index: _index,
|
|
35744
35747
|
setActiveData: setActiveData,
|
|
35745
35748
|
key: item.id,
|
|
35746
35749
|
datum: datum,
|
|
@@ -35795,9 +35798,9 @@ TableRow.defaultProps = {
|
|
|
35795
35798
|
selected: false
|
|
35796
35799
|
};
|
|
35797
35800
|
|
|
35798
|
-
var css_248z$
|
|
35799
|
-
var styles$
|
|
35800
|
-
styleInject(css_248z$
|
|
35801
|
+
var css_248z$e = ":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.TableBody-module_root__uXmOm {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}";
|
|
35802
|
+
var styles$e = {"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":"TableBody-module_root__uXmOm"};
|
|
35803
|
+
styleInject(css_248z$e);
|
|
35801
35804
|
|
|
35802
35805
|
/* eslint-disable react/forbid-prop-types */
|
|
35803
35806
|
var TableBody = function TableBody(props) {
|
|
@@ -35810,8 +35813,8 @@ var TableBody = function TableBody(props) {
|
|
|
35810
35813
|
className = props.className;
|
|
35811
35814
|
return /*#__PURE__*/jsx$1("tbody", {
|
|
35812
35815
|
"data-elem": "table-body",
|
|
35813
|
-
className: classes(styles$
|
|
35814
|
-
children: tableData === null || tableData === void 0 ? void 0 : tableData.map(function (datum) {
|
|
35816
|
+
className: classes(styles$e.root, className),
|
|
35817
|
+
children: tableData === null || tableData === void 0 ? void 0 : tableData.map(function (datum, _index) {
|
|
35815
35818
|
var key = datum === null || datum === void 0 ? void 0 : datum.id;
|
|
35816
35819
|
var selected = uniqueKey.length > 0 && (uniqueKey === null || uniqueKey === void 0 ? void 0 : uniqueKey.each(function (e) {
|
|
35817
35820
|
key += "".concat(datum === null || datum === void 0 ? void 0 : datum[e], "-");
|
|
@@ -35822,7 +35825,8 @@ var TableBody = function TableBody(props) {
|
|
|
35822
35825
|
selected: selected,
|
|
35823
35826
|
headerData: headerData,
|
|
35824
35827
|
customCells: customCells,
|
|
35825
|
-
setActiveData: setActiveData
|
|
35828
|
+
setActiveData: setActiveData,
|
|
35829
|
+
_index: _index
|
|
35826
35830
|
}, key);
|
|
35827
35831
|
})
|
|
35828
35832
|
});
|
|
@@ -35860,9 +35864,9 @@ TableBody.defaultProps = {
|
|
|
35860
35864
|
}
|
|
35861
35865
|
};
|
|
35862
35866
|
|
|
35863
|
-
var css_248z$
|
|
35864
|
-
var styles$
|
|
35865
|
-
styleInject(css_248z$
|
|
35867
|
+
var css_248z$d = ":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.TableHeader-module_root__tJ-19 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}";
|
|
35868
|
+
var styles$d = {"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":"TableHeader-module_root__tJ-19"};
|
|
35869
|
+
styleInject(css_248z$d);
|
|
35866
35870
|
|
|
35867
35871
|
/* eslint-disable react/forbid-prop-types */
|
|
35868
35872
|
var TableHeader = function TableHeader(props) {
|
|
@@ -35870,7 +35874,7 @@ var TableHeader = function TableHeader(props) {
|
|
|
35870
35874
|
customCells = props.customCells;
|
|
35871
35875
|
return /*#__PURE__*/jsx$1("thead", {
|
|
35872
35876
|
"data-elem": "table-header",
|
|
35873
|
-
className: styles$
|
|
35877
|
+
className: styles$d.root,
|
|
35874
35878
|
children: /*#__PURE__*/jsx$1(TableRow, {
|
|
35875
35879
|
type: "header",
|
|
35876
35880
|
headerData: headerData,
|
|
@@ -35901,9 +35905,9 @@ TableHeader.defaultProps = {
|
|
|
35901
35905
|
}
|
|
35902
35906
|
};
|
|
35903
35907
|
|
|
35904
|
-
var css_248z$
|
|
35905
|
-
var styles$
|
|
35906
|
-
styleInject(css_248z$
|
|
35908
|
+
var css_248z$c = ":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.BaseTable-module_root__buLTn {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n background: var(--white);\n overflow: auto;\n}";
|
|
35909
|
+
var styles$c = {"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":"BaseTable-module_root__buLTn"};
|
|
35910
|
+
styleInject(css_248z$c);
|
|
35907
35911
|
|
|
35908
35912
|
/* eslint-disable react/forbid-prop-types */
|
|
35909
35913
|
var BaseTable = /*#__PURE__*/forwardRef(function BaseTable(props, ref) {
|
|
@@ -35920,7 +35924,7 @@ var BaseTable = /*#__PURE__*/forwardRef(function BaseTable(props, ref) {
|
|
|
35920
35924
|
return /*#__PURE__*/jsxs("table", {
|
|
35921
35925
|
ref: ref,
|
|
35922
35926
|
"data-elem": "table",
|
|
35923
|
-
className: classes(className, styles$
|
|
35927
|
+
className: classes(className, styles$c.root),
|
|
35924
35928
|
children: [/*#__PURE__*/jsx$1(TableHeader, {
|
|
35925
35929
|
headerData: transformedHeaderData,
|
|
35926
35930
|
customCells: customCells
|
|
@@ -35968,9 +35972,9 @@ BaseTable.defaultProps = {
|
|
|
35968
35972
|
}
|
|
35969
35973
|
};
|
|
35970
35974
|
|
|
35971
|
-
var css_248z$
|
|
35972
|
-
var styles$
|
|
35973
|
-
styleInject(css_248z$
|
|
35975
|
+
var css_248z$b = ":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.TableChips-module_root__bKfBs[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__bKfBs[data-elem=base-cell] > [data-elem=component1] .TableChips-module_back__aapO6 {\n height: 2rem;\n width: 2rem;\n}\n.TableChips-module_root__bKfBs[data-elem=base-cell] > [data-elem=component1] .TableChips-module_back__aapO6 [data-elem=component1] .TableChips-module_icon__wAaBh {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n}\n.TableChips-module_root__bKfBs[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__bKfBs[data-elem=base-cell] > [data-elem=component2]::-webkit-scrollbar {\n display: none;\n}\n.TableChips-module_root__bKfBs[data-elem=base-cell] > [data-elem=component2] .TableChips-module_chip__8v81L .TableChips-module_chip-icon__5CxH8 {\n width: 1rem;\n height: 1rem;\n}";
|
|
35976
|
+
var styles$b = {"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":"TableChips-module_root__bKfBs","back":"TableChips-module_back__aapO6","icon":"TableChips-module_icon__wAaBh","chip":"TableChips-module_chip__8v81L","chip-icon":"TableChips-module_chip-icon__5CxH8"};
|
|
35977
|
+
styleInject(css_248z$b);
|
|
35974
35978
|
|
|
35975
35979
|
var TableChips = function TableChips(props) {
|
|
35976
35980
|
var showBack = props.showBack,
|
|
@@ -35980,17 +35984,17 @@ var TableChips = function TableChips(props) {
|
|
|
35980
35984
|
style = props.style;
|
|
35981
35985
|
return /*#__PURE__*/jsx$1(BaseCell, {
|
|
35982
35986
|
flexible: true,
|
|
35983
|
-
className: classes(className, styles$
|
|
35987
|
+
className: classes(className, styles$b.root),
|
|
35984
35988
|
attrs: {
|
|
35985
35989
|
style: style
|
|
35986
35990
|
},
|
|
35987
35991
|
component1: showBack && /*#__PURE__*/jsx$1(Button, {
|
|
35988
35992
|
size: "auto",
|
|
35989
35993
|
radius: "round",
|
|
35990
|
-
className: styles$
|
|
35994
|
+
className: styles$b.back,
|
|
35991
35995
|
leftComponent: function leftComponent() {
|
|
35992
35996
|
return /*#__PURE__*/jsx$1(Arrow$1, {
|
|
35993
|
-
className: styles$
|
|
35997
|
+
className: styles$b.icon,
|
|
35994
35998
|
position: "left"
|
|
35995
35999
|
});
|
|
35996
36000
|
},
|
|
@@ -36001,13 +36005,13 @@ var TableChips = function TableChips(props) {
|
|
|
36001
36005
|
variant: "input",
|
|
36002
36006
|
color: "default",
|
|
36003
36007
|
disabled: chip.disabled,
|
|
36004
|
-
className: styles$
|
|
36008
|
+
className: styles$b.chip,
|
|
36005
36009
|
title: "".concat(chip.label, " : ").concat(chip.value),
|
|
36006
36010
|
leftComponent: function leftComponent(iconProps) {
|
|
36007
36011
|
var Icon = chip.icon;
|
|
36008
36012
|
if ( /*#__PURE__*/isValidElement( /*#__PURE__*/jsx$1(Icon, {}))) {
|
|
36009
36013
|
return /*#__PURE__*/jsx$1(Icon, _objectSpread2(_objectSpread2({}, iconProps), {}, {
|
|
36010
|
-
className: styles$
|
|
36014
|
+
className: styles$b['chip-icon']
|
|
36011
36015
|
}));
|
|
36012
36016
|
}
|
|
36013
36017
|
return null;
|
|
@@ -36059,9 +36063,9 @@ var TableChip = /*#__PURE__*/_createClass$1(function TableChip(_ref) {
|
|
|
36059
36063
|
this.disabled = disabled;
|
|
36060
36064
|
});
|
|
36061
36065
|
|
|
36062
|
-
var css_248z$
|
|
36063
|
-
var styles$
|
|
36064
|
-
styleInject(css_248z$
|
|
36066
|
+
var css_248z$a = ":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.Popover-module_root__F8vwF {\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}";
|
|
36067
|
+
var styles$a = {"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":"Popover-module_root__F8vwF"};
|
|
36068
|
+
styleInject(css_248z$a);
|
|
36065
36069
|
|
|
36066
36070
|
var Popover = function Popover(props) {
|
|
36067
36071
|
var children = props.children,
|
|
@@ -36118,7 +36122,7 @@ var Popover = function Popover(props) {
|
|
|
36118
36122
|
top: y !== null && y !== void 0 ? y : 0,
|
|
36119
36123
|
left: x !== null && x !== void 0 ? x : 0
|
|
36120
36124
|
},
|
|
36121
|
-
className: classes(styles$
|
|
36125
|
+
className: classes(styles$a.root, className)
|
|
36122
36126
|
})), {}, {
|
|
36123
36127
|
children: children
|
|
36124
36128
|
}))
|
|
@@ -36137,9 +36141,9 @@ Popover.defaultProps = {
|
|
|
36137
36141
|
onClose: function onClose() {}
|
|
36138
36142
|
};
|
|
36139
36143
|
|
|
36140
|
-
var css_248z$
|
|
36141
|
-
var styles$
|
|
36142
|
-
styleInject(css_248z$
|
|
36144
|
+
var css_248z$9 = ":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.Columns-module_popover__mIzP7 {\n height: 100%;\n}\n\n.Columns-module_root__h8zNT {\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__h8zNT .Columns-module_header__o6vXc {\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__h8zNT .Columns-module_header__o6vXc > [data-elem=component1] {\n font-weight: 500;\n}\n.Columns-module_root__h8zNT .Columns-module_header__o6vXc > [data-elem=component2] .Columns-module_search__ReBBj {\n width: 100%;\n}\n.Columns-module_root__h8zNT .Columns-module_close__1QpLP {\n position: absolute;\n top: -1rem;\n right: -1rem;\n}\n.Columns-module_root__h8zNT .Columns-module_close__1QpLP .Columns-module_icon__X2w-M {\n width: 1rem;\n height: 1rem;\n}\n.Columns-module_root__h8zNT .Columns-module_body__SN45m {\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__h8zNT .Columns-module_body__SN45m .Columns-module_item__tklQj {\n height: 3rem;\n}\n.Columns-module_root__h8zNT .Columns-module_body__SN45m .Columns-module_item__tklQj > [data-elem=title] {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.Columns-module_root__h8zNT .Columns-module_footer__i21sD .Columns-module_expand__InU6q .Columns-module_icon__X2w-M {\n width: 1.5rem;\n height: 1.5rem;\n transform: rotate(180deg);\n}\n.Columns-module_root__h8zNT.Columns-module_expanded__tky-i .Columns-module_header__o6vXc {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding-right: 2rem;\n}\n.Columns-module_root__h8zNT.Columns-module_expanded__tky-i .Columns-module_header__o6vXc > [data-elem=component2] {\n flex: 1;\n}\n.Columns-module_root__h8zNT.Columns-module_expanded__tky-i .Columns-module_close__1QpLP {\n top: -0.25rem;\n}\n.Columns-module_root__h8zNT.Columns-module_expanded__tky-i .Columns-module_body__SN45m {\n display: grid;\n grid-template-columns: 1fr 1fr;\n flex: 0 1 auto;\n}\n.Columns-module_root__h8zNT.Columns-module_expanded__tky-i .Columns-module_body__SN45m .Columns-module_item__tklQj {\n overflow: hidden;\n}\n.Columns-module_root__h8zNT.Columns-module_expanded__tky-i .Columns-module_footer__i21sD {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n margin-top: auto;\n}\n.Columns-module_root__h8zNT.Columns-module_expanded__tky-i .Columns-module_footer__i21sD .Columns-module_expand__InU6q .Columns-module_icon__X2w-M {\n transform: rotate(0deg);\n}";
|
|
36145
|
+
var styles$9 = {"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)","popover":"Columns-module_popover__mIzP7","root":"Columns-module_root__h8zNT","header":"Columns-module_header__o6vXc","search":"Columns-module_search__ReBBj","close":"Columns-module_close__1QpLP","icon":"Columns-module_icon__X2w-M","body":"Columns-module_body__SN45m","item":"Columns-module_item__tklQj","footer":"Columns-module_footer__i21sD","expand":"Columns-module_expand__InU6q","expanded":"Columns-module_expanded__tky-i"};
|
|
36146
|
+
styleInject(css_248z$9);
|
|
36143
36147
|
|
|
36144
36148
|
var Columns = function Columns(props) {
|
|
36145
36149
|
var open = props.open,
|
|
@@ -36160,17 +36164,17 @@ var Columns = function Columns(props) {
|
|
|
36160
36164
|
anchorEl: anchorEl,
|
|
36161
36165
|
open: open,
|
|
36162
36166
|
setOpen: setOpen,
|
|
36163
|
-
className: styles$
|
|
36167
|
+
className: styles$9.popover,
|
|
36164
36168
|
onClose: function onClose() {
|
|
36165
36169
|
setSearch(null);
|
|
36166
36170
|
},
|
|
36167
36171
|
children: /*#__PURE__*/jsxs("div", {
|
|
36168
|
-
className: classes(styles$
|
|
36172
|
+
className: classes(styles$9.root, expanded ? styles$9.expanded : ''),
|
|
36169
36173
|
children: [/*#__PURE__*/jsx$1(BaseCell, {
|
|
36170
|
-
className: styles$
|
|
36174
|
+
className: styles$9.header,
|
|
36171
36175
|
component1: "Columns",
|
|
36172
36176
|
component2: /*#__PURE__*/jsx$1(TextField, {
|
|
36173
|
-
className: styles$
|
|
36177
|
+
className: styles$9.search,
|
|
36174
36178
|
placeholder: "Search Column name",
|
|
36175
36179
|
value: search,
|
|
36176
36180
|
onChange: function onChange(e) {
|
|
@@ -36180,27 +36184,27 @@ var Columns = function Columns(props) {
|
|
|
36180
36184
|
}
|
|
36181
36185
|
})
|
|
36182
36186
|
}), /*#__PURE__*/jsx$1(Button, {
|
|
36183
|
-
className: styles$
|
|
36187
|
+
className: styles$9.close,
|
|
36184
36188
|
size: "auto",
|
|
36185
36189
|
radius: "round",
|
|
36186
36190
|
variant: "text",
|
|
36187
36191
|
leftComponent: function leftComponent() {
|
|
36188
36192
|
return /*#__PURE__*/jsx$1(Cross$1, {
|
|
36189
|
-
className: styles$
|
|
36193
|
+
className: styles$9.icon
|
|
36190
36194
|
});
|
|
36191
36195
|
},
|
|
36192
36196
|
onClick: function onClick() {
|
|
36193
36197
|
setOpen(false);
|
|
36194
36198
|
}
|
|
36195
36199
|
}), /*#__PURE__*/jsx$1("div", {
|
|
36196
|
-
className: styles$
|
|
36200
|
+
className: styles$9.body,
|
|
36197
36201
|
children: columns === null || columns === void 0 ? void 0 : columns.filter(function (col) {
|
|
36198
36202
|
var _col$id;
|
|
36199
36203
|
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 === '';
|
|
36200
36204
|
}).map(function (col) {
|
|
36201
36205
|
var selected = [null, false, undefined].includes(hiddenColumns === null || hiddenColumns === void 0 ? void 0 : hiddenColumns[col === null || col === void 0 ? void 0 : col.id]);
|
|
36202
36206
|
return /*#__PURE__*/jsx$1(DropdownItem, {
|
|
36203
|
-
className: styles$
|
|
36207
|
+
className: styles$9.item,
|
|
36204
36208
|
selected: selected,
|
|
36205
36209
|
title: col.title,
|
|
36206
36210
|
variant: "checkbox",
|
|
@@ -36214,16 +36218,16 @@ var Columns = function Columns(props) {
|
|
|
36214
36218
|
}, col.id);
|
|
36215
36219
|
})
|
|
36216
36220
|
}), /*#__PURE__*/jsx$1("div", {
|
|
36217
|
-
className: styles$
|
|
36221
|
+
className: styles$9.footer,
|
|
36218
36222
|
children: /*#__PURE__*/jsx$1(Chip, {
|
|
36219
|
-
className: styles$
|
|
36223
|
+
className: styles$9.expand,
|
|
36220
36224
|
size: "sm",
|
|
36221
36225
|
radius: "ellipse",
|
|
36222
36226
|
color: "default",
|
|
36223
36227
|
title: expanded ? 'See Less' : 'See More',
|
|
36224
36228
|
rightComponent: function rightComponent() {
|
|
36225
36229
|
return /*#__PURE__*/jsx$1(AngleDouble, {
|
|
36226
|
-
className: styles$
|
|
36230
|
+
className: styles$9.icon
|
|
36227
36231
|
});
|
|
36228
36232
|
},
|
|
36229
36233
|
onClick: function onClick() {
|
|
@@ -36237,9 +36241,9 @@ var Columns = function Columns(props) {
|
|
|
36237
36241
|
});
|
|
36238
36242
|
};
|
|
36239
36243
|
|
|
36240
|
-
var css_248z$
|
|
36241
|
-
var styles$
|
|
36242
|
-
styleInject(css_248z$
|
|
36244
|
+
var css_248z$8 = ":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.TableFilters-module_root__MLaDb[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__MLaDb[data-elem=base-cell]::-webkit-scrollbar {\n display: none;\n}\n.TableFilters-module_root__MLaDb[data-elem=base-cell] .TableFilters-module_icon__-IqJX {\n width: 1.5rem;\n height: 1.5rem;\n flex-shrink: 0;\n}\n.TableFilters-module_root__MLaDb[data-elem=base-cell] .TableFilters-module_icon-button__UkfXm {\n padding: 0rem;\n height: 100%;\n}\n.TableFilters-module_root__MLaDb[data-elem=base-cell] > [data-elem*=component] {\n height: 100%;\n}\n.TableFilters-module_root__MLaDb[data-elem=base-cell] .TableFilters-module_left__DwOSZ,\n.TableFilters-module_root__MLaDb[data-elem=base-cell] .TableFilters-module_center__eQVxw,\n.TableFilters-module_root__MLaDb[data-elem=base-cell] .TableFilters-module_right__sRGhc {\n height: 100%;\n}\n.TableFilters-module_root__MLaDb[data-elem=base-cell] > [data-elem=component1] .TableFilters-module_left__DwOSZ {\n gap: 1rem;\n}\n.TableFilters-module_root__MLaDb[data-elem=base-cell] > [data-elem=component1] .TableFilters-module_left__DwOSZ [data-elem=left] {\n gap: 1rem;\n}\n.TableFilters-module_root__MLaDb[data-elem=base-cell] > [data-elem=component1] .TableFilters-module_left__DwOSZ .TableFilters-module_filter-value__TbEOe {\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__MLaDb[data-elem=base-cell] > [data-elem=component2] {\n flex: 1;\n}\n.TableFilters-module_root__MLaDb[data-elem=base-cell] > [data-elem=component2] .TableFilters-module_center__eQVxw {\n width: 100%;\n}\n.TableFilters-module_root__MLaDb[data-elem=base-cell] > [data-elem=component2] .TableFilters-module_center__eQVxw [data-elem=base-cell] {\n background: var(--grey7);\n border-color: var(--grey3);\n}\n.TableFilters-module_root__MLaDb[data-elem=base-cell] > [data-elem=component2] .TableFilters-module_center__eQVxw .TableFilters-module_icon__-IqJX {\n width: 1.25rem;\n}\n.TableFilters-module_root__MLaDb[data-elem=base-cell] .TableFilters-module_right__sRGhc {\n width: auto;\n padding: 0;\n gap: 2.5rem;\n}\n.TableFilters-module_root__MLaDb[data-elem=base-cell] .TableFilters-module_right__sRGhc > [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}";
|
|
36245
|
+
var styles$8 = {"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":"TableFilters-module_root__MLaDb","icon":"TableFilters-module_icon__-IqJX","icon-button":"TableFilters-module_icon-button__UkfXm","left":"TableFilters-module_left__DwOSZ","center":"TableFilters-module_center__eQVxw","right":"TableFilters-module_right__sRGhc","filter-value":"TableFilters-module_filter-value__TbEOe"};
|
|
36246
|
+
styleInject(css_248z$8);
|
|
36243
36247
|
|
|
36244
36248
|
var TableFilters = function TableFilters(props) {
|
|
36245
36249
|
var className = props.className,
|
|
@@ -36261,23 +36265,23 @@ var TableFilters = function TableFilters(props) {
|
|
|
36261
36265
|
setAnchorEl = _useState4[1];
|
|
36262
36266
|
return /*#__PURE__*/jsx$1(BaseCell, {
|
|
36263
36267
|
flexible: true,
|
|
36264
|
-
className: classes(styles$
|
|
36268
|
+
className: classes(styles$8.root, className),
|
|
36265
36269
|
attrs: {
|
|
36266
36270
|
style: style
|
|
36267
36271
|
},
|
|
36268
36272
|
component1: /*#__PURE__*/jsx$1(Button, {
|
|
36269
|
-
className: styles$
|
|
36273
|
+
className: styles$8.left,
|
|
36270
36274
|
title: "Filter",
|
|
36271
36275
|
variant: "outlined",
|
|
36272
36276
|
leftComponent: function leftComponent() {
|
|
36273
36277
|
return /*#__PURE__*/jsx$1(Filter, {
|
|
36274
|
-
className: styles$
|
|
36278
|
+
className: styles$8.icon
|
|
36275
36279
|
});
|
|
36276
36280
|
},
|
|
36277
36281
|
rightComponent: function rightComponent() {
|
|
36278
36282
|
if (filterValue !== null && filterValue !== void 0 && filterValue.applied) {
|
|
36279
36283
|
return /*#__PURE__*/jsx$1("div", {
|
|
36280
|
-
className: styles$
|
|
36284
|
+
className: styles$8['filter-value'],
|
|
36281
36285
|
children: filterValue === null || filterValue === void 0 ? void 0 : filterValue.applied
|
|
36282
36286
|
});
|
|
36283
36287
|
}
|
|
@@ -36285,30 +36289,30 @@ var TableFilters = function TableFilters(props) {
|
|
|
36285
36289
|
}
|
|
36286
36290
|
}),
|
|
36287
36291
|
component2: /*#__PURE__*/jsx$1(TextField, {
|
|
36288
|
-
className: styles$
|
|
36292
|
+
className: styles$8.center,
|
|
36289
36293
|
value: searchValue,
|
|
36290
36294
|
onChange: onSearch,
|
|
36291
36295
|
LeftComponent: function LeftComponent() {
|
|
36292
36296
|
return /*#__PURE__*/jsx$1(MagnifyingGlass, {
|
|
36293
|
-
className: styles$
|
|
36297
|
+
className: styles$8.icon
|
|
36294
36298
|
});
|
|
36295
36299
|
},
|
|
36296
36300
|
placeholder: "Search"
|
|
36297
36301
|
}),
|
|
36298
36302
|
component3: /*#__PURE__*/jsx$1(BaseCell, {
|
|
36299
36303
|
flexible: true,
|
|
36300
|
-
className: styles$
|
|
36304
|
+
className: styles$8.right,
|
|
36301
36305
|
component1: /*#__PURE__*/jsxs(Fragment, {
|
|
36302
36306
|
children: [/*#__PURE__*/jsx$1(Button, {
|
|
36303
36307
|
ref: function ref(el) {
|
|
36304
36308
|
setAnchorEl(el);
|
|
36305
36309
|
},
|
|
36306
36310
|
size: "auto",
|
|
36307
|
-
className: styles$
|
|
36311
|
+
className: styles$8['icon-button'],
|
|
36308
36312
|
variant: "text",
|
|
36309
36313
|
leftComponent: function leftComponent() {
|
|
36310
36314
|
return /*#__PURE__*/jsx$1(Columns$1, {
|
|
36311
|
-
className: styles$
|
|
36315
|
+
className: styles$8.icon
|
|
36312
36316
|
});
|
|
36313
36317
|
},
|
|
36314
36318
|
onClick: function onClick() {
|
|
@@ -36327,22 +36331,22 @@ var TableFilters = function TableFilters(props) {
|
|
|
36327
36331
|
}),
|
|
36328
36332
|
component2: /*#__PURE__*/jsx$1(Button, {
|
|
36329
36333
|
size: "auto",
|
|
36330
|
-
className: styles$
|
|
36334
|
+
className: styles$8['icon-button'],
|
|
36331
36335
|
variant: "text",
|
|
36332
36336
|
onClick: onRefresh,
|
|
36333
36337
|
leftComponent: function leftComponent() {
|
|
36334
36338
|
return /*#__PURE__*/jsx$1(Refresh, {
|
|
36335
|
-
className: styles$
|
|
36339
|
+
className: styles$8.icon
|
|
36336
36340
|
});
|
|
36337
36341
|
}
|
|
36338
36342
|
}),
|
|
36339
36343
|
component3: /*#__PURE__*/jsx$1(Button, {
|
|
36340
36344
|
size: "auto",
|
|
36341
|
-
className: styles$
|
|
36345
|
+
className: styles$8['icon-button'],
|
|
36342
36346
|
variant: "text",
|
|
36343
36347
|
leftComponent: function leftComponent() {
|
|
36344
36348
|
return /*#__PURE__*/jsx$1(Nut, {
|
|
36345
|
-
className: styles$
|
|
36349
|
+
className: styles$8.icon
|
|
36346
36350
|
});
|
|
36347
36351
|
}
|
|
36348
36352
|
})
|
|
@@ -36371,9 +36375,9 @@ TableFilters.defaultProps = {
|
|
|
36371
36375
|
}
|
|
36372
36376
|
};
|
|
36373
36377
|
|
|
36374
|
-
var css_248z$
|
|
36375
|
-
var styles$
|
|
36376
|
-
styleInject(css_248z$
|
|
36378
|
+
var css_248z$7 = ":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.Table-module_root__dLWEm {\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__dLWEm .Table-module_table__Oh-P6 {\n height: calc(100% - 6rem);\n padding-bottom: 3.5rem;\n}\n.Table-module_root__dLWEm .Table-module_pagination__DBIS0 {\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n}\n.Table-module_root__dLWEm .Table-module_pagination__DBIS0.Table-module_floating__x8-m7 {\n bottom: 1rem;\n}\n.Table-module_root__dLWEm .Table-module_chips__BY-oI,\n.Table-module_root__dLWEm .Table-module_filters__RUDdW,\n.Table-module_root__dLWEm .Table-module_table__Oh-P6 > [data-elem=table-header] {\n position: -webkit-sticky;\n position: sticky;\n z-index: 1;\n top: 0;\n}";
|
|
36379
|
+
var styles$7 = {"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":"Table-module_root__dLWEm","table":"Table-module_table__Oh-P6","pagination":"Table-module_pagination__DBIS0","floating":"Table-module_floating__x8-m7","chips":"Table-module_chips__BY-oI","filters":"Table-module_filters__RUDdW"};
|
|
36380
|
+
styleInject(css_248z$7);
|
|
36377
36381
|
|
|
36378
36382
|
var INTERSECTION = 1;
|
|
36379
36383
|
var STEP = 0.1;
|
|
@@ -36465,11 +36469,11 @@ var Table = function Table(props) {
|
|
|
36465
36469
|
setHiddenColumns({});
|
|
36466
36470
|
}, [headerData]);
|
|
36467
36471
|
return /*#__PURE__*/jsxs("div", {
|
|
36468
|
-
className: classes(styles$
|
|
36472
|
+
className: classes(styles$7.root, className),
|
|
36469
36473
|
children: [chipsData != null && ((chipsData === null || chipsData === void 0 ? void 0 : (_chipsData$chips = chipsData.chips) === null || _chipsData$chips === void 0 ? void 0 : _chipsData$chips.length) > 0 || (chipsData === null || chipsData === void 0 ? void 0 : chipsData.showBack) != null) && /*#__PURE__*/jsx$1(TableChips, _objectSpread2({
|
|
36470
|
-
className: styles$
|
|
36474
|
+
className: styles$7.chips
|
|
36471
36475
|
}, chipsData)), filtersData != null && /*#__PURE__*/jsx$1(TableFilters, _objectSpread2({
|
|
36472
|
-
className: styles$
|
|
36476
|
+
className: styles$7.filters
|
|
36473
36477
|
}, _objectSpread2(_objectSpread2({}, filtersData), {}, {
|
|
36474
36478
|
headerData: headerData,
|
|
36475
36479
|
hiddenColumns: hiddenColumns,
|
|
@@ -36482,9 +36486,9 @@ var Table = function Table(props) {
|
|
|
36482
36486
|
activeData: activeData,
|
|
36483
36487
|
setActiveData: setActiveData,
|
|
36484
36488
|
customCells: customCells,
|
|
36485
|
-
className: styles$
|
|
36489
|
+
className: styles$7.table
|
|
36486
36490
|
}), paginationData != null && /*#__PURE__*/jsx$1(Pagination, _objectSpread2(_objectSpread2({
|
|
36487
|
-
className: classes(styles$
|
|
36491
|
+
className: classes(styles$7.pagination, floating ? styles$7.floating : ''),
|
|
36488
36492
|
ref: paginationRef
|
|
36489
36493
|
}, paginationData), {}, {
|
|
36490
36494
|
floating: floating
|
|
@@ -36530,22 +36534,22 @@ Table.defaultProps = {
|
|
|
36530
36534
|
paginationData: null
|
|
36531
36535
|
};
|
|
36532
36536
|
|
|
36533
|
-
var css_248z$
|
|
36534
|
-
var styles$
|
|
36535
|
-
styleInject(css_248z$
|
|
36537
|
+
var css_248z$6 = ":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.Tabs-module_root__nulvq {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n\n.Tabs-module_tab-view__rxH8t, .Tabs-module_tab-view-selected__zs7od {\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_tab-view__rxH8t .Tabs-module_content__2C7M-, .Tabs-module_tab-view-selected__zs7od .Tabs-module_content__2C7M- {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.Tabs-module_tab-view__rxH8t .Tabs-module_content__2C7M- .Tabs-module_left__K9fac, .Tabs-module_tab-view-selected__zs7od .Tabs-module_content__2C7M- .Tabs-module_left__K9fac {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.Tabs-module_tab-view__rxH8t .Tabs-module_content__2C7M- .Tabs-module_left__K9fac .Tabs-module_icon-container__ux2qb, .Tabs-module_tab-view-selected__zs7od .Tabs-module_content__2C7M- .Tabs-module_left__K9fac .Tabs-module_icon-container__ux2qb {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.Tabs-module_tab-view__rxH8t .Tabs-module_content__2C7M- .Tabs-module_left__K9fac .Tabs-module_icon-container__ux2qb .Tabs-module_icon__lqSvv, .Tabs-module_tab-view-selected__zs7od .Tabs-module_content__2C7M- .Tabs-module_left__K9fac .Tabs-module_icon-container__ux2qb .Tabs-module_icon__lqSvv {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--dark-grey);\n}\n.Tabs-module_tab-view__rxH8t .Tabs-module_content__2C7M- .Tabs-module_right__BSiOE, .Tabs-module_tab-view-selected__zs7od .Tabs-module_content__2C7M- .Tabs-module_right__BSiOE {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.Tabs-module_tab-view__rxH8t .Tabs-module_content__2C7M- .Tabs-module_right__BSiOE .Tabs-module_saperator__tHmCM, .Tabs-module_tab-view-selected__zs7od .Tabs-module_content__2C7M- .Tabs-module_right__BSiOE .Tabs-module_saperator__tHmCM {\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_tab-view__rxH8t .Tabs-module_content__2C7M- .Tabs-module_right__BSiOE .Tabs-module_icon-container__ux2qb, .Tabs-module_tab-view-selected__zs7od .Tabs-module_content__2C7M- .Tabs-module_right__BSiOE .Tabs-module_icon-container__ux2qb {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.Tabs-module_tab-view__rxH8t .Tabs-module_content__2C7M- .Tabs-module_right__BSiOE .Tabs-module_icon-container__ux2qb .Tabs-module_icon__lqSvv, .Tabs-module_tab-view-selected__zs7od .Tabs-module_content__2C7M- .Tabs-module_right__BSiOE .Tabs-module_icon-container__ux2qb .Tabs-module_icon__lqSvv {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--dark-grey);\n}\n.Tabs-module_tab-view__rxH8t:hover, .Tabs-module_tab-view-selected__zs7od:hover {\n background-color: var(--background);\n border-radius: 0.25rem;\n color: var(--highlight);\n}\n.Tabs-module_tab-view__rxH8t:hover .Tabs-module_content__2C7M- .Tabs-module_left__K9fac .Tabs-module_icon-container__ux2qb .Tabs-module_icon__lqSvv, .Tabs-module_tab-view-selected__zs7od:hover .Tabs-module_content__2C7M- .Tabs-module_left__K9fac .Tabs-module_icon-container__ux2qb .Tabs-module_icon__lqSvv {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--highlight);\n}\n.Tabs-module_tab-view__rxH8t:hover .Tabs-module_content__2C7M- .Tabs-module_right__BSiOE .Tabs-module_saperator__tHmCM, .Tabs-module_tab-view-selected__zs7od:hover .Tabs-module_content__2C7M- .Tabs-module_right__BSiOE .Tabs-module_saperator__tHmCM {\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_tab-view__rxH8t:hover .Tabs-module_content__2C7M- .Tabs-module_right__BSiOE .Tabs-module_icon-container__ux2qb .Tabs-module_icon__lqSvv, .Tabs-module_tab-view-selected__zs7od:hover .Tabs-module_content__2C7M- .Tabs-module_right__BSiOE .Tabs-module_icon-container__ux2qb .Tabs-module_icon__lqSvv {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--highlight);\n}\n\n.Tabs-module_tab-view-selected__zs7od {\n color: var(--highlight);\n border-bottom: 0.125rem solid var(--highlight);\n}\n.Tabs-module_tab-view-selected__zs7od .Tabs-module_content__2C7M- .Tabs-module_left__K9fac .Tabs-module_icon-container__ux2qb .Tabs-module_icon__lqSvv {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--highlight);\n}\n.Tabs-module_tab-view-selected__zs7od .Tabs-module_content__2C7M- .Tabs-module_right__BSiOE .Tabs-module_saperator__tHmCM {\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_tab-view-selected__zs7od .Tabs-module_content__2C7M- .Tabs-module_right__BSiOE .Tabs-module_icon-container__ux2qb .Tabs-module_icon__lqSvv {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--highlight);\n}";
|
|
36538
|
+
var styles$6 = {"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":"Tabs-module_root__nulvq","tab-view":"Tabs-module_tab-view__rxH8t","tab-view-selected":"Tabs-module_tab-view-selected__zs7od","content":"Tabs-module_content__2C7M-","left":"Tabs-module_left__K9fac","icon-container":"Tabs-module_icon-container__ux2qb","icon":"Tabs-module_icon__lqSvv","right":"Tabs-module_right__BSiOE","saperator":"Tabs-module_saperator__tHmCM"};
|
|
36539
|
+
styleInject(css_248z$6);
|
|
36536
36540
|
|
|
36537
36541
|
var Tabs = function Tabs(props) {
|
|
36538
36542
|
var tabs = props.tabs,
|
|
36539
36543
|
selectedTab = props.selectedTab,
|
|
36540
36544
|
setSelectedTab = props.setSelectedTab;
|
|
36541
36545
|
var tabViewClassName = function tabViewClassName(id) {
|
|
36542
|
-
return id === selectedTab ? "".concat(styles$
|
|
36546
|
+
return id === selectedTab ? "".concat(styles$6['tab-view-selected']) : "".concat(styles$6['tab-view']);
|
|
36543
36547
|
};
|
|
36544
36548
|
var onTabClick = function onTabClick(id) {
|
|
36545
36549
|
setSelectedTab(id);
|
|
36546
36550
|
};
|
|
36547
36551
|
return /*#__PURE__*/jsx$1("div", {
|
|
36548
|
-
className: styles$
|
|
36552
|
+
className: styles$6.root,
|
|
36549
36553
|
children: tabs === null || tabs === void 0 ? void 0 : tabs.map(function (tab) {
|
|
36550
36554
|
var id = tab.id,
|
|
36551
36555
|
title = tab.title,
|
|
@@ -36557,17 +36561,17 @@ var Tabs = function Tabs(props) {
|
|
|
36557
36561
|
},
|
|
36558
36562
|
className: tabViewClassName(id),
|
|
36559
36563
|
children: /*#__PURE__*/jsxs("div", {
|
|
36560
|
-
className: styles$
|
|
36564
|
+
className: styles$6.content,
|
|
36561
36565
|
children: [/*#__PURE__*/jsxs("div", {
|
|
36562
|
-
className: styles$
|
|
36566
|
+
className: styles$6.left,
|
|
36563
36567
|
children: [/*#__PURE__*/jsx$1("div", {
|
|
36564
36568
|
style: {
|
|
36565
36569
|
paddingRight: LeftIcon ? 5 : 0
|
|
36566
36570
|
},
|
|
36567
36571
|
children: /*#__PURE__*/jsx$1("span", {
|
|
36568
|
-
className: styles$
|
|
36572
|
+
className: styles$6['icon-container'],
|
|
36569
36573
|
children: LeftIcon && /*#__PURE__*/jsx$1(LeftIcon, {
|
|
36570
|
-
className: classes(styles$
|
|
36574
|
+
className: classes(styles$6.icon)
|
|
36571
36575
|
})
|
|
36572
36576
|
})
|
|
36573
36577
|
}), /*#__PURE__*/jsx$1("span", {
|
|
@@ -36577,13 +36581,13 @@ var Tabs = function Tabs(props) {
|
|
|
36577
36581
|
children: title
|
|
36578
36582
|
})]
|
|
36579
36583
|
}), RightIcon && /*#__PURE__*/jsxs("div", {
|
|
36580
|
-
className: styles$
|
|
36584
|
+
className: styles$6.right,
|
|
36581
36585
|
children: [/*#__PURE__*/jsx$1("vl", {
|
|
36582
|
-
className: styles$
|
|
36586
|
+
className: styles$6.saperator
|
|
36583
36587
|
}), /*#__PURE__*/jsx$1("span", {
|
|
36584
|
-
className: styles$
|
|
36588
|
+
className: styles$6['icon-container'],
|
|
36585
36589
|
children: /*#__PURE__*/jsx$1(RightIcon, {
|
|
36586
|
-
className: classes(styles$
|
|
36590
|
+
className: classes(styles$6.icon)
|
|
36587
36591
|
})
|
|
36588
36592
|
})]
|
|
36589
36593
|
})]
|
|
@@ -36623,9 +36627,9 @@ Tabs.defaultProps = {
|
|
|
36623
36627
|
setSelectedTab: 'None'
|
|
36624
36628
|
};
|
|
36625
36629
|
|
|
36626
|
-
var css_248z$
|
|
36627
|
-
var styles$
|
|
36628
|
-
styleInject(css_248z$
|
|
36630
|
+
var css_248z$5 = ":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.Tooltip-module_root__9-btv {\n display: inline-block;\n position: relative;\n}\n.Tooltip-module_tooltip__va-Bl {\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__va-Bl.Tooltip-module_light__SGd28 {\n color: var(--black);\n background: var(--grey7);\n border-color: var(--black);\n}\n.Tooltip-module_tooltip__va-Bl.Tooltip-module_dark__mj1PC {\n color: var(--white);\n background: var(--black);\n border-color: var(--white);\n}\n.Tooltip-module_tooltip__va-Bl::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__va-Bl.Tooltip-module_top__mqs5K::before {\n top: 100%;\n left: 50%;\n transform: translate(-50%, 0%);\n border-top-style: solid;\n}\n.Tooltip-module_tooltip__va-Bl.Tooltip-module_top__mqs5K.Tooltip-module_light__SGd28::before {\n border-top-color: var(--grey7);\n}\n.Tooltip-module_tooltip__va-Bl.Tooltip-module_top__mqs5K.Tooltip-module_dark__mj1PC::before {\n border-top-color: var(--black);\n}\n.Tooltip-module_tooltip__va-Bl.Tooltip-module_bottom__8Ne5W::before {\n top: 0%;\n left: 50%;\n transform: translate(-50%, -100%);\n border-bottom-style: solid;\n}\n.Tooltip-module_tooltip__va-Bl.Tooltip-module_bottom__8Ne5W.Tooltip-module_light__SGd28::before {\n border-bottom-color: var(--grey7);\n}\n.Tooltip-module_tooltip__va-Bl.Tooltip-module_bottom__8Ne5W.Tooltip-module_dark__mj1PC::before {\n border-bottom-color: var(--black);\n}\n.Tooltip-module_tooltip__va-Bl.Tooltip-module_left__hT5y-::before {\n top: 50%;\n left: 100%;\n transform: translate(0%, -50%);\n border-left-style: solid;\n}\n.Tooltip-module_tooltip__va-Bl.Tooltip-module_left__hT5y-.Tooltip-module_light__SGd28::before {\n border-left-color: var(--grey7);\n}\n.Tooltip-module_tooltip__va-Bl.Tooltip-module_left__hT5y-.Tooltip-module_dark__mj1PC::before {\n border-left-color: var(--black);\n}\n.Tooltip-module_tooltip__va-Bl.Tooltip-module_right__Glh2U::before {\n top: 50%;\n left: 0%;\n transform: translate(-100%, -50%);\n border-right-style: solid;\n}\n.Tooltip-module_tooltip__va-Bl.Tooltip-module_right__Glh2U.Tooltip-module_light__SGd28::before {\n border-right-color: var(--grey7);\n}\n.Tooltip-module_tooltip__va-Bl.Tooltip-module_right__Glh2U.Tooltip-module_dark__mj1PC::before {\n border-right-color: var(--black);\n}";
|
|
36631
|
+
var styles$5 = {"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":"Tooltip-module_root__9-btv","tooltip":"Tooltip-module_tooltip__va-Bl","light":"Tooltip-module_light__SGd28","dark":"Tooltip-module_dark__mj1PC","top":"Tooltip-module_top__mqs5K","bottom":"Tooltip-module_bottom__8Ne5W","left":"Tooltip-module_left__hT5y-","right":"Tooltip-module_right__Glh2U"};
|
|
36632
|
+
styleInject(css_248z$5);
|
|
36629
36633
|
|
|
36630
36634
|
var getPositionStyles = function getPositionStyles(_ref) {
|
|
36631
36635
|
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;
|
|
@@ -36686,7 +36690,7 @@ var Tooltip = function Tooltip(props) {
|
|
|
36686
36690
|
};
|
|
36687
36691
|
return /*#__PURE__*/jsxs("div", {
|
|
36688
36692
|
ref: tooltipRef,
|
|
36689
|
-
className: classes(styles$
|
|
36693
|
+
className: classes(styles$5.root, styles$5[variant])
|
|
36690
36694
|
// When to show the tooltip
|
|
36691
36695
|
,
|
|
36692
36696
|
onMouseEnter: showTip,
|
|
@@ -36697,7 +36701,7 @@ var Tooltip = function Tooltip(props) {
|
|
|
36697
36701
|
anchorEl: tooltipRef,
|
|
36698
36702
|
wrapperId: "tooltip-popper",
|
|
36699
36703
|
children: /*#__PURE__*/jsx$1("div", {
|
|
36700
|
-
className: classes(styles$
|
|
36704
|
+
className: classes(styles$5.tooltip, styles$5[position], styles$5[variant]),
|
|
36701
36705
|
style: _objectSpread2({}, getPositionStyles({
|
|
36702
36706
|
position: position,
|
|
36703
36707
|
anchor: tooltipRef,
|
|
@@ -36719,9 +36723,9 @@ Tooltip.defaultProps = {
|
|
|
36719
36723
|
position: 'top'
|
|
36720
36724
|
};
|
|
36721
36725
|
|
|
36722
|
-
var css_248z$
|
|
36723
|
-
var styles$
|
|
36724
|
-
styleInject(css_248z$
|
|
36726
|
+
var css_248z$4 = ":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.BaseSidePanel-module_root__4rB6U {\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__4rB6U.BaseSidePanel-module_close__jxONj {\n width: 0rem;\n}\n.BaseSidePanel-module_root__4rB6U .BaseSidePanel-module_body__saAQq {\n flex: 1;\n overflow-y: auto;\n}";
|
|
36727
|
+
var styles$4 = {"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":"BaseSidePanel-module_root__4rB6U","close":"BaseSidePanel-module_close__jxONj","body":"BaseSidePanel-module_body__saAQq"};
|
|
36728
|
+
styleInject(css_248z$4);
|
|
36725
36729
|
|
|
36726
36730
|
var BaseSidePanel = function BaseSidePanel(props) {
|
|
36727
36731
|
var className = props.className,
|
|
@@ -36732,18 +36736,18 @@ var BaseSidePanel = function BaseSidePanel(props) {
|
|
|
36732
36736
|
var panelRef = useRef();
|
|
36733
36737
|
return /*#__PURE__*/jsxs("div", {
|
|
36734
36738
|
ref: panelRef,
|
|
36735
|
-
className: classes(styles$
|
|
36739
|
+
className: classes(styles$4.root, open ? '' : styles$4.close, className),
|
|
36736
36740
|
children: [renderHeader && /*#__PURE__*/jsx$1("div", {
|
|
36737
36741
|
"data-elem": "header",
|
|
36738
|
-
className: styles$
|
|
36742
|
+
className: styles$4.header,
|
|
36739
36743
|
children: renderHeader
|
|
36740
36744
|
}), /*#__PURE__*/jsx$1("div", {
|
|
36741
36745
|
"data-elem": "body",
|
|
36742
|
-
className: styles$
|
|
36746
|
+
className: styles$4.body,
|
|
36743
36747
|
children: children
|
|
36744
36748
|
}), renderFooter && /*#__PURE__*/jsx$1("div", {
|
|
36745
36749
|
"data-elem": "footer",
|
|
36746
|
-
className: styles$
|
|
36750
|
+
className: styles$4.footer,
|
|
36747
36751
|
children: renderFooter
|
|
36748
36752
|
})]
|
|
36749
36753
|
});
|
|
@@ -82749,15 +82753,16 @@ function install(registers) {
|
|
|
82749
82753
|
registers.registerPainter('canvas', CanvasPainter$1);
|
|
82750
82754
|
}
|
|
82751
82755
|
|
|
82752
|
-
var css_248z$
|
|
82753
|
-
var styles$
|
|
82754
|
-
styleInject(css_248z$
|
|
82756
|
+
var css_248z$3 = ":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.BaseVerticalBarChart-module_root__9vU7p {\n width: \"100%\";\n}";
|
|
82757
|
+
var styles$3 = {"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":"BaseVerticalBarChart-module_root__9vU7p"};
|
|
82758
|
+
styleInject(css_248z$3);
|
|
82755
82759
|
|
|
82756
82760
|
use([install$2, install$3, install$4, install$1, install$7, install]);
|
|
82757
|
-
var
|
|
82761
|
+
var BaseVerticalBarChart = function BaseVerticalBarChart(props) {
|
|
82758
82762
|
var _seriesData$chartData, _seriesData$chartData7;
|
|
82759
82763
|
var title = props.title,
|
|
82760
82764
|
gridContainLabel = props.gridContainLabel,
|
|
82765
|
+
gridOptions = props.gridOptions,
|
|
82761
82766
|
xAxisShow = props.xAxisShow,
|
|
82762
82767
|
seriesData = props.seriesData,
|
|
82763
82768
|
onEvents = props.onEvents,
|
|
@@ -82824,9 +82829,9 @@ var BaseVerticalChart = function BaseVerticalChart(props) {
|
|
|
82824
82829
|
title: {
|
|
82825
82830
|
text: title
|
|
82826
82831
|
},
|
|
82827
|
-
grid: {
|
|
82832
|
+
grid: _objectSpread2({
|
|
82828
82833
|
containLabel: gridContainLabel
|
|
82829
|
-
},
|
|
82834
|
+
}, gridOptions),
|
|
82830
82835
|
xAxis: {
|
|
82831
82836
|
data: Object.keys((_seriesData$chartData7 = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData7 !== void 0 ? _seriesData$chartData7 : {}),
|
|
82832
82837
|
show: xAxisShow,
|
|
@@ -82858,21 +82863,19 @@ var BaseVerticalChart = function BaseVerticalChart(props) {
|
|
|
82858
82863
|
echarts: echarts,
|
|
82859
82864
|
notMerge: true,
|
|
82860
82865
|
lazyUpdate: true,
|
|
82861
|
-
className: classes(className, styles$
|
|
82866
|
+
className: classes(className, styles$3.root),
|
|
82862
82867
|
style: style
|
|
82863
82868
|
});
|
|
82864
82869
|
};
|
|
82865
|
-
|
|
82870
|
+
BaseVerticalBarChart.propTypes = {
|
|
82866
82871
|
title: propTypes$1.exports.string,
|
|
82867
82872
|
gridContainLabel: propTypes$1.exports.bool,
|
|
82873
|
+
gridOptions: propTypes$1.exports.object,
|
|
82868
82874
|
xAxisShow: propTypes$1.exports.bool,
|
|
82869
82875
|
seriesData: propTypes$1.exports.shape({
|
|
82870
|
-
// eslint-disable-next-line react/forbid-prop-types
|
|
82871
82876
|
chartData: propTypes$1.exports.object,
|
|
82872
|
-
// eslint-disable-next-line react/forbid-prop-types
|
|
82873
82877
|
metaData: propTypes$1.exports.object
|
|
82874
82878
|
}),
|
|
82875
|
-
// eslint-disable-next-line react/forbid-prop-types
|
|
82876
82879
|
onEvents: propTypes$1.exports.object,
|
|
82877
82880
|
yAxisLabelShow: propTypes$1.exports.bool,
|
|
82878
82881
|
ySplitLineShow: propTypes$1.exports.bool,
|
|
@@ -82886,9 +82889,15 @@ BaseVerticalChart.propTypes = {
|
|
|
82886
82889
|
style: propTypes$1.exports.objectOf(propTypes$1.exports.shape),
|
|
82887
82890
|
className: propTypes$1.exports.string
|
|
82888
82891
|
};
|
|
82889
|
-
|
|
82892
|
+
BaseVerticalBarChart.defaultProps = {
|
|
82890
82893
|
title: '',
|
|
82891
82894
|
gridContainLabel: false,
|
|
82895
|
+
gridOptions: {
|
|
82896
|
+
left: 0,
|
|
82897
|
+
right: 0,
|
|
82898
|
+
bottom: 0,
|
|
82899
|
+
top: 5
|
|
82900
|
+
},
|
|
82892
82901
|
xAxisShow: false,
|
|
82893
82902
|
seriesData: {},
|
|
82894
82903
|
onEvents: {},
|
|
@@ -82910,16 +82919,16 @@ BaseVerticalChart.defaultProps = {
|
|
|
82910
82919
|
className: ''
|
|
82911
82920
|
};
|
|
82912
82921
|
|
|
82913
|
-
var css_248z$
|
|
82914
|
-
var styles$
|
|
82915
|
-
styleInject(css_248z$
|
|
82922
|
+
var css_248z$2 = ":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.BaseHorizontalBarChart-module_root__02nf- {\n width: \"100%\";\n}";
|
|
82923
|
+
var styles$2 = {"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":"BaseHorizontalBarChart-module_root__02nf-"};
|
|
82924
|
+
styleInject(css_248z$2);
|
|
82916
82925
|
|
|
82917
82926
|
use([install$2, install$3, install$4, install$1, install$7, install]);
|
|
82918
|
-
var
|
|
82927
|
+
var BaseHorizontalBarChart = function BaseHorizontalBarChart(props) {
|
|
82919
82928
|
var _seriesData$chartData, _seriesData$chartData7;
|
|
82920
82929
|
var title = props.title,
|
|
82921
82930
|
gridContainLabel = props.gridContainLabel,
|
|
82922
|
-
|
|
82931
|
+
gridOptions = props.gridOptions,
|
|
82923
82932
|
xAxisShow = props.xAxisShow,
|
|
82924
82933
|
seriesData = props.seriesData,
|
|
82925
82934
|
onEvents = props.onEvents,
|
|
@@ -82976,10 +82985,9 @@ var BaseHorizontalChart = function BaseHorizontalChart(props) {
|
|
|
82976
82985
|
title: {
|
|
82977
82986
|
text: title
|
|
82978
82987
|
},
|
|
82979
|
-
grid: {
|
|
82980
|
-
containLabel: gridContainLabel
|
|
82981
|
-
|
|
82982
|
-
},
|
|
82988
|
+
grid: _objectSpread2({
|
|
82989
|
+
containLabel: gridContainLabel
|
|
82990
|
+
}, gridOptions),
|
|
82983
82991
|
xAxis: {
|
|
82984
82992
|
show: xAxisShow,
|
|
82985
82993
|
type: 'value'
|
|
@@ -83007,21 +83015,19 @@ var BaseHorizontalChart = function BaseHorizontalChart(props) {
|
|
|
83007
83015
|
echarts: echarts,
|
|
83008
83016
|
notMerge: true,
|
|
83009
83017
|
lazyUpdate: true,
|
|
83010
|
-
className: classes(className, styles$
|
|
83018
|
+
className: classes(className, styles$2.root),
|
|
83011
83019
|
style: style
|
|
83012
83020
|
});
|
|
83013
83021
|
};
|
|
83014
|
-
|
|
83022
|
+
BaseHorizontalBarChart.propTypes = {
|
|
83015
83023
|
title: propTypes$1.exports.string,
|
|
83016
83024
|
gridContainLabel: propTypes$1.exports.bool,
|
|
83025
|
+
gridOptions: propTypes$1.exports.object,
|
|
83017
83026
|
xAxisShow: propTypes$1.exports.bool,
|
|
83018
83027
|
seriesData: propTypes$1.exports.shape({
|
|
83019
|
-
// eslint-disable-next-line react/forbid-prop-types
|
|
83020
83028
|
chartData: propTypes$1.exports.object,
|
|
83021
|
-
// eslint-disable-next-line react/forbid-prop-types
|
|
83022
83029
|
metaData: propTypes$1.exports.object
|
|
83023
83030
|
}),
|
|
83024
|
-
// eslint-disable-next-line react/forbid-prop-types
|
|
83025
83031
|
onEvents: propTypes$1.exports.object,
|
|
83026
83032
|
yAxisLabelShow: propTypes$1.exports.bool,
|
|
83027
83033
|
ySplitLineShow: propTypes$1.exports.bool,
|
|
@@ -83031,13 +83037,18 @@ BaseHorizontalChart.propTypes = {
|
|
|
83031
83037
|
cursor: propTypes$1.exports.string,
|
|
83032
83038
|
stacked: propTypes$1.exports.bool,
|
|
83033
83039
|
seriesOption: propTypes$1.exports.objectOf(propTypes$1.exports.shape),
|
|
83034
|
-
// eslint-disable-next-line react/forbid-prop-types
|
|
83035
83040
|
style: propTypes$1.exports.object,
|
|
83036
83041
|
className: propTypes$1.exports.string
|
|
83037
83042
|
};
|
|
83038
|
-
|
|
83043
|
+
BaseHorizontalBarChart.defaultProps = {
|
|
83039
83044
|
title: '',
|
|
83040
83045
|
gridContainLabel: false,
|
|
83046
|
+
gridOptions: {
|
|
83047
|
+
left: 0,
|
|
83048
|
+
right: 0,
|
|
83049
|
+
bottom: 0,
|
|
83050
|
+
top: 5
|
|
83051
|
+
},
|
|
83041
83052
|
xAxisShow: false,
|
|
83042
83053
|
seriesData: {},
|
|
83043
83054
|
onEvents: {},
|
|
@@ -83058,9 +83069,9 @@ BaseHorizontalChart.defaultProps = {
|
|
|
83058
83069
|
className: ''
|
|
83059
83070
|
};
|
|
83060
83071
|
|
|
83061
|
-
var css_248z = ":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.BaseWidget-module_root__xM7eQ {\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__xM7eQ .BaseWidget-module_header__7iGXa {\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__xM7eQ .BaseWidget-module_header__7iGXa .BaseWidget-module_header-title__Gkxg2 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.BaseWidget-module_root__xM7eQ .BaseWidget-module_header__7iGXa .BaseWidget-module_header-title__Gkxg2.BaseWidget-module_no-options__dmj00 {\n flex: 1;\n}\n.BaseWidget-module_root__xM7eQ .BaseWidget-module_header__7iGXa .BaseWidget-module_header-title__Gkxg2 .BaseWidget-module_title__fNHzs {\n white-space: nowrap;\n color: var(--white);\n}\n.BaseWidget-module_root__xM7eQ .BaseWidget-module_header__7iGXa .BaseWidget-module_header-title__Gkxg2 .BaseWidget-module_value__Zrdy2 {\n white-space: nowrap;\n color: var(--white);\n}\n.BaseWidget-module_root__xM7eQ .BaseWidget-module_header__7iGXa .BaseWidget-module_header-options__FNRli {\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__xM7eQ .BaseWidget-module_header__7iGXa .BaseWidget-module_header-options__FNRli .BaseWidget-module_dropdown-header__O2dIS [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__xM7eQ .BaseWidget-module_header__7iGXa .BaseWidget-module_header-options__FNRli .BaseWidget-module_dropdown-header__O2dIS [data-elem=select] [data-elem=placeholder] {\n font-size: 0.875rem;\n color: var(--white);\n}\n.BaseWidget-module_root__xM7eQ .BaseWidget-module_header__7iGXa .BaseWidget-module_header-options__FNRli .BaseWidget-module_dropdown-header__O2dIS [data-elem=select] > svg {\n fill: var(--white);\n width: 0.875rem;\n}\n.BaseWidget-module_root__xM7eQ .BaseWidget-module_header__7iGXa .BaseWidget-module_header-options__FNRli .BaseWidget-module_expand-button__-Xnmk {\n height: 1.75rem;\n color: var(--white);\n border-color: var(--white);\n}\n.BaseWidget-module_root__xM7eQ .BaseWidget-module_header__7iGXa .BaseWidget-module_header-options__FNRli .BaseWidget-module_expand-button__-Xnmk .BaseWidget-module_expand-icon__8tquP {\n height: 1.25rem;\n width: 1.25rem;\n fill: var(--white);\n}\n.BaseWidget-module_root__xM7eQ .BaseWidget-module_children__SFpV2 {\n flex: 1 1;\n}\n\n.BaseWidget-module_dropdown-popper__aIjOF {\n padding: 0rem;\n background: var(--grey1);\n}\n.BaseWidget-module_dropdown-popper__aIjOF .BaseWidget-module_dropdown-item__jp1Zy {\n height: 2.25rem;\n color: var(--white);\n background: var(--grey);\n}\n.BaseWidget-module_dropdown-popper__aIjOF .BaseWidget-module_dropdown-item__jp1Zy:hover, .BaseWidget-module_dropdown-popper__aIjOF .BaseWidget-module_dropdown-item__jp1Zy:focus {\n color: var(--dark-grey);\n background: var(--grey2);\n}\n.BaseWidget-module_dropdown-popper__aIjOF .BaseWidget-module_dropdown-item__jp1Zy:hover label > svg, .BaseWidget-module_dropdown-popper__aIjOF .BaseWidget-module_dropdown-item__jp1Zy:focus label > svg {\n border: 1px solid var(--dark-grey);\n border-radius: 0.25rem;\n}";
|
|
83062
|
-
var styles = {"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":"BaseWidget-module_root__xM7eQ","header":"BaseWidget-module_header__7iGXa","header-title":"BaseWidget-module_header-title__Gkxg2","no-options":"BaseWidget-module_no-options__dmj00","title":"BaseWidget-module_title__fNHzs","value":"BaseWidget-module_value__Zrdy2","header-options":"BaseWidget-module_header-options__FNRli","dropdown-header":"BaseWidget-module_dropdown-header__O2dIS","expand-button":"BaseWidget-module_expand-button__-Xnmk","expand-icon":"BaseWidget-module_expand-icon__8tquP","children":"BaseWidget-module_children__SFpV2","dropdown-popper":"BaseWidget-module_dropdown-popper__aIjOF","dropdown-item":"BaseWidget-module_dropdown-item__jp1Zy"};
|
|
83063
|
-
styleInject(css_248z);
|
|
83072
|
+
var css_248z$1 = ":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.BaseWidget-module_root__xM7eQ {\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__xM7eQ .BaseWidget-module_header__7iGXa {\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__xM7eQ .BaseWidget-module_header__7iGXa .BaseWidget-module_header-title__Gkxg2 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.BaseWidget-module_root__xM7eQ .BaseWidget-module_header__7iGXa .BaseWidget-module_header-title__Gkxg2.BaseWidget-module_no-options__dmj00 {\n flex: 1;\n}\n.BaseWidget-module_root__xM7eQ .BaseWidget-module_header__7iGXa .BaseWidget-module_header-title__Gkxg2 .BaseWidget-module_title__fNHzs {\n white-space: nowrap;\n color: var(--white);\n}\n.BaseWidget-module_root__xM7eQ .BaseWidget-module_header__7iGXa .BaseWidget-module_header-title__Gkxg2 .BaseWidget-module_value__Zrdy2 {\n white-space: nowrap;\n color: var(--white);\n}\n.BaseWidget-module_root__xM7eQ .BaseWidget-module_header__7iGXa .BaseWidget-module_header-options__FNRli {\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__xM7eQ .BaseWidget-module_header__7iGXa .BaseWidget-module_header-options__FNRli .BaseWidget-module_dropdown-header__O2dIS [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__xM7eQ .BaseWidget-module_header__7iGXa .BaseWidget-module_header-options__FNRli .BaseWidget-module_dropdown-header__O2dIS [data-elem=select] [data-elem=placeholder] {\n font-size: 0.875rem;\n color: var(--white);\n}\n.BaseWidget-module_root__xM7eQ .BaseWidget-module_header__7iGXa .BaseWidget-module_header-options__FNRli .BaseWidget-module_dropdown-header__O2dIS [data-elem=select] > svg {\n fill: var(--white);\n width: 0.875rem;\n}\n.BaseWidget-module_root__xM7eQ .BaseWidget-module_header__7iGXa .BaseWidget-module_header-options__FNRli .BaseWidget-module_expand-button__-Xnmk {\n height: 1.75rem;\n color: var(--white);\n border-color: var(--white);\n}\n.BaseWidget-module_root__xM7eQ .BaseWidget-module_header__7iGXa .BaseWidget-module_header-options__FNRli .BaseWidget-module_expand-button__-Xnmk .BaseWidget-module_expand-icon__8tquP {\n height: 1.25rem;\n width: 1.25rem;\n fill: var(--white);\n}\n.BaseWidget-module_root__xM7eQ .BaseWidget-module_children__SFpV2 {\n flex: 1 1;\n}\n\n.BaseWidget-module_dropdown-popper__aIjOF {\n padding: 0rem;\n background: var(--grey1);\n}\n.BaseWidget-module_dropdown-popper__aIjOF .BaseWidget-module_dropdown-item__jp1Zy {\n height: 2.25rem;\n color: var(--white);\n background: var(--grey);\n}\n.BaseWidget-module_dropdown-popper__aIjOF .BaseWidget-module_dropdown-item__jp1Zy:hover, .BaseWidget-module_dropdown-popper__aIjOF .BaseWidget-module_dropdown-item__jp1Zy:focus {\n color: var(--dark-grey);\n background: var(--grey2);\n}\n.BaseWidget-module_dropdown-popper__aIjOF .BaseWidget-module_dropdown-item__jp1Zy:hover label > svg, .BaseWidget-module_dropdown-popper__aIjOF .BaseWidget-module_dropdown-item__jp1Zy:focus label > svg {\n border: 1px solid var(--dark-grey);\n border-radius: 0.25rem;\n}";
|
|
83073
|
+
var styles$1 = {"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":"BaseWidget-module_root__xM7eQ","header":"BaseWidget-module_header__7iGXa","header-title":"BaseWidget-module_header-title__Gkxg2","no-options":"BaseWidget-module_no-options__dmj00","title":"BaseWidget-module_title__fNHzs","value":"BaseWidget-module_value__Zrdy2","header-options":"BaseWidget-module_header-options__FNRli","dropdown-header":"BaseWidget-module_dropdown-header__O2dIS","expand-button":"BaseWidget-module_expand-button__-Xnmk","expand-icon":"BaseWidget-module_expand-icon__8tquP","children":"BaseWidget-module_children__SFpV2","dropdown-popper":"BaseWidget-module_dropdown-popper__aIjOF","dropdown-item":"BaseWidget-module_dropdown-item__jp1Zy"};
|
|
83074
|
+
styleInject(css_248z$1);
|
|
83064
83075
|
|
|
83065
83076
|
var generateOptions = function generateOptions(optionData) {
|
|
83066
83077
|
var _optionData$id, _optionData$placehold, _optionData$value, _optionData$onChange, _optionData$selectOpt, _optionData$title, _optionData$onClick;
|
|
@@ -83074,15 +83085,15 @@ var generateOptions = function generateOptions(optionData) {
|
|
|
83074
83085
|
placeholder: (_optionData$placehold = optionData === null || optionData === void 0 ? void 0 : optionData.placeholder) !== null && _optionData$placehold !== void 0 ? _optionData$placehold : '',
|
|
83075
83086
|
value: (_optionData$value = optionData === null || optionData === void 0 ? void 0 : optionData.value) !== null && _optionData$value !== void 0 ? _optionData$value : '',
|
|
83076
83087
|
onChange: (_optionData$onChange = optionData === null || optionData === void 0 ? void 0 : optionData.onChange) !== null && _optionData$onChange !== void 0 ? _optionData$onChange : '',
|
|
83077
|
-
className: styles['dropdown-header'],
|
|
83078
|
-
popperClassName: styles['dropdown-popper'],
|
|
83088
|
+
className: styles$1['dropdown-header'],
|
|
83089
|
+
popperClassName: styles$1['dropdown-popper'],
|
|
83079
83090
|
children: ((_optionData$selectOpt = optionData === null || optionData === void 0 ? void 0 : optionData.selectOption) !== null && _optionData$selectOpt !== void 0 ? _optionData$selectOpt : []).map(function (objectData) {
|
|
83080
83091
|
var _objectData$title, _objectData$value, _objectData$value2;
|
|
83081
83092
|
return /*#__PURE__*/jsx$1(DropdownItem, {
|
|
83082
83093
|
title: (_objectData$title = objectData === null || objectData === void 0 ? void 0 : objectData.title) !== null && _objectData$title !== void 0 ? _objectData$title : '',
|
|
83083
83094
|
value: (_objectData$value2 = objectData === null || objectData === void 0 ? void 0 : objectData.value) !== null && _objectData$value2 !== void 0 ? _objectData$value2 : '',
|
|
83084
83095
|
variant: "checkbox",
|
|
83085
|
-
className: styles['dropdown-item']
|
|
83096
|
+
className: styles$1['dropdown-item']
|
|
83086
83097
|
}, (_objectData$value = objectData === null || objectData === void 0 ? void 0 : objectData.value) !== null && _objectData$value !== void 0 ? _objectData$value : '');
|
|
83087
83098
|
})
|
|
83088
83099
|
});
|
|
@@ -83091,11 +83102,11 @@ var generateOptions = function generateOptions(optionData) {
|
|
|
83091
83102
|
title: (_optionData$title = optionData === null || optionData === void 0 ? void 0 : optionData.title) !== null && _optionData$title !== void 0 ? _optionData$title : '',
|
|
83092
83103
|
variant: "outlined",
|
|
83093
83104
|
size: "auto",
|
|
83094
|
-
className: styles['expand-button'],
|
|
83105
|
+
className: styles$1['expand-button'],
|
|
83095
83106
|
onClick: (_optionData$onClick = optionData === null || optionData === void 0 ? void 0 : optionData.onClick) !== null && _optionData$onClick !== void 0 ? _optionData$onClick : '',
|
|
83096
83107
|
rightComponent: function rightComponent() {
|
|
83097
83108
|
return /*#__PURE__*/jsx$1(ExpandArrowAlt, {
|
|
83098
|
-
className: styles['expand-icon']
|
|
83109
|
+
className: styles$1['expand-icon']
|
|
83099
83110
|
});
|
|
83100
83111
|
}
|
|
83101
83112
|
});
|
|
@@ -83113,31 +83124,31 @@ var BaseWidget = function BaseWidget(props) {
|
|
|
83113
83124
|
className = props.className,
|
|
83114
83125
|
children = props.children;
|
|
83115
83126
|
return /*#__PURE__*/jsxs("div", {
|
|
83116
|
-
className: classes(styles.root, className),
|
|
83127
|
+
className: classes(styles$1.root, className),
|
|
83117
83128
|
children: [/*#__PURE__*/jsxs("div", {
|
|
83118
|
-
className: styles.header,
|
|
83129
|
+
className: styles$1.header,
|
|
83119
83130
|
"data-elem": "header",
|
|
83120
83131
|
children: [/*#__PURE__*/jsxs("div", {
|
|
83121
|
-
className: classes(styles['header-title'], ((_options$length = options === null || options === void 0 ? void 0 : options.length) !== null && _options$length !== void 0 ? _options$length : 0) === 0 ? styles['no-options'] : ''),
|
|
83132
|
+
className: classes(styles$1['header-title'], ((_options$length = options === null || options === void 0 ? void 0 : options.length) !== null && _options$length !== void 0 ? _options$length : 0) === 0 ? styles$1['no-options'] : ''),
|
|
83122
83133
|
"data-elem": "header-title",
|
|
83123
83134
|
children: [/*#__PURE__*/jsxs("span", {
|
|
83124
|
-
className: styles.title,
|
|
83135
|
+
className: styles$1.title,
|
|
83125
83136
|
"data-elem": "title",
|
|
83126
83137
|
children: [title, ((_options$length2 = options === null || options === void 0 ? void 0 : options.length) !== null && _options$length2 !== void 0 ? _options$length2 : 0) > 0 ? ' - ' : ' ']
|
|
83127
83138
|
}), /*#__PURE__*/jsx$1("span", {
|
|
83128
|
-
className: styles.value,
|
|
83139
|
+
className: styles$1.value,
|
|
83129
83140
|
"data-elem": "value",
|
|
83130
83141
|
children: value
|
|
83131
83142
|
})]
|
|
83132
83143
|
}), /*#__PURE__*/jsx$1("div", {
|
|
83133
|
-
className: styles['header-options'],
|
|
83144
|
+
className: styles$1['header-options'],
|
|
83134
83145
|
"data-elem": "header-options",
|
|
83135
83146
|
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) {
|
|
83136
83147
|
return generateOptions(objectData);
|
|
83137
83148
|
}))
|
|
83138
83149
|
})]
|
|
83139
83150
|
}), /*#__PURE__*/jsx$1("hr", {}), /*#__PURE__*/jsx$1("div", {
|
|
83140
|
-
className: styles.children,
|
|
83151
|
+
className: styles$1.children,
|
|
83141
83152
|
"data-elem": "children",
|
|
83142
83153
|
children: children
|
|
83143
83154
|
})]
|
|
@@ -83156,6 +83167,42 @@ BaseWidget.defaultProps = {
|
|
|
83156
83167
|
className: ''
|
|
83157
83168
|
};
|
|
83158
83169
|
|
|
83170
|
+
var css_248z = ":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.DisplayPicture-module_root__-OCp7.DisplayPicture-module_sm__WgrGZ img {\n height: 1.5rem;\n width: 1.5rem;\n border-radius: 100%;\n}\n.DisplayPicture-module_root__-OCp7.DisplayPicture-module_sm__WgrGZ 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__-OCp7.DisplayPicture-module_sm__WgrGZ div span {\n font-size: 1rem;\n font-weight: 600;\n color: var(--white);\n}\n.DisplayPicture-module_root__-OCp7.DisplayPicture-module_md__uE0B2 img {\n height: 5.3125rem;\n width: 5.3125rem;\n border-radius: 100%;\n}\n.DisplayPicture-module_root__-OCp7.DisplayPicture-module_md__uE0B2 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__-OCp7.DisplayPicture-module_md__uE0B2 div span {\n font-size: 2rem;\n font-weight: 600;\n color: var(--white);\n}";
|
|
83171
|
+
var styles = {"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":"DisplayPicture-module_root__-OCp7","sm":"DisplayPicture-module_sm__WgrGZ","md":"DisplayPicture-module_md__uE0B2"};
|
|
83172
|
+
styleInject(css_248z);
|
|
83173
|
+
|
|
83174
|
+
var DisplayPicture = function DisplayPicture(props) {
|
|
83175
|
+
var name = props.name,
|
|
83176
|
+
className = props.className,
|
|
83177
|
+
url = props.url,
|
|
83178
|
+
size = props.size;
|
|
83179
|
+
return /*#__PURE__*/jsxs("div", {
|
|
83180
|
+
className: classes(styles.root, className, styles[size]),
|
|
83181
|
+
children: [!url && /*#__PURE__*/jsx$1("div", {
|
|
83182
|
+
children: /*#__PURE__*/jsx$1("span", {
|
|
83183
|
+
"data-elem": "dp-name",
|
|
83184
|
+
children: getInitialsOfName(name)
|
|
83185
|
+
})
|
|
83186
|
+
}), url && /*#__PURE__*/jsx$1("img", {
|
|
83187
|
+
"data-elem": "dp-img",
|
|
83188
|
+
src: url,
|
|
83189
|
+
alt: name
|
|
83190
|
+
})]
|
|
83191
|
+
});
|
|
83192
|
+
};
|
|
83193
|
+
DisplayPicture.propTypes = {
|
|
83194
|
+
name: propTypes$1.exports.string,
|
|
83195
|
+
url: propTypes$1.exports.string,
|
|
83196
|
+
className: propTypes$1.exports.string,
|
|
83197
|
+
size: propTypes$1.exports.string
|
|
83198
|
+
};
|
|
83199
|
+
DisplayPicture.defaultProps = {
|
|
83200
|
+
name: '',
|
|
83201
|
+
url: '',
|
|
83202
|
+
className: '',
|
|
83203
|
+
size: 'sm'
|
|
83204
|
+
};
|
|
83205
|
+
|
|
83159
83206
|
var abapExports = requireAbap();
|
|
83160
83207
|
|
|
83161
83208
|
var abap = /*#__PURE__*/_mergeNamespaces({
|
|
@@ -84185,4 +84232,4 @@ var yaml = /*#__PURE__*/_mergeNamespaces({
|
|
|
84185
84232
|
default: yamlExports
|
|
84186
84233
|
}, [yamlExports]);
|
|
84187
84234
|
|
|
84188
|
-
export { Accordion, Alert, AlertIcon, AngleDouble as AngleDoubleIcon, Arrow$1 as ArrowIcon, BASE_URLS, BaseButton, BaseCell, BaseModal, BaseSidePanel, BaseTable,
|
|
84235
|
+
export { Accordion, Alert, AlertIcon, AngleDouble as AngleDoubleIcon, Arrow$1 as ArrowIcon, BASE_URLS, BaseButton, BaseCell, BaseHorizontalBarChart, BaseModal, BaseSidePanel, BaseTable, BaseVerticalBarChart, BaseWidget, BreadCrumbs, BreadcrumbSeperator as BreadcrumbSeperatorIcon, Button, Calender$1 as CalenderIcon, Caret as CaretIcon, Checkbox, CheckboxIcon, Chevron as ChevronIcon, Chip, CodeSnippet, Columns$1 as ColumnsIcon, Copy as CopyIcon, Cross$1 as CrossIcon, DAYS, DatePicker, Delete as DeleteIcon, DisplayPicture, Download as DownloadIcon, Dropdown, DropdownItem, Edit as EditIcon, ExpandArrowAlt as ExpandArrowAltIcon, FULL_MONTHS, Filter as FilterIcon, HalfShade as HalfShadeIcon, HierarchyBrowser, HierarchyItem, MONTHS, MagnifyingGlass as MagnifyingGlassIcon, Nut as NutIcon, PageHeader, Pagination, PaginationList, Plus as PlusIcon, Popover, Popper, Radio, RadioIcon, Refresh as RefreshIcon, Reset as ResetIcon, Server as ServerIcon, Stepper, Table, TableCell, TableChip, TableChips, TableColumn, TableFilters, Tabs, TextField, Tick as TickIcon, Tooltip, View as ViewIcon, classes, cloneDeep, defaultProps$1 as defaultProps, doubleDigitted, get$1 as get, getCurrentSearchParams, getDateFromEpoch, getDatesInAMonth, getDayInfo, getInitialsOfName, getJSDateFromEpoch, getPagination, getSpacedDisplayName, getTimeFromEpoch, inputHelper, propTypes, stringToPath, sumArrayOfObjects, uniqueArray, uniqueArrayOfObjects, useOutsideClickListener, usePagination, useResize, useRowFilter };
|