@banyan_cloud/roots 1.0.11 → 1.0.12
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/dist/cjs/index.js
CHANGED
|
@@ -1602,9 +1602,9 @@ function styleInject(css, ref) {
|
|
|
1602
1602
|
}
|
|
1603
1603
|
}
|
|
1604
1604
|
|
|
1605
|
-
var css_248z$
|
|
1606
|
-
var styles$
|
|
1607
|
-
styleInject(css_248z$
|
|
1605
|
+
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}";
|
|
1606
|
+
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"};
|
|
1607
|
+
styleInject(css_248z$K);
|
|
1608
1608
|
|
|
1609
1609
|
var BaseCell = /*#__PURE__*/React.forwardRef(function BaseCell(props, ref) {
|
|
1610
1610
|
var className = props.className,
|
|
@@ -1620,7 +1620,7 @@ var BaseCell = /*#__PURE__*/React.forwardRef(function BaseCell(props, ref) {
|
|
|
1620
1620
|
var Component = /*#__PURE__*/React.createElement(RootDOM, _objectSpread2({
|
|
1621
1621
|
'data-elem': 'base-cell',
|
|
1622
1622
|
ref: ref,
|
|
1623
|
-
className: classes(className, styles$
|
|
1623
|
+
className: classes(className, styles$J.root, styles$J[size], styles$J["border-radius-".concat(radius)], flexible ? styles$J.flexible : '', rounded ? styles$J.rounded : '')
|
|
1624
1624
|
}, attrs), /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
1625
1625
|
children: [component1 && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
1626
1626
|
"data-elem": "component1",
|
|
@@ -2010,15 +2010,15 @@ Server.defaultProps = {
|
|
|
2010
2010
|
className: ''
|
|
2011
2011
|
};
|
|
2012
2012
|
|
|
2013
|
-
var css_248z$
|
|
2014
|
-
var styles$
|
|
2015
|
-
styleInject(css_248z$
|
|
2013
|
+
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}";
|
|
2014
|
+
var styles$I = {"right":"Arrow-module_right__OPm55","left":"Arrow-module_left__mbW5H","bottom":"Arrow-module_bottom__TNVV9","top":"Arrow-module_top__1YFaI"};
|
|
2015
|
+
styleInject(css_248z$J);
|
|
2016
2016
|
|
|
2017
2017
|
var Arrow$1 = function Arrow(props) {
|
|
2018
2018
|
var className = props.className,
|
|
2019
2019
|
position = props.position;
|
|
2020
2020
|
return /*#__PURE__*/jsxRuntime.jsx("svg", {
|
|
2021
|
-
className: classes(className, styles$
|
|
2021
|
+
className: classes(className, styles$I[position]),
|
|
2022
2022
|
viewBox: "0 0 25 24",
|
|
2023
2023
|
fill: "#333333",
|
|
2024
2024
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2032,15 +2032,15 @@ Arrow$1.defaultProps = {
|
|
|
2032
2032
|
position: 'right'
|
|
2033
2033
|
};
|
|
2034
2034
|
|
|
2035
|
-
var css_248z$
|
|
2036
|
-
var styles$
|
|
2037
|
-
styleInject(css_248z$
|
|
2035
|
+
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}";
|
|
2036
|
+
var styles$H = {"left":"Chevron-module_left__qo9Uh","bottom":"Chevron-module_bottom__xHi8D","right":"Chevron-module_right__nQXUr","top":"Chevron-module_top__gWkFh"};
|
|
2037
|
+
styleInject(css_248z$I);
|
|
2038
2038
|
|
|
2039
2039
|
var Chevron = function Chevron(props) {
|
|
2040
2040
|
var className = props.className,
|
|
2041
2041
|
position = props.position;
|
|
2042
2042
|
return /*#__PURE__*/jsxRuntime.jsx("svg", {
|
|
2043
|
-
className: classes(className, styles$
|
|
2043
|
+
className: classes(className, styles$H[position]),
|
|
2044
2044
|
viewBox: "0 0 22 22",
|
|
2045
2045
|
fill: "none",
|
|
2046
2046
|
stroke: "white",
|
|
@@ -2329,9 +2329,9 @@ Reset.defaultProps = {
|
|
|
2329
2329
|
className: ''
|
|
2330
2330
|
};
|
|
2331
2331
|
|
|
2332
|
-
var css_248z$
|
|
2333
|
-
var styles$
|
|
2334
|
-
styleInject(css_248z$
|
|
2332
|
+
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}";
|
|
2333
|
+
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"};
|
|
2334
|
+
styleInject(css_248z$H);
|
|
2335
2335
|
|
|
2336
2336
|
var Accordion = function Accordion(props) {
|
|
2337
2337
|
var defaultOpen = props.defaultOpen,
|
|
@@ -2346,13 +2346,13 @@ var Accordion = function Accordion(props) {
|
|
|
2346
2346
|
open = _useState2[0],
|
|
2347
2347
|
setOpen = _useState2[1];
|
|
2348
2348
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
2349
|
-
className: classes(className, styles$
|
|
2349
|
+
className: classes(className, styles$G.root, open ? styles$G.open : ''),
|
|
2350
2350
|
"data-state-open": open,
|
|
2351
2351
|
children: [/*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
2352
2352
|
flexible: true,
|
|
2353
2353
|
size: "auto",
|
|
2354
2354
|
rootDOM: "button",
|
|
2355
|
-
className: styles$
|
|
2355
|
+
className: styles$G.header,
|
|
2356
2356
|
attrs: {
|
|
2357
2357
|
onClick: function onClick() {
|
|
2358
2358
|
setOpen(function (prevState) {
|
|
@@ -2363,18 +2363,18 @@ var Accordion = function Accordion(props) {
|
|
|
2363
2363
|
}
|
|
2364
2364
|
},
|
|
2365
2365
|
component1: iconPlacement === 'left' && /*#__PURE__*/jsxRuntime.jsx(Caret, {
|
|
2366
|
-
className: styles$
|
|
2366
|
+
className: styles$G.icon
|
|
2367
2367
|
}),
|
|
2368
2368
|
component2: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
2369
|
-
className: styles$
|
|
2369
|
+
className: styles$G.title,
|
|
2370
2370
|
children: title
|
|
2371
2371
|
}),
|
|
2372
2372
|
component3: iconPlacement === 'right' && /*#__PURE__*/jsxRuntime.jsx(Caret, {
|
|
2373
|
-
className: styles$
|
|
2373
|
+
className: styles$G.icon
|
|
2374
2374
|
})
|
|
2375
2375
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
2376
2376
|
"data-elem": "body",
|
|
2377
|
-
className: styles$
|
|
2377
|
+
className: styles$G.body,
|
|
2378
2378
|
children: [description && /*#__PURE__*/jsxRuntime.jsx("p", {
|
|
2379
2379
|
children: description
|
|
2380
2380
|
}), children]
|
|
@@ -2398,13 +2398,13 @@ Accordion.defaultProps = {
|
|
|
2398
2398
|
className: ''
|
|
2399
2399
|
};
|
|
2400
2400
|
|
|
2401
|
-
var css_248z$
|
|
2402
|
-
var styles$
|
|
2403
|
-
styleInject(css_248z$
|
|
2401
|
+
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}";
|
|
2402
|
+
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"};
|
|
2403
|
+
styleInject(css_248z$G);
|
|
2404
2404
|
|
|
2405
|
-
var css_248z$
|
|
2406
|
-
var styles$
|
|
2407
|
-
styleInject(css_248z$
|
|
2405
|
+
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}";
|
|
2406
|
+
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"};
|
|
2407
|
+
styleInject(css_248z$F);
|
|
2408
2408
|
|
|
2409
2409
|
var BaseButton = /*#__PURE__*/React.forwardRef(function BaseButton(props, ref) {
|
|
2410
2410
|
var className = props.className,
|
|
@@ -2423,7 +2423,7 @@ var BaseButton = /*#__PURE__*/React.forwardRef(function BaseButton(props, ref) {
|
|
|
2423
2423
|
children: title
|
|
2424
2424
|
});
|
|
2425
2425
|
return /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
2426
|
-
className: classes(className, styles$
|
|
2426
|
+
className: classes(className, styles$E.root, styles$E[variant]),
|
|
2427
2427
|
ref: ref,
|
|
2428
2428
|
component1: component1,
|
|
2429
2429
|
component2: Title,
|
|
@@ -2454,9 +2454,9 @@ BaseButton.defaultProps = _objectSpread2(_objectSpread2({}, BaseCell.defaultProp
|
|
|
2454
2454
|
variant: 'contained'
|
|
2455
2455
|
});
|
|
2456
2456
|
|
|
2457
|
-
var css_248z$
|
|
2458
|
-
var styles$
|
|
2459
|
-
styleInject(css_248z$
|
|
2457
|
+
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}";
|
|
2458
|
+
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"};
|
|
2459
|
+
styleInject(css_248z$E);
|
|
2460
2460
|
|
|
2461
2461
|
var Button = /*#__PURE__*/React.forwardRef(function Button(props, ref) {
|
|
2462
2462
|
var className = props.className,
|
|
@@ -2483,7 +2483,7 @@ var Button = /*#__PURE__*/React.forwardRef(function Button(props, ref) {
|
|
|
2483
2483
|
disabled: disabled,
|
|
2484
2484
|
onClick: onClick,
|
|
2485
2485
|
variant: variant,
|
|
2486
|
-
className: classes(styles$
|
|
2486
|
+
className: classes(styles$D.root, styles$D["radius-".concat(radius)], styles$D[variant], styles$D[color], className)
|
|
2487
2487
|
});
|
|
2488
2488
|
});
|
|
2489
2489
|
Button.propTypes = _objectSpread2(_objectSpread2({}, BaseButton.propTypes), {}, {
|
|
@@ -2498,9 +2498,9 @@ Button.defaultProps = _objectSpread2(_objectSpread2({}, BaseButton.defaultProps)
|
|
|
2498
2498
|
radius: 'default'
|
|
2499
2499
|
});
|
|
2500
2500
|
|
|
2501
|
-
var css_248z$
|
|
2502
|
-
var styles$
|
|
2503
|
-
styleInject(css_248z$
|
|
2501
|
+
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}";
|
|
2502
|
+
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"};
|
|
2503
|
+
styleInject(css_248z$D);
|
|
2504
2504
|
|
|
2505
2505
|
var Chip = function Chip(props) {
|
|
2506
2506
|
var className = props.className,
|
|
@@ -2526,7 +2526,7 @@ var Chip = function Chip(props) {
|
|
|
2526
2526
|
disabled: disabled,
|
|
2527
2527
|
onClick: onClick,
|
|
2528
2528
|
variant: 'contained',
|
|
2529
|
-
className: classes(styles$
|
|
2529
|
+
className: classes(styles$C.root, styles$C["radius-".concat(radius)], styles$C[variant], styles$C[color], styles$C[size], className)
|
|
2530
2530
|
});
|
|
2531
2531
|
};
|
|
2532
2532
|
Chip.propTypes = _objectSpread2(_objectSpread2({}, BaseButton.propTypes), {}, {
|
|
@@ -5959,9 +5959,9 @@ const useTypeahead = function (_ref, _temp) {
|
|
|
5959
5959
|
};
|
|
5960
5960
|
};
|
|
5961
5961
|
|
|
5962
|
-
var css_248z$
|
|
5963
|
-
var styles$
|
|
5964
|
-
styleInject(css_248z$
|
|
5962
|
+
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}";
|
|
5963
|
+
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-"};
|
|
5964
|
+
styleInject(css_248z$C);
|
|
5965
5965
|
|
|
5966
5966
|
var Popper = function Popper(props) {
|
|
5967
5967
|
var open = props.open,
|
|
@@ -5974,7 +5974,7 @@ var Popper = function Popper(props) {
|
|
|
5974
5974
|
id: wrapperId,
|
|
5975
5975
|
children: open && /*#__PURE__*/jsxRuntime.jsx(FloatingOverlay, {
|
|
5976
5976
|
lockScroll: true,
|
|
5977
|
-
className: classes(className, styles$
|
|
5977
|
+
className: classes(className, styles$B.backdrop, transparent ? styles$B.transparent : '', backdrop ? '' : styles$B['hide-backdrop']),
|
|
5978
5978
|
children: children
|
|
5979
5979
|
})
|
|
5980
5980
|
});
|
|
@@ -6105,28 +6105,28 @@ var Alert = function Alert(props) {
|
|
|
6105
6105
|
var Icon = null;
|
|
6106
6106
|
if (AlertTypeIcon != null) {
|
|
6107
6107
|
Icon = /*#__PURE__*/jsxRuntime.jsx(AlertTypeIcon, {
|
|
6108
|
-
className: styles$
|
|
6108
|
+
className: styles$F.icon
|
|
6109
6109
|
});
|
|
6110
6110
|
} else {
|
|
6111
6111
|
switch (color) {
|
|
6112
6112
|
case 'info':
|
|
6113
6113
|
Icon = /*#__PURE__*/jsxRuntime.jsx(AlertIcon.Info, {
|
|
6114
|
-
className: styles$
|
|
6114
|
+
className: styles$F.icon
|
|
6115
6115
|
});
|
|
6116
6116
|
break;
|
|
6117
6117
|
case 'warning':
|
|
6118
6118
|
Icon = /*#__PURE__*/jsxRuntime.jsx(AlertIcon.Warning, {
|
|
6119
|
-
className: styles$
|
|
6119
|
+
className: styles$F.icon
|
|
6120
6120
|
});
|
|
6121
6121
|
break;
|
|
6122
6122
|
case 'success':
|
|
6123
6123
|
Icon = /*#__PURE__*/jsxRuntime.jsx(AlertIcon.Success, {
|
|
6124
|
-
className: styles$
|
|
6124
|
+
className: styles$F.icon
|
|
6125
6125
|
});
|
|
6126
6126
|
break;
|
|
6127
6127
|
case 'danger':
|
|
6128
6128
|
Icon = /*#__PURE__*/jsxRuntime.jsx(AlertIcon.Danger, {
|
|
6129
|
-
className: styles$
|
|
6129
|
+
className: styles$F.icon
|
|
6130
6130
|
});
|
|
6131
6131
|
break;
|
|
6132
6132
|
default:
|
|
@@ -6140,40 +6140,40 @@ var Alert = function Alert(props) {
|
|
|
6140
6140
|
});
|
|
6141
6141
|
return /*#__PURE__*/jsxRuntime.jsx(Popper, {
|
|
6142
6142
|
open: open,
|
|
6143
|
-
className: styles$
|
|
6143
|
+
className: styles$F.popper,
|
|
6144
6144
|
id: "alert-popper",
|
|
6145
6145
|
transparent: false,
|
|
6146
6146
|
children: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
6147
6147
|
ref: ref,
|
|
6148
|
-
className: classes(styles$
|
|
6148
|
+
className: classes(styles$F.root, styles$F[color], styles$F["border-".concat(border)], shadow ? styles$F.shadow : '', styles$F["position-".concat(position)]),
|
|
6149
6149
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
6150
|
-
className: styles$
|
|
6150
|
+
className: styles$F.left,
|
|
6151
6151
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
6152
|
-
className: styles$
|
|
6152
|
+
className: styles$F.icons,
|
|
6153
6153
|
children: showIcon && Icon
|
|
6154
6154
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
6155
|
-
className: styles$
|
|
6155
|
+
className: styles$F.content,
|
|
6156
6156
|
children: [/*#__PURE__*/jsxRuntime.jsx("span", {
|
|
6157
|
-
className: styles$
|
|
6157
|
+
className: styles$F.title,
|
|
6158
6158
|
children: title
|
|
6159
6159
|
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
6160
|
-
className: styles$
|
|
6160
|
+
className: styles$F.description,
|
|
6161
6161
|
children: description
|
|
6162
6162
|
})]
|
|
6163
6163
|
})]
|
|
6164
6164
|
}), (action || close) && /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
6165
|
-
className: styles$
|
|
6165
|
+
className: styles$F.actions,
|
|
6166
6166
|
children: [action && /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
6167
6167
|
title: action,
|
|
6168
6168
|
size: "small",
|
|
6169
6169
|
variant: "text",
|
|
6170
6170
|
color: "primary",
|
|
6171
|
-
className: styles$
|
|
6171
|
+
className: styles$F.button
|
|
6172
6172
|
}), close && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
6173
6173
|
onClick: toggle,
|
|
6174
|
-
className: styles$
|
|
6174
|
+
className: styles$F.close,
|
|
6175
6175
|
children: /*#__PURE__*/jsxRuntime.jsx(Cross$1, {
|
|
6176
|
-
className: styles$
|
|
6176
|
+
className: styles$F.icon
|
|
6177
6177
|
})
|
|
6178
6178
|
})]
|
|
6179
6179
|
})]
|
|
@@ -11813,9 +11813,9 @@ process.env.NODE_ENV !== "production" ? Link.propTypes
|
|
|
11813
11813
|
} : void 0;
|
|
11814
11814
|
var Link$1 = Link;
|
|
11815
11815
|
|
|
11816
|
-
var css_248z$
|
|
11817
|
-
var styles$
|
|
11818
|
-
styleInject(css_248z$
|
|
11816
|
+
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}";
|
|
11817
|
+
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"};
|
|
11818
|
+
styleInject(css_248z$B);
|
|
11819
11819
|
|
|
11820
11820
|
var BreadCrumbs = function BreadCrumbs(props) {
|
|
11821
11821
|
var crumbs = props.crumbs,
|
|
@@ -11823,13 +11823,13 @@ var BreadCrumbs = function BreadCrumbs(props) {
|
|
|
11823
11823
|
itemsBeforeCollapse = props.itemsBeforeCollapse,
|
|
11824
11824
|
itemsAfterCollapse = props.itemsAfterCollapse;
|
|
11825
11825
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
11826
|
-
className: classes(styles$
|
|
11826
|
+
className: classes(styles$A.container),
|
|
11827
11827
|
children: /*#__PURE__*/jsxRuntime.jsx(Breadcrumbs$1, _objectSpread2(_objectSpread2({}, props), {}, {
|
|
11828
11828
|
maxItems: maxItems,
|
|
11829
11829
|
itemsBeforeCollapse: itemsBeforeCollapse,
|
|
11830
11830
|
itemsAfterCollapse: itemsAfterCollapse,
|
|
11831
11831
|
separator: /*#__PURE__*/jsxRuntime.jsx(BreadcrumbSeperator, {
|
|
11832
|
-
className: styles$
|
|
11832
|
+
className: styles$A.seperator
|
|
11833
11833
|
}),
|
|
11834
11834
|
"aria-label": "breadcrumb",
|
|
11835
11835
|
children: crumbs.map(function (crumb, index) {
|
|
@@ -11839,7 +11839,7 @@ var BreadCrumbs = function BreadCrumbs(props) {
|
|
|
11839
11839
|
underline: "hover",
|
|
11840
11840
|
children: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
11841
11841
|
"data-elem": "breadcrumb-item".concat(active ? '-active' : ''),
|
|
11842
|
-
className: classes(styles$
|
|
11842
|
+
className: classes(styles$A['breadcrumb-item'], active ? styles$A.active : ''),
|
|
11843
11843
|
children: getSpacedDisplayName(crumb).replace(/-/g, ' ')
|
|
11844
11844
|
})
|
|
11845
11845
|
}, crumb);
|
|
@@ -32638,9 +32638,9 @@ var dracula = {
|
|
|
32638
32638
|
numberColor: "#bd93f9"
|
|
32639
32639
|
};
|
|
32640
32640
|
|
|
32641
|
-
var css_248z$
|
|
32642
|
-
var styles$
|
|
32643
|
-
styleInject(css_248z$
|
|
32641
|
+
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}";
|
|
32642
|
+
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"};
|
|
32643
|
+
styleInject(css_248z$A);
|
|
32644
32644
|
|
|
32645
32645
|
var CodeSnippet = function CodeSnippet(props) {
|
|
32646
32646
|
var copy = props.copy,
|
|
@@ -32662,7 +32662,7 @@ var CodeSnippet = function CodeSnippet(props) {
|
|
|
32662
32662
|
setCopiedState(true);
|
|
32663
32663
|
};
|
|
32664
32664
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
32665
|
-
className: styles$
|
|
32665
|
+
className: styles$z.root,
|
|
32666
32666
|
children: [/*#__PURE__*/jsxRuntime.jsx(ThemedCodeBlock, {
|
|
32667
32667
|
text: code,
|
|
32668
32668
|
language: language,
|
|
@@ -32672,12 +32672,12 @@ var CodeSnippet = function CodeSnippet(props) {
|
|
|
32672
32672
|
codeBlock: true,
|
|
32673
32673
|
wrapLines: true
|
|
32674
32674
|
}), copy && /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
32675
|
-
className: styles$
|
|
32675
|
+
className: styles$z.copy,
|
|
32676
32676
|
onClick: onCopy,
|
|
32677
32677
|
children: [/*#__PURE__*/jsxRuntime.jsx(Copy, {
|
|
32678
|
-
className: classes(styles$
|
|
32678
|
+
className: classes(styles$z.icon, theme === 'dark' ? styles$z.dark : styles$z.light)
|
|
32679
32679
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
32680
|
-
className: copiedState ? styles$
|
|
32680
|
+
className: copiedState ? styles$z.copied : styles$z.notCopied,
|
|
32681
32681
|
children: copiedState ? 'Copied' : ''
|
|
32682
32682
|
})]
|
|
32683
32683
|
})]
|
|
@@ -33524,52 +33524,52 @@ function sub$1(date, duration) {
|
|
|
33524
33524
|
return finalDate;
|
|
33525
33525
|
}
|
|
33526
33526
|
|
|
33527
|
-
var css_248z$
|
|
33528
|
-
var styles$
|
|
33529
|
-
styleInject(css_248z$
|
|
33527
|
+
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}";
|
|
33528
|
+
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"};
|
|
33529
|
+
styleInject(css_248z$z);
|
|
33530
33530
|
|
|
33531
33531
|
var Header = function Header(props) {
|
|
33532
33532
|
var selectedMonth = props.selectedMonth,
|
|
33533
33533
|
onMonthChange = props.onMonthChange;
|
|
33534
33534
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
33535
|
-
className: styles$
|
|
33535
|
+
className: styles$y.container,
|
|
33536
33536
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
33537
33537
|
onClick: function onClick() {
|
|
33538
33538
|
onMonthChange('prev');
|
|
33539
33539
|
},
|
|
33540
|
-
className: styles$
|
|
33540
|
+
className: styles$y['left-arrow'],
|
|
33541
33541
|
children: /*#__PURE__*/jsxRuntime.jsx(Chevron, {
|
|
33542
|
-
className: classes(styles$
|
|
33542
|
+
className: classes(styles$y.icon),
|
|
33543
33543
|
position: "left"
|
|
33544
33544
|
})
|
|
33545
33545
|
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
33546
|
-
className: styles$
|
|
33546
|
+
className: styles$y.title,
|
|
33547
33547
|
children: "".concat(selectedMonth.month, " ").concat(selectedMonth.year)
|
|
33548
33548
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
33549
33549
|
onClick: function onClick() {
|
|
33550
33550
|
onMonthChange('next');
|
|
33551
33551
|
},
|
|
33552
|
-
className: styles$
|
|
33552
|
+
className: styles$y['right-arrow'],
|
|
33553
33553
|
children: /*#__PURE__*/jsxRuntime.jsx(Chevron, {
|
|
33554
|
-
className: classes(styles$
|
|
33554
|
+
className: classes(styles$y.icon),
|
|
33555
33555
|
position: "right"
|
|
33556
33556
|
})
|
|
33557
33557
|
})]
|
|
33558
33558
|
});
|
|
33559
33559
|
};
|
|
33560
33560
|
|
|
33561
|
-
var css_248z$
|
|
33562
|
-
var styles$
|
|
33561
|
+
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}";
|
|
33562
|
+
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"};
|
|
33563
|
+
styleInject(css_248z$y);
|
|
33564
|
+
|
|
33565
|
+
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}";
|
|
33566
|
+
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"};
|
|
33563
33567
|
styleInject(css_248z$x);
|
|
33564
33568
|
|
|
33565
|
-
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.
|
|
33566
|
-
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)","
|
|
33569
|
+
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}";
|
|
33570
|
+
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"};
|
|
33567
33571
|
styleInject(css_248z$w);
|
|
33568
33572
|
|
|
33569
|
-
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}";
|
|
33570
|
-
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"};
|
|
33571
|
-
styleInject(css_248z$v);
|
|
33572
|
-
|
|
33573
33573
|
var getDatesOfLastWeekOfLastMonth = function getDatesOfLastWeekOfLastMonth(_ref) {
|
|
33574
33574
|
var monthAsNumber = _ref.monthAsNumber,
|
|
33575
33575
|
year = _ref.year,
|
|
@@ -33770,7 +33770,7 @@ var Dates = function Dates(props) {
|
|
|
33770
33770
|
return (disableDatesAfter === null || disableDatesAfter === void 0 ? void 0 : disableDatesAfter.length) > 0 && isAfter(date, fromUnixTime(disableDatesAfter));
|
|
33771
33771
|
};
|
|
33772
33772
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
33773
|
-
className: styles$
|
|
33773
|
+
className: styles$v.dates,
|
|
33774
33774
|
children: datesToDisplay.map(function (date) {
|
|
33775
33775
|
var _selectedRange$unix2;
|
|
33776
33776
|
var dateNumber = date === null || date === void 0 ? void 0 : date.getDate();
|
|
@@ -33794,8 +33794,8 @@ var Dates = function Dates(props) {
|
|
|
33794
33794
|
} else {
|
|
33795
33795
|
isMidItem = isBefore(date, fromUnixTime(lastItem)) && isAfter(date, fromUnixTime(firstItem).setHours(23, 59, 59, 59));
|
|
33796
33796
|
}
|
|
33797
|
-
var parentClassNames = classes(isMidItem ? styles$
|
|
33798
|
-
var childClassNames = classes(date ? styles$
|
|
33797
|
+
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'] : '');
|
|
33798
|
+
var childClassNames = classes(date ? styles$v.date : '', selectedSingleDate ? styles$v.selected : '', isUnSelected ? styles$v.unSelected : '', notSameMonth ? styles$v.diffMonth : '', isDisabled ? styles$v.disabled : '');
|
|
33799
33799
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
33800
33800
|
className: parentClassNames,
|
|
33801
33801
|
onClick: function onClick() {
|
|
@@ -33815,14 +33815,14 @@ var Dates = function Dates(props) {
|
|
|
33815
33815
|
});
|
|
33816
33816
|
};
|
|
33817
33817
|
|
|
33818
|
-
var css_248z$
|
|
33819
|
-
var styles$
|
|
33820
|
-
styleInject(css_248z$
|
|
33818
|
+
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}";
|
|
33819
|
+
var styles$u = {"days":"Days-module_days__h8GoU"};
|
|
33820
|
+
styleInject(css_248z$v);
|
|
33821
33821
|
|
|
33822
33822
|
var Days = function Days() {
|
|
33823
33823
|
var daysInWeek = DAYS;
|
|
33824
33824
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
33825
|
-
className: styles$
|
|
33825
|
+
className: styles$u.days,
|
|
33826
33826
|
children: daysInWeek.map(function (day) {
|
|
33827
33827
|
return /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
33828
33828
|
children: day
|
|
@@ -33833,14 +33833,14 @@ var Days = function Days() {
|
|
|
33833
33833
|
|
|
33834
33834
|
var Body = function Body(props) {
|
|
33835
33835
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
33836
|
-
className: styles$
|
|
33836
|
+
className: styles$w.root,
|
|
33837
33837
|
children: [/*#__PURE__*/jsxRuntime.jsx(Days, {}), /*#__PURE__*/jsxRuntime.jsx(Dates, _objectSpread2({}, props))]
|
|
33838
33838
|
});
|
|
33839
33839
|
};
|
|
33840
33840
|
|
|
33841
|
-
var css_248z$
|
|
33842
|
-
var styles$
|
|
33843
|
-
styleInject(css_248z$
|
|
33841
|
+
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}";
|
|
33842
|
+
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"};
|
|
33843
|
+
styleInject(css_248z$u);
|
|
33844
33844
|
|
|
33845
33845
|
var getDateAndUnixRange = function getDateAndUnixRange(duration) {
|
|
33846
33846
|
var startingDate = sub$1(new Date(), duration);
|
|
@@ -33876,11 +33876,11 @@ var SelectedDateView = function SelectedDateView(props) {
|
|
|
33876
33876
|
action = props.action,
|
|
33877
33877
|
Icon = props.icon;
|
|
33878
33878
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
33879
|
-
className: styles$
|
|
33879
|
+
className: styles$t['selected-date'],
|
|
33880
33880
|
children: [/*#__PURE__*/jsxRuntime.jsx(Calender$1, {}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
33881
|
-
className: styles$
|
|
33881
|
+
className: styles$t.date,
|
|
33882
33882
|
children: [/*#__PURE__*/jsxRuntime.jsx("span", {
|
|
33883
|
-
className: classes(styles$
|
|
33883
|
+
className: classes(styles$t.value),
|
|
33884
33884
|
children: value
|
|
33885
33885
|
}), /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
33886
33886
|
size: "auto",
|
|
@@ -33917,13 +33917,13 @@ var Footer = function Footer(props) {
|
|
|
33917
33917
|
setSelectedRange({});
|
|
33918
33918
|
};
|
|
33919
33919
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
33920
|
-
className: styles$
|
|
33920
|
+
className: styles$t.root,
|
|
33921
33921
|
children: [datesSelected && (dates === null || dates === void 0 ? void 0 : dates.length) === 2 ? /*#__PURE__*/jsxRuntime.jsx(SelectedDateView, {
|
|
33922
33922
|
range: true,
|
|
33923
33923
|
value: "".concat(selectedRange.dates[0], " - ").concat(selectedRange.dates[1]),
|
|
33924
33924
|
icon: function icon() {
|
|
33925
33925
|
return /*#__PURE__*/jsxRuntime.jsx(Cross$1, {
|
|
33926
|
-
className: styles$
|
|
33926
|
+
className: styles$t.cross
|
|
33927
33927
|
});
|
|
33928
33928
|
},
|
|
33929
33929
|
action: clearRangeSelection
|
|
@@ -33934,14 +33934,14 @@ var Footer = function Footer(props) {
|
|
|
33934
33934
|
},
|
|
33935
33935
|
action: resetDate
|
|
33936
33936
|
}), range && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
33937
|
-
className: styles$
|
|
33937
|
+
className: styles$t['date-ranges'],
|
|
33938
33938
|
children: dateRanges.map(function (_ref) {
|
|
33939
33939
|
var _selectedRange$unix;
|
|
33940
33940
|
var dateRange = _ref.dateRange,
|
|
33941
33941
|
title = _ref.title;
|
|
33942
33942
|
var selectedFixedDateRange = dateRange.unix.toString() === ((_selectedRange$unix = selectedRange.unix) === null || _selectedRange$unix === void 0 ? void 0 : _selectedRange$unix.toString());
|
|
33943
33943
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
33944
|
-
className: classes(styles$
|
|
33944
|
+
className: classes(styles$t['date-range'], selectedFixedDateRange ? styles$t.selected : ''),
|
|
33945
33945
|
onClick: function onClick() {
|
|
33946
33946
|
selectFixedDateRange(dateRange);
|
|
33947
33947
|
},
|
|
@@ -33953,7 +33953,7 @@ var Footer = function Footer(props) {
|
|
|
33953
33953
|
}), datesSelected && /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
33954
33954
|
onClick: onApply,
|
|
33955
33955
|
title: "Apply",
|
|
33956
|
-
className: styles$
|
|
33956
|
+
className: styles$t.apply
|
|
33957
33957
|
})]
|
|
33958
33958
|
});
|
|
33959
33959
|
};
|
|
@@ -34048,7 +34048,7 @@ var Calender = function Calender(props) {
|
|
|
34048
34048
|
}
|
|
34049
34049
|
};
|
|
34050
34050
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
34051
|
-
className: styles$
|
|
34051
|
+
className: styles$x.root,
|
|
34052
34052
|
children: [/*#__PURE__*/jsxRuntime.jsx(Header, {
|
|
34053
34053
|
selectedMonth: selectedMonth,
|
|
34054
34054
|
onMonthChange: onMonthChange
|
|
@@ -34074,9 +34074,9 @@ var Calender = function Calender(props) {
|
|
|
34074
34074
|
});
|
|
34075
34075
|
};
|
|
34076
34076
|
|
|
34077
|
-
var css_248z$
|
|
34078
|
-
var styles$
|
|
34079
|
-
styleInject(css_248z$
|
|
34077
|
+
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}";
|
|
34078
|
+
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"};
|
|
34079
|
+
styleInject(css_248z$t);
|
|
34080
34080
|
|
|
34081
34081
|
var isMaxRangeExceeded = function isMaxRangeExceeded(_ref) {
|
|
34082
34082
|
var maxRange = _ref.maxRange,
|
|
@@ -34214,35 +34214,35 @@ var DatePicker = function DatePicker(props) {
|
|
|
34214
34214
|
disableDatesBefore: disableDatesBefore
|
|
34215
34215
|
};
|
|
34216
34216
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
34217
|
-
className: classes(styles$
|
|
34217
|
+
className: classes(styles$s.root, className),
|
|
34218
34218
|
ref: datePickerRef,
|
|
34219
34219
|
children: [label && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
34220
|
-
className: styles$
|
|
34220
|
+
className: styles$s.label,
|
|
34221
34221
|
children: label
|
|
34222
34222
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread2(_objectSpread2({
|
|
34223
34223
|
"data-elem": "header",
|
|
34224
34224
|
ref: reference,
|
|
34225
|
-
className: classes(styles$
|
|
34225
|
+
className: classes(styles$s.container, disabled ? styles$s.disabled : '', open ? styles$s.open : '', error ? styles$s.error : '')
|
|
34226
34226
|
}, getReferenceProps()), {}, {
|
|
34227
34227
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
34228
34228
|
children: [/*#__PURE__*/jsxRuntime.jsx(Calender$1, {}), !displayValue && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
34229
|
-
className: styles$
|
|
34229
|
+
className: styles$s.placeholder,
|
|
34230
34230
|
children: placeholder
|
|
34231
34231
|
}), displayValue && /*#__PURE__*/jsxRuntime.jsxs("span", {
|
|
34232
|
-
className: styles$
|
|
34232
|
+
className: styles$s.value,
|
|
34233
34233
|
children: ["Selected Date: ", /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
34234
34234
|
children: displayValue
|
|
34235
34235
|
})]
|
|
34236
34236
|
})]
|
|
34237
34237
|
}), /*#__PURE__*/jsxRuntime.jsx("input", {
|
|
34238
|
-
className: styles$
|
|
34238
|
+
className: styles$s.input,
|
|
34239
34239
|
value: displayValue
|
|
34240
34240
|
}), /*#__PURE__*/jsxRuntime.jsx(Chevron, {
|
|
34241
|
-
className: classes(styles$
|
|
34241
|
+
className: classes(styles$s.icon),
|
|
34242
34242
|
position: open ? 'bottom' : 'top'
|
|
34243
34243
|
})]
|
|
34244
34244
|
})), error && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
34245
|
-
className: styles$
|
|
34245
|
+
className: styles$s['error-text'],
|
|
34246
34246
|
children: error
|
|
34247
34247
|
}), /*#__PURE__*/jsxRuntime.jsx(Popper, {
|
|
34248
34248
|
open: open,
|
|
@@ -34261,7 +34261,7 @@ var DatePicker = function DatePicker(props) {
|
|
|
34261
34261
|
left: x !== null && x !== void 0 ? x : 0
|
|
34262
34262
|
}
|
|
34263
34263
|
})), {}, {
|
|
34264
|
-
className: classes(styles$
|
|
34264
|
+
className: classes(styles$s.popper, open ? styles$s.open : ''),
|
|
34265
34265
|
children: /*#__PURE__*/jsxRuntime.jsx(Calender, _objectSpread2({}, calenderProps))
|
|
34266
34266
|
}))
|
|
34267
34267
|
})]
|
|
@@ -34297,9 +34297,9 @@ DatePicker.defaultProps = {
|
|
|
34297
34297
|
disableDatesAfter: []
|
|
34298
34298
|
};
|
|
34299
34299
|
|
|
34300
|
-
var css_248z$
|
|
34301
|
-
var styles$
|
|
34302
|
-
styleInject(css_248z$
|
|
34300
|
+
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}";
|
|
34301
|
+
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"};
|
|
34302
|
+
styleInject(css_248z$s);
|
|
34303
34303
|
|
|
34304
34304
|
var HierarchyItem = function HierarchyItem(props) {
|
|
34305
34305
|
var defaultOpen = props.defaultOpen,
|
|
@@ -34312,12 +34312,12 @@ var HierarchyItem = function HierarchyItem(props) {
|
|
|
34312
34312
|
open = _useState2[0],
|
|
34313
34313
|
setOpen = _useState2[1];
|
|
34314
34314
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
34315
|
-
className: classes(styles$
|
|
34315
|
+
className: classes(styles$r.root, open ? styles$r.open : ''),
|
|
34316
34316
|
children: [/*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
34317
34317
|
flexible: true,
|
|
34318
34318
|
size: "auto",
|
|
34319
34319
|
rootDOM: "button",
|
|
34320
|
-
className: styles$
|
|
34320
|
+
className: styles$r.header,
|
|
34321
34321
|
attrs: {
|
|
34322
34322
|
onClick: function onClick() {
|
|
34323
34323
|
setOpen(function (prevState) {
|
|
@@ -34328,23 +34328,23 @@ var HierarchyItem = function HierarchyItem(props) {
|
|
|
34328
34328
|
}
|
|
34329
34329
|
},
|
|
34330
34330
|
component1: iconPlacement === 'left' && /*#__PURE__*/jsxRuntime.jsx(Caret, {
|
|
34331
|
-
className: styles$
|
|
34331
|
+
className: styles$r.icon
|
|
34332
34332
|
}),
|
|
34333
34333
|
component2: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
34334
|
-
className: styles$
|
|
34334
|
+
className: styles$r.title,
|
|
34335
34335
|
children: title
|
|
34336
34336
|
}),
|
|
34337
34337
|
component3: iconPlacement === 'right' && /*#__PURE__*/jsxRuntime.jsx(Caret, {
|
|
34338
|
-
className: styles$
|
|
34338
|
+
className: styles$r.icon
|
|
34339
34339
|
})
|
|
34340
34340
|
}), /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
34341
34341
|
size: "auto",
|
|
34342
|
-
className: styles$
|
|
34342
|
+
className: styles$r.body,
|
|
34343
34343
|
component1: /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
34344
|
-
className: styles$
|
|
34344
|
+
className: styles$r.tail
|
|
34345
34345
|
}),
|
|
34346
34346
|
component2: /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
34347
|
-
className: styles$
|
|
34347
|
+
className: styles$r.children,
|
|
34348
34348
|
children: children
|
|
34349
34349
|
})
|
|
34350
34350
|
})]
|
|
@@ -34363,9 +34363,9 @@ HierarchyItem.defaultProps = {
|
|
|
34363
34363
|
onClick: function onClick() {}
|
|
34364
34364
|
};
|
|
34365
34365
|
|
|
34366
|
-
var css_248z$
|
|
34367
|
-
var styles$
|
|
34368
|
-
styleInject(css_248z$
|
|
34366
|
+
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}";
|
|
34367
|
+
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"};
|
|
34368
|
+
styleInject(css_248z$r);
|
|
34369
34369
|
|
|
34370
34370
|
var Title = function Title(props) {
|
|
34371
34371
|
var item = props.item;
|
|
@@ -34378,14 +34378,14 @@ var Title = function Title(props) {
|
|
|
34378
34378
|
break;
|
|
34379
34379
|
}
|
|
34380
34380
|
return /*#__PURE__*/jsxRuntime.jsxs("span", {
|
|
34381
|
-
className: styles$
|
|
34381
|
+
className: styles$q.item,
|
|
34382
34382
|
children: [Icon && /*#__PURE__*/jsxRuntime.jsx(Icon, {
|
|
34383
|
-
className: styles$
|
|
34383
|
+
className: styles$q['item-icon']
|
|
34384
34384
|
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
34385
|
-
className: styles$
|
|
34385
|
+
className: styles$q['item-title'],
|
|
34386
34386
|
children: item === null || item === void 0 ? void 0 : item.title
|
|
34387
34387
|
}), (item === null || item === void 0 ? void 0 : item.count) && /*#__PURE__*/jsxRuntime.jsxs("span", {
|
|
34388
|
-
className: styles$
|
|
34388
|
+
className: styles$q['item-count'],
|
|
34389
34389
|
children: ["(", item === null || item === void 0 ? void 0 : item.count, ")"]
|
|
34390
34390
|
})]
|
|
34391
34391
|
});
|
|
@@ -34435,12 +34435,12 @@ var HierarchyBrowser = function HierarchyBrowser(props) {
|
|
|
34435
34435
|
};
|
|
34436
34436
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
34437
34437
|
ref: browserRef,
|
|
34438
|
-
className: classes(styles$
|
|
34438
|
+
className: classes(styles$q.root, className, resizable ? styles$q.resizable : ''),
|
|
34439
34439
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
34440
|
-
className: styles$
|
|
34440
|
+
className: styles$q.header,
|
|
34441
34441
|
children: "Browser"
|
|
34442
34442
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
34443
|
-
className: styles$
|
|
34443
|
+
className: styles$q.body,
|
|
34444
34444
|
children: renderTree(metadata)
|
|
34445
34445
|
})]
|
|
34446
34446
|
});
|
|
@@ -34473,9 +34473,9 @@ HierarchyBrowser.defaultProps = {
|
|
|
34473
34473
|
}
|
|
34474
34474
|
};
|
|
34475
34475
|
|
|
34476
|
-
var css_248z$
|
|
34477
|
-
var styles$
|
|
34478
|
-
styleInject(css_248z$
|
|
34476
|
+
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}";
|
|
34477
|
+
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"};
|
|
34478
|
+
styleInject(css_248z$q);
|
|
34479
34479
|
|
|
34480
34480
|
var TextField = /*#__PURE__*/React.forwardRef(function TextField(props, inputRef) {
|
|
34481
34481
|
var _inputValue$length;
|
|
@@ -34528,26 +34528,26 @@ var TextField = /*#__PURE__*/React.forwardRef(function TextField(props, inputRef
|
|
|
34528
34528
|
ref: inputRef,
|
|
34529
34529
|
value: inputValue,
|
|
34530
34530
|
onChange: handleChange,
|
|
34531
|
-
className: classes(styles$
|
|
34531
|
+
className: classes(styles$p[size], styles$p.input)
|
|
34532
34532
|
}, inputProps));
|
|
34533
34533
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
34534
|
-
className: classes(styles$
|
|
34534
|
+
className: classes(styles$p.root, className),
|
|
34535
34535
|
children: [/*#__PURE__*/jsxRuntime.jsxs("label", {
|
|
34536
34536
|
children: [label, /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
34537
|
-
className: classes(styles$
|
|
34537
|
+
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)] : ''),
|
|
34538
34538
|
component1: LeftComponent && /*#__PURE__*/jsxRuntime.jsx(LeftComponent, {}),
|
|
34539
34539
|
component2: Input,
|
|
34540
34540
|
component3: RightComponent && /*#__PURE__*/jsxRuntime.jsx(RightComponent, {})
|
|
34541
34541
|
})]
|
|
34542
34542
|
}), feedbackAndCount && /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
34543
|
-
className: styles$
|
|
34543
|
+
className: styles$p.bottom,
|
|
34544
34544
|
children: [feedback != null && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
34545
34545
|
"data-elem": "feedback",
|
|
34546
|
-
className: classes(styles$
|
|
34546
|
+
className: classes(styles$p.feedback, styles$p["feedback-".concat(feedback.type)]),
|
|
34547
34547
|
children: feedback.text
|
|
34548
34548
|
}), (count === null || count === void 0 ? void 0 : count.limit) != null && /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
34549
34549
|
"data-elem": "count",
|
|
34550
|
-
className: classes(styles$
|
|
34550
|
+
className: classes(styles$p.count, (inputValue === null || inputValue === void 0 ? void 0 : inputValue.length) > count.limit ? styles$p.exceeded : ''),
|
|
34551
34551
|
children: [(_inputValue$length = inputValue.length) !== null && _inputValue$length !== void 0 ? _inputValue$length : 0, "/", count.limit]
|
|
34552
34552
|
})]
|
|
34553
34553
|
})]
|
|
@@ -34598,9 +34598,9 @@ TextField.defaultProps = {
|
|
|
34598
34598
|
feedbackAndCount: false
|
|
34599
34599
|
};
|
|
34600
34600
|
|
|
34601
|
-
var css_248z$
|
|
34602
|
-
var styles$
|
|
34603
|
-
styleInject(css_248z$
|
|
34601
|
+
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}";
|
|
34602
|
+
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"};
|
|
34603
|
+
styleInject(css_248z$p);
|
|
34604
34604
|
|
|
34605
34605
|
var Checkbox = function Checkbox(props) {
|
|
34606
34606
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -34631,7 +34631,7 @@ var Checkbox = function Checkbox(props) {
|
|
|
34631
34631
|
};
|
|
34632
34632
|
var isChecked = isControlled ? checked : uncontrolledChecked;
|
|
34633
34633
|
return /*#__PURE__*/jsxRuntime.jsxs("label", {
|
|
34634
|
-
className: classes(styles$
|
|
34634
|
+
className: classes(styles$o.root, styles$o["position-".concat(position)], className, disabled ? styles$o.disabled : ''),
|
|
34635
34635
|
children: [/*#__PURE__*/jsxRuntime.jsx("input", _objectSpread2(_objectSpread2({
|
|
34636
34636
|
disabled: disabled,
|
|
34637
34637
|
type: "checkbox",
|
|
@@ -34642,10 +34642,10 @@ var Checkbox = function Checkbox(props) {
|
|
|
34642
34642
|
onChange: handleChange
|
|
34643
34643
|
})), isChecked ? /*#__PURE__*/jsxRuntime.jsx(CheckboxIcon.Checked, {
|
|
34644
34644
|
"data-elem": "icon",
|
|
34645
|
-
className: classes(styles$
|
|
34645
|
+
className: classes(styles$o["icon-".concat(size)], styles$o.icon)
|
|
34646
34646
|
}) : /*#__PURE__*/jsxRuntime.jsx(CheckboxIcon.UnChecked, {
|
|
34647
34647
|
"data-elem": "icon",
|
|
34648
|
-
className: classes(styles$
|
|
34648
|
+
className: classes(styles$o["icon-".concat(size)], styles$o.icon)
|
|
34649
34649
|
}), label && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
34650
34650
|
"data-elem": "label",
|
|
34651
34651
|
children: label
|
|
@@ -34671,9 +34671,9 @@ Checkbox.defaultProps = {
|
|
|
34671
34671
|
onChange: function onChange() {}
|
|
34672
34672
|
};
|
|
34673
34673
|
|
|
34674
|
-
var css_248z$
|
|
34675
|
-
var styles$
|
|
34676
|
-
styleInject(css_248z$
|
|
34674
|
+
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}";
|
|
34675
|
+
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"};
|
|
34676
|
+
styleInject(css_248z$o);
|
|
34677
34677
|
|
|
34678
34678
|
var Radio = function Radio(props) {
|
|
34679
34679
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -34704,7 +34704,7 @@ var Radio = function Radio(props) {
|
|
|
34704
34704
|
};
|
|
34705
34705
|
var isChecked = isControlled ? checked : uncontrolledChecked;
|
|
34706
34706
|
return /*#__PURE__*/jsxRuntime.jsxs("label", {
|
|
34707
|
-
className: classes(styles$
|
|
34707
|
+
className: classes(styles$n.root, styles$n["position-".concat(position)], className, disabled ? styles$n.disabled : ''),
|
|
34708
34708
|
children: [/*#__PURE__*/jsxRuntime.jsx("input", {
|
|
34709
34709
|
disabled: disabled,
|
|
34710
34710
|
type: "radio",
|
|
@@ -34712,10 +34712,10 @@ var Radio = function Radio(props) {
|
|
|
34712
34712
|
onChange: handleChange
|
|
34713
34713
|
}), isChecked ? /*#__PURE__*/jsxRuntime.jsx(RadioIcon.Checked, {
|
|
34714
34714
|
"data-elem": "icon",
|
|
34715
|
-
className: classes(styles$
|
|
34715
|
+
className: classes(styles$n["icon-".concat(size)], styles$n.icon)
|
|
34716
34716
|
}) : /*#__PURE__*/jsxRuntime.jsx(RadioIcon.UnChecked, {
|
|
34717
34717
|
"data-elem": "icon",
|
|
34718
|
-
className: classes(styles$
|
|
34718
|
+
className: classes(styles$n["icon-".concat(size)], styles$n.icon)
|
|
34719
34719
|
}), label && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
34720
34720
|
"data-elem": "label",
|
|
34721
34721
|
children: label
|
|
@@ -34741,9 +34741,9 @@ Radio.defaultProps = {
|
|
|
34741
34741
|
onChange: function onChange() {}
|
|
34742
34742
|
};
|
|
34743
34743
|
|
|
34744
|
-
var css_248z$
|
|
34745
|
-
var styles$
|
|
34746
|
-
styleInject(css_248z$
|
|
34744
|
+
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}";
|
|
34745
|
+
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"};
|
|
34746
|
+
styleInject(css_248z$n);
|
|
34747
34747
|
|
|
34748
34748
|
var Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, inputRef) {
|
|
34749
34749
|
var _selectedOptions$map, _ref2, _selectedOptions$;
|
|
@@ -34949,16 +34949,16 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, inputRef)
|
|
|
34949
34949
|
})));
|
|
34950
34950
|
});
|
|
34951
34951
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
34952
|
-
className: classes(className, styles$
|
|
34952
|
+
className: classes(className, styles$m.root, open ? styles$m.open : '', disabled ? styles$m.disabled : ''),
|
|
34953
34953
|
children: [label && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
34954
34954
|
"data-elem": "label",
|
|
34955
|
-
className: styles$
|
|
34955
|
+
className: styles$m.label,
|
|
34956
34956
|
children: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
34957
34957
|
children: label
|
|
34958
34958
|
})
|
|
34959
34959
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread2(_objectSpread2({
|
|
34960
34960
|
"data-elem": "header",
|
|
34961
|
-
className: styles$
|
|
34961
|
+
className: styles$m.header,
|
|
34962
34962
|
ref: reference
|
|
34963
34963
|
}, getReferenceProps()), {}, {
|
|
34964
34964
|
children: [/*#__PURE__*/jsxRuntime.jsx("input", {
|
|
@@ -34967,7 +34967,7 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, inputRef)
|
|
|
34967
34967
|
ref: inputRef,
|
|
34968
34968
|
disabled: disabled,
|
|
34969
34969
|
tabIndex: 0,
|
|
34970
|
-
className: styles$
|
|
34970
|
+
className: styles$m.input,
|
|
34971
34971
|
onKeyDown: function onKeyDown(event) {
|
|
34972
34972
|
var validKey = [' ', 'Spacebar', 'Enter'].includes(event.key);
|
|
34973
34973
|
if (validKey) {
|
|
@@ -34981,14 +34981,14 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, inputRef)
|
|
|
34981
34981
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
34982
34982
|
"data-elem": "select",
|
|
34983
34983
|
role: "button",
|
|
34984
|
-
className: classes(styles$
|
|
34984
|
+
className: classes(styles$m.select, feedback != null ? styles$m["feedback-".concat(feedback === null || feedback === void 0 ? void 0 : feedback.type)] : ''),
|
|
34985
34985
|
children: [/*#__PURE__*/jsxRuntime.jsx("span", {
|
|
34986
34986
|
"data-elem": "placeholder",
|
|
34987
|
-
className: styles$
|
|
34987
|
+
className: styles$m.placeholder,
|
|
34988
34988
|
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
|
|
34989
34989
|
}), /*#__PURE__*/jsxRuntime.jsx(Caret, {
|
|
34990
34990
|
"data-elem": "icon",
|
|
34991
|
-
className: classes(styles$
|
|
34991
|
+
className: classes(styles$m.icon, styles$m['drop-icon'])
|
|
34992
34992
|
})]
|
|
34993
34993
|
})]
|
|
34994
34994
|
})), /*#__PURE__*/jsxRuntime.jsx(Popper, {
|
|
@@ -35012,16 +35012,16 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, inputRef)
|
|
|
35012
35012
|
left: x !== null && x !== void 0 ? x : 0
|
|
35013
35013
|
},
|
|
35014
35014
|
onClick: onClick,
|
|
35015
|
-
className: classes(styles$
|
|
35015
|
+
className: classes(styles$m.body, popperClassName, open ? styles$m.open : '')
|
|
35016
35016
|
})), {}, {
|
|
35017
35017
|
children: items
|
|
35018
35018
|
}))
|
|
35019
35019
|
})
|
|
35020
35020
|
}), feedback != null && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35021
|
-
className: styles$
|
|
35021
|
+
className: styles$m.bottom,
|
|
35022
35022
|
children: /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35023
35023
|
"data-elem": "feedback",
|
|
35024
|
-
className: classes(styles$
|
|
35024
|
+
className: classes(styles$m.feedback, styles$m["feedback-".concat(feedback.type)]),
|
|
35025
35025
|
children: feedback.text
|
|
35026
35026
|
})
|
|
35027
35027
|
})]
|
|
@@ -35059,9 +35059,9 @@ Dropdown.defaultProps = {
|
|
|
35059
35059
|
feedback: null
|
|
35060
35060
|
};
|
|
35061
35061
|
|
|
35062
|
-
var css_248z$
|
|
35063
|
-
var styles$
|
|
35064
|
-
styleInject(css_248z$
|
|
35062
|
+
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}";
|
|
35063
|
+
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"};
|
|
35064
|
+
styleInject(css_248z$m);
|
|
35065
35065
|
|
|
35066
35066
|
var DropdownItem = /*#__PURE__*/React.forwardRef(function DropdownItem(props, ref) {
|
|
35067
35067
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -35088,7 +35088,7 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function DropdownItem(props, re
|
|
|
35088
35088
|
}
|
|
35089
35089
|
return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread2(_objectSpread2({
|
|
35090
35090
|
ref: ref,
|
|
35091
|
-
className: classes(className, styles$
|
|
35091
|
+
className: classes(className, styles$l.root, selected ? styles$l.selected : ''),
|
|
35092
35092
|
"data-elem": "dropdown-item",
|
|
35093
35093
|
"data-variant": variant,
|
|
35094
35094
|
"data-value": value,
|
|
@@ -35121,9 +35121,9 @@ DropdownItem.defaultProps = {
|
|
|
35121
35121
|
selected: false
|
|
35122
35122
|
};
|
|
35123
35123
|
|
|
35124
|
-
var css_248z$
|
|
35125
|
-
var styles$
|
|
35126
|
-
styleInject(css_248z$
|
|
35124
|
+
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}";
|
|
35125
|
+
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"};
|
|
35126
|
+
styleInject(css_248z$l);
|
|
35127
35127
|
|
|
35128
35128
|
var BaseModal = function BaseModal(props) {
|
|
35129
35129
|
var className = props.className,
|
|
@@ -35142,28 +35142,28 @@ var BaseModal = function BaseModal(props) {
|
|
|
35142
35142
|
transparent: false,
|
|
35143
35143
|
id: "base-modal-popper",
|
|
35144
35144
|
children: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
35145
|
-
className: classes(styles$
|
|
35145
|
+
className: classes(styles$k.root, className),
|
|
35146
35146
|
ref: ref,
|
|
35147
35147
|
children: [renderHeader && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35148
35148
|
"data-elem": "header",
|
|
35149
|
-
className: styles$
|
|
35149
|
+
className: styles$k.header,
|
|
35150
35150
|
children: renderHeader
|
|
35151
35151
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35152
35152
|
"data-elem": "body",
|
|
35153
|
-
className: styles$
|
|
35153
|
+
className: styles$k.body,
|
|
35154
35154
|
children: children
|
|
35155
35155
|
}), renderFooter && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35156
35156
|
"data-elem": "footer",
|
|
35157
|
-
className: styles$
|
|
35157
|
+
className: styles$k.footer,
|
|
35158
35158
|
children: renderFooter
|
|
35159
35159
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35160
35160
|
"data-elem": "close",
|
|
35161
|
-
className: styles$
|
|
35161
|
+
className: styles$k.closeModal,
|
|
35162
35162
|
onClick: function onClick() {
|
|
35163
35163
|
toggle(false);
|
|
35164
35164
|
},
|
|
35165
35165
|
children: /*#__PURE__*/jsxRuntime.jsx(Cross$1, {
|
|
35166
|
-
className: styles$
|
|
35166
|
+
className: styles$k.closeIcon
|
|
35167
35167
|
})
|
|
35168
35168
|
})]
|
|
35169
35169
|
})
|
|
@@ -35184,9 +35184,9 @@ BaseModal.defaultProps = {
|
|
|
35184
35184
|
toggle: function toggle() {}
|
|
35185
35185
|
};
|
|
35186
35186
|
|
|
35187
|
-
var css_248z$
|
|
35188
|
-
var styles$
|
|
35189
|
-
styleInject(css_248z$
|
|
35187
|
+
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}";
|
|
35188
|
+
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"};
|
|
35189
|
+
styleInject(css_248z$k);
|
|
35190
35190
|
|
|
35191
35191
|
var PageHeader = function PageHeader(props) {
|
|
35192
35192
|
var theme = props.theme,
|
|
@@ -35197,32 +35197,32 @@ var PageHeader = function PageHeader(props) {
|
|
|
35197
35197
|
RightAction = props.rightAction,
|
|
35198
35198
|
crumbsProps = props.crumbsProps;
|
|
35199
35199
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
35200
|
-
className: classes(styles$
|
|
35200
|
+
className: classes(styles$j.root, styles$j["theme-".concat(theme)]),
|
|
35201
35201
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35202
|
-
className: styles$
|
|
35202
|
+
className: styles$j.breadcrumb,
|
|
35203
35203
|
children: /*#__PURE__*/jsxRuntime.jsx(BreadCrumbs, _objectSpread2({}, _objectSpread2(_objectSpread2({}, crumbsProps), {}, {
|
|
35204
|
-
className: styles$
|
|
35204
|
+
className: styles$j.breadcrumb
|
|
35205
35205
|
})))
|
|
35206
35206
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
35207
|
-
className: styles$
|
|
35207
|
+
className: styles$j.contents,
|
|
35208
35208
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
35209
|
-
className: styles$
|
|
35209
|
+
className: styles$j.left,
|
|
35210
35210
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35211
|
-
className: styles$
|
|
35211
|
+
className: styles$j.title,
|
|
35212
35212
|
children: title
|
|
35213
35213
|
}), chipTitle && /*#__PURE__*/jsxRuntime.jsx(Chip, {
|
|
35214
|
-
className: styles$
|
|
35214
|
+
className: styles$j.chip,
|
|
35215
35215
|
size: "sm",
|
|
35216
35216
|
title: chipTitle,
|
|
35217
35217
|
radius: "ellipse",
|
|
35218
35218
|
variant: "status"
|
|
35219
35219
|
})]
|
|
35220
35220
|
}), RightAction && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35221
|
-
className: styles$
|
|
35221
|
+
className: styles$j.right,
|
|
35222
35222
|
children: /*#__PURE__*/jsxRuntime.jsx(RightAction, {})
|
|
35223
35223
|
})]
|
|
35224
35224
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35225
|
-
className: styles$
|
|
35225
|
+
className: styles$j.description,
|
|
35226
35226
|
children: description
|
|
35227
35227
|
}), children]
|
|
35228
35228
|
});
|
|
@@ -35328,9 +35328,9 @@ function getPagination(curr, total, limit) {
|
|
|
35328
35328
|
return pages;
|
|
35329
35329
|
}
|
|
35330
35330
|
|
|
35331
|
-
var css_248z$
|
|
35332
|
-
var styles$
|
|
35333
|
-
styleInject(css_248z$
|
|
35331
|
+
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}";
|
|
35332
|
+
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"};
|
|
35333
|
+
styleInject(css_248z$j);
|
|
35334
35334
|
|
|
35335
35335
|
var dropdownOptions = ['10', '25', '50', '100', '200', '250'];
|
|
35336
35336
|
var reducer = function reducer(state, _ref) {
|
|
@@ -35415,18 +35415,18 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
35415
35415
|
}, [currentPage, step]);
|
|
35416
35416
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
35417
35417
|
ref: ref,
|
|
35418
|
-
className: classes(styles$
|
|
35418
|
+
className: classes(styles$i.root, className, floating ? styles$i.floating : ''),
|
|
35419
35419
|
children: [/*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
35420
35420
|
flexible: true,
|
|
35421
|
-
className: styles$
|
|
35421
|
+
className: styles$i['row-switcher'],
|
|
35422
35422
|
component1: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
35423
35423
|
title: "Rows per page",
|
|
35424
|
-
className: styles$
|
|
35424
|
+
className: styles$i.text,
|
|
35425
35425
|
children: "Rows per page"
|
|
35426
35426
|
}),
|
|
35427
35427
|
component2: /*#__PURE__*/jsxRuntime.jsx(Dropdown, {
|
|
35428
|
-
className: styles$
|
|
35429
|
-
popperClassName: styles$
|
|
35428
|
+
className: styles$i.dropdown,
|
|
35429
|
+
popperClassName: styles$i['dropdown-popper'],
|
|
35430
35430
|
value: step,
|
|
35431
35431
|
placeholder: null,
|
|
35432
35432
|
onChange: function onChange(e, newStep) {
|
|
@@ -35443,7 +35443,7 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
35443
35443
|
})
|
|
35444
35444
|
})
|
|
35445
35445
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
35446
|
-
className: styles$
|
|
35446
|
+
className: styles$i['page-numbers'],
|
|
35447
35447
|
children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
35448
35448
|
size: "auto",
|
|
35449
35449
|
flexible: true,
|
|
@@ -35454,16 +35454,16 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
35454
35454
|
type: 'PREV_PAGE'
|
|
35455
35455
|
});
|
|
35456
35456
|
},
|
|
35457
|
-
className: classes(styles$
|
|
35457
|
+
className: classes(styles$i.button),
|
|
35458
35458
|
leftComponent: function leftComponent() {
|
|
35459
35459
|
return /*#__PURE__*/jsxRuntime.jsx(Chevron, {
|
|
35460
|
-
className: styles$
|
|
35460
|
+
className: styles$i.icon,
|
|
35461
35461
|
position: "left"
|
|
35462
35462
|
});
|
|
35463
35463
|
},
|
|
35464
35464
|
variant: "text"
|
|
35465
35465
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35466
|
-
className: styles$
|
|
35466
|
+
className: styles$i.pageSelect,
|
|
35467
35467
|
children: paginationList.pages.map(function (page) {
|
|
35468
35468
|
var active = currentPage === page.number;
|
|
35469
35469
|
return /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
@@ -35475,7 +35475,7 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
35475
35475
|
});
|
|
35476
35476
|
},
|
|
35477
35477
|
"data-active": active,
|
|
35478
|
-
className: classes(active ? styles$
|
|
35478
|
+
className: classes(active ? styles$i.active : '', styles$i.number),
|
|
35479
35479
|
children: page.ellipsis ? '...' : page.number
|
|
35480
35480
|
}, page.number);
|
|
35481
35481
|
})
|
|
@@ -35489,10 +35489,10 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
35489
35489
|
type: 'NEXT_PAGE'
|
|
35490
35490
|
});
|
|
35491
35491
|
},
|
|
35492
|
-
className: classes(styles$
|
|
35492
|
+
className: classes(styles$i.button),
|
|
35493
35493
|
rightComponent: function rightComponent() {
|
|
35494
35494
|
return /*#__PURE__*/jsxRuntime.jsx(Chevron, {
|
|
35495
|
-
className: styles$
|
|
35495
|
+
className: styles$i.icon,
|
|
35496
35496
|
position: "right"
|
|
35497
35497
|
});
|
|
35498
35498
|
},
|
|
@@ -35500,7 +35500,7 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
35500
35500
|
})]
|
|
35501
35501
|
}), /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
35502
35502
|
flexible: true,
|
|
35503
|
-
className: styles$
|
|
35503
|
+
className: styles$i.form,
|
|
35504
35504
|
component1: /*#__PURE__*/jsxRuntime.jsx("form", {
|
|
35505
35505
|
onSubmit: function onSubmit(e) {
|
|
35506
35506
|
var _jumpPageRef$current;
|
|
@@ -35512,7 +35512,7 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
35512
35512
|
},
|
|
35513
35513
|
children: /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
35514
35514
|
flexible: true,
|
|
35515
|
-
className: styles$
|
|
35515
|
+
className: styles$i['jump-to-page'],
|
|
35516
35516
|
component1: /*#__PURE__*/jsxRuntime.jsx(TextField, {
|
|
35517
35517
|
inputProps: {
|
|
35518
35518
|
min: 1,
|
|
@@ -35521,16 +35521,16 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
35521
35521
|
},
|
|
35522
35522
|
ref: jumpPageRef,
|
|
35523
35523
|
type: "number",
|
|
35524
|
-
className: styles$
|
|
35524
|
+
className: styles$i.inputbox
|
|
35525
35525
|
}),
|
|
35526
35526
|
component2: /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
35527
35527
|
title: "Jump to page",
|
|
35528
35528
|
size: "medium",
|
|
35529
35529
|
variant: "contained",
|
|
35530
|
-
className: styles$
|
|
35530
|
+
className: styles$i.button,
|
|
35531
35531
|
rightComponent: function rightComponent() {
|
|
35532
35532
|
return /*#__PURE__*/jsxRuntime.jsx(Arrow$1, {
|
|
35533
|
-
className: styles$
|
|
35533
|
+
className: styles$i.icon
|
|
35534
35534
|
});
|
|
35535
35535
|
}
|
|
35536
35536
|
})
|
|
@@ -35562,12 +35562,12 @@ Pagination.defaultProps = {
|
|
|
35562
35562
|
onChange: function onChange() {}
|
|
35563
35563
|
};
|
|
35564
35564
|
|
|
35565
|
-
var css_248z$
|
|
35566
|
-
var styles$
|
|
35567
|
-
styleInject(css_248z$
|
|
35565
|
+
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}";
|
|
35566
|
+
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-"};
|
|
35567
|
+
styleInject(css_248z$i);
|
|
35568
35568
|
|
|
35569
|
-
var css_248z$
|
|
35570
|
-
styleInject(css_248z$
|
|
35569
|
+
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}";
|
|
35570
|
+
styleInject(css_248z$h);
|
|
35571
35571
|
|
|
35572
35572
|
var Step = function Step(props) {
|
|
35573
35573
|
var title = props.title,
|
|
@@ -35577,35 +35577,35 @@ var Step = function Step(props) {
|
|
|
35577
35577
|
error = props.error,
|
|
35578
35578
|
index = props.index;
|
|
35579
35579
|
var display = /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
35580
|
-
className: styles$
|
|
35580
|
+
className: styles$h.text,
|
|
35581
35581
|
children: index + 1
|
|
35582
35582
|
});
|
|
35583
35583
|
if (error === true) {
|
|
35584
35584
|
display = /*#__PURE__*/jsxRuntime.jsx(Cross$1, {
|
|
35585
|
-
className: classes(styles$
|
|
35585
|
+
className: classes(styles$h.icon, styles$h['error-icon'])
|
|
35586
35586
|
});
|
|
35587
35587
|
} else if (completion === 1) {
|
|
35588
35588
|
display = /*#__PURE__*/jsxRuntime.jsx(Tick, {
|
|
35589
|
-
className: classes(styles$
|
|
35589
|
+
className: classes(styles$h.icon, styles$h['completion-icon'])
|
|
35590
35590
|
});
|
|
35591
35591
|
}
|
|
35592
35592
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
35593
|
-
className: classes(styles$
|
|
35593
|
+
className: classes(styles$h.step, active ? styles$h.active : '', completion === 1 ? styles$h.completed : '', error ? styles$h.error : ''),
|
|
35594
35594
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
35595
|
-
className: styles$
|
|
35595
|
+
className: styles$h.left,
|
|
35596
35596
|
children: [display, active === true && completion > 0 && completion < 1 && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35597
|
-
className: styles$
|
|
35597
|
+
className: styles$h.progress,
|
|
35598
35598
|
style: {
|
|
35599
|
-
backgroundImage: "conic-gradient(".concat(css_248z$
|
|
35599
|
+
backgroundImage: "conic-gradient(".concat(css_248z$h.highlight, ", ").concat(completion * 100, "%, transparent 0%)")
|
|
35600
35600
|
}
|
|
35601
35601
|
})]
|
|
35602
35602
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
35603
|
-
className: styles$
|
|
35603
|
+
className: styles$h.right,
|
|
35604
35604
|
children: [/*#__PURE__*/jsxRuntime.jsx("span", {
|
|
35605
|
-
className: styles$
|
|
35605
|
+
className: styles$h.title,
|
|
35606
35606
|
children: title
|
|
35607
35607
|
}), description != null && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
35608
|
-
className: styles$
|
|
35608
|
+
className: styles$h.description,
|
|
35609
35609
|
children: description
|
|
35610
35610
|
})]
|
|
35611
35611
|
})]
|
|
@@ -35614,7 +35614,7 @@ var Step = function Step(props) {
|
|
|
35614
35614
|
var Stepper = function Stepper(props) {
|
|
35615
35615
|
var steps = props.steps;
|
|
35616
35616
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35617
|
-
className: styles$
|
|
35617
|
+
className: styles$h.root,
|
|
35618
35618
|
children: steps.map(function (step, index) {
|
|
35619
35619
|
return /*#__PURE__*/jsxRuntime.jsx(Step, _objectSpread2(_objectSpread2({}, step), {}, {
|
|
35620
35620
|
index: index,
|
|
@@ -35674,9 +35674,9 @@ var TableColumn = /*#__PURE__*/_createClass$1(function TableColumn(_ref) {
|
|
|
35674
35674
|
this.sticky = sticky;
|
|
35675
35675
|
});
|
|
35676
35676
|
|
|
35677
|
-
var css_248z$
|
|
35678
|
-
var styles$
|
|
35679
|
-
styleInject(css_248z$
|
|
35677
|
+
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}";
|
|
35678
|
+
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"};
|
|
35679
|
+
styleInject(css_248z$g);
|
|
35680
35680
|
|
|
35681
35681
|
var TableCell = /*#__PURE__*/React.forwardRef(function TableCell(props, ref) {
|
|
35682
35682
|
var className = props.className,
|
|
@@ -35696,7 +35696,7 @@ var TableCell = /*#__PURE__*/React.forwardRef(function TableCell(props, ref) {
|
|
|
35696
35696
|
sticky = props.sticky;
|
|
35697
35697
|
return /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
35698
35698
|
ref: ref,
|
|
35699
|
-
className: classes(styles$
|
|
35699
|
+
className: classes(styles$g.root, className, styles$g["".concat(type, "-cell")], styles$g["sticky-".concat(sticky)]),
|
|
35700
35700
|
attrs: _objectSpread2({
|
|
35701
35701
|
style: style
|
|
35702
35702
|
}, attrs),
|
|
@@ -35707,7 +35707,7 @@ var TableCell = /*#__PURE__*/React.forwardRef(function TableCell(props, ref) {
|
|
|
35707
35707
|
component2: /*#__PURE__*/jsxRuntime.jsx("span", _objectSpread2(_objectSpread2({}, _objectSpread2(_objectSpread2({}, cellTitle != null ? {
|
|
35708
35708
|
title: cellTitle
|
|
35709
35709
|
} : {}), {}, {
|
|
35710
|
-
className: classes(styles$
|
|
35710
|
+
className: classes(styles$g['cell-text'], multiLine ? styles$g['multi-line'] : ''),
|
|
35711
35711
|
style: style,
|
|
35712
35712
|
'data-elem': 'text'
|
|
35713
35713
|
})), {}, {
|
|
@@ -35736,22 +35736,24 @@ TableCell.defaultProps = _objectSpread2(_objectSpread2({}, BaseCell.defaultProps
|
|
|
35736
35736
|
cellTitle: null
|
|
35737
35737
|
});
|
|
35738
35738
|
|
|
35739
|
-
var css_248z$
|
|
35740
|
-
var styles$
|
|
35741
|
-
styleInject(css_248z$
|
|
35739
|
+
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}";
|
|
35740
|
+
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"};
|
|
35741
|
+
styleInject(css_248z$f);
|
|
35742
35742
|
|
|
35743
35743
|
var TableRow = function TableRow(props) {
|
|
35744
35744
|
var _headerData$map;
|
|
35745
|
+
// eslint-disable-next-line object-curly-newline
|
|
35745
35746
|
var type = props.type,
|
|
35746
35747
|
headerData = props.headerData,
|
|
35747
35748
|
datum = props.datum,
|
|
35749
|
+
_index = props._index,
|
|
35748
35750
|
selected = props.selected,
|
|
35749
35751
|
customCells = props.customCells,
|
|
35750
35752
|
className = props.className,
|
|
35751
35753
|
setActiveData = props.setActiveData;
|
|
35752
35754
|
return /*#__PURE__*/jsxRuntime.jsx("tr", {
|
|
35753
35755
|
"data-elem": "table-row",
|
|
35754
|
-
className: classes(className, styles$
|
|
35756
|
+
className: classes(className, styles$f.root, selected ? styles$f.selected : '', styles$f["".concat(type, "-row")]),
|
|
35755
35757
|
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) {
|
|
35756
35758
|
var _getCustomCell;
|
|
35757
35759
|
var cellContent = null;
|
|
@@ -35761,6 +35763,7 @@ var TableRow = function TableRow(props) {
|
|
|
35761
35763
|
cellContent = datum === null || datum === void 0 ? void 0 : datum[item.id];
|
|
35762
35764
|
}
|
|
35763
35765
|
var cellProps = _objectSpread2(_objectSpread2(_objectSpread2({}, props), item), {}, {
|
|
35766
|
+
_index: _index,
|
|
35764
35767
|
setActiveData: setActiveData,
|
|
35765
35768
|
key: item.id,
|
|
35766
35769
|
datum: datum,
|
|
@@ -35815,9 +35818,9 @@ TableRow.defaultProps = {
|
|
|
35815
35818
|
selected: false
|
|
35816
35819
|
};
|
|
35817
35820
|
|
|
35818
|
-
var css_248z$
|
|
35819
|
-
var styles$
|
|
35820
|
-
styleInject(css_248z$
|
|
35821
|
+
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}";
|
|
35822
|
+
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"};
|
|
35823
|
+
styleInject(css_248z$e);
|
|
35821
35824
|
|
|
35822
35825
|
/* eslint-disable react/forbid-prop-types */
|
|
35823
35826
|
var TableBody = function TableBody(props) {
|
|
@@ -35830,8 +35833,8 @@ var TableBody = function TableBody(props) {
|
|
|
35830
35833
|
className = props.className;
|
|
35831
35834
|
return /*#__PURE__*/jsxRuntime.jsx("tbody", {
|
|
35832
35835
|
"data-elem": "table-body",
|
|
35833
|
-
className: classes(styles$
|
|
35834
|
-
children: tableData === null || tableData === void 0 ? void 0 : tableData.map(function (datum) {
|
|
35836
|
+
className: classes(styles$e.root, className),
|
|
35837
|
+
children: tableData === null || tableData === void 0 ? void 0 : tableData.map(function (datum, _index) {
|
|
35835
35838
|
var key = datum === null || datum === void 0 ? void 0 : datum.id;
|
|
35836
35839
|
var selected = uniqueKey.length > 0 && (uniqueKey === null || uniqueKey === void 0 ? void 0 : uniqueKey.each(function (e) {
|
|
35837
35840
|
key += "".concat(datum === null || datum === void 0 ? void 0 : datum[e], "-");
|
|
@@ -35842,7 +35845,8 @@ var TableBody = function TableBody(props) {
|
|
|
35842
35845
|
selected: selected,
|
|
35843
35846
|
headerData: headerData,
|
|
35844
35847
|
customCells: customCells,
|
|
35845
|
-
setActiveData: setActiveData
|
|
35848
|
+
setActiveData: setActiveData,
|
|
35849
|
+
_index: _index
|
|
35846
35850
|
}, key);
|
|
35847
35851
|
})
|
|
35848
35852
|
});
|
|
@@ -35880,9 +35884,9 @@ TableBody.defaultProps = {
|
|
|
35880
35884
|
}
|
|
35881
35885
|
};
|
|
35882
35886
|
|
|
35883
|
-
var css_248z$
|
|
35884
|
-
var styles$
|
|
35885
|
-
styleInject(css_248z$
|
|
35887
|
+
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}";
|
|
35888
|
+
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"};
|
|
35889
|
+
styleInject(css_248z$d);
|
|
35886
35890
|
|
|
35887
35891
|
/* eslint-disable react/forbid-prop-types */
|
|
35888
35892
|
var TableHeader = function TableHeader(props) {
|
|
@@ -35890,7 +35894,7 @@ var TableHeader = function TableHeader(props) {
|
|
|
35890
35894
|
customCells = props.customCells;
|
|
35891
35895
|
return /*#__PURE__*/jsxRuntime.jsx("thead", {
|
|
35892
35896
|
"data-elem": "table-header",
|
|
35893
|
-
className: styles$
|
|
35897
|
+
className: styles$d.root,
|
|
35894
35898
|
children: /*#__PURE__*/jsxRuntime.jsx(TableRow, {
|
|
35895
35899
|
type: "header",
|
|
35896
35900
|
headerData: headerData,
|
|
@@ -35921,9 +35925,9 @@ TableHeader.defaultProps = {
|
|
|
35921
35925
|
}
|
|
35922
35926
|
};
|
|
35923
35927
|
|
|
35924
|
-
var css_248z$
|
|
35925
|
-
var styles$
|
|
35926
|
-
styleInject(css_248z$
|
|
35928
|
+
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}";
|
|
35929
|
+
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"};
|
|
35930
|
+
styleInject(css_248z$c);
|
|
35927
35931
|
|
|
35928
35932
|
/* eslint-disable react/forbid-prop-types */
|
|
35929
35933
|
var BaseTable = /*#__PURE__*/React.forwardRef(function BaseTable(props, ref) {
|
|
@@ -35940,7 +35944,7 @@ var BaseTable = /*#__PURE__*/React.forwardRef(function BaseTable(props, ref) {
|
|
|
35940
35944
|
return /*#__PURE__*/jsxRuntime.jsxs("table", {
|
|
35941
35945
|
ref: ref,
|
|
35942
35946
|
"data-elem": "table",
|
|
35943
|
-
className: classes(className, styles$
|
|
35947
|
+
className: classes(className, styles$c.root),
|
|
35944
35948
|
children: [/*#__PURE__*/jsxRuntime.jsx(TableHeader, {
|
|
35945
35949
|
headerData: transformedHeaderData,
|
|
35946
35950
|
customCells: customCells
|
|
@@ -35988,9 +35992,9 @@ BaseTable.defaultProps = {
|
|
|
35988
35992
|
}
|
|
35989
35993
|
};
|
|
35990
35994
|
|
|
35991
|
-
var css_248z$
|
|
35992
|
-
var styles$
|
|
35993
|
-
styleInject(css_248z$
|
|
35995
|
+
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}";
|
|
35996
|
+
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"};
|
|
35997
|
+
styleInject(css_248z$b);
|
|
35994
35998
|
|
|
35995
35999
|
var TableChips = function TableChips(props) {
|
|
35996
36000
|
var showBack = props.showBack,
|
|
@@ -36000,17 +36004,17 @@ var TableChips = function TableChips(props) {
|
|
|
36000
36004
|
style = props.style;
|
|
36001
36005
|
return /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
36002
36006
|
flexible: true,
|
|
36003
|
-
className: classes(className, styles$
|
|
36007
|
+
className: classes(className, styles$b.root),
|
|
36004
36008
|
attrs: {
|
|
36005
36009
|
style: style
|
|
36006
36010
|
},
|
|
36007
36011
|
component1: showBack && /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
36008
36012
|
size: "auto",
|
|
36009
36013
|
radius: "round",
|
|
36010
|
-
className: styles$
|
|
36014
|
+
className: styles$b.back,
|
|
36011
36015
|
leftComponent: function leftComponent() {
|
|
36012
36016
|
return /*#__PURE__*/jsxRuntime.jsx(Arrow$1, {
|
|
36013
|
-
className: styles$
|
|
36017
|
+
className: styles$b.icon,
|
|
36014
36018
|
position: "left"
|
|
36015
36019
|
});
|
|
36016
36020
|
},
|
|
@@ -36021,13 +36025,13 @@ var TableChips = function TableChips(props) {
|
|
|
36021
36025
|
variant: "input",
|
|
36022
36026
|
color: "default",
|
|
36023
36027
|
disabled: chip.disabled,
|
|
36024
|
-
className: styles$
|
|
36028
|
+
className: styles$b.chip,
|
|
36025
36029
|
title: "".concat(chip.label, " : ").concat(chip.value),
|
|
36026
36030
|
leftComponent: function leftComponent(iconProps) {
|
|
36027
36031
|
var Icon = chip.icon;
|
|
36028
36032
|
if ( /*#__PURE__*/React.isValidElement( /*#__PURE__*/jsxRuntime.jsx(Icon, {}))) {
|
|
36029
36033
|
return /*#__PURE__*/jsxRuntime.jsx(Icon, _objectSpread2(_objectSpread2({}, iconProps), {}, {
|
|
36030
|
-
className: styles$
|
|
36034
|
+
className: styles$b['chip-icon']
|
|
36031
36035
|
}));
|
|
36032
36036
|
}
|
|
36033
36037
|
return null;
|
|
@@ -36079,9 +36083,9 @@ var TableChip = /*#__PURE__*/_createClass$1(function TableChip(_ref) {
|
|
|
36079
36083
|
this.disabled = disabled;
|
|
36080
36084
|
});
|
|
36081
36085
|
|
|
36082
|
-
var css_248z$
|
|
36083
|
-
var styles$
|
|
36084
|
-
styleInject(css_248z$
|
|
36086
|
+
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}";
|
|
36087
|
+
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"};
|
|
36088
|
+
styleInject(css_248z$a);
|
|
36085
36089
|
|
|
36086
36090
|
var Popover = function Popover(props) {
|
|
36087
36091
|
var children = props.children,
|
|
@@ -36138,7 +36142,7 @@ var Popover = function Popover(props) {
|
|
|
36138
36142
|
top: y !== null && y !== void 0 ? y : 0,
|
|
36139
36143
|
left: x !== null && x !== void 0 ? x : 0
|
|
36140
36144
|
},
|
|
36141
|
-
className: classes(styles$
|
|
36145
|
+
className: classes(styles$a.root, className)
|
|
36142
36146
|
})), {}, {
|
|
36143
36147
|
children: children
|
|
36144
36148
|
}))
|
|
@@ -36157,9 +36161,9 @@ Popover.defaultProps = {
|
|
|
36157
36161
|
onClose: function onClose() {}
|
|
36158
36162
|
};
|
|
36159
36163
|
|
|
36160
|
-
var css_248z$
|
|
36161
|
-
var styles$
|
|
36162
|
-
styleInject(css_248z$
|
|
36164
|
+
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}";
|
|
36165
|
+
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"};
|
|
36166
|
+
styleInject(css_248z$9);
|
|
36163
36167
|
|
|
36164
36168
|
var Columns = function Columns(props) {
|
|
36165
36169
|
var open = props.open,
|
|
@@ -36180,17 +36184,17 @@ var Columns = function Columns(props) {
|
|
|
36180
36184
|
anchorEl: anchorEl,
|
|
36181
36185
|
open: open,
|
|
36182
36186
|
setOpen: setOpen,
|
|
36183
|
-
className: styles$
|
|
36187
|
+
className: styles$9.popover,
|
|
36184
36188
|
onClose: function onClose() {
|
|
36185
36189
|
setSearch(null);
|
|
36186
36190
|
},
|
|
36187
36191
|
children: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
36188
|
-
className: classes(styles$
|
|
36192
|
+
className: classes(styles$9.root, expanded ? styles$9.expanded : ''),
|
|
36189
36193
|
children: [/*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
36190
|
-
className: styles$
|
|
36194
|
+
className: styles$9.header,
|
|
36191
36195
|
component1: "Columns",
|
|
36192
36196
|
component2: /*#__PURE__*/jsxRuntime.jsx(TextField, {
|
|
36193
|
-
className: styles$
|
|
36197
|
+
className: styles$9.search,
|
|
36194
36198
|
placeholder: "Search Column name",
|
|
36195
36199
|
value: search,
|
|
36196
36200
|
onChange: function onChange(e) {
|
|
@@ -36200,27 +36204,27 @@ var Columns = function Columns(props) {
|
|
|
36200
36204
|
}
|
|
36201
36205
|
})
|
|
36202
36206
|
}), /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
36203
|
-
className: styles$
|
|
36207
|
+
className: styles$9.close,
|
|
36204
36208
|
size: "auto",
|
|
36205
36209
|
radius: "round",
|
|
36206
36210
|
variant: "text",
|
|
36207
36211
|
leftComponent: function leftComponent() {
|
|
36208
36212
|
return /*#__PURE__*/jsxRuntime.jsx(Cross$1, {
|
|
36209
|
-
className: styles$
|
|
36213
|
+
className: styles$9.icon
|
|
36210
36214
|
});
|
|
36211
36215
|
},
|
|
36212
36216
|
onClick: function onClick() {
|
|
36213
36217
|
setOpen(false);
|
|
36214
36218
|
}
|
|
36215
36219
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
36216
|
-
className: styles$
|
|
36220
|
+
className: styles$9.body,
|
|
36217
36221
|
children: columns === null || columns === void 0 ? void 0 : columns.filter(function (col) {
|
|
36218
36222
|
var _col$id;
|
|
36219
36223
|
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 === '';
|
|
36220
36224
|
}).map(function (col) {
|
|
36221
36225
|
var selected = [null, false, undefined].includes(hiddenColumns === null || hiddenColumns === void 0 ? void 0 : hiddenColumns[col === null || col === void 0 ? void 0 : col.id]);
|
|
36222
36226
|
return /*#__PURE__*/jsxRuntime.jsx(DropdownItem, {
|
|
36223
|
-
className: styles$
|
|
36227
|
+
className: styles$9.item,
|
|
36224
36228
|
selected: selected,
|
|
36225
36229
|
title: col.title,
|
|
36226
36230
|
variant: "checkbox",
|
|
@@ -36234,16 +36238,16 @@ var Columns = function Columns(props) {
|
|
|
36234
36238
|
}, col.id);
|
|
36235
36239
|
})
|
|
36236
36240
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
36237
|
-
className: styles$
|
|
36241
|
+
className: styles$9.footer,
|
|
36238
36242
|
children: /*#__PURE__*/jsxRuntime.jsx(Chip, {
|
|
36239
|
-
className: styles$
|
|
36243
|
+
className: styles$9.expand,
|
|
36240
36244
|
size: "sm",
|
|
36241
36245
|
radius: "ellipse",
|
|
36242
36246
|
color: "default",
|
|
36243
36247
|
title: expanded ? 'See Less' : 'See More',
|
|
36244
36248
|
rightComponent: function rightComponent() {
|
|
36245
36249
|
return /*#__PURE__*/jsxRuntime.jsx(AngleDouble, {
|
|
36246
|
-
className: styles$
|
|
36250
|
+
className: styles$9.icon
|
|
36247
36251
|
});
|
|
36248
36252
|
},
|
|
36249
36253
|
onClick: function onClick() {
|
|
@@ -36257,9 +36261,9 @@ var Columns = function Columns(props) {
|
|
|
36257
36261
|
});
|
|
36258
36262
|
};
|
|
36259
36263
|
|
|
36260
|
-
var css_248z$
|
|
36261
|
-
var styles$
|
|
36262
|
-
styleInject(css_248z$
|
|
36264
|
+
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}";
|
|
36265
|
+
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"};
|
|
36266
|
+
styleInject(css_248z$8);
|
|
36263
36267
|
|
|
36264
36268
|
var TableFilters = function TableFilters(props) {
|
|
36265
36269
|
var className = props.className,
|
|
@@ -36281,23 +36285,23 @@ var TableFilters = function TableFilters(props) {
|
|
|
36281
36285
|
setAnchorEl = _useState4[1];
|
|
36282
36286
|
return /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
36283
36287
|
flexible: true,
|
|
36284
|
-
className: classes(styles$
|
|
36288
|
+
className: classes(styles$8.root, className),
|
|
36285
36289
|
attrs: {
|
|
36286
36290
|
style: style
|
|
36287
36291
|
},
|
|
36288
36292
|
component1: /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
36289
|
-
className: styles$
|
|
36293
|
+
className: styles$8.left,
|
|
36290
36294
|
title: "Filter",
|
|
36291
36295
|
variant: "outlined",
|
|
36292
36296
|
leftComponent: function leftComponent() {
|
|
36293
36297
|
return /*#__PURE__*/jsxRuntime.jsx(Filter, {
|
|
36294
|
-
className: styles$
|
|
36298
|
+
className: styles$8.icon
|
|
36295
36299
|
});
|
|
36296
36300
|
},
|
|
36297
36301
|
rightComponent: function rightComponent() {
|
|
36298
36302
|
if (filterValue !== null && filterValue !== void 0 && filterValue.applied) {
|
|
36299
36303
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
36300
|
-
className: styles$
|
|
36304
|
+
className: styles$8['filter-value'],
|
|
36301
36305
|
children: filterValue === null || filterValue === void 0 ? void 0 : filterValue.applied
|
|
36302
36306
|
});
|
|
36303
36307
|
}
|
|
@@ -36305,30 +36309,30 @@ var TableFilters = function TableFilters(props) {
|
|
|
36305
36309
|
}
|
|
36306
36310
|
}),
|
|
36307
36311
|
component2: /*#__PURE__*/jsxRuntime.jsx(TextField, {
|
|
36308
|
-
className: styles$
|
|
36312
|
+
className: styles$8.center,
|
|
36309
36313
|
value: searchValue,
|
|
36310
36314
|
onChange: onSearch,
|
|
36311
36315
|
LeftComponent: function LeftComponent() {
|
|
36312
36316
|
return /*#__PURE__*/jsxRuntime.jsx(MagnifyingGlass, {
|
|
36313
|
-
className: styles$
|
|
36317
|
+
className: styles$8.icon
|
|
36314
36318
|
});
|
|
36315
36319
|
},
|
|
36316
36320
|
placeholder: "Search"
|
|
36317
36321
|
}),
|
|
36318
36322
|
component3: /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
|
|
36319
36323
|
flexible: true,
|
|
36320
|
-
className: styles$
|
|
36324
|
+
className: styles$8.right,
|
|
36321
36325
|
component1: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
36322
36326
|
children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
36323
36327
|
ref: function ref(el) {
|
|
36324
36328
|
setAnchorEl(el);
|
|
36325
36329
|
},
|
|
36326
36330
|
size: "auto",
|
|
36327
|
-
className: styles$
|
|
36331
|
+
className: styles$8['icon-button'],
|
|
36328
36332
|
variant: "text",
|
|
36329
36333
|
leftComponent: function leftComponent() {
|
|
36330
36334
|
return /*#__PURE__*/jsxRuntime.jsx(Columns$1, {
|
|
36331
|
-
className: styles$
|
|
36335
|
+
className: styles$8.icon
|
|
36332
36336
|
});
|
|
36333
36337
|
},
|
|
36334
36338
|
onClick: function onClick() {
|
|
@@ -36347,22 +36351,22 @@ var TableFilters = function TableFilters(props) {
|
|
|
36347
36351
|
}),
|
|
36348
36352
|
component2: /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
36349
36353
|
size: "auto",
|
|
36350
|
-
className: styles$
|
|
36354
|
+
className: styles$8['icon-button'],
|
|
36351
36355
|
variant: "text",
|
|
36352
36356
|
onClick: onRefresh,
|
|
36353
36357
|
leftComponent: function leftComponent() {
|
|
36354
36358
|
return /*#__PURE__*/jsxRuntime.jsx(Refresh, {
|
|
36355
|
-
className: styles$
|
|
36359
|
+
className: styles$8.icon
|
|
36356
36360
|
});
|
|
36357
36361
|
}
|
|
36358
36362
|
}),
|
|
36359
36363
|
component3: /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
36360
36364
|
size: "auto",
|
|
36361
|
-
className: styles$
|
|
36365
|
+
className: styles$8['icon-button'],
|
|
36362
36366
|
variant: "text",
|
|
36363
36367
|
leftComponent: function leftComponent() {
|
|
36364
36368
|
return /*#__PURE__*/jsxRuntime.jsx(Nut, {
|
|
36365
|
-
className: styles$
|
|
36369
|
+
className: styles$8.icon
|
|
36366
36370
|
});
|
|
36367
36371
|
}
|
|
36368
36372
|
})
|
|
@@ -36391,9 +36395,9 @@ TableFilters.defaultProps = {
|
|
|
36391
36395
|
}
|
|
36392
36396
|
};
|
|
36393
36397
|
|
|
36394
|
-
var css_248z$
|
|
36395
|
-
var styles$
|
|
36396
|
-
styleInject(css_248z$
|
|
36398
|
+
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}";
|
|
36399
|
+
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"};
|
|
36400
|
+
styleInject(css_248z$7);
|
|
36397
36401
|
|
|
36398
36402
|
var INTERSECTION = 1;
|
|
36399
36403
|
var STEP = 0.1;
|
|
@@ -36485,11 +36489,11 @@ var Table = function Table(props) {
|
|
|
36485
36489
|
setHiddenColumns({});
|
|
36486
36490
|
}, [headerData]);
|
|
36487
36491
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
36488
|
-
className: classes(styles$
|
|
36492
|
+
className: classes(styles$7.root, className),
|
|
36489
36493
|
children: [chipsData != null && ((chipsData === null || chipsData === void 0 ? void 0 : (_chipsData$chips = chipsData.chips) === null || _chipsData$chips === void 0 ? void 0 : _chipsData$chips.length) > 0 || (chipsData === null || chipsData === void 0 ? void 0 : chipsData.showBack) != null) && /*#__PURE__*/jsxRuntime.jsx(TableChips, _objectSpread2({
|
|
36490
|
-
className: styles$
|
|
36494
|
+
className: styles$7.chips
|
|
36491
36495
|
}, chipsData)), filtersData != null && /*#__PURE__*/jsxRuntime.jsx(TableFilters, _objectSpread2({
|
|
36492
|
-
className: styles$
|
|
36496
|
+
className: styles$7.filters
|
|
36493
36497
|
}, _objectSpread2(_objectSpread2({}, filtersData), {}, {
|
|
36494
36498
|
headerData: headerData,
|
|
36495
36499
|
hiddenColumns: hiddenColumns,
|
|
@@ -36502,9 +36506,9 @@ var Table = function Table(props) {
|
|
|
36502
36506
|
activeData: activeData,
|
|
36503
36507
|
setActiveData: setActiveData,
|
|
36504
36508
|
customCells: customCells,
|
|
36505
|
-
className: styles$
|
|
36509
|
+
className: styles$7.table
|
|
36506
36510
|
}), paginationData != null && /*#__PURE__*/jsxRuntime.jsx(Pagination, _objectSpread2(_objectSpread2({
|
|
36507
|
-
className: classes(styles$
|
|
36511
|
+
className: classes(styles$7.pagination, floating ? styles$7.floating : ''),
|
|
36508
36512
|
ref: paginationRef
|
|
36509
36513
|
}, paginationData), {}, {
|
|
36510
36514
|
floating: floating
|
|
@@ -36550,22 +36554,22 @@ Table.defaultProps = {
|
|
|
36550
36554
|
paginationData: null
|
|
36551
36555
|
};
|
|
36552
36556
|
|
|
36553
|
-
var css_248z$
|
|
36554
|
-
var styles$
|
|
36555
|
-
styleInject(css_248z$
|
|
36557
|
+
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}";
|
|
36558
|
+
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"};
|
|
36559
|
+
styleInject(css_248z$6);
|
|
36556
36560
|
|
|
36557
36561
|
var Tabs = function Tabs(props) {
|
|
36558
36562
|
var tabs = props.tabs,
|
|
36559
36563
|
selectedTab = props.selectedTab,
|
|
36560
36564
|
setSelectedTab = props.setSelectedTab;
|
|
36561
36565
|
var tabViewClassName = function tabViewClassName(id) {
|
|
36562
|
-
return id === selectedTab ? "".concat(styles$
|
|
36566
|
+
return id === selectedTab ? "".concat(styles$6['tab-view-selected']) : "".concat(styles$6['tab-view']);
|
|
36563
36567
|
};
|
|
36564
36568
|
var onTabClick = function onTabClick(id) {
|
|
36565
36569
|
setSelectedTab(id);
|
|
36566
36570
|
};
|
|
36567
36571
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
36568
|
-
className: styles$
|
|
36572
|
+
className: styles$6.root,
|
|
36569
36573
|
children: tabs === null || tabs === void 0 ? void 0 : tabs.map(function (tab) {
|
|
36570
36574
|
var id = tab.id,
|
|
36571
36575
|
title = tab.title,
|
|
@@ -36577,17 +36581,17 @@ var Tabs = function Tabs(props) {
|
|
|
36577
36581
|
},
|
|
36578
36582
|
className: tabViewClassName(id),
|
|
36579
36583
|
children: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
36580
|
-
className: styles$
|
|
36584
|
+
className: styles$6.content,
|
|
36581
36585
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
36582
|
-
className: styles$
|
|
36586
|
+
className: styles$6.left,
|
|
36583
36587
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
36584
36588
|
style: {
|
|
36585
36589
|
paddingRight: LeftIcon ? 5 : 0
|
|
36586
36590
|
},
|
|
36587
36591
|
children: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
36588
|
-
className: styles$
|
|
36592
|
+
className: styles$6['icon-container'],
|
|
36589
36593
|
children: LeftIcon && /*#__PURE__*/jsxRuntime.jsx(LeftIcon, {
|
|
36590
|
-
className: classes(styles$
|
|
36594
|
+
className: classes(styles$6.icon)
|
|
36591
36595
|
})
|
|
36592
36596
|
})
|
|
36593
36597
|
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
@@ -36597,13 +36601,13 @@ var Tabs = function Tabs(props) {
|
|
|
36597
36601
|
children: title
|
|
36598
36602
|
})]
|
|
36599
36603
|
}), RightIcon && /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
36600
|
-
className: styles$
|
|
36604
|
+
className: styles$6.right,
|
|
36601
36605
|
children: [/*#__PURE__*/jsxRuntime.jsx("vl", {
|
|
36602
|
-
className: styles$
|
|
36606
|
+
className: styles$6.saperator
|
|
36603
36607
|
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
36604
|
-
className: styles$
|
|
36608
|
+
className: styles$6['icon-container'],
|
|
36605
36609
|
children: /*#__PURE__*/jsxRuntime.jsx(RightIcon, {
|
|
36606
|
-
className: classes(styles$
|
|
36610
|
+
className: classes(styles$6.icon)
|
|
36607
36611
|
})
|
|
36608
36612
|
})]
|
|
36609
36613
|
})]
|
|
@@ -36643,9 +36647,9 @@ Tabs.defaultProps = {
|
|
|
36643
36647
|
setSelectedTab: 'None'
|
|
36644
36648
|
};
|
|
36645
36649
|
|
|
36646
|
-
var css_248z$
|
|
36647
|
-
var styles$
|
|
36648
|
-
styleInject(css_248z$
|
|
36650
|
+
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}";
|
|
36651
|
+
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"};
|
|
36652
|
+
styleInject(css_248z$5);
|
|
36649
36653
|
|
|
36650
36654
|
var getPositionStyles = function getPositionStyles(_ref) {
|
|
36651
36655
|
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;
|
|
@@ -36706,7 +36710,7 @@ var Tooltip = function Tooltip(props) {
|
|
|
36706
36710
|
};
|
|
36707
36711
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
36708
36712
|
ref: tooltipRef,
|
|
36709
|
-
className: classes(styles$
|
|
36713
|
+
className: classes(styles$5.root, styles$5[variant])
|
|
36710
36714
|
// When to show the tooltip
|
|
36711
36715
|
,
|
|
36712
36716
|
onMouseEnter: showTip,
|
|
@@ -36717,7 +36721,7 @@ var Tooltip = function Tooltip(props) {
|
|
|
36717
36721
|
anchorEl: tooltipRef,
|
|
36718
36722
|
wrapperId: "tooltip-popper",
|
|
36719
36723
|
children: /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
36720
|
-
className: classes(styles$
|
|
36724
|
+
className: classes(styles$5.tooltip, styles$5[position], styles$5[variant]),
|
|
36721
36725
|
style: _objectSpread2({}, getPositionStyles({
|
|
36722
36726
|
position: position,
|
|
36723
36727
|
anchor: tooltipRef,
|
|
@@ -36739,9 +36743,9 @@ Tooltip.defaultProps = {
|
|
|
36739
36743
|
position: 'top'
|
|
36740
36744
|
};
|
|
36741
36745
|
|
|
36742
|
-
var css_248z$
|
|
36743
|
-
var styles$
|
|
36744
|
-
styleInject(css_248z$
|
|
36746
|
+
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}";
|
|
36747
|
+
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"};
|
|
36748
|
+
styleInject(css_248z$4);
|
|
36745
36749
|
|
|
36746
36750
|
var BaseSidePanel = function BaseSidePanel(props) {
|
|
36747
36751
|
var className = props.className,
|
|
@@ -36752,18 +36756,18 @@ var BaseSidePanel = function BaseSidePanel(props) {
|
|
|
36752
36756
|
var panelRef = React.useRef();
|
|
36753
36757
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
36754
36758
|
ref: panelRef,
|
|
36755
|
-
className: classes(styles$
|
|
36759
|
+
className: classes(styles$4.root, open ? '' : styles$4.close, className),
|
|
36756
36760
|
children: [renderHeader && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
36757
36761
|
"data-elem": "header",
|
|
36758
|
-
className: styles$
|
|
36762
|
+
className: styles$4.header,
|
|
36759
36763
|
children: renderHeader
|
|
36760
36764
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
36761
36765
|
"data-elem": "body",
|
|
36762
|
-
className: styles$
|
|
36766
|
+
className: styles$4.body,
|
|
36763
36767
|
children: children
|
|
36764
36768
|
}), renderFooter && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
36765
36769
|
"data-elem": "footer",
|
|
36766
|
-
className: styles$
|
|
36770
|
+
className: styles$4.footer,
|
|
36767
36771
|
children: renderFooter
|
|
36768
36772
|
})]
|
|
36769
36773
|
});
|
|
@@ -82769,15 +82773,16 @@ function install(registers) {
|
|
|
82769
82773
|
registers.registerPainter('canvas', CanvasPainter$1);
|
|
82770
82774
|
}
|
|
82771
82775
|
|
|
82772
|
-
var css_248z$
|
|
82773
|
-
var styles$
|
|
82774
|
-
styleInject(css_248z$
|
|
82776
|
+
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}";
|
|
82777
|
+
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"};
|
|
82778
|
+
styleInject(css_248z$3);
|
|
82775
82779
|
|
|
82776
82780
|
use([install$2, install$3, install$4, install$1, install$7, install]);
|
|
82777
|
-
var
|
|
82781
|
+
var BaseVerticalBarChart = function BaseVerticalBarChart(props) {
|
|
82778
82782
|
var _seriesData$chartData, _seriesData$chartData7;
|
|
82779
82783
|
var title = props.title,
|
|
82780
82784
|
gridContainLabel = props.gridContainLabel,
|
|
82785
|
+
gridOptions = props.gridOptions,
|
|
82781
82786
|
xAxisShow = props.xAxisShow,
|
|
82782
82787
|
seriesData = props.seriesData,
|
|
82783
82788
|
onEvents = props.onEvents,
|
|
@@ -82844,9 +82849,9 @@ var BaseVerticalChart = function BaseVerticalChart(props) {
|
|
|
82844
82849
|
title: {
|
|
82845
82850
|
text: title
|
|
82846
82851
|
},
|
|
82847
|
-
grid: {
|
|
82852
|
+
grid: _objectSpread2({
|
|
82848
82853
|
containLabel: gridContainLabel
|
|
82849
|
-
},
|
|
82854
|
+
}, gridOptions),
|
|
82850
82855
|
xAxis: {
|
|
82851
82856
|
data: Object.keys((_seriesData$chartData7 = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData7 !== void 0 ? _seriesData$chartData7 : {}),
|
|
82852
82857
|
show: xAxisShow,
|
|
@@ -82878,21 +82883,19 @@ var BaseVerticalChart = function BaseVerticalChart(props) {
|
|
|
82878
82883
|
echarts: echarts,
|
|
82879
82884
|
notMerge: true,
|
|
82880
82885
|
lazyUpdate: true,
|
|
82881
|
-
className: classes(className, styles$
|
|
82886
|
+
className: classes(className, styles$3.root),
|
|
82882
82887
|
style: style
|
|
82883
82888
|
});
|
|
82884
82889
|
};
|
|
82885
|
-
|
|
82890
|
+
BaseVerticalBarChart.propTypes = {
|
|
82886
82891
|
title: propTypes$1.exports.string,
|
|
82887
82892
|
gridContainLabel: propTypes$1.exports.bool,
|
|
82893
|
+
gridOptions: propTypes$1.exports.object,
|
|
82888
82894
|
xAxisShow: propTypes$1.exports.bool,
|
|
82889
82895
|
seriesData: propTypes$1.exports.shape({
|
|
82890
|
-
// eslint-disable-next-line react/forbid-prop-types
|
|
82891
82896
|
chartData: propTypes$1.exports.object,
|
|
82892
|
-
// eslint-disable-next-line react/forbid-prop-types
|
|
82893
82897
|
metaData: propTypes$1.exports.object
|
|
82894
82898
|
}),
|
|
82895
|
-
// eslint-disable-next-line react/forbid-prop-types
|
|
82896
82899
|
onEvents: propTypes$1.exports.object,
|
|
82897
82900
|
yAxisLabelShow: propTypes$1.exports.bool,
|
|
82898
82901
|
ySplitLineShow: propTypes$1.exports.bool,
|
|
@@ -82906,9 +82909,15 @@ BaseVerticalChart.propTypes = {
|
|
|
82906
82909
|
style: propTypes$1.exports.objectOf(propTypes$1.exports.shape),
|
|
82907
82910
|
className: propTypes$1.exports.string
|
|
82908
82911
|
};
|
|
82909
|
-
|
|
82912
|
+
BaseVerticalBarChart.defaultProps = {
|
|
82910
82913
|
title: '',
|
|
82911
82914
|
gridContainLabel: false,
|
|
82915
|
+
gridOptions: {
|
|
82916
|
+
left: 0,
|
|
82917
|
+
right: 0,
|
|
82918
|
+
bottom: 0,
|
|
82919
|
+
top: 5
|
|
82920
|
+
},
|
|
82912
82921
|
xAxisShow: false,
|
|
82913
82922
|
seriesData: {},
|
|
82914
82923
|
onEvents: {},
|
|
@@ -82930,16 +82939,16 @@ BaseVerticalChart.defaultProps = {
|
|
|
82930
82939
|
className: ''
|
|
82931
82940
|
};
|
|
82932
82941
|
|
|
82933
|
-
var css_248z$
|
|
82934
|
-
var styles$
|
|
82935
|
-
styleInject(css_248z$
|
|
82942
|
+
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}";
|
|
82943
|
+
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-"};
|
|
82944
|
+
styleInject(css_248z$2);
|
|
82936
82945
|
|
|
82937
82946
|
use([install$2, install$3, install$4, install$1, install$7, install]);
|
|
82938
|
-
var
|
|
82947
|
+
var BaseHorizontalBarChart = function BaseHorizontalBarChart(props) {
|
|
82939
82948
|
var _seriesData$chartData, _seriesData$chartData7;
|
|
82940
82949
|
var title = props.title,
|
|
82941
82950
|
gridContainLabel = props.gridContainLabel,
|
|
82942
|
-
|
|
82951
|
+
gridOptions = props.gridOptions,
|
|
82943
82952
|
xAxisShow = props.xAxisShow,
|
|
82944
82953
|
seriesData = props.seriesData,
|
|
82945
82954
|
onEvents = props.onEvents,
|
|
@@ -82996,10 +83005,9 @@ var BaseHorizontalChart = function BaseHorizontalChart(props) {
|
|
|
82996
83005
|
title: {
|
|
82997
83006
|
text: title
|
|
82998
83007
|
},
|
|
82999
|
-
grid: {
|
|
83000
|
-
containLabel: gridContainLabel
|
|
83001
|
-
|
|
83002
|
-
},
|
|
83008
|
+
grid: _objectSpread2({
|
|
83009
|
+
containLabel: gridContainLabel
|
|
83010
|
+
}, gridOptions),
|
|
83003
83011
|
xAxis: {
|
|
83004
83012
|
show: xAxisShow,
|
|
83005
83013
|
type: 'value'
|
|
@@ -83027,21 +83035,19 @@ var BaseHorizontalChart = function BaseHorizontalChart(props) {
|
|
|
83027
83035
|
echarts: echarts,
|
|
83028
83036
|
notMerge: true,
|
|
83029
83037
|
lazyUpdate: true,
|
|
83030
|
-
className: classes(className, styles$
|
|
83038
|
+
className: classes(className, styles$2.root),
|
|
83031
83039
|
style: style
|
|
83032
83040
|
});
|
|
83033
83041
|
};
|
|
83034
|
-
|
|
83042
|
+
BaseHorizontalBarChart.propTypes = {
|
|
83035
83043
|
title: propTypes$1.exports.string,
|
|
83036
83044
|
gridContainLabel: propTypes$1.exports.bool,
|
|
83045
|
+
gridOptions: propTypes$1.exports.object,
|
|
83037
83046
|
xAxisShow: propTypes$1.exports.bool,
|
|
83038
83047
|
seriesData: propTypes$1.exports.shape({
|
|
83039
|
-
// eslint-disable-next-line react/forbid-prop-types
|
|
83040
83048
|
chartData: propTypes$1.exports.object,
|
|
83041
|
-
// eslint-disable-next-line react/forbid-prop-types
|
|
83042
83049
|
metaData: propTypes$1.exports.object
|
|
83043
83050
|
}),
|
|
83044
|
-
// eslint-disable-next-line react/forbid-prop-types
|
|
83045
83051
|
onEvents: propTypes$1.exports.object,
|
|
83046
83052
|
yAxisLabelShow: propTypes$1.exports.bool,
|
|
83047
83053
|
ySplitLineShow: propTypes$1.exports.bool,
|
|
@@ -83051,13 +83057,18 @@ BaseHorizontalChart.propTypes = {
|
|
|
83051
83057
|
cursor: propTypes$1.exports.string,
|
|
83052
83058
|
stacked: propTypes$1.exports.bool,
|
|
83053
83059
|
seriesOption: propTypes$1.exports.objectOf(propTypes$1.exports.shape),
|
|
83054
|
-
// eslint-disable-next-line react/forbid-prop-types
|
|
83055
83060
|
style: propTypes$1.exports.object,
|
|
83056
83061
|
className: propTypes$1.exports.string
|
|
83057
83062
|
};
|
|
83058
|
-
|
|
83063
|
+
BaseHorizontalBarChart.defaultProps = {
|
|
83059
83064
|
title: '',
|
|
83060
83065
|
gridContainLabel: false,
|
|
83066
|
+
gridOptions: {
|
|
83067
|
+
left: 0,
|
|
83068
|
+
right: 0,
|
|
83069
|
+
bottom: 0,
|
|
83070
|
+
top: 5
|
|
83071
|
+
},
|
|
83061
83072
|
xAxisShow: false,
|
|
83062
83073
|
seriesData: {},
|
|
83063
83074
|
onEvents: {},
|
|
@@ -83078,9 +83089,9 @@ BaseHorizontalChart.defaultProps = {
|
|
|
83078
83089
|
className: ''
|
|
83079
83090
|
};
|
|
83080
83091
|
|
|
83081
|
-
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}";
|
|
83082
|
-
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"};
|
|
83083
|
-
styleInject(css_248z);
|
|
83092
|
+
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}";
|
|
83093
|
+
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"};
|
|
83094
|
+
styleInject(css_248z$1);
|
|
83084
83095
|
|
|
83085
83096
|
var generateOptions = function generateOptions(optionData) {
|
|
83086
83097
|
var _optionData$id, _optionData$placehold, _optionData$value, _optionData$onChange, _optionData$selectOpt, _optionData$title, _optionData$onClick;
|
|
@@ -83094,15 +83105,15 @@ var generateOptions = function generateOptions(optionData) {
|
|
|
83094
83105
|
placeholder: (_optionData$placehold = optionData === null || optionData === void 0 ? void 0 : optionData.placeholder) !== null && _optionData$placehold !== void 0 ? _optionData$placehold : '',
|
|
83095
83106
|
value: (_optionData$value = optionData === null || optionData === void 0 ? void 0 : optionData.value) !== null && _optionData$value !== void 0 ? _optionData$value : '',
|
|
83096
83107
|
onChange: (_optionData$onChange = optionData === null || optionData === void 0 ? void 0 : optionData.onChange) !== null && _optionData$onChange !== void 0 ? _optionData$onChange : '',
|
|
83097
|
-
className: styles['dropdown-header'],
|
|
83098
|
-
popperClassName: styles['dropdown-popper'],
|
|
83108
|
+
className: styles$1['dropdown-header'],
|
|
83109
|
+
popperClassName: styles$1['dropdown-popper'],
|
|
83099
83110
|
children: ((_optionData$selectOpt = optionData === null || optionData === void 0 ? void 0 : optionData.selectOption) !== null && _optionData$selectOpt !== void 0 ? _optionData$selectOpt : []).map(function (objectData) {
|
|
83100
83111
|
var _objectData$title, _objectData$value, _objectData$value2;
|
|
83101
83112
|
return /*#__PURE__*/jsxRuntime.jsx(DropdownItem, {
|
|
83102
83113
|
title: (_objectData$title = objectData === null || objectData === void 0 ? void 0 : objectData.title) !== null && _objectData$title !== void 0 ? _objectData$title : '',
|
|
83103
83114
|
value: (_objectData$value2 = objectData === null || objectData === void 0 ? void 0 : objectData.value) !== null && _objectData$value2 !== void 0 ? _objectData$value2 : '',
|
|
83104
83115
|
variant: "checkbox",
|
|
83105
|
-
className: styles['dropdown-item']
|
|
83116
|
+
className: styles$1['dropdown-item']
|
|
83106
83117
|
}, (_objectData$value = objectData === null || objectData === void 0 ? void 0 : objectData.value) !== null && _objectData$value !== void 0 ? _objectData$value : '');
|
|
83107
83118
|
})
|
|
83108
83119
|
});
|
|
@@ -83111,11 +83122,11 @@ var generateOptions = function generateOptions(optionData) {
|
|
|
83111
83122
|
title: (_optionData$title = optionData === null || optionData === void 0 ? void 0 : optionData.title) !== null && _optionData$title !== void 0 ? _optionData$title : '',
|
|
83112
83123
|
variant: "outlined",
|
|
83113
83124
|
size: "auto",
|
|
83114
|
-
className: styles['expand-button'],
|
|
83125
|
+
className: styles$1['expand-button'],
|
|
83115
83126
|
onClick: (_optionData$onClick = optionData === null || optionData === void 0 ? void 0 : optionData.onClick) !== null && _optionData$onClick !== void 0 ? _optionData$onClick : '',
|
|
83116
83127
|
rightComponent: function rightComponent() {
|
|
83117
83128
|
return /*#__PURE__*/jsxRuntime.jsx(ExpandArrowAlt, {
|
|
83118
|
-
className: styles['expand-icon']
|
|
83129
|
+
className: styles$1['expand-icon']
|
|
83119
83130
|
});
|
|
83120
83131
|
}
|
|
83121
83132
|
});
|
|
@@ -83133,31 +83144,31 @@ var BaseWidget = function BaseWidget(props) {
|
|
|
83133
83144
|
className = props.className,
|
|
83134
83145
|
children = props.children;
|
|
83135
83146
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
83136
|
-
className: classes(styles.root, className),
|
|
83147
|
+
className: classes(styles$1.root, className),
|
|
83137
83148
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
83138
|
-
className: styles.header,
|
|
83149
|
+
className: styles$1.header,
|
|
83139
83150
|
"data-elem": "header",
|
|
83140
83151
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
83141
|
-
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'] : ''),
|
|
83152
|
+
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'] : ''),
|
|
83142
83153
|
"data-elem": "header-title",
|
|
83143
83154
|
children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
|
|
83144
|
-
className: styles.title,
|
|
83155
|
+
className: styles$1.title,
|
|
83145
83156
|
"data-elem": "title",
|
|
83146
83157
|
children: [title, ((_options$length2 = options === null || options === void 0 ? void 0 : options.length) !== null && _options$length2 !== void 0 ? _options$length2 : 0) > 0 ? ' - ' : ' ']
|
|
83147
83158
|
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
83148
|
-
className: styles.value,
|
|
83159
|
+
className: styles$1.value,
|
|
83149
83160
|
"data-elem": "value",
|
|
83150
83161
|
children: value
|
|
83151
83162
|
})]
|
|
83152
83163
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
83153
|
-
className: styles['header-options'],
|
|
83164
|
+
className: styles$1['header-options'],
|
|
83154
83165
|
"data-elem": "header-options",
|
|
83155
83166
|
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) {
|
|
83156
83167
|
return generateOptions(objectData);
|
|
83157
83168
|
}))
|
|
83158
83169
|
})]
|
|
83159
83170
|
}), /*#__PURE__*/jsxRuntime.jsx("hr", {}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
83160
|
-
className: styles.children,
|
|
83171
|
+
className: styles$1.children,
|
|
83161
83172
|
"data-elem": "children",
|
|
83162
83173
|
children: children
|
|
83163
83174
|
})]
|
|
@@ -83176,6 +83187,42 @@ BaseWidget.defaultProps = {
|
|
|
83176
83187
|
className: ''
|
|
83177
83188
|
};
|
|
83178
83189
|
|
|
83190
|
+
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}";
|
|
83191
|
+
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"};
|
|
83192
|
+
styleInject(css_248z);
|
|
83193
|
+
|
|
83194
|
+
var DisplayPicture = function DisplayPicture(props) {
|
|
83195
|
+
var name = props.name,
|
|
83196
|
+
className = props.className,
|
|
83197
|
+
url = props.url,
|
|
83198
|
+
size = props.size;
|
|
83199
|
+
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
83200
|
+
className: classes(styles.root, className, styles[size]),
|
|
83201
|
+
children: [!url && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
83202
|
+
children: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
83203
|
+
"data-elem": "dp-name",
|
|
83204
|
+
children: getInitialsOfName(name)
|
|
83205
|
+
})
|
|
83206
|
+
}), url && /*#__PURE__*/jsxRuntime.jsx("img", {
|
|
83207
|
+
"data-elem": "dp-img",
|
|
83208
|
+
src: url,
|
|
83209
|
+
alt: name
|
|
83210
|
+
})]
|
|
83211
|
+
});
|
|
83212
|
+
};
|
|
83213
|
+
DisplayPicture.propTypes = {
|
|
83214
|
+
name: propTypes$1.exports.string,
|
|
83215
|
+
url: propTypes$1.exports.string,
|
|
83216
|
+
className: propTypes$1.exports.string,
|
|
83217
|
+
size: propTypes$1.exports.string
|
|
83218
|
+
};
|
|
83219
|
+
DisplayPicture.defaultProps = {
|
|
83220
|
+
name: '',
|
|
83221
|
+
url: '',
|
|
83222
|
+
className: '',
|
|
83223
|
+
size: 'sm'
|
|
83224
|
+
};
|
|
83225
|
+
|
|
83179
83226
|
var abapExports = requireAbap();
|
|
83180
83227
|
|
|
83181
83228
|
var abap = /*#__PURE__*/_mergeNamespaces({
|
|
@@ -84213,10 +84260,11 @@ exports.ArrowIcon = Arrow$1;
|
|
|
84213
84260
|
exports.BASE_URLS = BASE_URLS;
|
|
84214
84261
|
exports.BaseButton = BaseButton;
|
|
84215
84262
|
exports.BaseCell = BaseCell;
|
|
84263
|
+
exports.BaseHorizontalBarChart = BaseHorizontalBarChart;
|
|
84216
84264
|
exports.BaseModal = BaseModal;
|
|
84217
84265
|
exports.BaseSidePanel = BaseSidePanel;
|
|
84218
84266
|
exports.BaseTable = BaseTable;
|
|
84219
|
-
exports.
|
|
84267
|
+
exports.BaseVerticalBarChart = BaseVerticalBarChart;
|
|
84220
84268
|
exports.BaseWidget = BaseWidget;
|
|
84221
84269
|
exports.BreadCrumbs = BreadCrumbs;
|
|
84222
84270
|
exports.BreadcrumbSeperatorIcon = BreadcrumbSeperator;
|
|
@@ -84234,6 +84282,7 @@ exports.CrossIcon = Cross$1;
|
|
|
84234
84282
|
exports.DAYS = DAYS;
|
|
84235
84283
|
exports.DatePicker = DatePicker;
|
|
84236
84284
|
exports.DeleteIcon = Delete;
|
|
84285
|
+
exports.DisplayPicture = DisplayPicture;
|
|
84237
84286
|
exports.DownloadIcon = Download;
|
|
84238
84287
|
exports.Dropdown = Dropdown;
|
|
84239
84288
|
exports.DropdownItem = DropdownItem;
|
|
@@ -84284,7 +84333,6 @@ exports.getJSDateFromEpoch = getJSDateFromEpoch;
|
|
|
84284
84333
|
exports.getPagination = getPagination;
|
|
84285
84334
|
exports.getSpacedDisplayName = getSpacedDisplayName;
|
|
84286
84335
|
exports.getTimeFromEpoch = getTimeFromEpoch;
|
|
84287
|
-
exports.horizontalStackedChart = BaseHorizontalChart;
|
|
84288
84336
|
exports.inputHelper = inputHelper;
|
|
84289
84337
|
exports.propTypes = propTypes;
|
|
84290
84338
|
exports.stringToPath = stringToPath;
|