@databrainhq/plugin 0.8.25 → 0.9.1
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/components/MetricList/MetricList.d.ts +1 -0
- package/dist/components/ScheduleEmail/ScheduleEmailForm/index.d.ts +6 -0
- package/dist/components/ScheduleEmail/index.d.ts +3 -0
- package/dist/components/TagInputField/index.d.ts +30 -0
- package/dist/consts/app.d.ts +20 -0
- package/dist/containers/Dashboard/Dashboard.d.ts +15 -3
- package/dist/containers/Dashboard/DashboardProvider.d.ts +6 -0
- package/dist/containers/Dashboard/EmbededDashboard.d.ts +5 -3
- package/dist/helpers/getNextScheduledTime.d.ts +13 -0
- package/dist/helpers/groupBy.d.ts +1 -1
- package/dist/hooks/useDashboardContext.d.ts +29 -0
- package/dist/hooks/useDownloadRawCsv.d.ts +3 -1
- package/dist/hooks/useEmbeddedDashboard.d.ts +3 -0
- package/dist/hooks/useScheduleEmail.d.ts +37 -0
- package/dist/index.es.js +1363 -579
- package/dist/index.umd.js +177 -122
- package/dist/style.css +1 -1
- package/dist/utils/generated/graphql.d.ts +132 -3
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -2534,7 +2534,7 @@ const floatingContainer = "_floatingContainer_vf3jq_421";
|
|
|
2534
2534
|
const filterButton = "_filterButton_vf3jq_437";
|
|
2535
2535
|
const filterText$1 = "_filterText_vf3jq_445";
|
|
2536
2536
|
const filterLength = "_filterLength_vf3jq_453";
|
|
2537
|
-
var styles$
|
|
2537
|
+
var styles$L = {
|
|
2538
2538
|
container: container$h,
|
|
2539
2539
|
"static": "_static_vf3jq_413",
|
|
2540
2540
|
fixed,
|
|
@@ -2646,7 +2646,7 @@ var classnames$1 = { exports: {} };
|
|
|
2646
2646
|
})();
|
|
2647
2647
|
})(classnames$1);
|
|
2648
2648
|
var classnames = classnames$1.exports;
|
|
2649
|
-
var styles$
|
|
2649
|
+
var styles$K = {
|
|
2650
2650
|
"btn-primary": "_btn-primary_17kvk_1",
|
|
2651
2651
|
"btn-secondary": "_btn-secondary_17kvk_5",
|
|
2652
2652
|
"btn-reject": "_btn-reject_17kvk_9",
|
|
@@ -2709,7 +2709,7 @@ const Button = ({
|
|
|
2709
2709
|
title: title2,
|
|
2710
2710
|
...props
|
|
2711
2711
|
}) => {
|
|
2712
|
-
const btnClasses = classnames(className, styles$
|
|
2712
|
+
const btnClasses = classnames(className, styles$K[`btn-${variant}`], `dbn-btn-${variant}`, size === "none" ? null : styles$K[`btn-${size}`]);
|
|
2713
2713
|
return /* @__PURE__ */ jsx("button", {
|
|
2714
2714
|
...props,
|
|
2715
2715
|
type: type3,
|
|
@@ -4169,7 +4169,7 @@ const plusIcon = "_plusIcon_13jez_85";
|
|
|
4169
4169
|
const form$3 = "_form_13jez_91";
|
|
4170
4170
|
const chartType = "_chartType_13jez_97";
|
|
4171
4171
|
const selectedOption = "_selectedOption_13jez_105";
|
|
4172
|
-
var styles$
|
|
4172
|
+
var styles$J = {
|
|
4173
4173
|
chartOptions,
|
|
4174
4174
|
chartOption,
|
|
4175
4175
|
chartOptionBtn: chartOptionBtn$1,
|
|
@@ -5016,7 +5016,7 @@ var style = {
|
|
|
5016
5016
|
const primary$1 = "_primary_18yak_1";
|
|
5017
5017
|
const secondary = "_secondary_18yak_5";
|
|
5018
5018
|
const tertiary = "_tertiary_18yak_10";
|
|
5019
|
-
var styles$
|
|
5019
|
+
var styles$I = {
|
|
5020
5020
|
primary: primary$1,
|
|
5021
5021
|
secondary,
|
|
5022
5022
|
tertiary,
|
|
@@ -5050,14 +5050,14 @@ const Text = ({
|
|
|
5050
5050
|
}) => {
|
|
5051
5051
|
const Tag = variants[variant];
|
|
5052
5052
|
return /* @__PURE__ */ jsx(Tag, {
|
|
5053
|
-
className: classnames(styleClass === "custom" ? null : `${styles$
|
|
5053
|
+
className: classnames(styleClass === "custom" ? null : `${styles$I[styleClass]}`, className),
|
|
5054
5054
|
onClick,
|
|
5055
5055
|
style: style2,
|
|
5056
5056
|
children: children2
|
|
5057
5057
|
});
|
|
5058
5058
|
};
|
|
5059
5059
|
const search$1 = "_search_1klck_1";
|
|
5060
|
-
var styles$
|
|
5060
|
+
var styles$H = {
|
|
5061
5061
|
"searchTab-container": "_searchTab-container_1klck_1",
|
|
5062
5062
|
"searchTab-input": "_searchTab-input_1klck_5",
|
|
5063
5063
|
search: search$1
|
|
@@ -5089,13 +5089,13 @@ const SearchTab = ({
|
|
|
5089
5089
|
setSearchKeyword(keyword == null ? void 0 : keyword.toLowerCase());
|
|
5090
5090
|
}, [setSearchKeyword, watch, keyword]);
|
|
5091
5091
|
return /* @__PURE__ */ jsxs("div", {
|
|
5092
|
-
className: `${styles$
|
|
5092
|
+
className: `${styles$H["searchTab-container"]} ${className}`,
|
|
5093
5093
|
children: [/* @__PURE__ */ jsx("input", {
|
|
5094
5094
|
placeholder: "Search",
|
|
5095
5095
|
...register2("searchKeyword"),
|
|
5096
|
-
className: styles$
|
|
5096
|
+
className: styles$H["searchTab-input"]
|
|
5097
5097
|
}), /* @__PURE__ */ jsx("div", {
|
|
5098
|
-
className: styles$
|
|
5098
|
+
className: styles$H.search,
|
|
5099
5099
|
children: /* @__PURE__ */ jsx(iconoirSearch, {
|
|
5100
5100
|
color: "#C7C7C7",
|
|
5101
5101
|
width: "30px",
|
|
@@ -5538,6 +5538,57 @@ const DESTINATIONS = {
|
|
|
5538
5538
|
const DATABASE_NAME = "{{DATABASE_NAME}}";
|
|
5539
5539
|
const CLIENT_NAME_VAR_NUM = "'client_id_variable'";
|
|
5540
5540
|
const DATABASE = "DATABASE";
|
|
5541
|
+
const WEEK_DAYS = [
|
|
5542
|
+
{ value: "Sun", label: "Sun" },
|
|
5543
|
+
{ value: "Mon", label: "Mon" },
|
|
5544
|
+
{ value: "Tue", label: "Tue" },
|
|
5545
|
+
{ value: "Wed", label: "Wed" },
|
|
5546
|
+
{ value: "Thu", label: "Thu" },
|
|
5547
|
+
{ value: "Fri", label: "Fri" },
|
|
5548
|
+
{ value: "Sat", label: "Sat" }
|
|
5549
|
+
];
|
|
5550
|
+
const TIME_ZONES = [
|
|
5551
|
+
{ value: "IST", label: "IST" }
|
|
5552
|
+
];
|
|
5553
|
+
const TIME = [
|
|
5554
|
+
{ value: "AM", label: "AM" },
|
|
5555
|
+
{ value: "PM", label: "PM" }
|
|
5556
|
+
];
|
|
5557
|
+
const DATE_NUM = [
|
|
5558
|
+
{ value: "1", label: "1" },
|
|
5559
|
+
{ value: "2", label: "2" },
|
|
5560
|
+
{ value: "3", label: "3" },
|
|
5561
|
+
{ value: "4", label: "4" },
|
|
5562
|
+
{ value: "5", label: "5" },
|
|
5563
|
+
{ value: "6", label: "6" },
|
|
5564
|
+
{ value: "7", label: "7" },
|
|
5565
|
+
{ value: "8", label: "8" },
|
|
5566
|
+
{ value: "9", label: "9" },
|
|
5567
|
+
{ value: "10", label: "10" },
|
|
5568
|
+
{ value: "11", label: "11" },
|
|
5569
|
+
{ value: "12", label: "12" },
|
|
5570
|
+
{ value: "13", label: "13" },
|
|
5571
|
+
{ value: "14", label: "14" },
|
|
5572
|
+
{ value: "15", label: "15" },
|
|
5573
|
+
{ value: "16", label: "16" },
|
|
5574
|
+
{ value: "17", label: "17" },
|
|
5575
|
+
{ value: "18", label: "18" },
|
|
5576
|
+
{ value: "19", label: "19" },
|
|
5577
|
+
{ value: "20", label: "20" },
|
|
5578
|
+
{ value: "21", label: "21" },
|
|
5579
|
+
{ value: "22", label: "22" },
|
|
5580
|
+
{ value: "23", label: "23" },
|
|
5581
|
+
{ value: "24", label: "24" },
|
|
5582
|
+
{ value: "25", label: "25" },
|
|
5583
|
+
{ value: "26", label: "26" },
|
|
5584
|
+
{ value: "27", label: "27" },
|
|
5585
|
+
{ value: "28", label: "28" }
|
|
5586
|
+
];
|
|
5587
|
+
const FREQUENCY = [
|
|
5588
|
+
{ value: "Daily", label: "Daily" },
|
|
5589
|
+
{ value: "Weekly", label: "Weekly" },
|
|
5590
|
+
{ value: "Monthly", label: "Monthly" }
|
|
5591
|
+
];
|
|
5541
5592
|
const ChartConfig = ({
|
|
5542
5593
|
data,
|
|
5543
5594
|
setXAxis,
|
|
@@ -5585,12 +5636,12 @@ const ChartConfig = ({
|
|
|
5585
5636
|
};
|
|
5586
5637
|
if (chartType2 === SANKEY) {
|
|
5587
5638
|
return /* @__PURE__ */ jsxs("div", {
|
|
5588
|
-
className: styles$
|
|
5639
|
+
className: styles$J.container,
|
|
5589
5640
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
5590
|
-
className: styles$
|
|
5641
|
+
className: styles$J.field,
|
|
5591
5642
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
5592
5643
|
styleClass: "font-14",
|
|
5593
|
-
className: styles$
|
|
5644
|
+
className: styles$J.fieldText,
|
|
5594
5645
|
variant: "h4",
|
|
5595
5646
|
children: "Source"
|
|
5596
5647
|
}), /* @__PURE__ */ jsx(Select, {
|
|
@@ -5600,10 +5651,10 @@ const ChartConfig = ({
|
|
|
5600
5651
|
value: source
|
|
5601
5652
|
})]
|
|
5602
5653
|
}), /* @__PURE__ */ jsxs("div", {
|
|
5603
|
-
className: styles$
|
|
5654
|
+
className: styles$J.field,
|
|
5604
5655
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
5605
5656
|
styleClass: "font-14",
|
|
5606
|
-
className: styles$
|
|
5657
|
+
className: styles$J.fieldText,
|
|
5607
5658
|
variant: "h4",
|
|
5608
5659
|
children: "Target"
|
|
5609
5660
|
}), /* @__PURE__ */ jsx(Select, {
|
|
@@ -5615,7 +5666,7 @@ const ChartConfig = ({
|
|
|
5615
5666
|
}), /* @__PURE__ */ jsxs("div", {
|
|
5616
5667
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
5617
5668
|
styleClass: "font-14",
|
|
5618
|
-
className: styles$
|
|
5669
|
+
className: styles$J.fieldText,
|
|
5619
5670
|
variant: "h4",
|
|
5620
5671
|
children: "Value"
|
|
5621
5672
|
}), /* @__PURE__ */ jsx(Select, {
|
|
@@ -5628,7 +5679,7 @@ const ChartConfig = ({
|
|
|
5628
5679
|
type: "submit",
|
|
5629
5680
|
variant: "primary",
|
|
5630
5681
|
size: "default",
|
|
5631
|
-
className: styles$
|
|
5682
|
+
className: styles$J.doneBtn,
|
|
5632
5683
|
onClick: () => {
|
|
5633
5684
|
onSubmitSnakeyValues();
|
|
5634
5685
|
setSettingsShow(false);
|
|
@@ -5640,10 +5691,10 @@ const ChartConfig = ({
|
|
|
5640
5691
|
if (chartType2 === DOUGHNUT) {
|
|
5641
5692
|
return /* @__PURE__ */ jsx(Fragment, {
|
|
5642
5693
|
children: !!(chartType2 === DOUGHNUT || PIE) && /* @__PURE__ */ jsxs("div", {
|
|
5643
|
-
className: styles$
|
|
5694
|
+
className: styles$J.container,
|
|
5644
5695
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
5645
5696
|
styleClass: "font-14",
|
|
5646
|
-
className: styles$
|
|
5697
|
+
className: styles$J.field,
|
|
5647
5698
|
variant: "h4",
|
|
5648
5699
|
children: "Dimension"
|
|
5649
5700
|
}), /* @__PURE__ */ jsx(Select, {
|
|
@@ -5653,12 +5704,12 @@ const ChartConfig = ({
|
|
|
5653
5704
|
value: xAxis
|
|
5654
5705
|
}), /* @__PURE__ */ jsx(Text, {
|
|
5655
5706
|
styleClass: "font-14",
|
|
5656
|
-
className: styles$
|
|
5707
|
+
className: styles$J.measureText,
|
|
5657
5708
|
variant: "h4",
|
|
5658
5709
|
children: "Measure"
|
|
5659
5710
|
}), /* @__PURE__ */ jsxs("form", {
|
|
5660
5711
|
onSubmit: handleSubmit(onSubmitOptions),
|
|
5661
|
-
className: styles$
|
|
5712
|
+
className: styles$J.form,
|
|
5662
5713
|
children: [/* @__PURE__ */ jsx(HookMultiSelect, {
|
|
5663
5714
|
name: "yAxisList",
|
|
5664
5715
|
options: options2,
|
|
@@ -5668,7 +5719,7 @@ const ChartConfig = ({
|
|
|
5668
5719
|
type: "submit",
|
|
5669
5720
|
variant: "primary",
|
|
5670
5721
|
size: "default",
|
|
5671
|
-
className: styles$
|
|
5722
|
+
className: styles$J.doneBtn,
|
|
5672
5723
|
children: "Done"
|
|
5673
5724
|
})]
|
|
5674
5725
|
})]
|
|
@@ -5678,10 +5729,10 @@ const ChartConfig = ({
|
|
|
5678
5729
|
if (chartType2 === PIE) {
|
|
5679
5730
|
return /* @__PURE__ */ jsx(Fragment, {
|
|
5680
5731
|
children: /* @__PURE__ */ jsxs("div", {
|
|
5681
|
-
className: styles$
|
|
5732
|
+
className: styles$J.container,
|
|
5682
5733
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
5683
5734
|
styleClass: "font-14",
|
|
5684
|
-
className: styles$
|
|
5735
|
+
className: styles$J.field,
|
|
5685
5736
|
variant: "h4",
|
|
5686
5737
|
children: "Dimension"
|
|
5687
5738
|
}), /* @__PURE__ */ jsx(Select, {
|
|
@@ -5691,12 +5742,12 @@ const ChartConfig = ({
|
|
|
5691
5742
|
value: xAxis
|
|
5692
5743
|
}), /* @__PURE__ */ jsx(Text, {
|
|
5693
5744
|
styleClass: "font-14",
|
|
5694
|
-
className: styles$
|
|
5745
|
+
className: styles$J.measureText,
|
|
5695
5746
|
variant: "h4",
|
|
5696
5747
|
children: "Measure"
|
|
5697
5748
|
}), /* @__PURE__ */ jsxs("form", {
|
|
5698
5749
|
onSubmit: handleSubmit(onSubmitOptions),
|
|
5699
|
-
className: styles$
|
|
5750
|
+
className: styles$J.form,
|
|
5700
5751
|
children: [/* @__PURE__ */ jsx(HookMultiSelect, {
|
|
5701
5752
|
name: "yAxisList",
|
|
5702
5753
|
options: options2,
|
|
@@ -5706,7 +5757,7 @@ const ChartConfig = ({
|
|
|
5706
5757
|
type: "submit",
|
|
5707
5758
|
variant: "primary",
|
|
5708
5759
|
size: "default",
|
|
5709
|
-
className: styles$
|
|
5760
|
+
className: styles$J.doneBtn,
|
|
5710
5761
|
children: "Done"
|
|
5711
5762
|
})]
|
|
5712
5763
|
})]
|
|
@@ -5717,7 +5768,7 @@ const ChartConfig = ({
|
|
|
5717
5768
|
return /* @__PURE__ */ jsxs(Fragment, {
|
|
5718
5769
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
5719
5770
|
styleClass: "font-14",
|
|
5720
|
-
className: `${styles$
|
|
5771
|
+
className: `${styles$J.singleValueMeasure}`,
|
|
5721
5772
|
variant: "h4",
|
|
5722
5773
|
children: "Measure"
|
|
5723
5774
|
}), /* @__PURE__ */ jsx(Select, {
|
|
@@ -5729,7 +5780,7 @@ const ChartConfig = ({
|
|
|
5729
5780
|
type: "button",
|
|
5730
5781
|
variant: "primary",
|
|
5731
5782
|
size: "default",
|
|
5732
|
-
className: styles$
|
|
5783
|
+
className: styles$J.doneBtn,
|
|
5733
5784
|
onClick: () => setSettingsShow(false),
|
|
5734
5785
|
children: "Done"
|
|
5735
5786
|
})]
|
|
@@ -5737,11 +5788,11 @@ const ChartConfig = ({
|
|
|
5737
5788
|
}
|
|
5738
5789
|
return /* @__PURE__ */ jsx(Fragment, {
|
|
5739
5790
|
children: /* @__PURE__ */ jsxs("div", {
|
|
5740
|
-
className: styles$
|
|
5791
|
+
className: styles$J.container,
|
|
5741
5792
|
children: [chartType2 !== "gauge" && chartType2 !== BOXPLOT && chartType2 !== "table" && /* @__PURE__ */ jsxs(Fragment, {
|
|
5742
5793
|
children: [/* @__PURE__ */ jsxs(Text, {
|
|
5743
5794
|
styleClass: "font-14",
|
|
5744
|
-
className: styles$
|
|
5795
|
+
className: styles$J.field,
|
|
5745
5796
|
variant: "h4",
|
|
5746
5797
|
children: [chartType2 !== "funnel" && chartType2 !== "row" && "X-axis", chartType2 === "funnel" && "Step", chartType2 === "row" && "Y-axis"]
|
|
5747
5798
|
}), chartType2 === "funnel" ? /* @__PURE__ */ jsx(Select, {
|
|
@@ -5756,17 +5807,17 @@ const ChartConfig = ({
|
|
|
5756
5807
|
value: xAxis
|
|
5757
5808
|
})]
|
|
5758
5809
|
}), /* @__PURE__ */ jsx("div", {
|
|
5759
|
-
className: `${styles$
|
|
5760
|
-
${chartType2 !== "gauge" ? styles$
|
|
5810
|
+
className: `${styles$J.chartType}
|
|
5811
|
+
${chartType2 !== "gauge" ? styles$J.measureText : ""}`,
|
|
5761
5812
|
children: /* @__PURE__ */ jsxs(Text, {
|
|
5762
5813
|
styleClass: "font-14",
|
|
5763
5814
|
variant: "h1",
|
|
5764
|
-
className: styles$
|
|
5815
|
+
className: styles$J.field,
|
|
5765
5816
|
children: [chartType2 !== "funnel" && chartType2 !== "gauge" && chartType2 !== "row" && chartType2 !== "boxplot" && chartType2 !== "table" && "Y-axis", (chartType2 === "funnel" || chartType2 === "gauge" || chartType2 === "boxplot" || chartType2 === "table") && "Measure", chartType2 === "row" && "X-axis"]
|
|
5766
5817
|
})
|
|
5767
5818
|
}), /* @__PURE__ */ jsxs("form", {
|
|
5768
5819
|
onSubmit: handleSubmit(onSubmitOptions),
|
|
5769
|
-
className: styles$
|
|
5820
|
+
className: styles$J.form,
|
|
5770
5821
|
children: [chartType2 === "funnel" || chartType2 === "gauge" ? /* @__PURE__ */ jsx(Select, {
|
|
5771
5822
|
label: "",
|
|
5772
5823
|
options: options2,
|
|
@@ -5781,7 +5832,7 @@ const ChartConfig = ({
|
|
|
5781
5832
|
type: "submit",
|
|
5782
5833
|
variant: "primary",
|
|
5783
5834
|
size: "default",
|
|
5784
|
-
className: styles$
|
|
5835
|
+
className: styles$J.doneBtn,
|
|
5785
5836
|
children: "Done"
|
|
5786
5837
|
})]
|
|
5787
5838
|
})]
|
|
@@ -6073,13 +6124,13 @@ const ChartModalOptions = ({
|
|
|
6073
6124
|
icon: materialSymbolsBackupTable
|
|
6074
6125
|
}];
|
|
6075
6126
|
return /* @__PURE__ */ jsx("div", {
|
|
6076
|
-
className: styles$
|
|
6127
|
+
className: styles$J.chartOptions,
|
|
6077
6128
|
children: chartOptions2.map((option2) => /* @__PURE__ */ jsxs("div", {
|
|
6078
|
-
className: styles$
|
|
6129
|
+
className: styles$J.chartOption,
|
|
6079
6130
|
children: [/* @__PURE__ */ jsx(Button, {
|
|
6080
6131
|
type: "button",
|
|
6081
6132
|
variant: "custom",
|
|
6082
|
-
className: chartType2 === option2.name.toLowerCase() ? styles$
|
|
6133
|
+
className: chartType2 === option2.name.toLowerCase() ? styles$J.chartOptionBtnSelected : styles$J.chartOptionBtn,
|
|
6083
6134
|
onClick: () => {
|
|
6084
6135
|
setChartType(option2.name.toLowerCase());
|
|
6085
6136
|
},
|
|
@@ -6093,7 +6144,7 @@ const ChartModalOptions = ({
|
|
|
6093
6144
|
}, option2.name), /* @__PURE__ */ jsx(Text, {
|
|
6094
6145
|
variant: "p",
|
|
6095
6146
|
styleClass: "custom",
|
|
6096
|
-
className: styles$
|
|
6147
|
+
className: styles$J.chartOptionText,
|
|
6097
6148
|
children: option2.name
|
|
6098
6149
|
})]
|
|
6099
6150
|
}, option2.name))
|
|
@@ -6227,7 +6278,7 @@ const BOOLEAN_TYPES = ["boolean", "bool"];
|
|
|
6227
6278
|
const configTabs = ["saved", "simple", "custom"];
|
|
6228
6279
|
var icons$1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMCIgaGVpZ2h0PSIwIiBjbGFzcz0iaGlkZGVuIj4NCiAgPHN5bWJvbCBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgaWQ9InNxbC1xdWVyeS1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTcgMTdMMjIgMTJMMTcgN003IDdMMiAxMkw3IDE3TTE0IDNMMTAgMjEiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0idmlzdWFsaXphdGlvbi1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTIgMTZWMjFNMTIgMTZMMTggMjFNMTIgMTZMNiAyMU0yMSAzVjExLjJDMjEgMTIuODgwMiAyMSAxMy43MjAyIDIwLjY3MyAxNC4zNjJDMjAuMzg1NCAxNC45MjY1IDE5LjkyNjUgMTUuMzg1NCAxOS4zNjIgMTUuNjczQzE4LjcyMDIgMTYgMTcuODgwMiAxNiAxNi4yIDE2SDcuOEM2LjExOTg0IDE2IDUuMjc5NzYgMTYgNC42MzgwMyAxNS42NzNDNC4wNzM1NCAxNS4zODU0IDMuNjE0NiAxNC45MjY1IDMuMzI2OTggMTQuMzYyQzMgMTMuNzIwMiAzIDEyLjg4MDIgMyAxMS4yVjNNOCA5VjEyTTEyIDdWMTJNMTYgMTFWMTJNMjIgM0gyIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPg0KICA8L3N5bWJvbD4NCiAgPHN5bWJvbCBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgaWQ9ImFycm93LWJhY2staWNvbiI+DQogICAgPHBhdGggZD0iTTIwIDEySDRNNCAxMkwxMCAxOE00IDEyTDEwIDYiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0ibG9nb3V0LWljb24iPg0KICAgIDxwYXRoIGQ9Ik0xNiAxN0wyMSAxMk0yMSAxMkwxNiA3TTIxIDEySDlNOSAzSDcuOEM2LjExOTg0IDMgNS4yNzk3NiAzIDQuNjM4MDMgMy4zMjY5OEM0LjA3MzU0IDMuNjE0NiAzLjYxNDYgNC4wNzM1NCAzLjMyNjk4IDQuNjM4MDNDMyA1LjI3OTc2IDMgNi4xMTk4NCAzIDcuOFYxNi4yQzMgMTcuODgwMiAzIDE4LjcyMDIgMy4zMjY5OCAxOS4zNjJDMy42MTQ2IDE5LjkyNjUgNC4wNzM1NCAyMC4zODU0IDQuNjM4MDMgMjAuNjczQzUuMjc5NzYgMjEgNi4xMTk4NCAyMSA3LjggMjFIOSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJtb3JlLWljb24iPg0KICAgIDxwYXRoIGQ9Ik0xMiAxM0MxMi41NTIzIDEzIDEzIDEyLjU1MjMgMTMgMTJDMTMgMTEuNDQ3NyAxMi41NTIzIDExIDEyIDExQzExLjQ0NzcgMTEgMTEgMTEuNDQ3NyAxMSAxMkMxMSAxMi41NTIzIDExLjQ0NzcgMTMgMTIgMTNaIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPg0KICAgIDxwYXRoIGQ9Ik0xMiA2QzEyLjU1MjMgNiAxMyA1LjU1MjI4IDEzIDVDMTMgNC40NDc3MiAxMi41NTIzIDQgMTIgNEMxMS40NDc3IDQgMTEgNC40NDc3MiAxMSA1QzExIDUuNTUyMjggMTEuNDQ3NyA2IDEyIDZaIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPg0KICAgIDxwYXRoIGQ9Ik0xMiAyMEMxMi41NTIzIDIwIDEzIDE5LjU1MjMgMTMgMTlDMTMgMTguNDQ3NyAxMi41NTIzIDE4IDEyIDE4QzExLjQ0NzcgMTggMTEgMTguNDQ3NyAxMSAxOUMxMSAxOS41NTIzIDExLjQ0NzcgMjAgMTIgMjBaIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPg0KICA8L3N5bWJvbD4NCiAgPHN5bWJvbCBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgaWQ9InNhdmUtaWNvbiI+DQogICAgPHBhdGggZD0iTTcgM1Y2LjRDNyA2Ljk2MDA1IDcgNy4yNDAwOCA3LjEwODk5IDcuNDUzOTlDNy4yMDQ4NyA3LjY0MjE1IDcuMzU3ODUgNy43OTUxMyA3LjU0NjAxIDcuODkxMDFDNy43NTk5MiA4IDguMDM5OTUgOCA4LjYgOEgxNS40QzE1Ljk2MDEgOCAxNi4yNDAxIDggMTYuNDU0IDcuODkxMDFDMTYuNjQyMiA3Ljc5NTEzIDE2Ljc5NTEgNy42NDIxNSAxNi44OTEgNy40NTM5OUMxNyA3LjI0MDA4IDE3IDYuOTYwMDUgMTcgNi40VjRNMTcgMjFWMTQuNkMxNyAxNC4wMzk5IDE3IDEzLjc1OTkgMTYuODkxIDEzLjU0NkMxNi43OTUxIDEzLjM1NzggMTYuNjQyMiAxMy4yMDQ5IDE2LjQ1NCAxMy4xMDlDMTYuMjQwMSAxMyAxNS45NjAxIDEzIDE1LjQgMTNIOC42QzguMDM5OTUgMTMgNy43NTk5MiAxMyA3LjU0NjAxIDEzLjEwOUM3LjM1Nzg1IDEzLjIwNDkgNy4yMDQ4NyAxMy4zNTc4IDcuMTA4OTkgMTMuNTQ2QzcgMTMuNzU5OSA3IDE0LjAzOTkgNyAxNC42VjIxTTIxIDkuMzI1NDhWMTYuMkMyMSAxNy44ODAyIDIxIDE4LjcyMDIgMjAuNjczIDE5LjM2MkMyMC4zODU0IDE5LjkyNjUgMTkuOTI2NSAyMC4zODU0IDE5LjM2MiAyMC42NzNDMTguNzIwMiAyMSAxNy44ODAyIDIxIDE2LjIgMjFINy44QzYuMTE5ODQgMjEgNS4yNzk3NiAyMSA0LjYzODAzIDIwLjY3M0M0LjA3MzU0IDIwLjM4NTQgMy42MTQ2IDE5LjkyNjUgMy4zMjY5OCAxOS4zNjJDMyAxOC43MjAyIDMgMTcuODgwMiAzIDE2LjJWNy44QzMgNi4xMTk4NCAzIDUuMjc5NzYgMy4zMjY5OCA0LjYzODAzQzMuNjE0NiA0LjA3MzU0IDQuMDczNTQgMy42MTQ2IDQuNjM4MDMgMy4zMjY5OEM1LjI3OTc2IDMgNi4xMTk4NCAzIDcuOCAzSDE0LjY3NDVDMTUuMTYzNyAzIDE1LjQwODMgMyAxNS42Mzg1IDMuMDU1MjZDMTUuODQyNSAzLjEwNDI1IDE2LjAzNzYgMy4xODUwNiAxNi4yMTY2IDMuMjk0NzJDMTYuNDE4NCAzLjQxODQgMTYuNTkxNCAzLjU5MTM1IDE2LjkzNzMgMy45MzcyNkwyMC4wNjI3IDcuMDYyNzRDMjAuNDA4NiA3LjQwODY1IDIwLjU4MTYgNy41ODE2IDIwLjcwNTMgNy43ODM0M0MyMC44MTQ5IDcuOTYyMzcgMjAuODk1NyA4LjE1NzQ2IDIwLjk0NDcgOC4zNjE1NEMyMSA4LjU5MTcxIDIxIDguODM2MyAyMSA5LjMyNTQ4WiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJjb3B5LWljb24iPg0KICAgIDxwYXRoIGQ9Ik0xMC41IDIuMDAyOEM5LjgyNDk1IDIuMDExOTQgOS40MTk3IDIuMDUxMDMgOS4wOTIwMiAyLjIxNzk5QzguNzE1NjkgMi40MDk3MyA4LjQwOTczIDIuNzE1NjkgOC4yMTc5OSAzLjA5MjAyQzguMDUxMDMgMy40MTk3IDguMDExOTQgMy44MjQ5NSA4LjAwMjggNC41TTE5LjUgMi4wMDI4QzIwLjE3NTEgMi4wMTE5NCAyMC41ODAzIDIuMDUxMDMgMjAuOTA4IDIuMjE3OTlDMjEuMjg0MyAyLjQwOTczIDIxLjU5MDMgMi43MTU2OSAyMS43ODIgMy4wOTIwMkMyMS45NDkgMy40MTk3IDIxLjk4ODEgMy44MjQ5NCAyMS45OTcyIDQuNDk5OTlNMjEuOTk3MiAxMy41QzIxLjk4ODEgMTQuMTc1IDIxLjk0OSAxNC41ODAzIDIxLjc4MiAxNC45MDhDMjEuNTkwMyAxNS4yODQzIDIxLjI4NDMgMTUuNTkwMyAyMC45MDggMTUuNzgyQzIwLjU4MDMgMTUuOTQ5IDIwLjE3NTEgMTUuOTg4MSAxOS41IDE1Ljk5NzJNMjIgNy45OTk5OVY5Ljk5OTk5TTE0LjAwMDEgMkgxNk01LjIgMjJIMTIuOEMxMy45MjAxIDIyIDE0LjQ4MDIgMjIgMTQuOTA4IDIxLjc4MkMxNS4yODQzIDIxLjU5MDMgMTUuNTkwMyAyMS4yODQzIDE1Ljc4MiAyMC45MDhDMTYgMjAuNDgwMiAxNiAxOS45MjAxIDE2IDE4LjhWMTEuMkMxNiAxMC4wNzk5IDE2IDkuNTE5ODQgMTUuNzgyIDkuMDkyMDJDMTUuNTkwMyA4LjcxNTY5IDE1LjI4NDMgOC40MDk3MyAxNC45MDggOC4yMTc5OUMxNC40ODAyIDggMTMuOTIwMSA4IDEyLjggOEg1LjJDNC4wNzk5IDggMy41MTk4NCA4IDMuMDkyMDIgOC4yMTc5OUMyLjcxNTY5IDguNDA5NzMgMi40MDk3MyA4LjcxNTY5IDIuMjE3OTkgOS4wOTIwMkMyIDkuNTE5ODQgMiAxMC4wNzk5IDIgMTEuMlYxOC44QzIgMTkuOTIwMSAyIDIwLjQ4MDIgMi4yMTc5OSAyMC45MDhDMi40MDk3MyAyMS4yODQzIDIuNzE1NjkgMjEuNTkwMyAzLjA5MjAyIDIxLjc4MkMzLjUxOTg0IDIyIDQuMDc5ODkgMjIgNS4yIDIyWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJkYXRhc2V0LWljb24iPg0KICAgIDxwYXRoIGQ9Ik0yMSA1QzIxIDYuNjU2ODUgMTYuOTcwNiA4IDEyIDhDNy4wMjk0NCA4IDMgNi42NTY4NSAzIDVNMjEgNUMyMSAzLjM0MzE1IDE2Ljk3MDYgMiAxMiAyQzcuMDI5NDQgMiAzIDMuMzQzMTUgMyA1TTIxIDVWMTlDMjEgMjAuNjYgMTcgMjIgMTIgMjJDNyAyMiAzIDIwLjY2IDMgMTlWNU0yMSAxMkMyMSAxMy42NiAxNyAxNSAxMiAxNUM3IDE1IDMgMTMuNjYgMyAxMiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJmaWx0ZXItaWNvbiI+DQogICAgPHBhdGggZD0iTTIgNC42QzIgNC4wMzk5NSAyIDMuNzU5OTIgMi4xMDg5OSAzLjU0NjAxQzIuMjA0ODcgMy4zNTc4NSAyLjM1Nzg1IDMuMjA0ODcgMi41NDYwMSAzLjEwODk5QzIuNzU5OTIgMyAzLjAzOTk1IDMgMy42IDNIMjAuNEMyMC45NjAxIDMgMjEuMjQwMSAzIDIxLjQ1NCAzLjEwODk5QzIxLjY0MjIgMy4yMDQ4NyAyMS43OTUxIDMuMzU3ODUgMjEuODkxIDMuNTQ2MDFDMjIgMy43NTk5MiAyMiA0LjAzOTk1IDIyIDQuNlY1LjI2OTM5QzIyIDUuNTM4MTkgMjIgNS42NzI1OSAyMS45NjcyIDUuNzk3NTZDMjEuOTM4IDUuOTA4MzEgMjEuODkwMSA2LjAxMzIzIDIxLjgyNTUgNi4xMDc3NkMyMS43NTI2IDYuMjE0NDMgMjEuNjUxIDYuMzAyNDUgMjEuNDQ3OSA2LjQ3ODVMMTUuMDUyMSAxMi4wMjE1QzE0Ljg0OSAxMi4xOTc1IDE0Ljc0NzQgMTIuMjg1NiAxNC42NzQ1IDEyLjM5MjJDMTQuNjA5OSAxMi40ODY4IDE0LjU2MiAxMi41OTE3IDE0LjUzMjggMTIuNzAyNEMxNC41IDEyLjgyNzQgMTQuNSAxMi45NjE4IDE0LjUgMTMuMjMwNlYxOC40NTg0QzE0LjUgMTguNjUzOSAxNC41IDE4Ljc1MTcgMTQuNDY4NSAxOC44MzYzQzE0LjQ0MDYgMTguOTExIDE0LjM5NTMgMTguOTc3OSAxNC4zMzYzIDE5LjAzMTVDMTQuMjY5NSAxOS4wOTIyIDE0LjE3ODcgMTkuMTI4NSAxMy45OTcxIDE5LjIwMTJMMTAuNTk3MSAyMC41NjEyQzEwLjIyOTYgMjAuNzA4MiAxMC4wNDU4IDIwLjc4MTcgOS44OTgyNyAyMC43NTFDOS43NjkyNyAyMC43MjQyIDkuNjU2MDUgMjAuNjQ3NiA5LjU4MzI1IDIwLjUzNzdDOS41IDIwLjQxMjIgOS41IDIwLjIxNDIgOS41IDE5LjgxODRWMTMuMjMwNkM5LjUgMTIuOTYxOCA5LjUgMTIuODI3NCA5LjQ2NzE1IDEyLjcwMjRDOS40MzgwNSAxMi41OTE3IDkuMzkwMTQgMTIuNDg2OCA5LjMyNTUxIDEyLjM5MjJDOS4yNTI1OCAxMi4yODU2IDkuMTUxMDIgMTIuMTk3NSA4Ljk0Nzg5IDEyLjAyMTVMMi41NTIxMSA2LjQ3ODVDMi4zNDg5OCA2LjMwMjQ1IDIuMjQ3NDIgNi4yMTQ0MyAyLjE3NDQ5IDYuMTA3NzZDMi4xMDk4NiA2LjAxMzIzIDIuMDYxOTUgNS45MDgzMSAyLjAzMjg1IDUuNzk3NTZDMiA1LjY3MjU5IDIgNS41MzgxOSAyIDUuMjY5MzlWNC42WiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJzZXR0aW5ncy1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTIgMTVDMTMuNjU2OSAxNSAxNSAxMy42NTY5IDE1IDEyQzE1IDEwLjM0MzEgMTMuNjU2OSA5IDEyIDlDMTAuMzQzMSA5IDkgMTAuMzQzMSA5IDEyQzkgMTMuNjU2OSAxMC4zNDMxIDE1IDEyIDE1WiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNMTguNzI3MyAxNC43MjczQzE4LjYwNjMgMTUuMDAxNSAxOC41NzAyIDE1LjMwNTYgMTguNjIzNiAxNS42MDA1QzE4LjY3NzEgMTUuODk1NCAxOC44MTc3IDE2LjE2NzYgMTkuMDI3MyAxNi4zODE4TDE5LjA4MTggMTYuNDM2NEMxOS4yNTA5IDE2LjYwNTIgMTkuMzg1IDE2LjgwNTcgMTkuNDc2NSAxNy4wMjY1QzE5LjU2OCAxNy4yNDcyIDE5LjYxNTEgMTcuNDgzOCAxOS42MTUxIDE3LjcyMjdDMTkuNjE1MSAxNy45NjE3IDE5LjU2OCAxOC4xOTgzIDE5LjQ3NjUgMTguNDE5QzE5LjM4NSAxOC42Mzk3IDE5LjI1MDkgMTguODQwMiAxOS4wODE4IDE5LjAwOTFDMTguOTEzIDE5LjE3ODEgMTguNzEyNCAxOS4zMTIyIDE4LjQ5MTcgMTkuNDAzN0MxOC4yNzEgMTkuNDk1MiAxOC4wMzQ0IDE5LjU0MjMgMTcuNzk1NSAxOS41NDIzQzE3LjU1NjUgMTkuNTQyMyAxNy4zMTk5IDE5LjQ5NTIgMTcuMDk5MiAxOS40MDM3QzE2Ljg3ODUgMTkuMzEyMiAxNi42NzggMTkuMTc4MSAxNi41MDkxIDE5LjAwOTFMMTYuNDU0NSAxOC45NTQ1QzE2LjI0MDMgMTguNzQ1IDE1Ljk2ODIgMTguNjA0NCAxNS42NzMzIDE4LjU1MDlDMTUuMzc4NCAxOC40OTc0IDE1LjA3NDIgMTguNTMzNSAxNC44IDE4LjY1NDVDMTQuNTMxMSAxOC43Njk4IDE0LjMwMTggMTguOTYxMSAxNC4xNDAzIDE5LjIwNUMxMy45Nzg4IDE5LjQ0ODkgMTMuODkyMSAxOS43MzQ3IDEzLjg5MDkgMjAuMDI3M1YyMC4xODE4QzEzLjg5MDkgMjAuNjY0IDEzLjY5OTQgMjEuMTI2NSAxMy4zNTg0IDIxLjQ2NzVDMTMuMDE3NCAyMS44MDg0IDEyLjU1NDkgMjIgMTIuMDcyNyAyMkMxMS41OTA1IDIyIDExLjEyODEgMjEuODA4NCAxMC43ODcxIDIxLjQ2NzVDMTAuNDQ2MSAyMS4xMjY1IDEwLjI1NDUgMjAuNjY0IDEwLjI1NDUgMjAuMTgxOFYyMC4xQzEwLjI0NzUgMTkuNzk5MSAxMC4xNTAxIDE5LjUwNzMgOS45NzUwMSAxOS4yNjI1QzkuNzk5OTEgMTkuMDE3NiA5LjU1NTIxIDE4LjgzMTIgOS4yNzI3MyAxOC43MjczQzguOTk4NTMgMTguNjA2MyA4LjY5NDM3IDE4LjU3MDIgOC4zOTk0NyAxOC42MjM2QzguMTA0NTYgMTguNjc3MSA3LjgzMjQ0IDE4LjgxNzcgNy42MTgxOCAxOS4wMjczTDcuNTYzNjQgMTkuMDgxOEM3LjM5NDc4IDE5LjI1MDkgNy4xOTQyNSAxOS4zODUgNi45NzM1MyAxOS40NzY1QzYuNzUyOCAxOS41NjggNi41MTYyMSAxOS42MTUxIDYuMjc3MjcgMTkuNjE1MUM2LjAzODM0IDE5LjYxNTEgNS44MDE3NCAxOS41NjggNS41ODEwMiAxOS40NzY1QzUuMzYwMjkgMTkuMzg1IDUuMTU5NzcgMTkuMjUwOSA0Ljk5MDkxIDE5LjA4MThDNC44MjE4NiAxOC45MTMgNC42ODc3NSAxOC43MTI0IDQuNTk2MjYgMTguNDkxN0M0LjUwNDc2IDE4LjI3MSA0LjQ1NzY2IDE4LjAzNDQgNC40NTc2NiAxNy43OTU1QzQuNDU3NjYgMTcuNTU2NSA0LjUwNDc2IDE3LjMxOTkgNC41OTYyNiAxNy4wOTkyQzQuNjg3NzUgMTYuODc4NSA0LjgyMTg2IDE2LjY3OCA0Ljk5MDkxIDE2LjUwOTFMNS4wNDU0NSAxNi40NTQ1QzUuMjU1MDMgMTYuMjQwMyA1LjM5NTYyIDE1Ljk2ODIgNS40NDkxIDE1LjY3MzNDNS41MDI1NyAxNS4zNzg0IDUuNDY2NDcgMTUuMDc0MiA1LjM0NTQ1IDE0LjhDNS4yMzAyMiAxNC41MzExIDUuMDM4ODcgMTQuMzAxOCA0Ljc5NDk3IDE0LjE0MDNDNC41NTEwNyAxMy45Nzg4IDQuMjY1MjYgMTMuODkyMSAzLjk3MjczIDEzLjg5MDlIMy44MTgxOEMzLjMzNTk3IDEzLjg5MDkgMi44NzM1MSAxMy42OTk0IDIuNTMyNTMgMTMuMzU4NEMyLjE5MTU2IDEzLjAxNzQgMiAxMi41NTQ5IDIgMTIuMDcyN0MyIDExLjU5MDUgMi4xOTE1NiAxMS4xMjgxIDIuNTMyNTMgMTAuNzg3MUMyLjg3MzUxIDEwLjQ0NjEgMy4zMzU5NyAxMC4yNTQ1IDMuODE4MTggMTAuMjU0NUgzLjlDNC4yMDA5IDEwLjI0NzUgNC40OTI3MyAxMC4xNTAxIDQuNzM3NTQgOS45NzUwMUM0Ljk4MjM2IDkuNzk5OTEgNS4xNjg4MyA5LjU1NTIxIDUuMjcyNzMgOS4yNzI3M0M1LjM5Mzc0IDguOTk4NTMgNS40Mjk4NCA4LjY5NDM3IDUuMzc2MzcgOC4zOTk0N0M1LjMyMjkgOC4xMDQ1NiA1LjE4MjMxIDcuODMyNDQgNC45NzI3MyA3LjYxODE4TDQuOTE4MTggNy41NjM2NEM0Ljc0OTEzIDcuMzk0NzggNC42MTUwMyA3LjE5NDI1IDQuNTIzNTMgNi45NzM1M0M0LjQzMjAzIDYuNzUyOCA0LjM4NDkzIDYuNTE2MjEgNC4zODQ5MyA2LjI3NzI3QzQuMzg0OTMgNi4wMzgzNCA0LjQzMjAzIDUuODAxNzQgNC41MjM1MyA1LjU4MTAyQzQuNjE1MDMgNS4zNjAyOSA0Ljc0OTEzIDUuMTU5NzcgNC45MTgxOCA0Ljk5MDkxQzUuMDg3MDQgNC44MjE4NiA1LjI4NzU3IDQuNjg3NzUgNS41MDgyOSA0LjU5NjI2QzUuNzI5MDEgNC41MDQ3NiA1Ljk2NTYxIDQuNDU3NjYgNi4yMDQ1NSA0LjQ1NzY2QzYuNDQzNDggNC40NTc2NiA2LjY4MDA4IDQuNTA0NzYgNi45MDA4IDQuNTk2MjZDNy4xMjE1MiA0LjY4Nzc1IDcuMzIyMDUgNC44MjE4NiA3LjQ5MDkxIDQuOTkwOTFMNy41NDU0NSA1LjA0NTQ1QzcuNzU5NzEgNS4yNTUwMyA4LjAzMTgzIDUuMzk1NjIgOC4zMjY3NCA1LjQ0OTFDOC42MjE2NCA1LjUwMjU3IDguOTI1OCA1LjQ2NjQ3IDkuMiA1LjM0NTQ1SDkuMjcyNzNDOS41NDE2MSA1LjIzMDIyIDkuNzcwOTMgNS4wMzg4NyA5LjkzMjQ1IDQuNzk0OTdDMTAuMDk0IDQuNTUxMDcgMTAuMTgwNyA0LjI2NTI2IDEwLjE4MTggMy45NzI3M1YzLjgxODE4QzEwLjE4MTggMy4zMzU5NyAxMC4zNzM0IDIuODczNTEgMTAuNzE0NCAyLjUzMjUzQzExLjA1NTMgMi4xOTE1NiAxMS41MTc4IDIgMTIgMkMxMi40ODIyIDIgMTIuOTQ0NyAyLjE5MTU2IDEzLjI4NTYgMi41MzI1M0MxMy42MjY2IDIuODczNTEgMTMuODE4MiAzLjMzNTk3IDEzLjgxODIgMy44MTgxOFYzLjlDMTMuODE5MyA0LjE5MjUzIDEzLjkwNiA0LjQ3ODM0IDE0LjA2NzYgNC43MjIyNEMxNC4yMjkxIDQuOTY2MTQgMTQuNDU4NCA1LjE1NzQ5IDE0LjcyNzMgNS4yNzI3M0MxNS4wMDE1IDUuMzkzNzQgMTUuMzA1NiA1LjQyOTg0IDE1LjYwMDUgNS4zNzYzN0MxNS44OTU0IDUuMzIyOSAxNi4xNjc2IDUuMTgyMzEgMTYuMzgxOCA0Ljk3MjczTDE2LjQzNjQgNC45MTgxOEMxNi42MDUyIDQuNzQ5MTMgMTYuODA1NyA0LjYxNTAzIDE3LjAyNjUgNC41MjM1M0MxNy4yNDcyIDQuNDMyMDMgMTcuNDgzOCA0LjM4NDkzIDE3LjcyMjcgNC4zODQ5M0MxNy45NjE3IDQuMzg0OTMgMTguMTk4MyA0LjQzMjAzIDE4LjQxOSA0LjUyMzUzQzE4LjYzOTcgNC42MTUwMyAxOC44NDAyIDQuNzQ5MTMgMTkuMDA5MSA0LjkxODE4QzE5LjE3ODEgNS4wODcwNCAxOS4zMTIyIDUuMjg3NTcgMTkuNDAzNyA1LjUwODI5QzE5LjQ5NTIgNS43MjkwMSAxOS41NDIzIDUuOTY1NjEgMTkuNTQyMyA2LjIwNDU1QzE5LjU0MjMgNi40NDM0OCAxOS40OTUyIDYuNjgwMDggMTkuNDAzNyA2LjkwMDhDMTkuMzEyMiA3LjEyMTUyIDE5LjE3ODEgNy4zMjIwNSAxOS4wMDkxIDcuNDkwOTFMMTguOTU0NSA3LjU0NTQ1QzE4Ljc0NSA3Ljc1OTcxIDE4LjYwNDQgOC4wMzE4MyAxOC41NTA5IDguMzI2NzRDMTguNDk3NCA4LjYyMTY0IDE4LjUzMzUgOC45MjU4IDE4LjY1NDUgOS4yVjkuMjcyNzNDMTguNzY5OCA5LjU0MTYxIDE4Ljk2MTEgOS43NzA5MyAxOS4yMDUgOS45MzI0NUMxOS40NDg5IDEwLjA5NCAxOS43MzQ3IDEwLjE4MDcgMjAuMDI3MyAxMC4xODE4SDIwLjE4MThDMjAuNjY0IDEwLjE4MTggMjEuMTI2NSAxMC4zNzM0IDIxLjQ2NzUgMTAuNzE0NEMyMS44MDg0IDExLjA1NTMgMjIgMTEuNTE3OCAyMiAxMkMyMiAxMi40ODIyIDIxLjgwODQgMTIuOTQ0NyAyMS40Njc1IDEzLjI4NTZDMjEuMTI2NSAxMy42MjY2IDIwLjY2NCAxMy44MTgyIDIwLjE4MTggMTMuODE4MkgyMC4xQzE5LjgwNzUgMTMuODE5MyAxOS41MjE3IDEzLjkwNiAxOS4yNzc4IDE0LjA2NzZDMTkuMDMzOSAxNC4yMjkxIDE4Ljg0MjUgMTQuNDU4NCAxOC43MjczIDE0LjcyNzNaIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPg0KICA8L3N5bWJvbD4NCiAgPHN5bWJvbCBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgaWQ9ImluZm8taWNvbiI+DQogICAgPHBhdGggZD0iTTEyIDE2VjEyTTEyIDhIMTIuMDFNMjIgMTJDMjIgMTcuNTIyOCAxNy41MjI4IDIyIDEyIDIyQzYuNDc3MTUgMjIgMiAxNy41MjI4IDIgMTJDMiA2LjQ3NzE1IDYuNDc3MTUgMiAxMiAyQzE3LjUyMjggMiAyMiA2LjQ3NzE1IDIyIDEyWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJzY2hlbWEtaWNvbiI+DQogICAgPHBhdGggZD0iTTEyIDRWMTUuMkMxMiAxNi44ODAyIDEyIDE3LjcyMDIgMTIuMzI3IDE4LjM2MkMxMi42MTQ2IDE4LjkyNjUgMTMuMDczNSAxOS4zODU0IDEzLjYzOCAxOS42NzNDMTQuMjc5OCAyMCAxNS4xMTk4IDIwIDE2LjggMjBIMTdNMTcgMjBDMTcgMjEuMTA0NiAxNy44OTU0IDIyIDE5IDIyQzIwLjEwNDYgMjIgMjEgMjEuMTA0NiAyMSAyMEMyMSAxOC44OTU0IDIwLjEwNDYgMTggMTkgMThDMTcuODk1NCAxOCAxNyAxOC44OTU0IDE3IDIwWk03IDRMMTcgNE03IDRDNyA1LjEwNDU3IDYuMTA0NTcgNiA1IDZDMy44OTU0MyA2IDMgNS4xMDQ1NyAzIDRDMyAyLjg5NTQzIDMuODk1NDMgMiA1IDJDNi4xMDQ1NyAyIDcgMi44OTU0MyA3IDRaTTE3IDRDMTcgNS4xMDQ1NyAxNy44OTU0IDYgMTkgNkMyMC4xMDQ2IDYgMjEgNS4xMDQ1NyAyMSA0QzIxIDIuODk1NDMgMjAuMTA0NiAyIDE5IDJDMTcuODk1NCAyIDE3IDIuODk1NDMgMTcgNFpNMTIgMTJIMTdNMTcgMTJDMTcgMTMuMTA0NiAxNy44OTU0IDE0IDE5IDE0QzIwLjEwNDYgMTQgMjEgMTMuMTA0NiAyMSAxMkMyMSAxMC44OTU0IDIwLjEwNDYgMTAgMTkgMTBDMTcuODk1NCAxMCAxNyAxMC44OTU0IDE3IDEyWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJmdWxsc2NyZWVuLWljb24iPg0KICAgIDxwYXRoIGQ9Ik0xNCAxMEwyMSAzTTIxIDNIMTVNMjEgM1Y5TTEwIDE0TDMgMjFNMyAyMUg5TTMgMjFMMyAxNSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJ0YWJsZS1pY29uIj4NCiAgICA8cGF0aCBkPSJNMyA5TDIxIDlNOSAzTDkgMjFNNy44IDNIMTYuMkMxNy44ODAyIDMgMTguNzIwMiAzIDE5LjM2MiAzLjMyNjk4QzE5LjkyNjUgMy42MTQ2IDIwLjM4NTQgNC4wNzM1NCAyMC42NzMgNC42MzgwM0MyMSA1LjI3OTc2IDIxIDYuMTE5ODQgMjEgNy44VjE2LjJDMjEgMTcuODgwMiAyMSAxOC43MjAyIDIwLjY3MyAxOS4zNjJDMjAuMzg1NCAxOS45MjY1IDE5LjkyNjUgMjAuMzg1NCAxOS4zNjIgMjAuNjczQzE4LjcyMDIgMjEgMTcuODgwMiAyMSAxNi4yIDIxSDcuOEM2LjExOTg0IDIxIDUuMjc5NzYgMjEgNC42MzgwMyAyMC42NzNDNC4wNzM1NCAyMC4zODU0IDMuNjE0NiAxOS45MjY1IDMuMzI2OTggMTkuMzYyQzMgMTguNzIwMiAzIDE3Ljg4MDIgMyAxNi4yVjcuOEMzIDYuMTE5ODQgMyA1LjI3OTc2IDMuMzI2OTggNC42MzgwM0MzLjYxNDYgNC4wNzM1NCA0LjA3MzU0IDMuNjE0NiA0LjYzODAzIDMuMzI2OThDNS4yNzk3NiAzIDYuMTE5ODQgMyA3LjggM1oiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0idGltZS10YWtlbi1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTIgMTJMNy43MjcxMSA4LjQzOTI2QzcuMDkyMjYgNy45MTAyMiA2Ljc3NDg0IDcuNjQ1NyA2LjU0NjY0IDcuMzIxNDRDNi4zNDQ0NCA3LjAzNDEzIDYuMTk0MjkgNi43MTM1NCA2LjEwMzAxIDYuMzc0MjhDNiA1Ljk5MTM5IDYgNS41NzgxOSA2IDQuNzUxOFYyTTEyIDEyTDE2LjI3MjkgOC40MzkyNkMxNi45MDc3IDcuOTEwMjIgMTcuMjI1MiA3LjY0NTcgMTcuNDUzNCA3LjMyMTQ0QzE3LjY1NTYgNy4wMzQxMyAxNy44MDU3IDYuNzEzNTQgMTcuODk3IDYuMzc0MjhDMTggNS45OTEzOSAxOCA1LjU3ODE5IDE4IDQuNzUxOFYyTTEyIDEyTDcuNzI3MTEgMTUuNTYwN0M3LjA5MjI2IDE2LjA4OTggNi43NzQ4NCAxNi4zNTQzIDYuNTQ2NjQgMTYuNjc4NkM2LjM0NDQ0IDE2Ljk2NTkgNi4xOTQyOSAxNy4yODY1IDYuMTAzMDEgMTcuNjI1N0M2IDE4LjAwODYgNiAxOC40MjE4IDYgMTkuMjQ4MlYyMk0xMiAxMkwxNi4yNzI5IDE1LjU2MDdDMTYuOTA3NyAxNi4wODk4IDE3LjIyNTIgMTYuMzU0MyAxNy40NTM0IDE2LjY3ODZDMTcuNjU1NiAxNi45NjU5IDE3LjgwNTcgMTcuMjg2NSAxNy44OTcgMTcuNjI1N0MxOCAxOC4wMDg2IDE4IDE4LjQyMTggMTggMTkuMjQ4MlYyMk00IDJIMjBNNCAyMkgyMCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJzZXR1cC1pY29uIj4NCiAgICA8cGF0aCBkPSJNNSAyMUw1IDE1TTUgMTVDNi4xMDQ1NyAxNSA3IDE0LjEwNDYgNyAxM0M3IDExLjg5NTQgNi4xMDQ1NyAxMSA1IDExQzMuODk1NDMgMTEgMyAxMS44OTU0IDMgMTNDMyAxNC4xMDQ2IDMuODk1NDMgMTUgNSAxNVpNNSA3VjNNMTIgMjFWMTVNMTIgN1YzTTEyIDdDMTAuODk1NCA3IDEwIDcuODk1NDMgMTAgOUMxMCAxMC4xMDQ2IDEwLjg5NTQgMTEgMTIgMTFDMTMuMTA0NiAxMSAxNCAxMC4xMDQ2IDE0IDlDMTQgNy44OTU0MyAxMy4xMDQ2IDcgMTIgN1pNMTkgMjFWMTdNMTkgMTdDMjAuMTA0NiAxNyAyMSAxNi4xMDQ2IDIxIDE1QzIxIDEzLjg5NTQgMjAuMTA0NiAxMyAxOSAxM0MxNy44OTU0IDEzIDE3IDEzLjg5NTQgMTcgMTVDMTcgMTYuMTA0NiAxNy44OTU0IDE3IDE5IDE3Wk0xOSA5VjMiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0iZGF0YS1tb2RlbC1pY29uIj4NCiAgICA8cGF0aCBkPSJNNCAxOFYxNy44QzQgMTYuMTE5OCA0IDE1LjI3OTggNC4zMjY5OCAxNC42MzhDNC42MTQ2IDE0LjA3MzUgNS4wNzM1NCAxMy42MTQ2IDUuNjM4MDMgMTMuMzI3QzYuMjc5NzYgMTMgNy4xMTk4NCAxMyA4LjggMTNIMTUuMkMxNi44ODAyIDEzIDE3LjcyMDIgMTMgMTguMzYyIDEzLjMyN0MxOC45MjY1IDEzLjYxNDYgMTkuMzg1NCAxNC4wNzM1IDE5LjY3MyAxNC42MzhDMjAgMTUuMjc5OCAyMCAxNi4xMTk4IDIwIDE3LjhWMThNNCAxOEMyLjg5NTQzIDE4IDIgMTguODk1NCAyIDIwQzIgMjEuMTA0NiAyLjg5NTQzIDIyIDQgMjJDNS4xMDQ1NyAyMiA2IDIxLjEwNDYgNiAyMEM2IDE4Ljg5NTQgNS4xMDQ1NyAxOCA0IDE4Wk0yMCAxOEMxOC44OTU0IDE4IDE4IDE4Ljg5NTQgMTggMjBDMTggMjEuMTA0NiAxOC44OTU0IDIyIDIwIDIyQzIxLjEwNDYgMjIgMjIgMjEuMTA0NiAyMiAyMEMyMiAxOC44OTU0IDIxLjEwNDYgMTggMjAgMThaTTEyIDE4QzEwLjg5NTQgMTggMTAgMTguODk1NCAxMCAyMEMxMCAyMS4xMDQ2IDEwLjg5NTQgMjIgMTIgMjJDMTMuMTA0NiAyMiAxNCAyMS4xMDQ2IDE0IDIwQzE0IDE4Ljg5NTQgMTMuMTA0NiAxOCAxMiAxOFpNMTIgMThWOE02IDhIMThDMTguOTMxOSA4IDE5LjM5NzggOCAxOS43NjU0IDcuODQ3NzZDMjAuMjU1NCA3LjY0NDc3IDIwLjY0NDggNy4yNTU0MiAyMC44NDc4IDYuNzY1MzdDMjEgNi4zOTc4MiAyMSA1LjkzMTg4IDIxIDVDMjEgNC4wNjgxMiAyMSAzLjYwMjE4IDIwLjg0NzggMy4yMzQ2M0MyMC42NDQ4IDIuNzQ0NTggMjAuMjU1NCAyLjM1NTIzIDE5Ljc2NTQgMi4xNTIyNEMxOS4zOTc4IDIgMTguOTMxOSAyIDE4IDJINkM1LjA2ODEyIDIgNC42MDIxOCAyIDQuMjM0NjMgMi4xNTIyNEMzLjc0NDU4IDIuMzU1MjMgMy4zNTUyMyAyLjc0NDU4IDMuMTUyMjQgMy4yMzQ2M0MzIDMuNjAyMTggMyA0LjA2ODEyIDMgNUMzIDUuOTMxODggMyA2LjM5NzgyIDMuMTUyMjQgNi43NjUzN0MzLjM1NTIzIDcuMjU1NDIgMy43NDQ1OCA3LjY0NDc3IDQuMjM0NjMgNy44NDc3NkM0LjYwMjE4IDggNS4wNjgxMiA4IDYgOFoiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0iaW50ZWdyYXRpb24taWNvbiI+DQogICAgPHBhdGggZD0iTTkgMTdIN0M0LjIzODU4IDE3IDIgMTQuNzYxNCAyIDEyQzIgOS4yMzg1OCA0LjIzODU4IDcgNyA3SDlNMTUgMTdIMTdDMTkuNzYxNCAxNyAyMiAxNC43NjE0IDIyIDEyQzIyIDkuMjM4NTggMTkuNzYxNCA3IDE3IDdIMTVNNyAxMkwxNyAxMiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJleHRlcm5hbC1kYXNoYm9hcmQtaWNvbiI+DQogICAgPHBhdGggZD0iTTEyIDNIMTYuMkMxNy44ODAyIDMgMTguNzIwMiAzIDE5LjM2MiAzLjMyNjk4QzE5LjkyNjUgMy42MTQ2IDIwLjM4NTQgNC4wNzM1NCAyMC42NzMgNC42MzgwM0MyMSA1LjI3OTc2IDIxIDYuMTE5ODQgMjEgNy44VjE2LjJDMjEgMTcuODgwMiAyMSAxOC43MjAyIDIwLjY3MyAxOS4zNjJDMjAuMzg1NCAxOS45MjY1IDE5LjkyNjUgMjAuMzg1NCAxOS4zNjIgMjAuNjczQzE4LjcyMDIgMjEgMTcuODgwMiAyMSAxNi4yIDIxSDcuOEM2LjExOTg0IDIxIDUuMjc5NzYgMjEgNC42MzgwMyAyMC42NzNDNC4wNzM1NCAyMC4zODU0IDMuNjE0NiAxOS45MjY1IDMuMzI2OTggMTkuMzYyQzMgMTguNzIwMiAzIDE3Ljg4MDIgMyAxNi4yVjEyTTggMTNWMTdNMTYgMTFWMTdNMTIgN1YxN001IDhWMk0yIDVIOCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJjc3YtaWNvbiI+DQogICAgPHBhdGggZD0iTTIwIDEyLjVWNi44QzIwIDUuMTE5ODQgMjAgNC4yNzk3NiAxOS42NzMgMy42MzgwM0MxOS4zODU0IDMuMDczNTQgMTguOTI2NSAyLjYxNDYgMTguMzYyIDIuMzI2OThDMTcuNzIwMiAyIDE2Ljg4MDIgMiAxNS4yIDJIOC44QzcuMTE5ODQgMiA2LjI3OTc2IDIgNS42MzgwMyAyLjMyNjk4QzUuMDczNTQgMi42MTQ2IDQuNjE0NiAzLjA3MzU0IDQuMzI2OTggMy42MzgwM0M0IDQuMjc5NzYgNCA1LjExOTg0IDQgNi44VjE3LjJDNCAxOC44ODAyIDQgMTkuNzIwMiA0LjMyNjk4IDIwLjM2MkM0LjYxNDYgMjAuOTI2NSA1LjA3MzU0IDIxLjM4NTQgNS42MzgwMyAyMS42NzNDNi4yNzk3NiAyMiA3LjExOTggMjIgOC43OTk4NiAyMkgxMi41TTE0IDExSDhNMTAgMTVIOE0xNiA3SDhNMTUgMTlMMTggMjJNMTggMjJMMjEgMTlNMTggMjJWMTYiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0iaWZyYW1lLWljb24iPg0KICAgIDxwYXRoIGQ9Ik0yMiA5SDJNMTQgMTcuNUwxNi41IDE1TDE0IDEyLjVNMTAgMTIuNUw3LjUgMTVMMTAgMTcuNU0yIDcuOEwyIDE2LjJDMiAxNy44ODAyIDIgMTguNzIwMiAyLjMyNjk4IDE5LjM2MkMyLjYxNDYgMTkuOTI2NSAzLjA3MzU0IDIwLjM4NTQgMy42MzgwMyAyMC42NzNDNC4yNzk3NiAyMSA1LjExOTg0IDIxIDYuOCAyMUgxNy4yQzE4Ljg4MDIgMjEgMTkuNzIwMiAyMSAyMC4zNjIgMjAuNjczQzIwLjkyNjUgMjAuMzg1NCAyMS4zODU0IDE5LjkyNjUgMjEuNjczIDE5LjM2MkMyMiAxOC43MjAyIDIyIDE3Ljg4MDIgMjIgMTYuMlY3LjhDMjIgNi4xMTk4NCAyMiA1LjI3OTc3IDIxLjY3MyA0LjYzODAzQzIxLjM4NTQgNC4wNzM1NCAyMC45MjY1IDMuNjE0NiAyMC4zNjIgMy4zMjY5OEMxOS43MjAyIDMgMTguODgwMiAzIDE3LjIgM0w2LjggM0M1LjExOTg0IDMgNC4yNzk3NiAzIDMuNjM4MDMgMy4zMjY5OEMzLjA3MzU0IDMuNjE0NiAyLjYxNDYgNC4wNzM1NCAyLjMyNjk4IDQuNjM4MDNDMiA1LjI3OTc2IDIgNi4xMTk4NCAyIDcuOFoiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0iZGFzaGJvYXJkLWljb24iPg0KICAgIDxwYXRoIGQ9Ik04IDEzVjE3TTE2IDExVjE3TTEyIDdWMTdNNy44IDIxSDE2LjJDMTcuODgwMiAyMSAxOC43MjAyIDIxIDE5LjM2MiAyMC42NzNDMTkuOTI2NSAyMC4zODU0IDIwLjM4NTQgMTkuOTI2NSAyMC42NzMgMTkuMzYyQzIxIDE4LjcyMDIgMjEgMTcuODgwMiAyMSAxNi4yVjcuOEMyMSA2LjExOTg0IDIxIDUuMjc5NzYgMjAuNjczIDQuNjM4MDNDMjAuMzg1NCA0LjA3MzU0IDE5LjkyNjUgMy42MTQ2IDE5LjM2MiAzLjMyNjk4QzE4LjcyMDIgMyAxNy44ODAyIDMgMTYuMiAzSDcuOEM2LjExOTg0IDMgNS4yNzk3NiAzIDQuNjM4MDMgMy4zMjY5OEM0LjA3MzU0IDMuNjE0NiAzLjYxNDYgNC4wNzM1NCAzLjMyNjk4IDQuNjM4MDNDMyA1LjI3OTc2IDMgNi4xMTk4NCAzIDcuOFYxNi4yQzMgMTcuODgwMiAzIDE4LjcyMDIgMy4zMjY5OCAxOS4zNjJDMy42MTQ2IDE5LjkyNjUgNC4wNzM1NCAyMC4zODU0IDQuNjM4MDMgMjAuNjczQzUuMjc5NzYgMjEgNi4xMTk4NCAyMSA3LjggMjFaIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPg0KICA8L3N5bWJvbD4NCiAgPHN5bWJvbCB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaWQ9ImRhdGEtZXhwbG9yYXRpb24taWNvbiI+DQogICAgPHBhdGggZD0iTTIzLjQxMDEgNi44NzU0OUg1LjU5OTk5QzQuNTg5MDUgNi44NzU0OSAzLjc2OTUzIDcuNjk1MDEgMy43Njk1MyA4LjcwNTk0VjIwLjc5NjFDMy43Njk1MyAyMS44MDcgNC41ODkwNSAyMi42MjY2IDUuNTk5OTkgMjIuNjI2NkgyMy40MTAxQzI0LjQyMSAyMi42MjY2IDI1LjI0MDUgMjEuODA3IDI1LjI0MDUgMjAuNzk2MVY4LjcwNTk0QzI1LjI0MDUgNy42OTUwMSAyNC40MjEgNi44NzU0OSAyMy40MTAxIDYuODc1NDlaIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KICAgIDxwYXRoIGQ9Ik0xNC41IDQuNDcwN1Y2LjgzNjE3IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KICAgIDxwYXRoIGQ9Ik0xNC40OTkgNC40MTk5QzE1LjQ0MzQgNC40MTk5IDE2LjIwOSAzLjY1NDMzIDE2LjIwOSAyLjcwOTk1QzE2LjIwOSAxLjc2NTU3IDE1LjQ0MzQgMSAxNC40OTkgMUMxMy41NTQ2IDEgMTIuNzg5MSAxLjc2NTU3IDEyLjc4OTEgMi43MDk5NUMxMi43ODkxIDMuNjU0MzMgMTMuNTU0NiA0LjQxOTkgMTQuNDk5IDQuNDE5OVoiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQogICAgPHBhdGggZD0iTTI1LjI0NjEgMTEuMzc3OUgyNy4wNjgyQzI3LjU4NDUgMTEuMzc3OSAyOC4wMDMyIDExLjc5NjYgMjguMDAzMiAxMi4zMTI5VjE3LjE4OTNDMjguMDAzMiAxNy43MDU2IDI3LjU4NDUgMTguMTI0MiAyNy4wNjgyIDE4LjEyNDJIMjUuMjUyMyIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCiAgICA8cGF0aCBkPSJNMy43NTcxMSAxOC4xMjQySDEuOTM0OTdDMS40MTg2NiAxOC4xMjQyIDEgMTcuNzA1NiAxIDE3LjE4OTNWMTIuMzEyOUMxIDExLjc5NjYgMS40MTg2NiAxMS4zNzc5IDEuOTM0OTcgMTEuMzc3OUgzLjc1NzExIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KICAgIDxwYXRoIGQ9Ik05LjM2MzI4IDEzLjg1NzJDOS4zNjMyOCAxMi45NDYxIDEwLjEwMTkgMTIuMjA4NSAxMS4wMTE5IDEyLjIwODVDMTEuOTIyIDEyLjIwODUgMTIuNjYwNiAxMi45NDcxIDEyLjY2MDYgMTMuODU3MkMxMi42NjA2IDEzLjkwMzkgMTIuNjU4NSAxMy45NDk2IDEyLjY1NDQgMTMuOTk1MyIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCiAgICA8cGF0aCBkPSJNMTYuNTc4MSAxMy44NTcyQzE2LjU3ODEgMTIuOTQ2MSAxNy4zMTY3IDEyLjIwODUgMTguMjI2OCAxMi4yMDg1QzE5LjEzNjggMTIuMjA4NSAxOS44NzU0IDEyLjk0NzEgMTkuODc1NCAxMy44NTcyQzE5Ljg3NTQgMTMuOTAzOSAxOS44NzM0IDEzLjk0OTYgMTkuODY5MiAxMy45OTUzIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KICAgIDxwYXRoIGQ9Ik0xOC4wMzA3IDE4LjQwMzhDMTcuMzg0NiAxOC44OTEgMTYuMDI3OCAxOS4yMjU1IDE0LjQ2MDIgMTkuMjI1NUMxMy4wNTc4IDE5LjIyNTUgMTEuODI0NiAxOC45NTc1IDExLjExNzIgMTguNTUyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0icGx1cy1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTIgOFYxNk04IDEySDE2TTcuOCAyMUgxNi4yQzE3Ljg4MDIgMjEgMTguNzIwMiAyMSAxOS4zNjIgMjAuNjczQzE5LjkyNjUgMjAuMzg1NCAyMC4zODU0IDE5LjkyNjUgMjAuNjczIDE5LjM2MkMyMSAxOC43MjAyIDIxIDE3Ljg4MDIgMjEgMTYuMlY3LjhDMjEgNi4xMTk4NCAyMSA1LjI3OTc2IDIwLjY3MyA0LjYzODAzQzIwLjM4NTQgNC4wNzM1NCAxOS45MjY1IDMuNjE0NiAxOS4zNjIgMy4zMjY5OEMxOC43MjAyIDMgMTcuODgwMiAzIDE2LjIgM0g3LjhDNi4xMTk4NCAzIDUuMjc5NzYgMyA0LjYzODAzIDMuMzI2OThDNC4wNzM1NCAzLjYxNDYgMy42MTQ2IDQuMDczNTQgMy4zMjY5OCA0LjYzODAzQzMgNS4yNzk3NiAzIDYuMTE5ODQgMyA3LjhWMTYuMkMzIDE3Ljg4MDIgMyAxOC43MjAyIDMuMzI2OTggMTkuMzYyQzMuNjE0NiAxOS45MjY1IDQuMDczNTQgMjAuMzg1NCA0LjYzODAzIDIwLjY3M0M1LjI3OTc2IDIxIDYuMTE5ODQgMjEgNy44IDIxWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgaWQ9InNxYXVyZS1pY29uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICAgPHBhdGggZD0ibTcuOCwyMWg4LjRjMS42OCwwLDIuNTIsMCwzLjE2LS4zMy41Ni0uMjksMS4wMi0uNzUsMS4zMS0xLjMxLjMzLS42NC4zMy0xLjQ4LjMzLTMuMTZWNy44YzAtMS42OCwwLTIuNTItLjMzLTMuMTYtLjI5LS41Ni0uNzUtMS4wMi0xLjMxLTEuMzEtLjY0LS4zMy0xLjQ4LS4zMy0zLjE2LS4zM0g3LjhjLTEuNjgsMC0yLjUyLDAtMy4xNi4zMy0uNTYuMjktMS4wMi43NS0xLjMxLDEuMzEtLjMzLjY0LS4zMywxLjQ4LS4zMywzLjE2djguNGMwLDEuNjgsMCwyLjUyLjMzLDMuMTYuMjkuNTYuNzUsMS4wMiwxLjMxLDEuMzEuNjQuMzMsMS40OC4zMywzLjE2LjMzWiI+PC9wYXRoPg0KICA8L3N5bWJvbD4NCiAgPHN5bWJvbCBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgaWQ9ImNsb25lLWljb24iPg0KICAgIDxwYXRoIGQ9Ik0xMC41IDIuMDAyOEM5LjgyNDk1IDIuMDExOTQgOS40MTk3IDIuMDUxMDMgOS4wOTIwMiAyLjIxNzk5QzguNzE1NjkgMi40MDk3MyA4LjQwOTczIDIuNzE1NjkgOC4yMTc5OSAzLjA5MjAyQzguMDUxMDMgMy40MTk3IDguMDExOTQgMy44MjQ5NSA4LjAwMjggNC41TTE5LjUgMi4wMDI4QzIwLjE3NTEgMi4wMTE5NCAyMC41ODAzIDIuMDUxMDMgMjAuOTA4IDIuMjE3OTlDMjEuMjg0MyAyLjQwOTczIDIxLjU5MDMgMi43MTU2OSAyMS43ODIgMy4wOTIwMkMyMS45NDkgMy40MTk3IDIxLjk4ODEgMy44MjQ5NCAyMS45OTcyIDQuNDk5OTlNMjEuOTk3MiAxMy41QzIxLjk4ODEgMTQuMTc1IDIxLjk0OSAxNC41ODAzIDIxLjc4MiAxNC45MDhDMjEuNTkwMyAxNS4yODQzIDIxLjI4NDMgMTUuNTkwMyAyMC45MDggMTUuNzgyQzIwLjU4MDMgMTUuOTQ5IDIwLjE3NTEgMTUuOTg4MSAxOS41IDE1Ljk5NzJNMjIgNy45OTk5OVY5Ljk5OTk5TTE0LjAwMDEgMkgxNk01LjIgMjJIMTIuOEMxMy45MjAxIDIyIDE0LjQ4MDIgMjIgMTQuOTA4IDIxLjc4MkMxNS4yODQzIDIxLjU5MDMgMTUuNTkwMyAyMS4yODQzIDE1Ljc4MiAyMC45MDhDMTYgMjAuNDgwMiAxNiAxOS45MjAxIDE2IDE4LjhWMTEuMkMxNiAxMC4wNzk5IDE2IDkuNTE5ODQgMTUuNzgyIDkuMDkyMDJDMTUuNTkwMyA4LjcxNTY5IDE1LjI4NDMgOC40MDk3MyAxNC45MDggOC4yMTc5OUMxNC40ODAyIDggMTMuOTIwMSA4IDEyLjggOEg1LjJDNC4wNzk5IDggMy41MTk4NCA4IDMuMDkyMDIgOC4yMTc5OUMyLjcxNTY5IDguNDA5NzMgMi40MDk3MyA4LjcxNTY5IDIuMjE3OTkgOS4wOTIwMkMyIDkuNTE5ODQgMiAxMC4wNzk5IDIgMTEuMlYxOC44QzIgMTkuOTIwMSAyIDIwLjQ4MDIgMi4yMTc5OSAyMC45MDhDMi40MDk3MyAyMS4yODQzIDIuNzE1NjkgMjEuNTkwMyAzLjA5MjAyIDIxLjc4MkMzLjUxOTg0IDIyIDQuMDc5ODkgMjIgNS4yIDIyWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJjbG9zZS1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTggNkw2IDE4TTYgNkwxOCAxOCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJkb3VibGUtYXJyb3ctbGVmdC1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTggMTdMMTMgMTJMMTggN00xMSAxN0w2IDEyTDExIDciIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0iZG91YmxlLWFycm93LXJpZ2h0LWljb24iPg0KICAgIDxwYXRoIGQ9Ik02IDE3TDExIDEyTDYgN00xMyAxN0wxOCAxMkwxMyA3IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPg0KICA8L3N5bWJvbD4NCiAgPHN5bWJvbCBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgaWQ9Im1ldHJpYy1zdG9yZS1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTQgMTFIOE0xMCAxNUg4TTE2IDdIOE0yMCAxMC41VjYuOEMyMCA1LjExOTg0IDIwIDQuMjc5NzYgMTkuNjczIDMuNjM4MDNDMTkuMzg1NCAzLjA3MzU0IDE4LjkyNjUgMi42MTQ2IDE4LjM2MiAyLjMyNjk4QzE3LjcyMDIgMiAxNi44ODAyIDIgMTUuMiAySDguOEM3LjExOTg0IDIgNi4yNzk3NiAyIDUuNjM4MDMgMi4zMjY5OEM1LjA3MzU0IDIuNjE0NiA0LjYxNDYgMy4wNzM1NCA0LjMyNjk4IDMuNjM4MDNDNCA0LjI3OTc2IDQgNS4xMTk4NCA0IDYuOFYxNy4yQzQgMTguODgwMiA0IDE5LjcyMDIgNC4zMjY5OCAyMC4zNjJDNC42MTQ2IDIwLjkyNjUgNS4wNzM1NCAyMS4zODU0IDUuNjM4MDMgMjEuNjczQzYuMjc5NzYgMjIgNy4xMTk4NCAyMiA4LjggMjJIMTEuNU0yMiAyMkwyMC41IDIwLjVNMjEuNSAxOEMyMS41IDE5LjkzMyAxOS45MzMgMjEuNSAxOCAyMS41QzE2LjA2NyAyMS41IDE0LjUgMTkuOTMzIDE0LjUgMThDMTQuNSAxNi4wNjcgMTYuMDY3IDE0LjUgMTggMTQuNUMxOS45MzMgMTQuNSAyMS41IDE2LjA2NyAyMS41IDE4WiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJyZXNldC1pY29uIj4NCiAgICA8cGF0aCBkPSJNMiAxMEMyIDEwIDIuMTIxMzIgOS4xNTA3NiA1LjYzNjA0IDUuNjM2MDRDOS4xNTA3NiAyLjEyMTMyIDE0Ljg0OTIgMi4xMjEzMiAxOC4zNjQgNS42MzYwNEMxOS42MDkyIDYuODgxMzEgMjAuNDEzMyA4LjQwMDcyIDIwLjc3NjIgMTBNMiAxMFY0TTIgMTBIOE0yMiAxNEMyMiAxNCAyMS44Nzg3IDE0Ljg0OTIgMTguMzY0IDE4LjM2NEMxNC44NDkyIDIxLjg3ODcgOS4xNTA3NiAyMS44Nzg3IDUuNjM2MDQgMTguMzY0QzQuMzkwNzYgMTcuMTE4NyAzLjU4NjY5IDE1LjU5OTMgMy4yMjM4MyAxNE0yMiAxNFYyME0yMiAxNEgxNiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgaWQ9InRhYmxlLXRhYi1pY29uIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogICAgPHBhdGggZD0iTTE3IDFIM0MxLjg5NTQzIDEgMSAxLjg5NTQzIDEgM1YxN0MxIDE4LjEwNDYgMS44OTU0MyAxOSAzIDE5SDE3QzE4LjEwNDYgMTkgMTkgMTguMTA0NiAxOSAxN1YzQzE5IDEuODk1NDMgMTguMTA0NiAxIDE3IDFaIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KICAgIDxwYXRoIGQ9Ik0xIDdIMTkiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQogICAgPHBhdGggZD0iTTQgMTBINiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCiAgICA8cGF0aCBkPSJNNCAxM0g2IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KICAgIDxwYXRoIGQ9Ik00IDE2SDYiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQogICAgPHBhdGggZD0iTTkgMTBIMTEiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQogICAgPHBhdGggZD0iTTkgMTNIMTEiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQogICAgPHBhdGggZD0iTTkgMTZIMTEiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQogICAgPHBhdGggZD0iTTE0IDEwSDE2IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KICAgIDxwYXRoIGQ9Ik0xNCAxM0gxNiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCiAgICA8cGF0aCBkPSJNMTQgMTZIMTYiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0icGxheS1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTIgMjJDMTcuNTIyOCAyMiAyMiAxNy41MjI4IDIyIDEyQzIyIDYuNDc3MTUgMTcuNTIyOCAyIDEyIDJDNi40NzcxNSAyIDIgNi40NzcxNSAyIDEyQzIgMTcuNTIyOCA2LjQ3NzE1IDIyIDEyIDIyWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNOS41IDguOTY1MzNDOS41IDguNDg4MDUgOS41IDguMjQ5NDEgOS41OTk3NCA4LjExNjE4QzkuNjg2NjYgOC4wMDAwNyA5LjgxOTcxIDcuOTI3NDQgOS45NjQzOCA3LjkxNzFDMTAuMTMwNCA3LjkwNTI1IDEwLjMzMTEgOC4wMzQyOSAxMC43MzI2IDguMjkyMzlMMTUuNDUzMiAxMS4zMjcxQzE1LjgwMTYgMTEuNTUxIDE1Ljk3NTggMTEuNjYzIDE2LjAzNTkgMTEuODA1NEMxNi4wODg1IDExLjkyOTggMTYuMDg4NSAxMi4wNzAyIDE2LjAzNTkgMTIuMTk0NkMxNS45NzU4IDEyLjMzNyAxNS44MDE2IDEyLjQ0OSAxNS40NTMyIDEyLjY3MjlMMTAuNzMyNiAxNS43MDc2QzEwLjMzMTEgMTUuOTY1NyAxMC4xMzA0IDE2LjA5NDggOS45NjQzOCAxNi4wODI5QzkuODE5NzEgMTYuMDcyNiA5LjY4NjY2IDE1Ljk5OTkgOS41OTk3NCAxNS44ODM4QzkuNSAxNS43NTA2IDkuNSAxNS41MTIgOS41IDE1LjAzNDdWOC45NjUzM1oiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0idGljay1pY29uIj4NCiAgICA8cGF0aCBkPSJNMjAgNkw5IDE3TDQgMTIiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0idGV4dC1pY29uIj4NCiAgICA8cGF0aCBkPSJNNCA3QzQgNi4wNjgxMiA0IDUuNjAyMTggNC4xNTIyNCA1LjIzNDYzQzQuMzU1MjMgNC43NDQ1OCA0Ljc0NDU4IDQuMzU1MjMgNS4yMzQ2MyA0LjE1MjI0QzUuNjAyMTggNCA2LjA2ODEyIDQgNyA0SDE3QzE3LjkzMTkgNCAxOC4zOTc4IDQgMTguNzY1NCA0LjE1MjI0QzE5LjI1NTQgNC4zNTUyMyAxOS42NDQ4IDQuNzQ0NTggMTkuODQ3OCA1LjIzNDYzQzIwIDUuNjAyMTggMjAgNi4wNjgxMiAyMCA3TTkgMjBIMTVNMTIgNFYyMCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJ0aW1lLWljb24iPg0KICAgIDxwYXRoIGQ9Ik0xMiA2VjEyTDE2IDE0TTIyIDEyQzIyIDE3LjUyMjggMTcuNTIyOCAyMiAxMiAyMkM2LjQ3NzE1IDIyIDIgMTcuNTIyOCAyIDEyQzIgNi40NzcxNSA2LjQ3NzE1IDIgMTIgMkMxNy41MjI4IDIgMjIgNi40NzcxNSAyMiAxMloiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0idW5rbm93bi1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTAgOC4wMDIyNEMxMC4xNzYyIDcuNTAxMzYgMTAuNTI0IDcuMDc5MDEgMTAuOTgxNyA2LjgwOTk4QzExLjQzOTUgNi41NDA5NSAxMS45Nzc3IDYuNDQyNiAxMi41MDEgNi41MzIzN0MxMy4wMjQzIDYuNjIyMTMgMTMuNDk5IDYuODk0MjEgMTMuODQwOSA3LjMwMDQxQzE0LjE4MjkgNy43MDY2MSAxNC4zNyA4LjIyMDcyIDE0LjM2OTIgOC43NTE2OEMxNC4zNjkyIDEwLjI1MDYgMTIuMTIwOSAxMSAxMi4xMjA5IDExTTEyLjE0OTkgMTRIMTIuMTU5OU03IDE4VjIwLjMzNTVDNyAyMC44Njg0IDcgMjEuMTM0OCA3LjEwOTIzIDIxLjI3MTZDNy4yMDQyMiAyMS4zOTA2IDcuMzQ4MjcgMjEuNDU5OSA3LjUwMDU0IDIxLjQ1OTdDNy42NzU2MyAyMS40NTk1IDcuODgzNjcgMjEuMjkzMSA4LjI5OTc2IDIwLjk2MDJMMTAuNjg1MiAxOS4wNTE4QzExLjE3MjUgMTguNjYyIDExLjQxNjIgMTguNDY3MSAxMS42ODc1IDE4LjMyODVDMTEuOTI4MiAxOC4yMDU1IDEyLjE4NDQgMTguMTE1NiAxMi40NDkyIDE4LjA2MTNDMTIuNzQ3NyAxOCAxMy4wNTk3IDE4IDEzLjY4MzcgMThIMTYuMkMxNy44ODAyIDE4IDE4LjcyMDIgMTggMTkuMzYyIDE3LjY3M0MxOS45MjY1IDE3LjM4NTQgMjAuMzg1NCAxNi45MjY1IDIwLjY3MyAxNi4zNjJDMjEgMTUuNzIwMiAyMSAxNC44ODAyIDIxIDEzLjJWNy44QzIxIDYuMTE5ODQgMjEgNS4yNzk3NiAyMC42NzMgNC42MzgwM0MyMC4zODU0IDQuMDczNTQgMTkuOTI2NSAzLjYxNDYgMTkuMzYyIDMuMzI2OThDMTguNzIwMiAzIDE3Ljg4MDIgMyAxNi4yIDNINy44QzYuMTE5ODQgMyA1LjI3OTc2IDMgNC42MzgwMyAzLjMyNjk4QzQuMDczNTQgMy42MTQ2IDMuNjE0NiA0LjA3MzU0IDMuMzI2OTggNC42MzgwM0MzIDUuMjc5NzYgMyA2LjExOTg0IDMgNy44VjE0QzMgMTQuOTMgMyAxNS4zOTUgMy4xMDIyMiAxNS43NzY1QzMuMzc5NjIgMTYuODExNyA0LjE4ODI3IDE3LjYyMDQgNS4yMjM1NCAxNy44OTc4QzUuNjA1MDQgMTggNi4wNzAwMyAxOCA3IDE4WiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJhcnJheS1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTIgNkMxMi41NTIzIDYgMTMgNS41NTIyOCAxMyA1QzEzIDQuNDQ3NzIgMTIuNTUyMyA0IDEyIDRDMTEuNDQ3NyA0IDExIDQuNDQ3NzIgMTEgNUMxMSA1LjU1MjI4IDExLjQ0NzcgNiAxMiA2WiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNMTIgMTNDMTIuNTUyMyAxMyAxMyAxMi41NTIzIDEzIDEyQzEzIDExLjQ0NzcgMTIuNTUyMyAxMSAxMiAxMUMxMS40NDc3IDExIDExIDExLjQ0NzcgMTEgMTJDMTEgMTIuNTUyMyAxMS40NDc3IDEzIDEyIDEzWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNMTIgMjBDMTIuNTUyMyAyMCAxMyAxOS41NTIzIDEzIDE5QzEzIDE4LjQ0NzcgMTIuNTUyMyAxOCAxMiAxOEMxMS40NDc3IDE4IDExIDE4LjQ0NzcgMTEgMTlDMTEgMTkuNTUyMyAxMS40NDc3IDIwIDEyIDIwWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNMTkgNkMxOS41NTIzIDYgMjAgNS41NTIyOCAyMCA1QzIwIDQuNDQ3NzIgMTkuNTUyMyA0IDE5IDRDMTguNDQ3NyA0IDE4IDQuNDQ3NzIgMTggNUMxOCA1LjU1MjI4IDE4LjQ0NzcgNiAxOSA2WiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNMTkgMTNDMTkuNTUyMyAxMyAyMCAxMi41NTIzIDIwIDEyQzIwIDExLjQ0NzcgMTkuNTUyMyAxMSAxOSAxMUMxOC40NDc3IDExIDE4IDExLjQ0NzcgMTggMTJDMTggMTIuNTUyMyAxOC40NDc3IDEzIDE5IDEzWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNMTkgMjBDMTkuNTUyMyAyMCAyMCAxOS41NTIzIDIwIDE5QzIwIDE4LjQ0NzcgMTkuNTUyMyAxOCAxOSAxOEMxOC40NDc3IDE4IDE4IDE4LjQ0NzcgMTggMTlDMTggMTkuNTUyMyAxOC40NDc3IDIwIDE5IDIwWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNNSA2QzUuNTUyMjggNiA2IDUuNTUyMjggNiA1QzYgNC40NDc3MiA1LjU1MjI4IDQgNSA0QzQuNDQ3NzIgNCA0IDQuNDQ3NzIgNCA1QzQgNS41NTIyOCA0LjQ0NzcyIDYgNSA2WiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNNSAxM0M1LjU1MjI4IDEzIDYgMTIuNTUyMyA2IDEyQzYgMTEuNDQ3NyA1LjU1MjI4IDExIDUgMTFDNC40NDc3MiAxMSA0IDExLjQ0NzcgNCAxMkM0IDEyLjU1MjMgNC40NDc3MiAxMyA1IDEzWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNNSAyMEM1LjU1MjI4IDIwIDYgMTkuNTUyMyA2IDE5QzYgMTguNDQ3NyA1LjU1MjI4IDE4IDUgMThDNC40NDc3MiAxOCA0IDE4LjQ0NzcgNCAxOUM0IDE5LjU1MjMgNC40NDc3MiAyMCA1IDIwWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJkYXRlLWljb24iPg0KICAgIDxwYXRoIGQ9Ik0yMSAxMEgzTTE2IDJWNk04IDJWNk03LjggMjJIMTYuMkMxNy44ODAyIDIyIDE4LjcyMDIgMjIgMTkuMzYyIDIxLjY3M0MxOS45MjY1IDIxLjM4NTQgMjAuMzg1NCAyMC45MjY1IDIwLjY3MyAyMC4zNjJDMjEgMTkuNzIwMiAyMSAxOC44ODAyIDIxIDE3LjJWOC44QzIxIDcuMTE5ODQgMjEgNi4yNzk3NiAyMC42NzMgNS42MzgwM0MyMC4zODU0IDUuMDczNTQgMTkuOTI2NSA0LjYxNDYgMTkuMzYyIDQuMzI2OThDMTguNzIwMiA0IDE3Ljg4MDIgNCAxNi4yIDRINy44QzYuMTE5ODQgNCA1LjI3OTc2IDQgNC42MzgwMyA0LjMyNjk4QzQuMDczNTQgNC42MTQ2IDMuNjE0NiA1LjA3MzU0IDMuMzI2OTggNS42MzgwM0MzIDYuMjc5NzYgMyA3LjExOTg0IDMgOC44VjE3LjJDMyAxOC44ODAyIDMgMTkuNzIwMiAzLjMyNjk4IDIwLjM2MkMzLjYxNDYgMjAuOTI2NSA0LjA3MzU0IDIxLjM4NTQgNC42MzgwMyAyMS42NzNDNS4yNzk3NiAyMiA2LjExOTg0IDIyIDcuOCAyMloiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0iYm9vbGVhbi1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTUuMDUwNSA5SDUuNUM0LjExOTI5IDkgMyA3Ljg4MDcxIDMgNi41QzMgNS4xMTkyOSA0LjExOTI5IDQgNS41IDRIMTUuMDUwNU04Ljk0OTQ5IDIwSDE4LjVDMTkuODgwNyAyMCAyMSAxOC44ODA3IDIxIDE3LjVDMjEgMTYuMTE5MyAxOS44ODA3IDE1IDE4LjUgMTVIOC45NDk0OU0zIDE3LjVDMyAxOS40MzMgNC41NjcgMjEgNi41IDIxQzguNDMzIDIxIDEwIDE5LjQzMyAxMCAxNy41QzEwIDE1LjU2NyA4LjQzMyAxNCA2LjUgMTRDNC41NjcgMTQgMyAxNS41NjcgMyAxNy41Wk0yMSA2LjVDMjEgOC40MzMgMTkuNDMzIDEwIDE3LjUgMTBDMTUuNTY3IDEwIDE0IDguNDMzIDE0IDYuNUMxNCA0LjU2NyAxNS41NjcgMyAxNy41IDNDMTkuNDMzIDMgMjEgNC41NjcgMjEgNi41WiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJpZC1pY29uIj4NCiAgICA8cGF0aCBkPSJNOS40OTk5OSAzTDYuNDk5OTkgMjFNMTcuNSAzTDE0LjUgMjFNMjAuNSA4SDMuNU0xOS41IDE2SDIuNSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJudW1iZXItaWNvbiI+DQogICAgPHBhdGggZD0iTTE5LjkwNjEgMjFDMjEuMjQ2NCAxOC4yODg4IDIyIDE1LjIzMjkgMjIgMTJDMjIgOC43NjcxMSAyMS4yNDY0IDUuNzExMTYgMTkuOTA2MSAzTTQuMDkzOTMgM0MyLjc1MzYzIDUuNzExMTYgMiA4Ljc2NzExIDIgMTJDMiAxNS4yMzI5IDIuNzUzNjMgMTguMjg4OCA0LjA5MzkzIDIxTTE2LjU0ODYgOC42MjVIMTYuNDU5QzE1LjgwNTYgOC42MjUgMTUuMTg0OCA4LjkxMjAyIDE0Ljc1OTYgOS40MTA3Mkw5LjM4NDcxIDE1LjcxNDNDOC45NTk0OCAxNi4yMTMgOC4zMzg3MSAxNi41IDcuNjg1MyAxNi41SDcuNTk1NjNNOC43MTQ4MyA4LjYyNUgxMC4xMDg5QzEwLjYwODYgOC42MjUgMTEuMDQ3NyA4Ljk1Nzk3IDExLjE4NSA5LjQ0MDk0TDEyLjk1OTQgMTUuNjg0MUMxMy4wOTY3IDE2LjE2NyAxMy41MzU4IDE2LjUgMTQuMDM1NSAxNi41SDE1LjQyOTYiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0ib2JqZWN0LWljb24iPg0KICAgIDxwYXRoIGQ9Ik0xNyAxN0wyMiAxMkwxNyA3TTcgN0wyIDEyTDcgMTdNMTQgM0wxMCAyMSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJkZWxldGUtaWNvbiI+DQogICAgPHBhdGggZD0iTTI0IDB2MjRIMFYwaDI0Wk0xMi41OTMgMjMuMjU4bC0uMDExLjAwMmwtLjA3MS4wMzVsLS4wMi4wMDRsLS4wMTQtLjAwNGwtLjA3MS0uMDM1Yy0uMDEtLjAwNC0uMDE5LS4wMDEtLjAyNC4wMDVsLS4wMDQuMDFsLS4wMTcuNDI4bC4wMDUuMDJsLjAxLjAxM2wuMTA0LjA3NGwuMDE1LjAwNGwuMDEyLS4wMDRsLjEwNC0uMDc0bC4wMTItLjAxNmwuMDA0LS4wMTdsLS4wMTctLjQyN2MtLjAwMi0uMDEtLjAwOS0uMDE3LS4wMTctLjAxOFptLjI2NS0uMTEzbC0uMDEzLjAwMmwtLjE4NS4wOTNsLS4wMS4wMWwtLjAwMy4wMTFsLjAxOC40M2wuMDA1LjAxMmwuMDA4LjAwN2wuMjAxLjA5M2MuMDEyLjAwNC4wMjMgMCAuMDI5LS4wMDhsLjAwNC0uMDE0bC0uMDM0LS42MTRjLS4wMDMtLjAxMi0uMDEtLjAyLS4wMi0uMDIyWm0tLjcxNS4wMDJhLjAyMy4wMjMgMCAwIDAtLjAyNy4wMDZsLS4wMDYuMDE0bC0uMDM0LjYxNGMwIC4wMTIuMDA3LjAyLjAxNy4wMjRsLjAxNS0uMDAybC4yMDEtLjA5M2wuMDEtLjAwOGwuMDA0LS4wMTFsLjAxNy0uNDNsLS4wMDMtLjAxMmwtLjAxLS4wMWwtLjE4NC0uMDkyWiIvPg0KICAgIDxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTE0LjI4IDJhMiAyIDAgMCAxIDEuODk3IDEuMzY4TDE2LjcyIDVIMjBhMSAxIDAgMSAxIDAgMmwtLjAwMy4wNzFsLS44NjcgMTIuMTQzQTMgMyAwIDAgMSAxNi4xMzggMjJINy44NjJhMyAzIDAgMCAxLTIuOTkyLTIuNzg2TDQuMDAzIDcuMDdBMS4wMSAxLjAxIDAgMCAxIDQgN2ExIDEgMCAwIDEgMC0yaDMuMjhsLjU0My0xLjYzMkEyIDIgMCAwIDEgOS43MjEgMmg0LjU1OFptMy43MTcgNUg2LjAwM2wuODYyIDEyLjA3MWExIDEgMCAwIDAgLjk5Ny45MjloOC4yNzZhMSAxIDAgMCAwIC45OTctLjkyOUwxNy45OTcgN1pNMTAgMTBhMSAxIDAgMCAxIC45OTMuODgzTDExIDExdjVhMSAxIDAgMCAxLTEuOTkzLjExN0w5IDE2di01YTEgMSAwIDAgMSAxLTFabTQgMGExIDEgMCAwIDEgMSAxdjVhMSAxIDAgMSAxLTIgMHYtNWExIDEgMCAwIDEgMS0xWm0uMjgtNkg5LjcybC0uMzMzIDFoNS4yMjZsLS4zMzQtMVoiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjAuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KPC9zdmc+";
|
|
6229
6280
|
const icons = "_icons_1u812_1";
|
|
6230
|
-
var styles$
|
|
6281
|
+
var styles$G = {
|
|
6231
6282
|
icons
|
|
6232
6283
|
};
|
|
6233
6284
|
const Icons = ({
|
|
@@ -6235,7 +6286,7 @@ const Icons = ({
|
|
|
6235
6286
|
className
|
|
6236
6287
|
}) => {
|
|
6237
6288
|
return /* @__PURE__ */ jsx("svg", {
|
|
6238
|
-
className: className != null ? className : styles$
|
|
6289
|
+
className: className != null ? className : styles$G.icons,
|
|
6239
6290
|
children: /* @__PURE__ */ jsx("use", {
|
|
6240
6291
|
href: `${icons$1}#${name}`
|
|
6241
6292
|
})
|
|
@@ -6280,7 +6331,7 @@ const DataType = ({
|
|
|
6280
6331
|
});
|
|
6281
6332
|
};
|
|
6282
6333
|
const error$4 = "_error_1csa7_1";
|
|
6283
|
-
var styles$
|
|
6334
|
+
var styles$F = {
|
|
6284
6335
|
error: error$4
|
|
6285
6336
|
};
|
|
6286
6337
|
const Error$1 = ({
|
|
@@ -6289,13 +6340,13 @@ const Error$1 = ({
|
|
|
6289
6340
|
return /* @__PURE__ */ jsx(Text, {
|
|
6290
6341
|
variant: "p",
|
|
6291
6342
|
styleClass: "custom",
|
|
6292
|
-
className: styles$
|
|
6343
|
+
className: styles$F.error,
|
|
6293
6344
|
children: message
|
|
6294
6345
|
});
|
|
6295
6346
|
};
|
|
6296
6347
|
const container$f = "_container_7vfcn_1";
|
|
6297
6348
|
const windowIcon = "_windowIcon_7vfcn_7";
|
|
6298
|
-
var styles$
|
|
6349
|
+
var styles$E = {
|
|
6299
6350
|
container: container$f,
|
|
6300
6351
|
windowIcon
|
|
6301
6352
|
};
|
|
@@ -6320,9 +6371,9 @@ const iconoirErrorWindow = (props) => /* @__PURE__ */ jsx("svg", {
|
|
|
6320
6371
|
const ErrorFallback = () => {
|
|
6321
6372
|
return /* @__PURE__ */ jsxs("div", {
|
|
6322
6373
|
role: "alert",
|
|
6323
|
-
className: styles$
|
|
6374
|
+
className: styles$E.container,
|
|
6324
6375
|
children: [/* @__PURE__ */ jsx(iconoirErrorWindow, {
|
|
6325
|
-
className: styles$
|
|
6376
|
+
className: styles$E.windowIcon
|
|
6326
6377
|
}), /* @__PURE__ */ jsx(Text, {
|
|
6327
6378
|
variant: "p",
|
|
6328
6379
|
styleClass: "font-20",
|
|
@@ -6343,7 +6394,7 @@ const fieldLabel = "_fieldLabel_qtwuf_19";
|
|
|
6343
6394
|
const save = "_save_qtwuf_25";
|
|
6344
6395
|
const cancel = "_cancel_qtwuf_31";
|
|
6345
6396
|
const error$3 = "_error_qtwuf_37";
|
|
6346
|
-
var styles$
|
|
6397
|
+
var styles$D = {
|
|
6347
6398
|
form: form$2,
|
|
6348
6399
|
container: container$e,
|
|
6349
6400
|
field,
|
|
@@ -6359,7 +6410,7 @@ const input$2 = "_input_l6nql_13";
|
|
|
6359
6410
|
const floatingInput = "_floatingInput_l6nql_31";
|
|
6360
6411
|
const checkboxField = "_checkboxField_l6nql_37";
|
|
6361
6412
|
const inputWrapper$1 = "_inputWrapper_l6nql_43";
|
|
6362
|
-
var styles$
|
|
6413
|
+
var styles$C = {
|
|
6363
6414
|
label: label$6,
|
|
6364
6415
|
floatingLabel: floatingLabel$1,
|
|
6365
6416
|
"inputField-container": "_inputField-container_l6nql_13",
|
|
@@ -6384,7 +6435,7 @@ const InputField = ({
|
|
|
6384
6435
|
...rest
|
|
6385
6436
|
}) => {
|
|
6386
6437
|
return ["checkbox", "radio"].includes(type3) ? /* @__PURE__ */ jsxs("div", {
|
|
6387
|
-
className: `${styles$
|
|
6438
|
+
className: `${styles$C.checkboxField} ${className != null ? className : ""}`,
|
|
6388
6439
|
children: [/* @__PURE__ */ jsx("input", {
|
|
6389
6440
|
...rest,
|
|
6390
6441
|
type: type3,
|
|
@@ -6394,22 +6445,22 @@ const InputField = ({
|
|
|
6394
6445
|
disabled: isDisabled
|
|
6395
6446
|
}), label2 ? /* @__PURE__ */ jsxs("label", {
|
|
6396
6447
|
htmlFor: id2,
|
|
6397
|
-
className: `${styles$
|
|
6448
|
+
className: `${styles$C.checkboxLabel} ${labelClass}`,
|
|
6398
6449
|
children: [icon2, " ", label2]
|
|
6399
6450
|
}) : null]
|
|
6400
6451
|
}) : /* @__PURE__ */ jsxs("div", {
|
|
6401
|
-
className: `${styles$
|
|
6452
|
+
className: `${styles$C["inputField-container"]} ${className != null ? className : ""}`,
|
|
6402
6453
|
children: [label2 ? /* @__PURE__ */ jsx("label", {
|
|
6403
6454
|
htmlFor: id2,
|
|
6404
|
-
className: `${styles$
|
|
6455
|
+
className: `${styles$C.label} ${labelVariant === "floating" ? styles$C.floatingLabel : ""} ${labelClass}`,
|
|
6405
6456
|
children: label2
|
|
6406
6457
|
}) : null, /* @__PURE__ */ jsxs("div", {
|
|
6407
|
-
className: styles$
|
|
6458
|
+
className: styles$C.inputWrapper,
|
|
6408
6459
|
children: [/* @__PURE__ */ jsx("input", {
|
|
6409
6460
|
...rest,
|
|
6410
6461
|
id: id2,
|
|
6411
6462
|
type: type3,
|
|
6412
|
-
className: `${styles$
|
|
6463
|
+
className: `${styles$C.input} ${labelVariant === "floating" ? styles$C.floatingInput : ""} ${inputClass}`,
|
|
6413
6464
|
...register2,
|
|
6414
6465
|
disabled: isDisabled
|
|
6415
6466
|
}), icon2]
|
|
@@ -6421,7 +6472,7 @@ const InputField = ({
|
|
|
6421
6472
|
const label$5 = "_label_1h21t_1";
|
|
6422
6473
|
const textarea = "_textarea_1h21t_9";
|
|
6423
6474
|
const resizable = "_resizable_1h21t_17";
|
|
6424
|
-
var styles$
|
|
6475
|
+
var styles$B = {
|
|
6425
6476
|
label: label$5,
|
|
6426
6477
|
textarea,
|
|
6427
6478
|
resizable
|
|
@@ -6445,7 +6496,7 @@ const TextAreaField = ({
|
|
|
6445
6496
|
className,
|
|
6446
6497
|
children: [/* @__PURE__ */ jsx("label", {
|
|
6447
6498
|
htmlFor: id2,
|
|
6448
|
-
className: styles$
|
|
6499
|
+
className: styles$B.label,
|
|
6449
6500
|
children: label2
|
|
6450
6501
|
}), /* @__PURE__ */ jsx("textarea", {
|
|
6451
6502
|
id: id2,
|
|
@@ -6453,7 +6504,7 @@ const TextAreaField = ({
|
|
|
6453
6504
|
rows,
|
|
6454
6505
|
cols,
|
|
6455
6506
|
placeholder,
|
|
6456
|
-
className: classnames(styles$
|
|
6507
|
+
className: classnames(styles$B.textarea, `${resizable2 ? null : styles$B.resizable}`),
|
|
6457
6508
|
defaultValue: defaultValue2,
|
|
6458
6509
|
...register2,
|
|
6459
6510
|
value,
|
|
@@ -6472,7 +6523,7 @@ const notenabled = "_notenabled_13otg_59";
|
|
|
6472
6523
|
const label$4 = "_label_13otg_75";
|
|
6473
6524
|
const labelActive = "_labelActive_13otg_83";
|
|
6474
6525
|
const labelInactive = "_labelInactive_13otg_91";
|
|
6475
|
-
var styles$
|
|
6526
|
+
var styles$A = {
|
|
6476
6527
|
group: group$1,
|
|
6477
6528
|
button: button$6,
|
|
6478
6529
|
checkbox,
|
|
@@ -6494,7 +6545,7 @@ const ToggleButton = ({
|
|
|
6494
6545
|
name = `toggle-${Date.now()}`
|
|
6495
6546
|
}) => {
|
|
6496
6547
|
return /* @__PURE__ */ jsxs("div", {
|
|
6497
|
-
className: `${styles$
|
|
6548
|
+
className: `${styles$A.group} ${className}`,
|
|
6498
6549
|
children: [label2 ? /* @__PURE__ */ jsx(Text, {
|
|
6499
6550
|
styleClass: "font-14",
|
|
6500
6551
|
variant: "p",
|
|
@@ -6507,16 +6558,16 @@ const ToggleButton = ({
|
|
|
6507
6558
|
onChange: ({
|
|
6508
6559
|
target
|
|
6509
6560
|
}) => onChange == null ? void 0 : onChange(target.checked),
|
|
6510
|
-
className: styles$
|
|
6561
|
+
className: styles$A.checkbox
|
|
6511
6562
|
}), /* @__PURE__ */ jsxs("label", {
|
|
6512
6563
|
htmlFor: name,
|
|
6513
|
-
className: styles$
|
|
6564
|
+
className: styles$A.button,
|
|
6514
6565
|
children: [/* @__PURE__ */ jsx("span", {
|
|
6515
|
-
className: `${styles$
|
|
6566
|
+
className: `${styles$A.switch} ${enabled2 ? styles$A.enabled : styles$A.notenabled}`
|
|
6516
6567
|
}), placeholder ? /* @__PURE__ */ jsx("span", {
|
|
6517
6568
|
className: `
|
|
6518
|
-
${styles$
|
|
6519
|
-
${enabled2 ? styles$
|
|
6569
|
+
${styles$A.label}
|
|
6570
|
+
${enabled2 ? styles$A.labelActive : styles$A.labelInactive}
|
|
6520
6571
|
`,
|
|
6521
6572
|
children: placeholder
|
|
6522
6573
|
}) : null]
|
|
@@ -6529,7 +6580,7 @@ const header$4 = "_header_ul4ir_17";
|
|
|
6529
6580
|
const headerTitle = "_headerTitle_ul4ir_25";
|
|
6530
6581
|
const content = "_content_ul4ir_33";
|
|
6531
6582
|
const footer = "_footer_ul4ir_41";
|
|
6532
|
-
var styles$
|
|
6583
|
+
var styles$z = {
|
|
6533
6584
|
modal,
|
|
6534
6585
|
popup: popup$1,
|
|
6535
6586
|
header: header$4,
|
|
@@ -6555,18 +6606,18 @@ const Modal = ({
|
|
|
6555
6606
|
if (!isOpen)
|
|
6556
6607
|
return null;
|
|
6557
6608
|
return ReactDOM.createPortal(/* @__PURE__ */ jsx("div", {
|
|
6558
|
-
className: styles$
|
|
6609
|
+
className: styles$z.modal,
|
|
6559
6610
|
onClick: onClose,
|
|
6560
6611
|
children: /* @__PURE__ */ jsxs("div", {
|
|
6561
|
-
className: styles$
|
|
6612
|
+
className: styles$z.popup,
|
|
6562
6613
|
onClick: (e2) => {
|
|
6563
6614
|
e2.stopPropagation();
|
|
6564
6615
|
},
|
|
6565
6616
|
children: [/* @__PURE__ */ jsx("section", {
|
|
6566
|
-
className: styles$
|
|
6617
|
+
className: styles$z.header,
|
|
6567
6618
|
children: customHeader || /* @__PURE__ */ jsxs(Fragment, {
|
|
6568
6619
|
children: [/* @__PURE__ */ jsxs("span", {
|
|
6569
|
-
className: styles$
|
|
6620
|
+
className: styles$z.headerTitle,
|
|
6570
6621
|
children: [icon2, headerTitle2]
|
|
6571
6622
|
}), /* @__PURE__ */ jsx(Button, {
|
|
6572
6623
|
variant: "custom",
|
|
@@ -6578,7 +6629,7 @@ const Modal = ({
|
|
|
6578
6629
|
})]
|
|
6579
6630
|
})
|
|
6580
6631
|
}), /* @__PURE__ */ jsx("section", {
|
|
6581
|
-
className: styles$
|
|
6632
|
+
className: styles$z.content,
|
|
6582
6633
|
children: children2
|
|
6583
6634
|
})]
|
|
6584
6635
|
})
|
|
@@ -6589,7 +6640,7 @@ const ModalFooter = ({
|
|
|
6589
6640
|
className
|
|
6590
6641
|
}) => {
|
|
6591
6642
|
return /* @__PURE__ */ jsx("section", {
|
|
6592
|
-
className: `${styles$
|
|
6643
|
+
className: `${styles$z.footer} ${className}`,
|
|
6593
6644
|
children: children2
|
|
6594
6645
|
});
|
|
6595
6646
|
};
|
|
@@ -6632,6 +6683,32 @@ const useCreateExternalMetricMutation = (options2) => useMutation(
|
|
|
6632
6683
|
(variables) => fetcher(CreateExternalMetricDocument, variables)(),
|
|
6633
6684
|
options2
|
|
6634
6685
|
);
|
|
6686
|
+
const DeleteScheduleEmailReportChartsDocument = `
|
|
6687
|
+
mutation DeleteScheduleEmailReportCharts($scheduleEmailReportId: uuid = "") {
|
|
6688
|
+
delete_scheduleEmailReportCharts(
|
|
6689
|
+
where: {scheduleEmailReportId: {_eq: $scheduleEmailReportId}}
|
|
6690
|
+
) {
|
|
6691
|
+
affected_rows
|
|
6692
|
+
}
|
|
6693
|
+
}
|
|
6694
|
+
`;
|
|
6695
|
+
const useDeleteScheduleEmailReportChartsMutation = (options2) => useMutation(
|
|
6696
|
+
["DeleteScheduleEmailReportCharts"],
|
|
6697
|
+
(variables) => fetcher(DeleteScheduleEmailReportChartsDocument, variables)(),
|
|
6698
|
+
options2
|
|
6699
|
+
);
|
|
6700
|
+
const DeleteScheduledEmailDocument = `
|
|
6701
|
+
mutation DeleteScheduledEmail($id: uuid = "") {
|
|
6702
|
+
delete_scheduleEmailReports_by_pk(id: $id) {
|
|
6703
|
+
id
|
|
6704
|
+
}
|
|
6705
|
+
}
|
|
6706
|
+
`;
|
|
6707
|
+
const useDeleteScheduledEmailMutation = (options2) => useMutation(
|
|
6708
|
+
["DeleteScheduledEmail"],
|
|
6709
|
+
(variables) => fetcher(DeleteScheduledEmailDocument, variables)(),
|
|
6710
|
+
options2
|
|
6711
|
+
);
|
|
6635
6712
|
const FetchColumnDataDocument = `
|
|
6636
6713
|
mutation FetchColumnData($tableName: String = "", $columnName: String = "", $integrationId: String = "", $integrationName: String = "") {
|
|
6637
6714
|
fetchColumnData(
|
|
@@ -6760,12 +6837,14 @@ const EmbeddedDashboardMetricsDocument = `
|
|
|
6760
6837
|
selectedGroupBy
|
|
6761
6838
|
isEnableGroupBy
|
|
6762
6839
|
groupBy
|
|
6840
|
+
resizeAttributes
|
|
6763
6841
|
rlsConditions
|
|
6842
|
+
clickActions
|
|
6843
|
+
drillDownSettings
|
|
6764
6844
|
companyIntegration {
|
|
6765
6845
|
name
|
|
6846
|
+
workspaceId
|
|
6766
6847
|
}
|
|
6767
|
-
clickActions
|
|
6768
|
-
drillDownSettings
|
|
6769
6848
|
}
|
|
6770
6849
|
}
|
|
6771
6850
|
}
|
|
@@ -6850,6 +6929,36 @@ const useMetricAccessQuery = (variables, options2) => useQuery(
|
|
|
6850
6929
|
fetcher(MetricAccessDocument, variables),
|
|
6851
6930
|
options2
|
|
6852
6931
|
);
|
|
6932
|
+
const ScheduleEmailReportDocument = `
|
|
6933
|
+
query ScheduleEmailReport($token: uuid = "") {
|
|
6934
|
+
scheduleEmailReports(where: {guestToken: {_eq: $token}}) {
|
|
6935
|
+
externalDashboardId
|
|
6936
|
+
guestToken
|
|
6937
|
+
nextScheduledAt
|
|
6938
|
+
sharingSettingsId
|
|
6939
|
+
subject
|
|
6940
|
+
timeConfigurations
|
|
6941
|
+
id
|
|
6942
|
+
}
|
|
6943
|
+
}
|
|
6944
|
+
`;
|
|
6945
|
+
const useScheduleEmailReportQuery = (variables, options2) => useQuery(
|
|
6946
|
+
variables === void 0 ? ["ScheduleEmailReport"] : ["ScheduleEmailReport", variables],
|
|
6947
|
+
fetcher(ScheduleEmailReportDocument, variables),
|
|
6948
|
+
options2
|
|
6949
|
+
);
|
|
6950
|
+
const SharingSettingsIdDocument = `
|
|
6951
|
+
query SharingSettingsId($companyId: uuid = "") {
|
|
6952
|
+
sharingSettings(where: {companyId: {_eq: $companyId}}) {
|
|
6953
|
+
id
|
|
6954
|
+
}
|
|
6955
|
+
}
|
|
6956
|
+
`;
|
|
6957
|
+
const useSharingSettingsIdQuery = (variables, options2) => useQuery(
|
|
6958
|
+
variables === void 0 ? ["SharingSettingsId"] : ["SharingSettingsId", variables],
|
|
6959
|
+
fetcher(SharingSettingsIdDocument, variables),
|
|
6960
|
+
options2
|
|
6961
|
+
);
|
|
6853
6962
|
const GetThemesDocument = `
|
|
6854
6963
|
query GetThemes($companyId: uuid! = "") {
|
|
6855
6964
|
themes(where: {companyId: {_eq: $companyId}}) {
|
|
@@ -6935,9 +7044,9 @@ const useQueryExternalMetricQuery = (variables, options2) => useQuery(
|
|
|
6935
7044
|
options2
|
|
6936
7045
|
);
|
|
6937
7046
|
const RawCsvDocument = `
|
|
6938
|
-
mutation RawCsv($companyId: String = "", $recipientAddress: String = "", $sqlQuery: String = "") {
|
|
7047
|
+
mutation RawCsv($companyId: String = "", $recipientAddress: String = "", $sqlQuery: String = "", $metricName: String = "", $workspaceId: String = "") {
|
|
6939
7048
|
sendRawCsv(
|
|
6940
|
-
input: {companyId: $companyId, recipientAddress: $recipientAddress, sqlQuery: $sqlQuery}
|
|
7049
|
+
input: {companyId: $companyId, recipientAddress: $recipientAddress, sqlQuery: $sqlQuery, metricName: $metricName, workspaceId: $workspaceId}
|
|
6941
7050
|
) {
|
|
6942
7051
|
status
|
|
6943
7052
|
error {
|
|
@@ -6969,6 +7078,33 @@ const useSaveExternalDashboardLayoutMutation = (options2) => useMutation(
|
|
|
6969
7078
|
(variables) => fetcher(SaveExternalDashboardLayoutDocument, variables)(),
|
|
6970
7079
|
options2
|
|
6971
7080
|
);
|
|
7081
|
+
const SaveScheduleEmailDocument = `
|
|
7082
|
+
mutation SaveScheduleEmail($emails: json = "", $externalDashboardId: uuid = "", $guestToken: uuid = "", $nextScheduledAt: String = "", $sharingSettingsId: uuid = "", $subject: String = "", $timeConfigurations: json = "", $data: [scheduleEmailReportCharts_insert_input!] = []) {
|
|
7083
|
+
insert_scheduleEmailReports_one(
|
|
7084
|
+
object: {emails: $emails, externalDashboardId: $externalDashboardId, guestToken: $guestToken, nextScheduledAt: $nextScheduledAt, sharingSettingsId: $sharingSettingsId, subject: $subject, timeConfigurations: $timeConfigurations, scheduleEmailReportCharts: {data: $data}}
|
|
7085
|
+
on_conflict: {constraint: scheduleEmailReports_guestToken_key, update_columns: [emails, nextScheduledAt, sharingSettingsId, subject, timeConfigurations]}
|
|
7086
|
+
) {
|
|
7087
|
+
emails
|
|
7088
|
+
externalDashboardId
|
|
7089
|
+
guestToken
|
|
7090
|
+
id
|
|
7091
|
+
nextScheduledAt
|
|
7092
|
+
sharingSettingsId
|
|
7093
|
+
subject
|
|
7094
|
+
timeConfigurations
|
|
7095
|
+
scheduleEmailReportCharts {
|
|
7096
|
+
externalMetricId
|
|
7097
|
+
id
|
|
7098
|
+
scheduleEmailReportId
|
|
7099
|
+
}
|
|
7100
|
+
}
|
|
7101
|
+
}
|
|
7102
|
+
`;
|
|
7103
|
+
const useSaveScheduleEmailMutation = (options2) => useMutation(
|
|
7104
|
+
["SaveScheduleEmail"],
|
|
7105
|
+
(variables) => fetcher(SaveScheduleEmailDocument, variables)(),
|
|
7106
|
+
options2
|
|
7107
|
+
);
|
|
6972
7108
|
const UpdateAdminMetricDocument = `
|
|
6973
7109
|
mutation UpdateAdminMetric($externalMetricId: uuid!, $object: externalMetrics_insert_input!, $clientId: String!) {
|
|
6974
7110
|
insert_clientDeletedMetrics_one(
|
|
@@ -7069,12 +7205,12 @@ const ExternalMetricForm = ({
|
|
|
7069
7205
|
setValue("metricId", defaultValues.metricId);
|
|
7070
7206
|
}, [defaultValues]);
|
|
7071
7207
|
return /* @__PURE__ */ jsxs("form", {
|
|
7072
|
-
className: styles$
|
|
7208
|
+
className: styles$D.form,
|
|
7073
7209
|
onSubmit: submitMetric,
|
|
7074
7210
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
7075
|
-
className: styles$
|
|
7211
|
+
className: styles$D.container,
|
|
7076
7212
|
children: [/* @__PURE__ */ jsx("div", {
|
|
7077
|
-
className: styles$
|
|
7213
|
+
className: styles$D.field,
|
|
7078
7214
|
children: /* @__PURE__ */ jsx(MultiSelect, {
|
|
7079
7215
|
label: "Dashboards",
|
|
7080
7216
|
options: options2,
|
|
@@ -7101,7 +7237,7 @@ const ExternalMetricForm = ({
|
|
|
7101
7237
|
}),
|
|
7102
7238
|
defaultValue: defaultValues == null ? void 0 : defaultValues.metricId
|
|
7103
7239
|
}), /* @__PURE__ */ jsx(TextAreaField, {
|
|
7104
|
-
className: styles$
|
|
7240
|
+
className: styles$D.field,
|
|
7105
7241
|
id: "desc",
|
|
7106
7242
|
placeholder: "What is the name of metric?",
|
|
7107
7243
|
label: "Description",
|
|
@@ -7109,8 +7245,8 @@ const ExternalMetricForm = ({
|
|
|
7109
7245
|
register: register2("description"),
|
|
7110
7246
|
defaultValue: defaultValues == null ? void 0 : defaultValues.description
|
|
7111
7247
|
}), !isEmbedded && /* @__PURE__ */ jsx(ToggleButton, {
|
|
7112
|
-
className: styles$
|
|
7113
|
-
labelClassName: styles$
|
|
7248
|
+
className: styles$D.field,
|
|
7249
|
+
labelClassName: styles$D.fieldLabel,
|
|
7114
7250
|
enabled: isLiveMode,
|
|
7115
7251
|
onChange: setLiveMode,
|
|
7116
7252
|
label: "Publish Type",
|
|
@@ -7120,13 +7256,13 @@ const ExternalMetricForm = ({
|
|
|
7120
7256
|
}), !!error2 && /* @__PURE__ */ jsx(Text, {
|
|
7121
7257
|
variant: "p",
|
|
7122
7258
|
styleClass: "font-14",
|
|
7123
|
-
className: styles$
|
|
7259
|
+
className: styles$D.error,
|
|
7124
7260
|
children: error2
|
|
7125
7261
|
}), /* @__PURE__ */ jsxs(ModalFooter, {
|
|
7126
7262
|
children: [/* @__PURE__ */ jsx(Button, {
|
|
7127
7263
|
type: "reset",
|
|
7128
7264
|
variant: "secondary",
|
|
7129
|
-
className: styles$
|
|
7265
|
+
className: styles$D.cancel,
|
|
7130
7266
|
onClick: onCancel,
|
|
7131
7267
|
size: "default",
|
|
7132
7268
|
children: "Cancel"
|
|
@@ -7134,7 +7270,7 @@ const ExternalMetricForm = ({
|
|
|
7134
7270
|
type: "submit",
|
|
7135
7271
|
variant: "primary",
|
|
7136
7272
|
size: "small",
|
|
7137
|
-
className: styles$
|
|
7273
|
+
className: styles$D.save,
|
|
7138
7274
|
isDisabled: !options2.length || !dashboardIds.length,
|
|
7139
7275
|
children: "Save"
|
|
7140
7276
|
})]
|
|
@@ -7157,7 +7293,7 @@ const text$2 = "_text_1tj8t_48";
|
|
|
7157
7293
|
const search = "_search_1tj8t_52";
|
|
7158
7294
|
const loadMore = "_loadMore_1tj8t_56";
|
|
7159
7295
|
const loadMoreIcon = "_loadMoreIcon_1tj8t_60";
|
|
7160
|
-
var styles$
|
|
7296
|
+
var styles$y = {
|
|
7161
7297
|
container: container$d,
|
|
7162
7298
|
wrapper: wrapper$3,
|
|
7163
7299
|
label: label$3,
|
|
@@ -7204,12 +7340,17 @@ const useEmbeddedDashboard = (token) => {
|
|
|
7204
7340
|
);
|
|
7205
7341
|
const externalDashboardMetrics = externalDashboardMetricsData == null ? void 0 : externalDashboardMetricsData.externalDashboardMetrics;
|
|
7206
7342
|
const { data: accessData, isLoading: isLoadingAccessData } = useMetricAccessQuery({ companyId }, { enabled: !!companyId });
|
|
7343
|
+
const { data: sharingData, isLoading: isLoadingSharingData } = useSharingSettingsIdQuery({ companyId });
|
|
7207
7344
|
const isAllowedToCreateMetrics = (accessData == null ? void 0 : accessData.companySubsetTables.length) ? accessData.companySubsetTables[0].isAllowMetricCreation && !isTestKey : false;
|
|
7208
7345
|
const isAllowedToDeleteMetrics = (accessData == null ? void 0 : accessData.companySubsetTables.length) ? accessData.companySubsetTables[0].isAllowMetricDeletion && !isTestKey : false;
|
|
7346
|
+
const sharingSettingsId = useMemo(
|
|
7347
|
+
() => (sharingData == null ? void 0 : sharingData.sharingSettings.length) ? sharingData.sharingSettings[0].id : void 0,
|
|
7348
|
+
[sharingData]
|
|
7349
|
+
);
|
|
7209
7350
|
const isAllowedToUpdateMetrics = (accessData == null ? void 0 : accessData.companySubsetTables.length) ? accessData.companySubsetTables[0].isAllowMetricUpdation && !isTestKey : false;
|
|
7210
7351
|
const isAllowedToChangeLayout = (accessData == null ? void 0 : accessData.companySubsetTables.length) ? accessData.companySubsetTables[0].isAllowChangeLayout && !isTestKey : false;
|
|
7211
7352
|
return {
|
|
7212
|
-
isLoading: isParamsLoading || isExternalDashboardMetricsDataLoading || isLoadingId || isLoadingAccessData,
|
|
7353
|
+
isLoading: isParamsLoading || isExternalDashboardMetricsDataLoading || isLoadingId || isLoadingAccessData || isLoadingSharingData,
|
|
7213
7354
|
data: {
|
|
7214
7355
|
clientId,
|
|
7215
7356
|
companyId,
|
|
@@ -7223,7 +7364,8 @@ const useEmbeddedDashboard = (token) => {
|
|
|
7223
7364
|
isAllowedToDeleteMetrics,
|
|
7224
7365
|
isAllowedToUpdateMetrics,
|
|
7225
7366
|
isAllowedToChangeLayout,
|
|
7226
|
-
workspace
|
|
7367
|
+
workspace,
|
|
7368
|
+
sharingSettingsId
|
|
7227
7369
|
}
|
|
7228
7370
|
};
|
|
7229
7371
|
};
|
|
@@ -7487,6 +7629,7 @@ const useExternalMetric = ({
|
|
|
7487
7629
|
createdBy: clientId || "external user",
|
|
7488
7630
|
clientId,
|
|
7489
7631
|
isCreatedByClient: !!clientId,
|
|
7632
|
+
resizeAttributes: metric == null ? void 0 : metric.resizeAttributes,
|
|
7490
7633
|
externalDashboardMetrics: {
|
|
7491
7634
|
data: dashboardIds.map((externalDashboardId) => ({
|
|
7492
7635
|
externalDashboardId
|
|
@@ -7706,7 +7849,7 @@ const useClientDashboardLayout = ({
|
|
|
7706
7849
|
isLocked: isLayoutLocked
|
|
7707
7850
|
});
|
|
7708
7851
|
},
|
|
7709
|
-
[saveLayoutMutation, isLayoutLocked]
|
|
7852
|
+
[saveLayoutMutation, isLayoutLocked, clientId, externalDashboardId]
|
|
7710
7853
|
);
|
|
7711
7854
|
return { saveLayout, layout: layout3, isLayoutLocked };
|
|
7712
7855
|
};
|
|
@@ -7734,6 +7877,11 @@ var index$5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
|
|
|
7734
7877
|
DATABASE_NAME,
|
|
7735
7878
|
CLIENT_NAME_VAR_NUM,
|
|
7736
7879
|
DATABASE,
|
|
7880
|
+
WEEK_DAYS,
|
|
7881
|
+
TIME_ZONES,
|
|
7882
|
+
TIME,
|
|
7883
|
+
DATE_NUM,
|
|
7884
|
+
FREQUENCY,
|
|
7737
7885
|
operatorList,
|
|
7738
7886
|
RowLimitList,
|
|
7739
7887
|
AggregateList,
|
|
@@ -7899,38 +8047,38 @@ const FloatingDropDown = ({
|
|
|
7899
8047
|
setIsShow(false);
|
|
7900
8048
|
}, [closeControl == null ? void 0 : closeControl.close]);
|
|
7901
8049
|
return /* @__PURE__ */ jsxs("div", {
|
|
7902
|
-
className: classnames(styles$
|
|
8050
|
+
className: classnames(styles$y.container, className),
|
|
7903
8051
|
ref: wrapperRef,
|
|
7904
8052
|
children: [label2 ? /* @__PURE__ */ jsx(Text, {
|
|
7905
8053
|
variant: "span",
|
|
7906
8054
|
styleClass: labelVariant === "floating" ? "custom" : "font-14",
|
|
7907
|
-
className: `${styles$
|
|
8055
|
+
className: `${styles$y.label} ${labelVariant === "floating" ? styles$y.floatingLabel : ""} ${labelDesign === "client" ? styles$y.clientText : styles$y.normalText} `,
|
|
7908
8056
|
children: label2
|
|
7909
8057
|
}) : null, /* @__PURE__ */ jsxs(Button, {
|
|
7910
8058
|
type: "button",
|
|
7911
8059
|
variant: "custom",
|
|
7912
8060
|
isDisabled,
|
|
7913
|
-
className: styles$
|
|
8061
|
+
className: styles$y.wrapper,
|
|
7914
8062
|
onClick: () => setIsShow(!isShow),
|
|
7915
8063
|
children: [/* @__PURE__ */ jsxs(Text, {
|
|
7916
8064
|
variant: "p",
|
|
7917
8065
|
styleClass: "font-14",
|
|
7918
|
-
className: `${styles$
|
|
8066
|
+
className: `${styles$y.text} ${labelDesign === "client" ? styles$y.floatingText : ""}`,
|
|
7919
8067
|
children: [icon2, selectedOption2.label || "Select An Option"]
|
|
7920
8068
|
}), /* @__PURE__ */ jsx(materialSymbolsKeyboardArrowDown, {})]
|
|
7921
8069
|
}), isShow && !isDisabled && /* @__PURE__ */ jsxs("div", {
|
|
7922
|
-
className: styles$
|
|
8070
|
+
className: styles$y.dropdown,
|
|
7923
8071
|
children: [isSearchEnabled && /* @__PURE__ */ jsx(SearchTab, {
|
|
7924
|
-
className: styles$
|
|
8072
|
+
className: styles$y.search,
|
|
7925
8073
|
setSearchKeyword
|
|
7926
8074
|
}), /* @__PURE__ */ jsxs("div", {
|
|
7927
|
-
className: styles$
|
|
8075
|
+
className: styles$y.options,
|
|
7928
8076
|
children: [(searchKeyword ? options2.filter((opt) => opt.label.toLowerCase().includes(searchKeyword)) : options2.slice(0, limit)).map((option2) => {
|
|
7929
8077
|
const isSelected = option2.value === selectedOption2.value;
|
|
7930
8078
|
return /* @__PURE__ */ jsx(Button, {
|
|
7931
8079
|
type: "button",
|
|
7932
8080
|
variant: "custom",
|
|
7933
|
-
className: isSelected ? styles$
|
|
8081
|
+
className: isSelected ? styles$y.checkedOption : styles$y.option,
|
|
7934
8082
|
onClick: () => {
|
|
7935
8083
|
onChange(option2);
|
|
7936
8084
|
setIsShow(false);
|
|
@@ -7941,10 +8089,10 @@ const FloatingDropDown = ({
|
|
|
7941
8089
|
variant: "secondary",
|
|
7942
8090
|
type: "button",
|
|
7943
8091
|
onClick: () => setLimit((prev) => prev + 20),
|
|
7944
|
-
className: styles$
|
|
8092
|
+
className: styles$y.loadMore,
|
|
7945
8093
|
children: ["Load More", " ", /* @__PURE__ */ jsx(Icons, {
|
|
7946
8094
|
name: "double-arrow-left-icon",
|
|
7947
|
-
className: styles$
|
|
8095
|
+
className: styles$y.loadMoreIcon
|
|
7948
8096
|
})]
|
|
7949
8097
|
})]
|
|
7950
8098
|
}), children2]
|
|
@@ -7972,38 +8120,38 @@ const MultiFloatingDropDown = React__default.memo(({
|
|
|
7972
8120
|
onOutsideClick: () => setIsShow(false)
|
|
7973
8121
|
});
|
|
7974
8122
|
return /* @__PURE__ */ jsxs("div", {
|
|
7975
|
-
className: classnames(styles$
|
|
8123
|
+
className: classnames(styles$y.container, className),
|
|
7976
8124
|
ref: wrapperRef,
|
|
7977
8125
|
children: [label2 ? /* @__PURE__ */ jsx(Text, {
|
|
7978
8126
|
variant: "span",
|
|
7979
8127
|
styleClass: labelVariant === "floating" ? "custom" : "font-14",
|
|
7980
|
-
className: `${styles$
|
|
8128
|
+
className: `${styles$y.label} ${labelVariant === "floating" ? styles$y.floatingLabel : ""} ${labelDesign === "client" ? styles$y.clientText : styles$y.normalText} `,
|
|
7981
8129
|
children: label2
|
|
7982
8130
|
}) : null, /* @__PURE__ */ jsxs(Button, {
|
|
7983
8131
|
type: "button",
|
|
7984
8132
|
variant: "custom",
|
|
7985
8133
|
isDisabled,
|
|
7986
|
-
className: styles$
|
|
8134
|
+
className: styles$y.wrapper,
|
|
7987
8135
|
onClick: () => setIsShow(!isShow),
|
|
7988
8136
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
7989
8137
|
variant: "p",
|
|
7990
8138
|
styleClass: "font-14",
|
|
7991
|
-
className: labelVariant === "floating" ? styles$
|
|
8139
|
+
className: labelVariant === "floating" ? styles$y.floatingText : "",
|
|
7992
8140
|
children: "Select 1 or more option"
|
|
7993
8141
|
}), /* @__PURE__ */ jsx(materialSymbolsKeyboardArrowDown, {})]
|
|
7994
8142
|
}), isShow && !isDisabled && /* @__PURE__ */ jsxs("div", {
|
|
7995
|
-
className: styles$
|
|
8143
|
+
className: styles$y.dropdown,
|
|
7996
8144
|
children: [isSearchEnabled && /* @__PURE__ */ jsx(SearchTab, {
|
|
7997
8145
|
className: "p-2 mb-3",
|
|
7998
8146
|
setSearchKeyword
|
|
7999
8147
|
}), /* @__PURE__ */ jsxs("div", {
|
|
8000
|
-
className: styles$
|
|
8148
|
+
className: styles$y.options,
|
|
8001
8149
|
children: [(searchKeyword ? options2.filter((opt) => opt.label.toLowerCase().includes(searchKeyword)) : options2.slice(0, limit)).map((option2) => {
|
|
8002
8150
|
const isSelected = !!selectedOptions.find((opt) => opt.value === option2.value);
|
|
8003
8151
|
return /* @__PURE__ */ jsxs(Button, {
|
|
8004
8152
|
type: "button",
|
|
8005
8153
|
variant: "custom",
|
|
8006
|
-
className: isSelected ? styles$
|
|
8154
|
+
className: isSelected ? styles$y.checkedOption : styles$y.option,
|
|
8007
8155
|
onClick: () => {
|
|
8008
8156
|
const updatedOptions = isSelected ? selectedOptions.filter((opt) => opt.value !== option2.value) : [...selectedOptions, option2];
|
|
8009
8157
|
onChange(updatedOptions);
|
|
@@ -8131,12 +8279,12 @@ const MultiFilterDropdown = React__default.memo(({
|
|
|
8131
8279
|
});
|
|
8132
8280
|
});
|
|
8133
8281
|
const fullscreen$2 = "_fullscreen_1wo1t_1";
|
|
8134
|
-
var styles$
|
|
8282
|
+
var styles$x = {
|
|
8135
8283
|
fullscreen: fullscreen$2
|
|
8136
8284
|
};
|
|
8137
8285
|
const csvlink = "_csvlink_azd6y_1";
|
|
8138
8286
|
const noChart = "_noChart_azd6y_7";
|
|
8139
|
-
var styles$
|
|
8287
|
+
var styles$w = {
|
|
8140
8288
|
csvlink,
|
|
8141
8289
|
noChart
|
|
8142
8290
|
};
|
|
@@ -8281,7 +8429,7 @@ const CsvDownloadButton = ({
|
|
|
8281
8429
|
return /* @__PURE__ */ jsxs("a", {
|
|
8282
8430
|
href: objectArrayToCsvString(data),
|
|
8283
8431
|
download: `${fileName}.csv`,
|
|
8284
|
-
className: className != null ? className : styles$
|
|
8432
|
+
className: className != null ? className : styles$w.csvlink,
|
|
8285
8433
|
target: "_self",
|
|
8286
8434
|
children: [/* @__PURE__ */ jsx(Icons, {
|
|
8287
8435
|
name: "csv-icon",
|
|
@@ -36881,9 +37029,9 @@ var XML_NAMESPACE = "http://www.w3.org/XML/1998/namespace";
|
|
|
36881
37029
|
function createElement(name) {
|
|
36882
37030
|
return document.createElementNS(SVGNS, name);
|
|
36883
37031
|
}
|
|
36884
|
-
function createVNode(
|
|
37032
|
+
function createVNode(tag2, key, attrs, children2, text2) {
|
|
36885
37033
|
return {
|
|
36886
|
-
tag,
|
|
37034
|
+
tag: tag2,
|
|
36887
37035
|
attrs: attrs || {},
|
|
36888
37036
|
children: children2,
|
|
36889
37037
|
text: text2,
|
|
@@ -36913,10 +37061,10 @@ function vNodeToString(el, opts) {
|
|
|
36913
37061
|
opts = opts || {};
|
|
36914
37062
|
var S2 = opts.newline ? "\n" : "";
|
|
36915
37063
|
function convertElToString(el2) {
|
|
36916
|
-
var children2 = el2.children,
|
|
36917
|
-
return createElementOpen(
|
|
37064
|
+
var children2 = el2.children, tag2 = el2.tag, attrs = el2.attrs;
|
|
37065
|
+
return createElementOpen(tag2, attrs) + encodeHTML(el2.text) + (children2 ? "" + S2 + map$1(children2, function(child) {
|
|
36918
37066
|
return convertElToString(child);
|
|
36919
|
-
}).join(S2) + S2 : "") + createElementClose(
|
|
37067
|
+
}).join(S2) + S2 : "") + createElementClose(tag2);
|
|
36920
37068
|
}
|
|
36921
37069
|
return convertElToString(el);
|
|
36922
37070
|
}
|
|
@@ -37697,9 +37845,9 @@ function sameVnode(vnode1, vnode2) {
|
|
|
37697
37845
|
function createElm(vnode) {
|
|
37698
37846
|
var i;
|
|
37699
37847
|
var children2 = vnode.children;
|
|
37700
|
-
var
|
|
37701
|
-
if (isDef(
|
|
37702
|
-
var elm = vnode.elm = createElement(
|
|
37848
|
+
var tag2 = vnode.tag;
|
|
37849
|
+
if (isDef(tag2)) {
|
|
37850
|
+
var elm = vnode.elm = createElement(tag2);
|
|
37703
37851
|
updateAttrs(emptyNode, vnode);
|
|
37704
37852
|
if (isArray$2(children2)) {
|
|
37705
37853
|
for (i = 0; i < children2.length; ++i) {
|
|
@@ -81432,7 +81580,7 @@ const container$c = "_container_qiww4_1";
|
|
|
81432
81580
|
const borderLessContainer = "_borderLessContainer_qiww4_7";
|
|
81433
81581
|
const label$2 = "_label_qiww4_13";
|
|
81434
81582
|
const sync = "_sync_qiww4_19";
|
|
81435
|
-
var styles$
|
|
81583
|
+
var styles$v = {
|
|
81436
81584
|
container: container$c,
|
|
81437
81585
|
borderLessContainer,
|
|
81438
81586
|
label: label$2,
|
|
@@ -81729,7 +81877,7 @@ const SingleValueChart = ({
|
|
|
81729
81877
|
};
|
|
81730
81878
|
const value = ((_a2 = data[0]) == null ? void 0 : _a2.value) && ((_b2 = data[0]) == null ? void 0 : _b2.value.toString().length) > 16 ? dateFormatter((_c2 = data[0]) == null ? void 0 : _c2.value, customSettings.dateFormatter) : formattedData((_d = data[0]) == null ? void 0 : _d.value, customSettings.numberFormatter);
|
|
81731
81879
|
return /* @__PURE__ */ jsxs("div", {
|
|
81732
|
-
className: hideBorder ? styles$
|
|
81880
|
+
className: hideBorder ? styles$v.borderLessContainer : styles$v.container,
|
|
81733
81881
|
children: [/* @__PURE__ */ jsx("div", {
|
|
81734
81882
|
style: valueFont,
|
|
81735
81883
|
onClick: () => {
|
|
@@ -85485,7 +85633,7 @@ const debounceInput = "_debounceInput_psiyz_121";
|
|
|
85485
85633
|
const searchTab = "_searchTab_psiyz_127";
|
|
85486
85634
|
const noDataHead = "_noDataHead_psiyz_133";
|
|
85487
85635
|
const noDataBody = "_noDataBody_psiyz_139";
|
|
85488
|
-
var styles$
|
|
85636
|
+
var styles$u = {
|
|
85489
85637
|
"table-loader-container": "_table-loader-container_psiyz_1",
|
|
85490
85638
|
tableData,
|
|
85491
85639
|
tableHeadCol: tableHeadCol$1,
|
|
@@ -85531,7 +85679,7 @@ const DebouncedInput = ({
|
|
|
85531
85679
|
...props,
|
|
85532
85680
|
value,
|
|
85533
85681
|
onChange: (e2) => setValue(e2.target.value),
|
|
85534
|
-
className: styles$
|
|
85682
|
+
className: styles$u.searchTab
|
|
85535
85683
|
});
|
|
85536
85684
|
};
|
|
85537
85685
|
var TableIcon = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MDAgNTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe3N0cm9rZTojMTgyYzYwO30uY2xzLTEsLmNscy0ye2ZpbGw6bm9uZTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7fS5jbHMtM3tmaWxsOiM1ODY1ZjY7b3BhY2l0eTouMTt9LmNscy00e2ZpbGw6I2YyZjNmNDt9LmNscy01e2ZpbGw6I2MxYzdjOTt9LmNscy02e2ZpbGw6IzE4MmM2MDt9LmNscy0ye3N0cm9rZTojNTg2NWY2O3N0cm9rZS13aWR0aDo0cHg7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0ibTI3MS4xMSwxNzkuNzJsLS4wOSwyMC4zM3MuMTksNC4wNS4zOCw0LjUyLjc1LDEuODgsMS40MSwyLjM1LDEuMjcuOTksMi4yMSwxLjMyLDEuMTguNjEsMi42NC42MSwyMi42OC4wNSwyMi42OC4wNWwtMjkuMjItMjkuMThaIi8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMjAzLjcxIiB5MT0iMjA4LjAxIiB4Mj0iMjM0LjkyIiB5Mj0iMjA4LjAxIi8+PGxpbmUgY2xhc3M9ImNscy0yIiB4MT0iMjAzLjcxIiB5MT0iMTk3LjM0IiB4Mj0iMjQ4LjA0IiB5Mj0iMTk3LjM0Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIyMDIuMyIgeT0iMjMwLjM2IiB3aWR0aD0iODkuOTUiIGhlaWdodD0iNjIuNjciIHJ4PSIzLjIxIiByeT0iMy4yMSIvPjxnPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTMwMC40OSwyMDguOTl2OTkuOTljMCwzLjU1LTIuODgsNi40My02LjQzLDYuNDNoLTkzLjIzYy0zLjU1LDAtNi40My0yLjg4LTYuNDMtNi40M3YtMTIzLjA3YzAtMy41NSwyLjg4LTYuNDMsNi40My02LjQzaDcwLjI5Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMjcxLjE1LDE3OS40OHYyMi45MWMwLDMuNTUsMi44OCw2LjQzLDYuNDMsNi40M2gyMi45MXMtMjkuMzQtMjkuNDgtMjkuMzQtMjkuMzRaIi8+PC9nPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTMwNS40OSwyMTMuOTl2OTkuOTljMCwzLjU1LTIuODgsNi40My02LjQzLDYuNDNoLTkzLjIzYy0yLjk1LDAtNS40My0xLjk4LTYuMTktNC42OSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTMwNS40OSwyMTMuODJzLTIuMTMtMi4xNC01LjI0LTUuMjYiLz48cGF0aCBjbGFzcz0iY2xzLTYiIGQ9Im0xOTkuNTQsMzE1LjUzcy4yOCwxLjA0LjY2LDEuNi41NiwxLjA4LDEuMzIsMS42OSwyLjEyLDEuNDYsMi40LDEuNTEsMi43My4yNCwzLjg2LjE5LDIwLjM4LS4wOSwyMC4zOC0uMDloMjMuNjdzMTcuMDQtLjA1LDE3LjA0LS4wNWwxNy42OS4xNCwxMi43NS0uMTRzMS45OC0uMTksMi43OC0uNzEsMS42NS0xLjA0LDIuMTItMS44NCwxLjIyLTEuODQsMS4yNy0yLjM1LjE0LTE0LjQuMTQtMTQuNGwtLjE5LTExLjYyLjA5LTExLjk1di0yMi4xMnMtLjA1LTE4LjEyLS4wNS0xOC4xMnYtMjMuMzRzLTUuMDQtNS4yMi01LjA0LTUuMjJsLjA1LDI1LjYuMTQsMjguOTktLjA1LDEzLjg0LS4wNSw5Ljc0djEwLjRzMCw5Ljc5LDAsOS43OWMwLDAsLjE5LDMuMDYtLjQ3LDQuMDlzLTEuMzYsMi4zNS0yLjIxLDIuOTYtMi4wNywxLjE4LTQuNzEsMS4yMi0xNC44Ny4wNS0xNC44Ny4wNWwtMjEuNzktLjA1aC0xNi4wNWwtMjUuODguMDUtMTUuMDEuMTRaIi8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMjAyLjYzIiB5MT0iMjM5LjAzIiB4Mj0iMjkyLjAxIiB5Mj0iMjM5LjAzIi8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMjE5LjUiIHkxPSIyMzAuNjEiIHgyPSIyMTkuNzkiIHkyPSIyOTMuMDkiLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIyMzcuNzYiIHkxPSIyMzAuNTMiIHgyPSIyMzguMDUiIHkyPSIyOTMiLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIyNTYuMDIiIHkxPSIyMzAuNDUiIHgyPSIyNTYuMzEiIHkyPSIyOTIuOTIiLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIyNzQuMjgiIHkxPSIyMzAuMzYiIHgyPSIyNzQuNTciIHkyPSIyOTIuODQiLz48Zz48cmVjdCBjbGFzcz0iY2xzLTUiIHg9IjIwNi4xNyIgeT0iMjMyLjc5IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy01IiB4PSIyMjQuMjMiIHk9IjIzMi43OSIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjxyZWN0IGNsYXNzPSJjbHMtNSIgeD0iMjQyLjY5IiB5PSIyMzIuNzkiIHdpZHRoPSI4LjQ3IiBoZWlnaHQ9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTUiIHg9IjI2MC42MiIgeT0iMjMyLjc5IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy01IiB4PSIyNzguODMiIHk9IjIzMi43OSIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjwvZz48Zz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjIwNi4xNyIgeT0iMjQ0LjA4IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyMjQuMjMiIHk9IjI0NC4wOCIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMjQyLjY5IiB5PSIyNDQuMDgiIHdpZHRoPSI4LjQ3IiBoZWlnaHQ9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjI2MC42MiIgeT0iMjQ0LjA4IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyNzguODMiIHk9IjI0NC4wOCIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjwvZz48Zz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjIwNi4xNyIgeT0iMjUyLjU1IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyMjQuMjMiIHk9IjI1Mi41NSIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMjQyLjY5IiB5PSIyNTIuNTUiIHdpZHRoPSI4LjQ3IiBoZWlnaHQ9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjI2MC42MiIgeT0iMjUyLjU1IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyNzguODMiIHk9IjI1Mi41NSIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjwvZz48Zz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjIwNi4xNyIgeT0iMjYxLjAyIiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyMjQuMjMiIHk9IjI2MS4wMiIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMjQyLjY5IiB5PSIyNjEuMDIiIHdpZHRoPSI4LjQ3IiBoZWlnaHQ9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjI2MC42MiIgeT0iMjYxLjAyIiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyNzguODMiIHk9IjI2MS4wMiIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjwvZz48Zz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjIwNi4xNyIgeT0iMjY5LjQ5IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyMjQuMjMiIHk9IjI2OS40OSIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMjQyLjY5IiB5PSIyNjkuNDkiIHdpZHRoPSI4LjQ3IiBoZWlnaHQ9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjI2MC42MiIgeT0iMjY5LjQ5IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyNzguODMiIHk9IjI2OS40OSIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjwvZz48Zz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjIwNi4xNyIgeT0iMjc3Ljk2IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyMjQuMjMiIHk9IjI3Ny45NiIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMjQyLjY5IiB5PSIyNzcuOTYiIHdpZHRoPSI4LjQ3IiBoZWlnaHQ9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjI2MC42MiIgeT0iMjc3Ljk2IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyNzguODMiIHk9IjI3Ny45NiIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjwvZz48Zz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjIwNi4xNyIgeT0iMjg2LjQzIiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyMjQuMjMiIHk9IjI4Ni40MyIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMjQyLjY5IiB5PSIyODYuNDMiIHdpZHRoPSI4LjQ3IiBoZWlnaHQ9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjI2MC42MiIgeT0iMjg2LjQzIiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyNzguODMiIHk9IjI4Ni40MyIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjwvZz48L3N2Zz4=";
|
|
@@ -85616,28 +85764,28 @@ const Table = ({
|
|
|
85616
85764
|
debugTable: true
|
|
85617
85765
|
});
|
|
85618
85766
|
return /* @__PURE__ */ jsx("div", {
|
|
85619
|
-
className: styles$
|
|
85767
|
+
className: styles$u.container,
|
|
85620
85768
|
children: /* @__PURE__ */ jsxs("div", {
|
|
85621
|
-
className: styles$
|
|
85769
|
+
className: styles$u.previewTable,
|
|
85622
85770
|
children: [(tableSettings == null ? void 0 : tableSettings.showTableTitle) && /* @__PURE__ */ jsxs("div", {
|
|
85623
|
-
className: styles$
|
|
85771
|
+
className: styles$u.preview,
|
|
85624
85772
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
85625
85773
|
styleClass: "font-14c",
|
|
85626
85774
|
variant: "h1",
|
|
85627
|
-
className: styles$
|
|
85775
|
+
className: styles$u.previewText,
|
|
85628
85776
|
children: tableName
|
|
85629
85777
|
}), tableSettings.enableTableSearch && /* @__PURE__ */ jsx("div", {
|
|
85630
85778
|
children: /* @__PURE__ */ jsx(DebouncedInput, {
|
|
85631
85779
|
value: globalFilter,
|
|
85632
85780
|
onChange: (value) => setGlobalFilter(String(value)),
|
|
85633
|
-
className: styles$
|
|
85781
|
+
className: styles$u.debounceInput,
|
|
85634
85782
|
placeholder: "Search"
|
|
85635
85783
|
})
|
|
85636
85784
|
})]
|
|
85637
85785
|
}), /* @__PURE__ */ jsxs("div", {
|
|
85638
|
-
className: styles$
|
|
85786
|
+
className: styles$u.tableData,
|
|
85639
85787
|
children: [isLoading && !(data == null ? void 0 : data.length) && /* @__PURE__ */ jsx("div", {
|
|
85640
|
-
className: styles$
|
|
85788
|
+
className: styles$u["table-loader-container"],
|
|
85641
85789
|
children: /* @__PURE__ */ jsx(eosIconsLoading, {
|
|
85642
85790
|
style: {
|
|
85643
85791
|
width: "50px",
|
|
@@ -85646,17 +85794,17 @@ const Table = ({
|
|
|
85646
85794
|
}
|
|
85647
85795
|
})
|
|
85648
85796
|
}), !!(data == null ? void 0 : data.length) && !isLoading && /* @__PURE__ */ jsxs("table", {
|
|
85649
|
-
className: styles$
|
|
85797
|
+
className: styles$u.table,
|
|
85650
85798
|
children: [/* @__PURE__ */ jsx("thead", {
|
|
85651
85799
|
children: table2.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx("tr", {
|
|
85652
|
-
className: styles$
|
|
85800
|
+
className: styles$u.row,
|
|
85653
85801
|
children: headerGroup.headers.map((header2) => {
|
|
85654
85802
|
var _a2;
|
|
85655
85803
|
return /* @__PURE__ */ jsx("th", {
|
|
85656
|
-
className: styles$
|
|
85804
|
+
className: styles$u.tableHeadCol,
|
|
85657
85805
|
colSpan: header2.colSpan,
|
|
85658
85806
|
children: (tableSettings == null ? void 0 : tableSettings.enableSorting) ? /* @__PURE__ */ jsx("div", {
|
|
85659
|
-
className: header2.column.getCanSort() ? styles$
|
|
85807
|
+
className: header2.column.getCanSort() ? styles$u.sortButton : "",
|
|
85660
85808
|
onClick: header2.column.getToggleSortingHandler(),
|
|
85661
85809
|
onMouseOver: header2.column.getToggleSortingHandler(),
|
|
85662
85810
|
children: header2.isPlaceholder ? null : /* @__PURE__ */ jsxs("div", {
|
|
@@ -85681,9 +85829,9 @@ const Table = ({
|
|
|
85681
85829
|
}, headerGroup.id))
|
|
85682
85830
|
}), /* @__PURE__ */ jsx("tbody", {
|
|
85683
85831
|
children: table2.getRowModel().rows.map((row2) => /* @__PURE__ */ jsx("tr", {
|
|
85684
|
-
className: `${styles$
|
|
85832
|
+
className: `${styles$u.tableRow} ${(tableSettings == null ? void 0 : tableSettings.showRowHover) ? styles$u.rowHover : ""} ${(tableSettings == null ? void 0 : tableSettings.enableStripedRows) && row2.id % 2 !== 0 ? styles$u.stripedRow : ""}`,
|
|
85685
85833
|
children: row2.getVisibleCells().map((cell) => /* @__PURE__ */ jsxs("td", {
|
|
85686
|
-
className: `${styles$
|
|
85834
|
+
className: `${styles$u.tableRowCol} ${!(tableSettings == null ? void 0 : tableSettings.hideVerticalDivider) ? styles$u.rightBorder : ""}`,
|
|
85687
85835
|
children: [!!tableSettings && /* @__PURE__ */ jsx("div", {
|
|
85688
85836
|
style: divStyle,
|
|
85689
85837
|
children: flexRender(cell.column.columnDef.cell, cell.getContext())
|
|
@@ -85698,7 +85846,7 @@ const Table = ({
|
|
|
85698
85846
|
}, row2.id))
|
|
85699
85847
|
})]
|
|
85700
85848
|
}), !(data == null ? void 0 : data.length) && !isLoading && !error2.length && /* @__PURE__ */ jsxs("div", {
|
|
85701
|
-
className: styles$
|
|
85849
|
+
className: styles$u.noData,
|
|
85702
85850
|
children: [/* @__PURE__ */ jsx("img", {
|
|
85703
85851
|
src: TableIcon,
|
|
85704
85852
|
alt: "no-data",
|
|
@@ -85707,19 +85855,19 @@ const Table = ({
|
|
|
85707
85855
|
}), /* @__PURE__ */ jsx(Text, {
|
|
85708
85856
|
styleClass: "font-14c",
|
|
85709
85857
|
variant: "h1",
|
|
85710
|
-
className: styles$
|
|
85858
|
+
className: styles$u.noDataHead,
|
|
85711
85859
|
children: "No data tables queried"
|
|
85712
85860
|
}), /* @__PURE__ */ jsx(Text, {
|
|
85713
85861
|
styleClass: "font-14",
|
|
85714
85862
|
variant: "p",
|
|
85715
|
-
className: styles$
|
|
85863
|
+
className: styles$u.noDataBody,
|
|
85716
85864
|
children: "Type your query and input fields beside to generate results and explore data"
|
|
85717
85865
|
})]
|
|
85718
85866
|
}), error2 && /* @__PURE__ */ jsx("div", {
|
|
85719
|
-
className: styles$
|
|
85867
|
+
className: styles$u.error,
|
|
85720
85868
|
children: /* @__PURE__ */ jsx(Text, {
|
|
85721
85869
|
styleClass: "primary",
|
|
85722
|
-
className: styles$
|
|
85870
|
+
className: styles$u.errorMsg,
|
|
85723
85871
|
variant: "p",
|
|
85724
85872
|
children: error2
|
|
85725
85873
|
})
|
|
@@ -85787,6 +85935,7 @@ const MetricChart = ({
|
|
|
85787
85935
|
if (chartType2 === CHART_TYPES.line) {
|
|
85788
85936
|
return /* @__PURE__ */ jsx(LineChart, {
|
|
85789
85937
|
data,
|
|
85938
|
+
colors: colors2,
|
|
85790
85939
|
margins,
|
|
85791
85940
|
legendSettings,
|
|
85792
85941
|
labelSettings,
|
|
@@ -86073,7 +86222,7 @@ const MetricChart = ({
|
|
|
86073
86222
|
});
|
|
86074
86223
|
}
|
|
86075
86224
|
return /* @__PURE__ */ jsx("div", {
|
|
86076
|
-
className: styles$
|
|
86225
|
+
className: styles$w.noChart,
|
|
86077
86226
|
children: "No chart selected"
|
|
86078
86227
|
});
|
|
86079
86228
|
};
|
|
@@ -86087,7 +86236,7 @@ const FullScreenChart = ({
|
|
|
86087
86236
|
onClose: onCancel,
|
|
86088
86237
|
headerTitle: "Chart Preview",
|
|
86089
86238
|
children: /* @__PURE__ */ jsx("div", {
|
|
86090
|
-
className: styles$
|
|
86239
|
+
className: styles$x.fullscreen,
|
|
86091
86240
|
children: chart && /* @__PURE__ */ jsx(MetricChart, {
|
|
86092
86241
|
labels: chart.labels,
|
|
86093
86242
|
data: chart.data,
|
|
@@ -86124,7 +86273,7 @@ const buttonText = "_buttonText_1ecv1_19";
|
|
|
86124
86273
|
const buttonIcon = "_buttonIcon_1ecv1_25";
|
|
86125
86274
|
const filterName = "_filterName_1ecv1_31";
|
|
86126
86275
|
const filterDropdown$2 = "_filterDropdown_1ecv1_37";
|
|
86127
|
-
var styles$
|
|
86276
|
+
var styles$t = {
|
|
86128
86277
|
button: button$5,
|
|
86129
86278
|
menu: menu$3,
|
|
86130
86279
|
menuContainer: menuContainer$1,
|
|
@@ -86149,7 +86298,7 @@ const top$2 = "_top_1qflp_97";
|
|
|
86149
86298
|
const bottom$3 = "_bottom_1qflp_105";
|
|
86150
86299
|
const left$2 = "_left_1qflp_113";
|
|
86151
86300
|
const right$2 = "_right_1qflp_121";
|
|
86152
|
-
var styles$
|
|
86301
|
+
var styles$s = {
|
|
86153
86302
|
container: container$a,
|
|
86154
86303
|
popover: popover$1,
|
|
86155
86304
|
button: button$4,
|
|
@@ -86197,26 +86346,26 @@ const PopoverMenu = ({
|
|
|
86197
86346
|
});
|
|
86198
86347
|
return /* @__PURE__ */ jsx(Fragment, {
|
|
86199
86348
|
children: /* @__PURE__ */ jsxs("div", {
|
|
86200
|
-
className: `${styles$
|
|
86349
|
+
className: `${styles$s.container} ${className}`,
|
|
86201
86350
|
ref: wrapperRef,
|
|
86202
86351
|
children: [/* @__PURE__ */ jsx(Button, {
|
|
86203
|
-
className: `${buttonClass} ${isOpen ? styles$
|
|
86352
|
+
className: `${buttonClass} ${isOpen ? styles$s.buttonOpen : ""} ${styles$s.button}`,
|
|
86204
86353
|
type: "button",
|
|
86205
86354
|
variant: "custom",
|
|
86206
86355
|
onClick: () => !isDisabled && setOpen((prev) => !prev),
|
|
86207
86356
|
children: button2
|
|
86208
86357
|
}), !isDisabled ? /* @__PURE__ */ jsx("div", {
|
|
86209
|
-
className: `${styles$
|
|
86358
|
+
className: `${styles$s.popover} ${styles$s[position2]} ${menuContainerClass}`,
|
|
86210
86359
|
children: /* @__PURE__ */ jsx(We, {
|
|
86211
86360
|
as: "div",
|
|
86212
|
-
className: `${styles$
|
|
86361
|
+
className: `${styles$s.menu} ${menuClass}`,
|
|
86213
86362
|
show: isOpen,
|
|
86214
|
-
enter: styles$
|
|
86215
|
-
enterFrom: styles$
|
|
86216
|
-
enterTo: styles$
|
|
86217
|
-
leave: styles$
|
|
86218
|
-
leaveFrom: styles$
|
|
86219
|
-
leaveTo: styles$
|
|
86363
|
+
enter: styles$s.enter,
|
|
86364
|
+
enterFrom: styles$s.enterFrom,
|
|
86365
|
+
enterTo: styles$s.enterTo,
|
|
86366
|
+
leave: styles$s.leave,
|
|
86367
|
+
leaveFrom: styles$s.leaveFrom,
|
|
86368
|
+
leaveTo: styles$s.leaveTo,
|
|
86220
86369
|
children: children2
|
|
86221
86370
|
})
|
|
86222
86371
|
}) : null]
|
|
@@ -86272,25 +86421,25 @@ const FilterField = ({
|
|
|
86272
86421
|
}, [isResetted]);
|
|
86273
86422
|
return /* @__PURE__ */ jsx(Fragment, {
|
|
86274
86423
|
children: /* @__PURE__ */ jsxs(PopoverMenu, {
|
|
86275
|
-
buttonClass: styles$
|
|
86276
|
-
menuClass: styles$
|
|
86424
|
+
buttonClass: styles$t.button,
|
|
86425
|
+
menuClass: styles$t.menu,
|
|
86277
86426
|
position: "bottom-left",
|
|
86278
|
-
menuContainerClass: styles$
|
|
86427
|
+
menuContainerClass: styles$t.menuContainer,
|
|
86279
86428
|
button: /* @__PURE__ */ jsxs(Fragment, {
|
|
86280
86429
|
children: [/* @__PURE__ */ jsxs("span", {
|
|
86281
|
-
className: styles$
|
|
86430
|
+
className: styles$t.buttonText,
|
|
86282
86431
|
children: [/* @__PURE__ */ jsx(DataType, {
|
|
86283
86432
|
datatype: filter2.as || type3
|
|
86284
86433
|
}), filter2.name]
|
|
86285
86434
|
}), /* @__PURE__ */ jsx("span", {
|
|
86286
|
-
className: styles$
|
|
86435
|
+
className: styles$t.buttonIcon,
|
|
86287
86436
|
children: /* @__PURE__ */ jsx(materialSymbolsKeyboardArrowDown, {})
|
|
86288
86437
|
})]
|
|
86289
86438
|
}),
|
|
86290
86439
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
86291
86440
|
variant: "p",
|
|
86292
86441
|
styleClass: "font-14",
|
|
86293
|
-
className: styles$
|
|
86442
|
+
className: styles$t.filterName,
|
|
86294
86443
|
children: filter2.name
|
|
86295
86444
|
}), /* @__PURE__ */ jsx(FloatingDropDown, {
|
|
86296
86445
|
label: "Operator",
|
|
@@ -86311,7 +86460,7 @@ const FilterField = ({
|
|
|
86311
86460
|
onChange: setOption,
|
|
86312
86461
|
label: "Filter Value",
|
|
86313
86462
|
labelVariant: "static",
|
|
86314
|
-
className: styles$
|
|
86463
|
+
className: styles$t.filterDropdown
|
|
86315
86464
|
}) : /* @__PURE__ */ jsx(Fragment, {
|
|
86316
86465
|
children: isInFilterOperator(operator.value) ? /* @__PURE__ */ jsx(MultiFilterDropdown, {
|
|
86317
86466
|
selectedOptions: multiOptions,
|
|
@@ -86324,7 +86473,7 @@ const FilterField = ({
|
|
|
86324
86473
|
isSearchEnabled: true,
|
|
86325
86474
|
label: "Filter Value",
|
|
86326
86475
|
labelVariant: "static",
|
|
86327
|
-
className: styles$
|
|
86476
|
+
className: styles$t.filterDropdown,
|
|
86328
86477
|
autoSelected: false,
|
|
86329
86478
|
integrationId,
|
|
86330
86479
|
integrationName
|
|
@@ -86339,7 +86488,7 @@ const FilterField = ({
|
|
|
86339
86488
|
isSearchEnabled: true,
|
|
86340
86489
|
label: "Filter Value",
|
|
86341
86490
|
labelVariant: "static",
|
|
86342
|
-
className: styles$
|
|
86491
|
+
className: styles$t.filterDropdown,
|
|
86343
86492
|
autoSelected: false,
|
|
86344
86493
|
integrationId,
|
|
86345
86494
|
integrationName
|
|
@@ -86367,7 +86516,7 @@ const remove = "_remove_1p21l_85";
|
|
|
86367
86516
|
const filterCol = "_filterCol_1p21l_91";
|
|
86368
86517
|
const filterText = "_filterText_1p21l_97";
|
|
86369
86518
|
const smallText = "_smallText_1p21l_103";
|
|
86370
|
-
var styles$
|
|
86519
|
+
var styles$r = {
|
|
86371
86520
|
container: container$9,
|
|
86372
86521
|
form: form$1,
|
|
86373
86522
|
filterHeader,
|
|
@@ -86470,29 +86619,29 @@ const GlobalFilters = ({
|
|
|
86470
86619
|
}, [data == null ? void 0 : data.companyIntegrations]);
|
|
86471
86620
|
return /* @__PURE__ */ jsx(Fragment, {
|
|
86472
86621
|
children: (data == null ? void 0 : data.companyIntegrations.length) && !isLoading && /* @__PURE__ */ jsx("div", {
|
|
86473
|
-
className: styles$
|
|
86622
|
+
className: styles$r.container,
|
|
86474
86623
|
children: /* @__PURE__ */ jsxs("form", {
|
|
86475
|
-
className: styles$
|
|
86624
|
+
className: styles$r.form,
|
|
86476
86625
|
onSubmit: handleSubmit,
|
|
86477
86626
|
onReset: resetFilters,
|
|
86478
86627
|
children: [/* @__PURE__ */ jsx("div", {
|
|
86479
|
-
className: styles$
|
|
86628
|
+
className: styles$r.filterHeader,
|
|
86480
86629
|
children: /* @__PURE__ */ jsxs("div", {
|
|
86481
|
-
className: styles$
|
|
86630
|
+
className: styles$r.titleContent,
|
|
86482
86631
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
86483
86632
|
variant: "p",
|
|
86484
86633
|
styleClass: "primary",
|
|
86485
|
-
className: styles$
|
|
86634
|
+
className: styles$r.title,
|
|
86486
86635
|
children: "Filters:"
|
|
86487
86636
|
}), renderAdditionalHeaderContent ? renderAdditionalHeaderContent() : null]
|
|
86488
86637
|
})
|
|
86489
86638
|
}), /* @__PURE__ */ jsx("div", {
|
|
86490
|
-
className: styles$
|
|
86639
|
+
className: styles$r.filterFields,
|
|
86491
86640
|
children: filters2[0].columns.map((col) => /* @__PURE__ */ jsx(Fragment, {
|
|
86492
86641
|
children: /* @__PURE__ */ jsxs("div", {
|
|
86493
|
-
className: styles$
|
|
86642
|
+
className: styles$r.filterCol,
|
|
86494
86643
|
children: [/* @__PURE__ */ jsx("div", {
|
|
86495
|
-
className: styles$
|
|
86644
|
+
className: styles$r.filterDropdown,
|
|
86496
86645
|
children: /* @__PURE__ */ jsx(FilterDropDown, {
|
|
86497
86646
|
filter: {
|
|
86498
86647
|
tableName: filters2[0].tableName,
|
|
@@ -86522,7 +86671,7 @@ const GlobalFilters = ({
|
|
|
86522
86671
|
}), /* @__PURE__ */ jsx(Button, {
|
|
86523
86672
|
type: "button",
|
|
86524
86673
|
variant: "custom",
|
|
86525
|
-
className: styles$
|
|
86674
|
+
className: styles$r.remove,
|
|
86526
86675
|
onClick: () => setAppliedFilters((prev) => prev.filter((a2) => a2.column !== col.name)),
|
|
86527
86676
|
children: /* @__PURE__ */ jsx(Icons, {
|
|
86528
86677
|
name: "delete-icon"
|
|
@@ -86531,19 +86680,19 @@ const GlobalFilters = ({
|
|
|
86531
86680
|
})
|
|
86532
86681
|
}))
|
|
86533
86682
|
}), /* @__PURE__ */ jsxs("div", {
|
|
86534
|
-
className: styles$
|
|
86683
|
+
className: styles$r.buttons,
|
|
86535
86684
|
children: [/* @__PURE__ */ jsxs(Button, {
|
|
86536
86685
|
type: "reset",
|
|
86537
86686
|
variant: "secondary",
|
|
86538
|
-
className: styles$
|
|
86687
|
+
className: styles$r.reset,
|
|
86539
86688
|
children: [/* @__PURE__ */ jsx(Icons, {
|
|
86540
86689
|
name: "reset-icon",
|
|
86541
|
-
className: styles$
|
|
86690
|
+
className: styles$r.applyIcon
|
|
86542
86691
|
}), " Reset Filters"]
|
|
86543
86692
|
}), /* @__PURE__ */ jsx(Button, {
|
|
86544
86693
|
type: "submit",
|
|
86545
86694
|
variant: "primary",
|
|
86546
|
-
className: styles$
|
|
86695
|
+
className: styles$r.apply,
|
|
86547
86696
|
children: "Apply"
|
|
86548
86697
|
})]
|
|
86549
86698
|
})]
|
|
@@ -86557,7 +86706,7 @@ const top$1 = "_top_nbkwy_25";
|
|
|
86557
86706
|
const bottom$2 = "_bottom_nbkwy_33";
|
|
86558
86707
|
const left$1 = "_left_nbkwy_41";
|
|
86559
86708
|
const right$1 = "_right_nbkwy_49";
|
|
86560
|
-
var styles$
|
|
86709
|
+
var styles$q = {
|
|
86561
86710
|
container: container$8,
|
|
86562
86711
|
tooltip: tooltip$1,
|
|
86563
86712
|
top: top$1,
|
|
@@ -86584,9 +86733,9 @@ const Tooltip = ({
|
|
|
86584
86733
|
position: position2 = "bottom"
|
|
86585
86734
|
}) => {
|
|
86586
86735
|
return /* @__PURE__ */ jsxs("span", {
|
|
86587
|
-
className: `${styles$
|
|
86736
|
+
className: `${styles$q.container} ${className}`,
|
|
86588
86737
|
children: [content2, /* @__PURE__ */ jsx("span", {
|
|
86589
|
-
className: `${styles$
|
|
86738
|
+
className: `${styles$q.tooltip} ${styles$q[position2]}`,
|
|
86590
86739
|
children: children2
|
|
86591
86740
|
})]
|
|
86592
86741
|
});
|
|
@@ -86607,7 +86756,7 @@ const InfoTooltip = ({
|
|
|
86607
86756
|
children: children2
|
|
86608
86757
|
});
|
|
86609
86758
|
};
|
|
86610
|
-
var styles$
|
|
86759
|
+
var styles$p = {
|
|
86611
86760
|
"header-container": "_header-container_t2r6v_1",
|
|
86612
86761
|
"btn-container": "_btn-container_t2r6v_5",
|
|
86613
86762
|
"back-btn": "_back-btn_t2r6v_9",
|
|
@@ -86624,15 +86773,15 @@ const Header = ({
|
|
|
86624
86773
|
setShowSqlModal
|
|
86625
86774
|
}) => {
|
|
86626
86775
|
return /* @__PURE__ */ jsxs("div", {
|
|
86627
|
-
className: styles$
|
|
86776
|
+
className: styles$p["header-container"],
|
|
86628
86777
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
86629
|
-
className: styles$
|
|
86778
|
+
className: styles$p["btn-container"],
|
|
86630
86779
|
children: [/* @__PURE__ */ jsx(Button, {
|
|
86631
86780
|
type: "button",
|
|
86632
86781
|
variant: "custom",
|
|
86633
86782
|
size: "default",
|
|
86634
86783
|
onClick: () => setShowMetricCreateModal(false),
|
|
86635
|
-
className: styles$
|
|
86784
|
+
className: styles$p["back-btn"],
|
|
86636
86785
|
children: /* @__PURE__ */ jsx(Icons, {
|
|
86637
86786
|
name: "arrow-back-icon"
|
|
86638
86787
|
})
|
|
@@ -86642,11 +86791,11 @@ const Header = ({
|
|
|
86642
86791
|
children: Heading
|
|
86643
86792
|
})]
|
|
86644
86793
|
}), /* @__PURE__ */ jsxs("div", {
|
|
86645
|
-
className: styles$
|
|
86794
|
+
className: styles$p["btn-container"],
|
|
86646
86795
|
children: [/* @__PURE__ */ jsxs(Button, {
|
|
86647
86796
|
type: "button",
|
|
86648
86797
|
variant: "custom",
|
|
86649
|
-
className: styles$
|
|
86798
|
+
className: styles$p["sql-btn"],
|
|
86650
86799
|
onClick: () => setShowSqlModal(true),
|
|
86651
86800
|
isDisabled: isDisableSqlBtn,
|
|
86652
86801
|
children: [/* @__PURE__ */ jsx(Icons, {
|
|
@@ -86655,7 +86804,7 @@ const Header = ({
|
|
|
86655
86804
|
}), /* @__PURE__ */ jsxs(Button, {
|
|
86656
86805
|
type: "submit",
|
|
86657
86806
|
variant: "primary",
|
|
86658
|
-
className: styles$
|
|
86807
|
+
className: styles$p["save-btn"],
|
|
86659
86808
|
isDisabled: isDisableSaveBtn,
|
|
86660
86809
|
onClick: () => setShowSaveMetricModal(true),
|
|
86661
86810
|
children: [/* @__PURE__ */ jsx(Icons, {
|
|
@@ -86665,7 +86814,7 @@ const Header = ({
|
|
|
86665
86814
|
})]
|
|
86666
86815
|
});
|
|
86667
86816
|
};
|
|
86668
|
-
var styles$
|
|
86817
|
+
var styles$o = {
|
|
86669
86818
|
"create-btn": "_create-btn_ihjk8_1",
|
|
86670
86819
|
"modal-container": "_modal-container_ihjk8_5",
|
|
86671
86820
|
"query-modal": "_query-modal_ihjk8_9"
|
|
@@ -86675,7 +86824,7 @@ const header$3 = "_header_1q2ss_5";
|
|
|
86675
86824
|
const wrapper$2 = "_wrapper_1q2ss_9";
|
|
86676
86825
|
const column = "_column_1q2ss_17";
|
|
86677
86826
|
const columnText$1 = "_columnText_1q2ss_21";
|
|
86678
|
-
var styles$
|
|
86827
|
+
var styles$n = {
|
|
86679
86828
|
container: container$7,
|
|
86680
86829
|
header: header$3,
|
|
86681
86830
|
wrapper: wrapper$2,
|
|
@@ -86690,9 +86839,9 @@ const Dataset = ({
|
|
|
86690
86839
|
columnList
|
|
86691
86840
|
}) => {
|
|
86692
86841
|
return /* @__PURE__ */ jsxs("div", {
|
|
86693
|
-
className: styles$
|
|
86842
|
+
className: styles$n.container,
|
|
86694
86843
|
children: [/* @__PURE__ */ jsx("div", {
|
|
86695
|
-
className: styles$
|
|
86844
|
+
className: styles$n.header,
|
|
86696
86845
|
children: /* @__PURE__ */ jsx(FloatingDropDown, {
|
|
86697
86846
|
onChange: setselectTable,
|
|
86698
86847
|
selectedOption: selectTable,
|
|
@@ -86703,24 +86852,24 @@ const Dataset = ({
|
|
|
86703
86852
|
labelVariant: "static"
|
|
86704
86853
|
})
|
|
86705
86854
|
}), /* @__PURE__ */ jsxs("div", {
|
|
86706
|
-
className: styles$
|
|
86855
|
+
className: styles$n.wrapper,
|
|
86707
86856
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
86708
86857
|
variant: "h1",
|
|
86709
86858
|
styleClass: "primary",
|
|
86710
86859
|
children: "Columns"
|
|
86711
86860
|
}), /* @__PURE__ */ jsx("div", {
|
|
86712
|
-
className: styles$
|
|
86861
|
+
className: styles$n["col-container"],
|
|
86713
86862
|
children: columnList.map(({
|
|
86714
86863
|
as,
|
|
86715
86864
|
datatype
|
|
86716
86865
|
}) => /* @__PURE__ */ jsxs("div", {
|
|
86717
|
-
className: styles$
|
|
86866
|
+
className: styles$n.column,
|
|
86718
86867
|
children: [/* @__PURE__ */ jsx(DataType, {
|
|
86719
86868
|
datatype
|
|
86720
86869
|
}), /* @__PURE__ */ jsx(Text, {
|
|
86721
86870
|
variant: "p",
|
|
86722
86871
|
styleClass: "font-14",
|
|
86723
|
-
className: styles$
|
|
86872
|
+
className: styles$n.columnText,
|
|
86724
86873
|
children: as
|
|
86725
86874
|
})]
|
|
86726
86875
|
}, as))
|
|
@@ -86747,7 +86896,7 @@ const valueLabelWrapper = "_valueLabelWrapper_1pfol_91";
|
|
|
86747
86896
|
const singleCheckBox = "_singleCheckBox_1pfol_97";
|
|
86748
86897
|
const seriesCheck = "_seriesCheck_1pfol_103";
|
|
86749
86898
|
const seriesCheckContainer = "_seriesCheckContainer_1pfol_109";
|
|
86750
|
-
var styles$
|
|
86899
|
+
var styles$m = {
|
|
86751
86900
|
container: container$6,
|
|
86752
86901
|
header: header$2,
|
|
86753
86902
|
tab: tab$2,
|
|
@@ -86771,7 +86920,7 @@ var styles$j = {
|
|
|
86771
86920
|
const tab$1 = "_tab_4ecdh_1";
|
|
86772
86921
|
const button$3 = "_button_4ecdh_7";
|
|
86773
86922
|
const activeTab = "_activeTab_4ecdh_15";
|
|
86774
|
-
var styles$
|
|
86923
|
+
var styles$l = {
|
|
86775
86924
|
tab: tab$1,
|
|
86776
86925
|
button: button$3,
|
|
86777
86926
|
activeTab
|
|
@@ -86784,11 +86933,11 @@ const Tab = ({
|
|
|
86784
86933
|
tabText: tabText2 = ""
|
|
86785
86934
|
}) => {
|
|
86786
86935
|
return /* @__PURE__ */ jsx("div", {
|
|
86787
|
-
className: `${styles$
|
|
86936
|
+
className: `${styles$l.tab} ${className}`,
|
|
86788
86937
|
children: options2.map((option2) => /* @__PURE__ */ jsx(Button, {
|
|
86789
86938
|
variant: "custom",
|
|
86790
86939
|
type: "button",
|
|
86791
|
-
className: `${styles$
|
|
86940
|
+
className: `${styles$l.button} ${activeTab2 === option2 && styles$l.activeTab} ${tabText2}`,
|
|
86792
86941
|
onClick: () => setActiveTab(option2),
|
|
86793
86942
|
children: option2
|
|
86794
86943
|
}, option2))
|
|
@@ -86824,30 +86973,30 @@ const ChartConfigure = ({
|
|
|
86824
86973
|
}
|
|
86825
86974
|
}, [chartType2]);
|
|
86826
86975
|
return /* @__PURE__ */ jsxs("div", {
|
|
86827
|
-
className: styles$
|
|
86976
|
+
className: styles$m.container,
|
|
86828
86977
|
children: [chartType2 === "table" && /* @__PURE__ */ jsxs(Fragment, {
|
|
86829
86978
|
children: [/* @__PURE__ */ jsx("div", {
|
|
86830
|
-
className: styles$
|
|
86979
|
+
className: styles$m.header,
|
|
86831
86980
|
children: /* @__PURE__ */ jsx(Tab, {
|
|
86832
86981
|
options: tableTabs,
|
|
86833
86982
|
activeTab: activeTab2,
|
|
86834
86983
|
setActiveTab,
|
|
86835
|
-
className: styles$
|
|
86836
|
-
tabText: styles$
|
|
86984
|
+
className: styles$m.tab,
|
|
86985
|
+
tabText: styles$m.tabText
|
|
86837
86986
|
})
|
|
86838
86987
|
}), /* @__PURE__ */ jsxs("form", {
|
|
86839
|
-
className: styles$
|
|
86988
|
+
className: styles$m.form,
|
|
86840
86989
|
children: [activeTab2 === "UI Style" && /* @__PURE__ */ jsxs("div", {
|
|
86841
|
-
className: styles$
|
|
86990
|
+
className: styles$m.inputWrapper,
|
|
86842
86991
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
86843
|
-
className: styles$
|
|
86992
|
+
className: styles$m.seriesWrapper,
|
|
86844
86993
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
86845
86994
|
variant: "h1",
|
|
86846
86995
|
styleClass: "font-14",
|
|
86847
86996
|
className: "font-medium",
|
|
86848
86997
|
children: "Table content Alignment"
|
|
86849
86998
|
}), /* @__PURE__ */ jsx("div", {
|
|
86850
|
-
className: styles$
|
|
86999
|
+
className: styles$m.select,
|
|
86851
87000
|
children: /* @__PURE__ */ jsx(Select, {
|
|
86852
87001
|
value: tableSettings.contentAlignment,
|
|
86853
87002
|
options: [{
|
|
@@ -86867,14 +87016,14 @@ const ChartConfigure = ({
|
|
|
86867
87016
|
})
|
|
86868
87017
|
})]
|
|
86869
87018
|
}), /* @__PURE__ */ jsxs("div", {
|
|
86870
|
-
className: styles$
|
|
87019
|
+
className: styles$m.seriesWrapper,
|
|
86871
87020
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
86872
87021
|
variant: "h1",
|
|
86873
87022
|
styleClass: "font-14",
|
|
86874
87023
|
className: "font-medium",
|
|
86875
87024
|
children: "Table line gap"
|
|
86876
87025
|
}), /* @__PURE__ */ jsx("div", {
|
|
86877
|
-
className: styles$
|
|
87026
|
+
className: styles$m.select,
|
|
86878
87027
|
children: /* @__PURE__ */ jsx(Select, {
|
|
86879
87028
|
value: tableSettings.lineGap,
|
|
86880
87029
|
options: [{
|
|
@@ -86891,9 +87040,9 @@ const ChartConfigure = ({
|
|
|
86891
87040
|
})
|
|
86892
87041
|
})]
|
|
86893
87042
|
}), /* @__PURE__ */ jsxs("div", {
|
|
86894
|
-
className: styles$
|
|
87043
|
+
className: styles$m.seriesCheckContainer,
|
|
86895
87044
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
86896
|
-
className: styles$
|
|
87045
|
+
className: styles$m.seriesCheck,
|
|
86897
87046
|
children: [/* @__PURE__ */ jsx(InputField, {
|
|
86898
87047
|
type: "checkbox",
|
|
86899
87048
|
label: "Hide Vertical Divider",
|
|
@@ -86906,7 +87055,7 @@ const ChartConfigure = ({
|
|
|
86906
87055
|
children: "Hide Vertical Divider"
|
|
86907
87056
|
})]
|
|
86908
87057
|
}), /* @__PURE__ */ jsxs("div", {
|
|
86909
|
-
className: styles$
|
|
87058
|
+
className: styles$m.seriesCheck,
|
|
86910
87059
|
children: [/* @__PURE__ */ jsx(InputField, {
|
|
86911
87060
|
type: "checkbox",
|
|
86912
87061
|
label: "Enable Striped Rows",
|
|
@@ -86919,7 +87068,7 @@ const ChartConfigure = ({
|
|
|
86919
87068
|
children: "Enable Striped Rows"
|
|
86920
87069
|
})]
|
|
86921
87070
|
}), /* @__PURE__ */ jsxs("div", {
|
|
86922
|
-
className: styles$
|
|
87071
|
+
className: styles$m.seriesCheck,
|
|
86923
87072
|
children: [/* @__PURE__ */ jsx(InputField, {
|
|
86924
87073
|
type: "checkbox",
|
|
86925
87074
|
label: "Show Row Hover",
|
|
@@ -86934,14 +87083,14 @@ const ChartConfigure = ({
|
|
|
86934
87083
|
})]
|
|
86935
87084
|
})]
|
|
86936
87085
|
}), activeTab2 === "Features" && /* @__PURE__ */ jsxs("div", {
|
|
86937
|
-
className: styles$
|
|
87086
|
+
className: styles$m.seriesCheckContainer,
|
|
86938
87087
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
86939
87088
|
styleClass: "font-14c",
|
|
86940
87089
|
variant: "p",
|
|
86941
|
-
className: styles$
|
|
87090
|
+
className: styles$m.tabHeading,
|
|
86942
87091
|
children: "Table feature preferences"
|
|
86943
87092
|
}), /* @__PURE__ */ jsxs("div", {
|
|
86944
|
-
className: styles$
|
|
87093
|
+
className: styles$m.seriesCheck,
|
|
86945
87094
|
children: [/* @__PURE__ */ jsx(InputField, {
|
|
86946
87095
|
type: "checkbox",
|
|
86947
87096
|
label: "Show Table Title",
|
|
@@ -86954,7 +87103,7 @@ const ChartConfigure = ({
|
|
|
86954
87103
|
children: "Show Table Title"
|
|
86955
87104
|
})]
|
|
86956
87105
|
}), /* @__PURE__ */ jsxs("div", {
|
|
86957
|
-
className: styles$
|
|
87106
|
+
className: styles$m.seriesCheck,
|
|
86958
87107
|
children: [/* @__PURE__ */ jsx(InputField, {
|
|
86959
87108
|
type: "checkbox",
|
|
86960
87109
|
label: "Enable Table Search options",
|
|
@@ -86967,7 +87116,7 @@ const ChartConfigure = ({
|
|
|
86967
87116
|
children: "Enable Table Search Options"
|
|
86968
87117
|
})]
|
|
86969
87118
|
}), /* @__PURE__ */ jsxs("div", {
|
|
86970
|
-
className: styles$
|
|
87119
|
+
className: styles$m.seriesCheck,
|
|
86971
87120
|
children: [/* @__PURE__ */ jsx(InputField, {
|
|
86972
87121
|
type: "checkbox",
|
|
86973
87122
|
label: "Enable Filter options",
|
|
@@ -86980,7 +87129,7 @@ const ChartConfigure = ({
|
|
|
86980
87129
|
children: "Enable Filter Options"
|
|
86981
87130
|
})]
|
|
86982
87131
|
}), /* @__PURE__ */ jsxs("div", {
|
|
86983
|
-
className: styles$
|
|
87132
|
+
className: styles$m.seriesCheck,
|
|
86984
87133
|
children: [/* @__PURE__ */ jsx(InputField, {
|
|
86985
87134
|
type: "checkbox",
|
|
86986
87135
|
label: "Enable Table sorting",
|
|
@@ -87002,15 +87151,15 @@ const ChartConfigure = ({
|
|
|
87002
87151
|
options: chartType2 !== "single value" ? TabList : singleValueTabs,
|
|
87003
87152
|
activeTab: activeTab2,
|
|
87004
87153
|
setActiveTab,
|
|
87005
|
-
className: styles$
|
|
87006
|
-
tabText: styles$
|
|
87154
|
+
className: styles$m.tab,
|
|
87155
|
+
tabText: styles$m.tabText
|
|
87007
87156
|
})
|
|
87008
87157
|
}), /* @__PURE__ */ jsxs("form", {
|
|
87009
|
-
className: styles$
|
|
87158
|
+
className: styles$m.form,
|
|
87010
87159
|
children: [activeTab2 === "Margins" && /* @__PURE__ */ jsxs("div", {
|
|
87011
|
-
className: styles$
|
|
87160
|
+
className: styles$m.inputWrapper,
|
|
87012
87161
|
children: [/* @__PURE__ */ jsx("div", {
|
|
87013
|
-
className: styles$
|
|
87162
|
+
className: styles$m.input,
|
|
87014
87163
|
children: /* @__PURE__ */ jsx(InputField, {
|
|
87015
87164
|
type: "number",
|
|
87016
87165
|
label: "Top",
|
|
@@ -87021,7 +87170,7 @@ const ChartConfigure = ({
|
|
|
87021
87170
|
value: margins.marginTop
|
|
87022
87171
|
})
|
|
87023
87172
|
}), /* @__PURE__ */ jsx("div", {
|
|
87024
|
-
className: styles$
|
|
87173
|
+
className: styles$m.input,
|
|
87025
87174
|
children: /* @__PURE__ */ jsx(InputField, {
|
|
87026
87175
|
type: "number",
|
|
87027
87176
|
label: "Bottom",
|
|
@@ -87032,7 +87181,7 @@ const ChartConfigure = ({
|
|
|
87032
87181
|
value: margins.marginBottom
|
|
87033
87182
|
})
|
|
87034
87183
|
}), /* @__PURE__ */ jsx("div", {
|
|
87035
|
-
className: styles$
|
|
87184
|
+
className: styles$m.input,
|
|
87036
87185
|
children: /* @__PURE__ */ jsx(InputField, {
|
|
87037
87186
|
type: "number",
|
|
87038
87187
|
label: "Left",
|
|
@@ -87043,7 +87192,7 @@ const ChartConfigure = ({
|
|
|
87043
87192
|
}))
|
|
87044
87193
|
})
|
|
87045
87194
|
}), /* @__PURE__ */ jsx("div", {
|
|
87046
|
-
className: styles$
|
|
87195
|
+
className: styles$m.input,
|
|
87047
87196
|
children: /* @__PURE__ */ jsx(InputField, {
|
|
87048
87197
|
type: "number",
|
|
87049
87198
|
label: "Right",
|
|
@@ -87055,7 +87204,7 @@ const ChartConfigure = ({
|
|
|
87055
87204
|
})
|
|
87056
87205
|
})]
|
|
87057
87206
|
}), activeTab2 === "Legend" && /* @__PURE__ */ jsxs("div", {
|
|
87058
|
-
className: styles$
|
|
87207
|
+
className: styles$m.legendWrapper,
|
|
87059
87208
|
children: [/* @__PURE__ */ jsx(InputField, {
|
|
87060
87209
|
type: "checkbox",
|
|
87061
87210
|
label: "Show Legend",
|
|
@@ -87070,9 +87219,9 @@ const ChartConfigure = ({
|
|
|
87070
87219
|
styleClass: "primary",
|
|
87071
87220
|
children: "Position"
|
|
87072
87221
|
}), /* @__PURE__ */ jsxs("div", {
|
|
87073
|
-
className: styles$
|
|
87222
|
+
className: styles$m.inputWrapper,
|
|
87074
87223
|
children: [/* @__PURE__ */ jsx("div", {
|
|
87075
|
-
className: styles$
|
|
87224
|
+
className: styles$m.input,
|
|
87076
87225
|
children: /* @__PURE__ */ jsx(InputField, {
|
|
87077
87226
|
type: "number",
|
|
87078
87227
|
label: "Top",
|
|
@@ -87083,7 +87232,7 @@ const ChartConfigure = ({
|
|
|
87083
87232
|
}))
|
|
87084
87233
|
})
|
|
87085
87234
|
}), /* @__PURE__ */ jsx("div", {
|
|
87086
|
-
className: styles$
|
|
87235
|
+
className: styles$m.input,
|
|
87087
87236
|
children: /* @__PURE__ */ jsx(InputField, {
|
|
87088
87237
|
type: "number",
|
|
87089
87238
|
label: "Bottom",
|
|
@@ -87094,7 +87243,7 @@ const ChartConfigure = ({
|
|
|
87094
87243
|
}))
|
|
87095
87244
|
})
|
|
87096
87245
|
}), /* @__PURE__ */ jsx("div", {
|
|
87097
|
-
className: styles$
|
|
87246
|
+
className: styles$m.input,
|
|
87098
87247
|
children: /* @__PURE__ */ jsx(InputField, {
|
|
87099
87248
|
type: "number",
|
|
87100
87249
|
label: "Left",
|
|
@@ -87105,7 +87254,7 @@ const ChartConfigure = ({
|
|
|
87105
87254
|
}))
|
|
87106
87255
|
})
|
|
87107
87256
|
}), /* @__PURE__ */ jsx("div", {
|
|
87108
|
-
className: styles$
|
|
87257
|
+
className: styles$m.input,
|
|
87109
87258
|
children: /* @__PURE__ */ jsx(InputField, {
|
|
87110
87259
|
type: "number",
|
|
87111
87260
|
label: "Right",
|
|
@@ -87118,13 +87267,13 @@ const ChartConfigure = ({
|
|
|
87118
87267
|
})]
|
|
87119
87268
|
})]
|
|
87120
87269
|
}), /* @__PURE__ */ jsxs("div", {
|
|
87121
|
-
className: styles$
|
|
87270
|
+
className: styles$m.selectWrapper,
|
|
87122
87271
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
87123
87272
|
variant: "h1",
|
|
87124
87273
|
styleClass: "primary",
|
|
87125
87274
|
children: "Appearance"
|
|
87126
87275
|
}), /* @__PURE__ */ jsx("div", {
|
|
87127
|
-
className: styles$
|
|
87276
|
+
className: styles$m.select,
|
|
87128
87277
|
children: /* @__PURE__ */ jsx(Select, {
|
|
87129
87278
|
value: legendSettings.position,
|
|
87130
87279
|
options: [{
|
|
@@ -87142,21 +87291,21 @@ const ChartConfigure = ({
|
|
|
87142
87291
|
})]
|
|
87143
87292
|
})]
|
|
87144
87293
|
}), activeTab2 === "Custom" && /* @__PURE__ */ jsxs("div", {
|
|
87145
|
-
className: styles$
|
|
87294
|
+
className: styles$m.series,
|
|
87146
87295
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
87147
87296
|
styleClass: "font-14c",
|
|
87148
87297
|
variant: "p",
|
|
87149
|
-
className: styles$
|
|
87298
|
+
className: styles$m.tabHeading,
|
|
87150
87299
|
children: "Chart preferences"
|
|
87151
87300
|
}), chartType2 !== "single value" && /* @__PURE__ */ jsxs(Fragment, {
|
|
87152
87301
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
87153
|
-
className: styles$
|
|
87302
|
+
className: styles$m.seriesWrapper,
|
|
87154
87303
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
87155
87304
|
variant: "h1",
|
|
87156
87305
|
styleClass: "font-14",
|
|
87157
87306
|
children: "Value labels"
|
|
87158
87307
|
}), /* @__PURE__ */ jsx("div", {
|
|
87159
|
-
className: styles$
|
|
87308
|
+
className: styles$m.valueLabelWrapper,
|
|
87160
87309
|
children: /* @__PURE__ */ jsx(Select, {
|
|
87161
87310
|
value: labelSettings.position,
|
|
87162
87311
|
options: [{
|
|
@@ -87210,7 +87359,7 @@ const ChartConfigure = ({
|
|
|
87210
87359
|
type: "text",
|
|
87211
87360
|
label: "Label Format",
|
|
87212
87361
|
icon: /* @__PURE__ */ jsx("span", {
|
|
87213
|
-
className: styles$
|
|
87362
|
+
className: styles$m.labelFormatTooltip,
|
|
87214
87363
|
children: /* @__PURE__ */ jsx(InfoTooltip, {
|
|
87215
87364
|
position: "left-top-end",
|
|
87216
87365
|
children: `Please use {b} to show the label name, {c} to show the label value.
|
|
@@ -87226,14 +87375,14 @@ const ChartConfigure = ({
|
|
|
87226
87375
|
})]
|
|
87227
87376
|
}), chartType2 !== "pie" && chartType2 !== "doughnut" && chartType2 !== "funnel" && chartType2 !== "gauge" && chartType2 !== "sankey" && chartType2 !== "singleValue" && chartType2 !== "table" && /* @__PURE__ */ jsxs(Fragment, {
|
|
87228
87377
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
87229
|
-
className: styles$
|
|
87378
|
+
className: styles$m.seriesWrapper,
|
|
87230
87379
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
87231
87380
|
variant: "h1",
|
|
87232
87381
|
styleClass: "font-14",
|
|
87233
87382
|
className: "font-medium",
|
|
87234
87383
|
children: "Axis"
|
|
87235
87384
|
}), /* @__PURE__ */ jsx("div", {
|
|
87236
|
-
className: styles$
|
|
87385
|
+
className: styles$m.select,
|
|
87237
87386
|
children: /* @__PURE__ */ jsx(Select, {
|
|
87238
87387
|
value: axisSettings.axis,
|
|
87239
87388
|
options: [{
|
|
@@ -87250,11 +87399,11 @@ const ChartConfigure = ({
|
|
|
87250
87399
|
})
|
|
87251
87400
|
})]
|
|
87252
87401
|
}), chartType2 === "bar" && /* @__PURE__ */ jsxs("div", {
|
|
87253
|
-
className: styles$
|
|
87402
|
+
className: styles$m.seriesWrapper,
|
|
87254
87403
|
children: [/* @__PURE__ */ jsxs(Text, {
|
|
87255
87404
|
variant: "h1",
|
|
87256
87405
|
styleClass: "font-14",
|
|
87257
|
-
className: styles$
|
|
87406
|
+
className: styles$m.label,
|
|
87258
87407
|
children: ["Modify X-Axis label rotation", /* @__PURE__ */ jsx(InfoTooltip, {
|
|
87259
87408
|
children: "Rotate X-Axis label to a certain angle"
|
|
87260
87409
|
})]
|
|
@@ -87286,16 +87435,16 @@ const ChartConfigure = ({
|
|
|
87286
87435
|
showFullStacked: e2.target.checked
|
|
87287
87436
|
}))
|
|
87288
87437
|
}), /* @__PURE__ */ jsxs("div", {
|
|
87289
|
-
className: styles$
|
|
87438
|
+
className: styles$m.seriesWrapper,
|
|
87290
87439
|
children: [/* @__PURE__ */ jsxs(Text, {
|
|
87291
87440
|
variant: "h1",
|
|
87292
87441
|
styleClass: "font-14",
|
|
87293
|
-
className: styles$
|
|
87442
|
+
className: styles$m.label,
|
|
87294
87443
|
children: ["Hide Axis labels", /* @__PURE__ */ jsx(InfoTooltip, {
|
|
87295
87444
|
children: "Axis labels represents the x and y axis values"
|
|
87296
87445
|
})]
|
|
87297
87446
|
}), /* @__PURE__ */ jsx("div", {
|
|
87298
|
-
className: styles$
|
|
87447
|
+
className: styles$m.select,
|
|
87299
87448
|
children: /* @__PURE__ */ jsx(Select, {
|
|
87300
87449
|
value: customSettings.axisLabels,
|
|
87301
87450
|
options: [{
|
|
@@ -87318,16 +87467,16 @@ const ChartConfigure = ({
|
|
|
87318
87467
|
})
|
|
87319
87468
|
})]
|
|
87320
87469
|
}), /* @__PURE__ */ jsxs("div", {
|
|
87321
|
-
className: styles$
|
|
87470
|
+
className: styles$m.seriesWrapper,
|
|
87322
87471
|
children: [/* @__PURE__ */ jsxs(Text, {
|
|
87323
87472
|
variant: "h1",
|
|
87324
87473
|
styleClass: "font-14",
|
|
87325
|
-
className: styles$
|
|
87474
|
+
className: styles$m.label,
|
|
87326
87475
|
children: ["Hide Splitlines", /* @__PURE__ */ jsx(InfoTooltip, {
|
|
87327
87476
|
children: "Splitline is the reference lines that run along the directional x and y axis which act as reference markers"
|
|
87328
87477
|
})]
|
|
87329
87478
|
}), /* @__PURE__ */ jsx("div", {
|
|
87330
|
-
className: styles$
|
|
87479
|
+
className: styles$m.select,
|
|
87331
87480
|
children: /* @__PURE__ */ jsx(Select, {
|
|
87332
87481
|
value: customSettings.hideSplitLines,
|
|
87333
87482
|
options: [{
|
|
@@ -87350,16 +87499,16 @@ const ChartConfigure = ({
|
|
|
87350
87499
|
})
|
|
87351
87500
|
})]
|
|
87352
87501
|
}), /* @__PURE__ */ jsxs("div", {
|
|
87353
|
-
className: styles$
|
|
87502
|
+
className: styles$m.seriesWrapper,
|
|
87354
87503
|
children: [/* @__PURE__ */ jsxs(Text, {
|
|
87355
87504
|
variant: "h1",
|
|
87356
87505
|
styleClass: "font-14",
|
|
87357
|
-
className: styles$
|
|
87506
|
+
className: styles$m.label,
|
|
87358
87507
|
children: ["Hide Axis Line", /* @__PURE__ */ jsx(InfoTooltip, {
|
|
87359
87508
|
children: "The x-axis and y-axis lines act as a graph base from which the chart starts"
|
|
87360
87509
|
})]
|
|
87361
87510
|
}), /* @__PURE__ */ jsx("div", {
|
|
87362
|
-
className: styles$
|
|
87511
|
+
className: styles$m.select,
|
|
87363
87512
|
children: /* @__PURE__ */ jsx(Select, {
|
|
87364
87513
|
value: customSettings.hideAxisLines,
|
|
87365
87514
|
options: [{
|
|
@@ -87383,11 +87532,11 @@ const ChartConfigure = ({
|
|
|
87383
87532
|
})]
|
|
87384
87533
|
}), chartType2 === "bar" || chartType2 === "row" || chartType2 === "stack" ? /* @__PURE__ */ jsxs(Fragment, {
|
|
87385
87534
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
87386
|
-
className: styles$
|
|
87535
|
+
className: styles$m.seriesWrapper,
|
|
87387
87536
|
children: [/* @__PURE__ */ jsxs(Text, {
|
|
87388
87537
|
variant: "h1",
|
|
87389
87538
|
styleClass: "font-14",
|
|
87390
|
-
className: styles$
|
|
87539
|
+
className: styles$m.label,
|
|
87391
87540
|
children: ["Modify Bar width", /* @__PURE__ */ jsx(InfoTooltip, {
|
|
87392
87541
|
children: "The width of each individual bar rectangle of the graph"
|
|
87393
87542
|
})]
|
|
@@ -87401,11 +87550,11 @@ const ChartConfigure = ({
|
|
|
87401
87550
|
value: customSettings.barWidth
|
|
87402
87551
|
})]
|
|
87403
87552
|
}), /* @__PURE__ */ jsxs("div", {
|
|
87404
|
-
className: styles$
|
|
87553
|
+
className: styles$m.seriesWrapper,
|
|
87405
87554
|
children: [/* @__PURE__ */ jsxs(Text, {
|
|
87406
87555
|
variant: "h1",
|
|
87407
87556
|
styleClass: "font-14",
|
|
87408
|
-
className: styles$
|
|
87557
|
+
className: styles$m.label,
|
|
87409
87558
|
children: ["Modify Bar radius", /* @__PURE__ */ jsx(InfoTooltip, {
|
|
87410
87559
|
children: "The property that rounds the corners of the element's outer border edge"
|
|
87411
87560
|
})]
|
|
@@ -87423,11 +87572,11 @@ const ChartConfigure = ({
|
|
|
87423
87572
|
})]
|
|
87424
87573
|
}), chartType2 === "single value" && /* @__PURE__ */ jsxs(Fragment, {
|
|
87425
87574
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
87426
|
-
className: styles$
|
|
87575
|
+
className: styles$m.seriesWrapper,
|
|
87427
87576
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
87428
87577
|
variant: "h1",
|
|
87429
87578
|
styleClass: "font-14",
|
|
87430
|
-
className: styles$
|
|
87579
|
+
className: styles$m.label,
|
|
87431
87580
|
children: "Single Value Chart Font Size"
|
|
87432
87581
|
}), /* @__PURE__ */ jsx(InputField, {
|
|
87433
87582
|
type: "number",
|
|
@@ -87439,7 +87588,7 @@ const ChartConfigure = ({
|
|
|
87439
87588
|
value: customSettings.fontSize
|
|
87440
87589
|
})]
|
|
87441
87590
|
}), /* @__PURE__ */ jsxs("div", {
|
|
87442
|
-
className: styles$
|
|
87591
|
+
className: styles$m.singleCheckBox,
|
|
87443
87592
|
children: [/* @__PURE__ */ jsx(InputField, {
|
|
87444
87593
|
type: "checkbox",
|
|
87445
87594
|
label: "",
|
|
@@ -87451,18 +87600,18 @@ const ChartConfigure = ({
|
|
|
87451
87600
|
}), /* @__PURE__ */ jsxs(Text, {
|
|
87452
87601
|
variant: "h1",
|
|
87453
87602
|
styleClass: "font-14",
|
|
87454
|
-
className: styles$
|
|
87603
|
+
className: styles$m.label,
|
|
87455
87604
|
children: ["Single Value Sub-Header", /* @__PURE__ */ jsx(InfoTooltip, {
|
|
87456
87605
|
children: "Single Value Sub-Header"
|
|
87457
87606
|
})]
|
|
87458
87607
|
})]
|
|
87459
87608
|
}), customSettings.subHeaderShow && /* @__PURE__ */ jsxs(Fragment, {
|
|
87460
87609
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
87461
|
-
className: styles$
|
|
87610
|
+
className: styles$m.seriesWrapper,
|
|
87462
87611
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
87463
87612
|
variant: "h1",
|
|
87464
87613
|
styleClass: "font-14",
|
|
87465
|
-
className: styles$
|
|
87614
|
+
className: styles$m.label,
|
|
87466
87615
|
children: "Sub-Header Display Text"
|
|
87467
87616
|
}), /* @__PURE__ */ jsx(InputField, {
|
|
87468
87617
|
type: "text",
|
|
@@ -87475,11 +87624,11 @@ const ChartConfigure = ({
|
|
|
87475
87624
|
value: customSettings.displayText
|
|
87476
87625
|
})]
|
|
87477
87626
|
}), /* @__PURE__ */ jsxs("div", {
|
|
87478
|
-
className: styles$
|
|
87627
|
+
className: styles$m.seriesWrapper,
|
|
87479
87628
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
87480
87629
|
variant: "h1",
|
|
87481
87630
|
styleClass: "font-14",
|
|
87482
|
-
className: styles$
|
|
87631
|
+
className: styles$m.label,
|
|
87483
87632
|
children: "Sub-Header Font Size"
|
|
87484
87633
|
}), /* @__PURE__ */ jsx(InputField, {
|
|
87485
87634
|
type: "number",
|
|
@@ -87492,13 +87641,13 @@ const ChartConfigure = ({
|
|
|
87492
87641
|
})]
|
|
87493
87642
|
})]
|
|
87494
87643
|
}), /* @__PURE__ */ jsxs("div", {
|
|
87495
|
-
className: styles$
|
|
87644
|
+
className: styles$m.seriesWrapper,
|
|
87496
87645
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
87497
87646
|
variant: "h1",
|
|
87498
87647
|
styleClass: "primary",
|
|
87499
87648
|
children: "Date formatting"
|
|
87500
87649
|
}), /* @__PURE__ */ jsx("div", {
|
|
87501
|
-
className: styles$
|
|
87650
|
+
className: styles$m.valueLabelWrapper,
|
|
87502
87651
|
children: /* @__PURE__ */ jsx(Select, {
|
|
87503
87652
|
value: customSettings.dateFormatter,
|
|
87504
87653
|
options: [{
|
|
@@ -87533,13 +87682,13 @@ const ChartConfigure = ({
|
|
|
87533
87682
|
})
|
|
87534
87683
|
})]
|
|
87535
87684
|
}), /* @__PURE__ */ jsxs("div", {
|
|
87536
|
-
className: styles$
|
|
87685
|
+
className: styles$m.seriesWrapper,
|
|
87537
87686
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
87538
87687
|
variant: "h1",
|
|
87539
87688
|
styleClass: "primary",
|
|
87540
87689
|
children: "Number formatting"
|
|
87541
87690
|
}), /* @__PURE__ */ jsx("div", {
|
|
87542
|
-
className: styles$
|
|
87691
|
+
className: styles$m.valueLabelWrapper,
|
|
87543
87692
|
children: /* @__PURE__ */ jsx(Select, {
|
|
87544
87693
|
value: customSettings.numberFormatter,
|
|
87545
87694
|
textSize: "12px",
|
|
@@ -87620,7 +87769,7 @@ const button$2 = "_button_1fmoa_79";
|
|
|
87620
87769
|
const propertyButton = "_propertyButton_1fmoa_87";
|
|
87621
87770
|
const settings = "_settings_1fmoa_15";
|
|
87622
87771
|
const crossIcon = "_crossIcon_1fmoa_103";
|
|
87623
|
-
var styles$
|
|
87772
|
+
var styles$k = {
|
|
87624
87773
|
chartButtonContainer: chartButtonContainer$1,
|
|
87625
87774
|
"chartButton-header": "_chartButton-header_1fmoa_7",
|
|
87626
87775
|
"settingsTab-header-control": "_settingsTab-header-control_1fmoa_15",
|
|
@@ -87705,28 +87854,28 @@ const ChartSettings = ({
|
|
|
87705
87854
|
justifyContent: "center"
|
|
87706
87855
|
};
|
|
87707
87856
|
return /* @__PURE__ */ jsxs("div", {
|
|
87708
|
-
className: styles$
|
|
87857
|
+
className: styles$k.chartButtonContainer,
|
|
87709
87858
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
87710
|
-
className: styles$
|
|
87859
|
+
className: styles$k["chartButton-header"],
|
|
87711
87860
|
children: [/* @__PURE__ */ jsxs(Text, {
|
|
87712
87861
|
styleClass: "font-14c",
|
|
87713
87862
|
variant: "h1",
|
|
87714
|
-
className: styles$
|
|
87863
|
+
className: styles$k.settings,
|
|
87715
87864
|
children: [/* @__PURE__ */ jsx(mdiMixerSettingsVertical, {}), "Chart Settings"]
|
|
87716
87865
|
}), /* @__PURE__ */ jsx("div", {
|
|
87717
|
-
className: styles$
|
|
87866
|
+
className: styles$k.crossIcon,
|
|
87718
87867
|
children: /* @__PURE__ */ jsx(akarIconsCross, {
|
|
87719
87868
|
onClick: () => setSettingsShow(false)
|
|
87720
87869
|
})
|
|
87721
87870
|
})]
|
|
87722
87871
|
}), /* @__PURE__ */ jsxs("div", {
|
|
87723
|
-
className: styles$
|
|
87872
|
+
className: styles$k.chartButtons,
|
|
87724
87873
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
87725
|
-
className: styles$
|
|
87874
|
+
className: styles$k["settingsTab-header-control"],
|
|
87726
87875
|
children: [/* @__PURE__ */ jsxs(Button, {
|
|
87727
87876
|
type: "button",
|
|
87728
87877
|
variant: "custom",
|
|
87729
|
-
className: `${styles$
|
|
87878
|
+
className: `${styles$k.chartButton} ${selectedTab2 === GENERAL && styles$k.chartButtonSelected}`,
|
|
87730
87879
|
onClick: () => setSelectedTab(GENERAL),
|
|
87731
87880
|
children: [selectedTab2 === GENERAL && /* @__PURE__ */ jsx("div", {
|
|
87732
87881
|
style: buttonColor,
|
|
@@ -87735,7 +87884,7 @@ const ChartSettings = ({
|
|
|
87735
87884
|
}), /* @__PURE__ */ jsxs(Button, {
|
|
87736
87885
|
type: "button",
|
|
87737
87886
|
variant: "custom",
|
|
87738
|
-
className: `${styles$
|
|
87887
|
+
className: `${styles$k.chartButton} ${selectedTab2 === CONFIG && styles$k.chartButtonSelected}`,
|
|
87739
87888
|
onClick: () => setSelectedTab(CONFIG),
|
|
87740
87889
|
children: [selectedTab2 === CONFIG && /* @__PURE__ */ jsx("div", {
|
|
87741
87890
|
style: buttonColor,
|
|
@@ -87744,23 +87893,23 @@ const ChartSettings = ({
|
|
|
87744
87893
|
})]
|
|
87745
87894
|
}), selectedTab2 === GENERAL && /* @__PURE__ */ jsxs(Fragment, {
|
|
87746
87895
|
children: [/* @__PURE__ */ jsx("div", {
|
|
87747
|
-
className: styles$
|
|
87896
|
+
className: styles$k.tabContainer,
|
|
87748
87897
|
children: /* @__PURE__ */ jsx(Tab, {
|
|
87749
87898
|
activeTab: activeTab2,
|
|
87750
87899
|
options: [FIRST_TAB, SECOND_TAB],
|
|
87751
87900
|
setActiveTab,
|
|
87752
|
-
className: styles$
|
|
87753
|
-
tabText: styles$
|
|
87901
|
+
className: styles$k.tab,
|
|
87902
|
+
tabText: styles$k.tabText
|
|
87754
87903
|
})
|
|
87755
87904
|
}), activeTab2 === FIRST_TAB && /* @__PURE__ */ jsx("div", {
|
|
87756
|
-
className: styles$
|
|
87905
|
+
className: styles$k.button,
|
|
87757
87906
|
children: /* @__PURE__ */ jsx(ChartModalOptions, {
|
|
87758
87907
|
chartType: chartType2,
|
|
87759
87908
|
setChartType
|
|
87760
87909
|
})
|
|
87761
87910
|
}), activeTab2 === SECOND_TAB && /* @__PURE__ */ jsx(Fragment, {
|
|
87762
87911
|
children: chartType2 && /* @__PURE__ */ jsx("div", {
|
|
87763
|
-
className: styles$
|
|
87912
|
+
className: styles$k.button,
|
|
87764
87913
|
children: /* @__PURE__ */ jsx(ChartConfig, {
|
|
87765
87914
|
data,
|
|
87766
87915
|
setXAxis,
|
|
@@ -87817,7 +87966,7 @@ const chartSettings = "_chartSettings_9vbz9_147";
|
|
|
87817
87966
|
const labels = "_labels_9vbz9_155";
|
|
87818
87967
|
const chartButtons = "_chartButtons_9vbz9_163";
|
|
87819
87968
|
const chartButton = "_chartButton_9vbz9_107";
|
|
87820
|
-
var styles$
|
|
87969
|
+
var styles$j = {
|
|
87821
87970
|
searchCommand: searchCommand$1,
|
|
87822
87971
|
"chartTab-container": "_chartTab-container_9vbz9_11",
|
|
87823
87972
|
chartText,
|
|
@@ -87901,9 +88050,9 @@ const ChartTab = ({
|
|
|
87901
88050
|
const [isSettingsShow, setSettingsShow] = useState(false);
|
|
87902
88051
|
const [isShowFullScreen, setShowFullScreen] = useState(false);
|
|
87903
88052
|
return /* @__PURE__ */ jsxs("div", {
|
|
87904
|
-
className: styles$
|
|
88053
|
+
className: styles$j["chartTab-container"],
|
|
87905
88054
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
87906
|
-
className: styles$
|
|
88055
|
+
className: styles$j.metricChartHeader,
|
|
87907
88056
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
87908
88057
|
styleClass: "primary",
|
|
87909
88058
|
variant: "p",
|
|
@@ -87911,7 +88060,7 @@ const ChartTab = ({
|
|
|
87911
88060
|
children: "Preview"
|
|
87912
88061
|
}), headerChild]
|
|
87913
88062
|
}), !(data == null ? void 0 : data.length) && isLoading && /* @__PURE__ */ jsx("div", {
|
|
87914
|
-
className: styles$
|
|
88063
|
+
className: styles$j["loader-container"],
|
|
87915
88064
|
children: /* @__PURE__ */ jsx(eosIconsLoading, {
|
|
87916
88065
|
style: {
|
|
87917
88066
|
width: "50px",
|
|
@@ -87920,21 +88069,21 @@ const ChartTab = ({
|
|
|
87920
88069
|
}
|
|
87921
88070
|
})
|
|
87922
88071
|
}), !(data == null ? void 0 : data.length) && !isLoading && /* @__PURE__ */ jsxs("div", {
|
|
87923
|
-
className: styles$
|
|
88072
|
+
className: styles$j.metricChartEmpty,
|
|
87924
88073
|
children: [/* @__PURE__ */ jsx("div", {
|
|
87925
|
-
className: styles$
|
|
88074
|
+
className: styles$j.searchWrapper,
|
|
87926
88075
|
children: /* @__PURE__ */ jsx(akarIconsSearch, {
|
|
87927
|
-
className: styles$
|
|
88076
|
+
className: styles$j.searchIcon
|
|
87928
88077
|
})
|
|
87929
88078
|
}), /* @__PURE__ */ jsx("div", {
|
|
87930
|
-
className: styles$
|
|
88079
|
+
className: styles$j.message,
|
|
87931
88080
|
children: /* @__PURE__ */ jsx(Text, {
|
|
87932
88081
|
styleClass: "font-14b",
|
|
87933
88082
|
variant: "p",
|
|
87934
88083
|
children: "Uh-oh, Nothing to display"
|
|
87935
88084
|
})
|
|
87936
88085
|
}), /* @__PURE__ */ jsx("div", {
|
|
87937
|
-
className: styles$
|
|
88086
|
+
className: styles$j.chartButton,
|
|
87938
88087
|
children: /* @__PURE__ */ jsx(Text, {
|
|
87939
88088
|
styleClass: "font-14a",
|
|
87940
88089
|
variant: "p",
|
|
@@ -87942,22 +88091,22 @@ const ChartTab = ({
|
|
|
87942
88091
|
})
|
|
87943
88092
|
})]
|
|
87944
88093
|
}), !!(data == null ? void 0 : data.length) && !isLoading && /* @__PURE__ */ jsx("div", {
|
|
87945
|
-
className: styles$
|
|
88094
|
+
className: styles$j.metricChart,
|
|
87946
88095
|
children: /* @__PURE__ */ jsxs("div", {
|
|
87947
|
-
className: styles$
|
|
88096
|
+
className: styles$j["chartTab-wrapper"],
|
|
87948
88097
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
87949
|
-
className: styles$
|
|
88098
|
+
className: styles$j["chartTab-wrapper-head"],
|
|
87950
88099
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
87951
88100
|
styleClass: "primary",
|
|
87952
88101
|
variant: "p",
|
|
87953
88102
|
className: "",
|
|
87954
88103
|
children: "Charts"
|
|
87955
88104
|
}), /* @__PURE__ */ jsxs("div", {
|
|
87956
|
-
className: styles$
|
|
88105
|
+
className: styles$j.chartButtons,
|
|
87957
88106
|
children: [/* @__PURE__ */ jsx(Button, {
|
|
87958
88107
|
type: "button",
|
|
87959
88108
|
variant: "custom",
|
|
87960
|
-
className: styles$
|
|
88109
|
+
className: styles$j.chartButton,
|
|
87961
88110
|
onClick: () => {
|
|
87962
88111
|
setSettingsShow(!isSettingsShow);
|
|
87963
88112
|
},
|
|
@@ -87965,16 +88114,16 @@ const ChartTab = ({
|
|
|
87965
88114
|
}), /* @__PURE__ */ jsx(Button, {
|
|
87966
88115
|
type: "button",
|
|
87967
88116
|
variant: "custom",
|
|
87968
|
-
className: (labels2 == null ? void 0 : labels2.length) ? styles$
|
|
88117
|
+
className: (labels2 == null ? void 0 : labels2.length) ? styles$j.fullQuery : styles$j.noQuery,
|
|
87969
88118
|
onClick: (labels2 == null ? void 0 : labels2.length) ? () => setShowFullScreen(true) : void 0,
|
|
87970
88119
|
children: /* @__PURE__ */ jsx(Icons, {
|
|
87971
88120
|
name: "fullscreen-icon",
|
|
87972
|
-
className: styles$
|
|
88121
|
+
className: styles$j.fullQueryIcon
|
|
87973
88122
|
})
|
|
87974
88123
|
})]
|
|
87975
88124
|
})]
|
|
87976
88125
|
}), isSettingsShow && /* @__PURE__ */ jsx("div", {
|
|
87977
|
-
className: styles$
|
|
88126
|
+
className: styles$j.chartSettings,
|
|
87978
88127
|
children: /* @__PURE__ */ jsx(ChartSettings, {
|
|
87979
88128
|
chartType: chartType2,
|
|
87980
88129
|
setChartType,
|
|
@@ -88007,7 +88156,7 @@ const ChartTab = ({
|
|
|
88007
88156
|
setTableSettings
|
|
88008
88157
|
})
|
|
88009
88158
|
}), (labels2 == null ? void 0 : labels2.length) ? /* @__PURE__ */ jsxs("div", {
|
|
88010
|
-
className: styles$
|
|
88159
|
+
className: styles$j.labels,
|
|
88011
88160
|
children: [/* @__PURE__ */ jsx(MetricChart, {
|
|
88012
88161
|
labels: labels2,
|
|
88013
88162
|
data: {
|
|
@@ -88039,21 +88188,21 @@ const ChartTab = ({
|
|
|
88039
88188
|
handleChartRightClick
|
|
88040
88189
|
}), chartPopupChild]
|
|
88041
88190
|
}) : /* @__PURE__ */ jsxs("div", {
|
|
88042
|
-
className: styles$
|
|
88191
|
+
className: styles$j.metricChartEmpty,
|
|
88043
88192
|
children: [/* @__PURE__ */ jsx("div", {
|
|
88044
|
-
className: styles$
|
|
88193
|
+
className: styles$j.searchWrapper,
|
|
88045
88194
|
children: /* @__PURE__ */ jsx(akarIconsSearch, {
|
|
88046
|
-
className: styles$
|
|
88195
|
+
className: styles$j.searchIcon
|
|
88047
88196
|
})
|
|
88048
88197
|
}), /* @__PURE__ */ jsx("div", {
|
|
88049
|
-
className: styles$
|
|
88198
|
+
className: styles$j.message,
|
|
88050
88199
|
children: /* @__PURE__ */ jsx(Text, {
|
|
88051
88200
|
styleClass: "font-14b",
|
|
88052
88201
|
variant: "p",
|
|
88053
88202
|
children: "Uh-oh, Nothing to display"
|
|
88054
88203
|
})
|
|
88055
88204
|
}), /* @__PURE__ */ jsx("div", {
|
|
88056
|
-
className: styles$
|
|
88205
|
+
className: styles$j.chartButton,
|
|
88057
88206
|
children: /* @__PURE__ */ jsx(Text, {
|
|
88058
88207
|
styleClass: "font-14a",
|
|
88059
88208
|
variant: "p",
|
|
@@ -88101,7 +88250,7 @@ const container$5 = "_container_yjeiv_1";
|
|
|
88101
88250
|
const wrapper$1 = "_wrapper_yjeiv_5";
|
|
88102
88251
|
const text = "_text_yjeiv_9";
|
|
88103
88252
|
const table$2 = "_table_yjeiv_12";
|
|
88104
|
-
var styles$
|
|
88253
|
+
var styles$i = {
|
|
88105
88254
|
container: container$5,
|
|
88106
88255
|
wrapper: wrapper$1,
|
|
88107
88256
|
text,
|
|
@@ -88111,18 +88260,18 @@ const InputTables = ({
|
|
|
88111
88260
|
previewTableDataList
|
|
88112
88261
|
}) => {
|
|
88113
88262
|
return /* @__PURE__ */ jsx("div", {
|
|
88114
|
-
className: styles$
|
|
88263
|
+
className: styles$i.container,
|
|
88115
88264
|
children: /* @__PURE__ */ jsx("div", {
|
|
88116
|
-
className: styles$
|
|
88265
|
+
className: styles$i.wrapper,
|
|
88117
88266
|
children: previewTableDataList == null ? void 0 : previewTableDataList.map((table2) => /* @__PURE__ */ jsxs("div", {
|
|
88118
|
-
className: styles$
|
|
88267
|
+
className: styles$i.text,
|
|
88119
88268
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
88120
88269
|
variant: "h1",
|
|
88121
88270
|
styleClass: "primary",
|
|
88122
88271
|
className: "",
|
|
88123
88272
|
children: table2.name
|
|
88124
88273
|
}), /* @__PURE__ */ jsx("div", {
|
|
88125
|
-
className: styles$
|
|
88274
|
+
className: styles$i.table,
|
|
88126
88275
|
children: /* @__PURE__ */ jsx(Table, {
|
|
88127
88276
|
data: table2.data,
|
|
88128
88277
|
error: table2.isError,
|
|
@@ -88138,7 +88287,7 @@ const header$1 = "_header_38zl3_5";
|
|
|
88138
88287
|
const tabButton$1 = "_tabButton_38zl3_16";
|
|
88139
88288
|
const selectedTab = "_selectedTab_38zl3_19";
|
|
88140
88289
|
const table$1 = "_table_38zl3_22";
|
|
88141
|
-
var styles$
|
|
88290
|
+
var styles$h = {
|
|
88142
88291
|
container: container$4,
|
|
88143
88292
|
header: header$1,
|
|
88144
88293
|
"text-container": "_text-container_38zl3_9",
|
|
@@ -88175,11 +88324,11 @@ const TableTab = ({
|
|
|
88175
88324
|
setSelectedTab(OUTPUT_TABLE);
|
|
88176
88325
|
}, [isUpdateMetric]);
|
|
88177
88326
|
return /* @__PURE__ */ jsxs("div", {
|
|
88178
|
-
className: styles$
|
|
88327
|
+
className: styles$h.container,
|
|
88179
88328
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
88180
|
-
className: styles$
|
|
88329
|
+
className: styles$h.header,
|
|
88181
88330
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
88182
|
-
className: styles$
|
|
88331
|
+
className: styles$h["text-container"],
|
|
88183
88332
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
88184
88333
|
styleClass: "font-14c",
|
|
88185
88334
|
variant: "h1",
|
|
@@ -88190,11 +88339,11 @@ const TableTab = ({
|
|
|
88190
88339
|
children: "Preview your selected table & output table values"
|
|
88191
88340
|
})]
|
|
88192
88341
|
}), /* @__PURE__ */ jsxs("div", {
|
|
88193
|
-
className: styles$
|
|
88342
|
+
className: styles$h["btn-container"],
|
|
88194
88343
|
children: [/* @__PURE__ */ jsxs(Button, {
|
|
88195
88344
|
type: "button",
|
|
88196
88345
|
variant: "custom",
|
|
88197
|
-
className: styles$
|
|
88346
|
+
className: styles$h.tabButton,
|
|
88198
88347
|
onClick: () => setSelectedTab(INPUT_TABLE),
|
|
88199
88348
|
children: [selectedTab2 === INPUT_TABLE && /* @__PURE__ */ jsx("div", {
|
|
88200
88349
|
style: buttonColor,
|
|
@@ -88203,7 +88352,7 @@ const TableTab = ({
|
|
|
88203
88352
|
}), /* @__PURE__ */ jsxs(Button, {
|
|
88204
88353
|
type: "button",
|
|
88205
88354
|
variant: "custom",
|
|
88206
|
-
className: styles$
|
|
88355
|
+
className: styles$h.tabButton,
|
|
88207
88356
|
onClick: () => setSelectedTab(OUTPUT_TABLE),
|
|
88208
88357
|
children: [selectedTab2 === OUTPUT_TABLE && /* @__PURE__ */ jsx("div", {
|
|
88209
88358
|
style: buttonColor,
|
|
@@ -88214,7 +88363,7 @@ const TableTab = ({
|
|
|
88214
88363
|
}), selectedTab2 === INPUT_TABLE && /* @__PURE__ */ jsx(InputTables, {
|
|
88215
88364
|
previewTableDataList
|
|
88216
88365
|
}), selectedTab2 === OUTPUT_TABLE && /* @__PURE__ */ jsx("div", {
|
|
88217
|
-
className: styles$
|
|
88366
|
+
className: styles$h.table,
|
|
88218
88367
|
children: /* @__PURE__ */ jsx(Table, {
|
|
88219
88368
|
data: outpuTableData,
|
|
88220
88369
|
isLoading: isOutputLoading,
|
|
@@ -88231,7 +88380,7 @@ const createWrapperContent = "_createWrapperContent_70jy1_21";
|
|
|
88231
88380
|
const searchCommand = "_searchCommand_70jy1_24";
|
|
88232
88381
|
const tabButton = "_tabButton_70jy1_27";
|
|
88233
88382
|
const tabActive = "_tabActive_70jy1_30";
|
|
88234
|
-
var styles$
|
|
88383
|
+
var styles$g = {
|
|
88235
88384
|
"main-container": "_main-container_70jy1_1",
|
|
88236
88385
|
mainContainerUpdate,
|
|
88237
88386
|
"outputTab-header": "_outputTab-header_70jy1_8",
|
|
@@ -88291,13 +88440,13 @@ const MetricOutput = ({
|
|
|
88291
88440
|
tableName = item.name;
|
|
88292
88441
|
});
|
|
88293
88442
|
return /* @__PURE__ */ jsxs("div", {
|
|
88294
|
-
className: `${styles$
|
|
88443
|
+
className: `${styles$g["main-container"]} ${isUpdateMetric ? styles$g.mainContainerUpdate : ""}`,
|
|
88295
88444
|
children: [!isUpdateMetric && /* @__PURE__ */ jsxs("div", {
|
|
88296
|
-
className: styles$
|
|
88445
|
+
className: styles$g["outputTab-header"],
|
|
88297
88446
|
children: [/* @__PURE__ */ jsxs(Button, {
|
|
88298
88447
|
type: "button",
|
|
88299
88448
|
variant: "custom",
|
|
88300
|
-
className: `${styles$
|
|
88449
|
+
className: `${styles$g.tabButton} ${selectedTab2 === TABLE_TAB && styles$g.tabActive}`,
|
|
88301
88450
|
onClick: () => setSelectedTab(TABLE_TAB),
|
|
88302
88451
|
children: [/* @__PURE__ */ jsx(Icons, {
|
|
88303
88452
|
name: "table-tab-icon"
|
|
@@ -88305,7 +88454,7 @@ const MetricOutput = ({
|
|
|
88305
88454
|
}), /* @__PURE__ */ jsxs(Button, {
|
|
88306
88455
|
type: "button",
|
|
88307
88456
|
variant: "custom",
|
|
88308
|
-
className: `${styles$
|
|
88457
|
+
className: `${styles$g.tabButton} ${selectedTab2 === CHART_TAB && styles$g.tabActive}`,
|
|
88309
88458
|
onClick: () => setSelectedTab(CHART_TAB),
|
|
88310
88459
|
children: [/* @__PURE__ */ jsx(Icons, {
|
|
88311
88460
|
name: "visualization-icon"
|
|
@@ -88313,14 +88462,14 @@ const MetricOutput = ({
|
|
|
88313
88462
|
}), moreTabs == null ? void 0 : moreTabs.map((tabObj) => /* @__PURE__ */ jsx(Button, {
|
|
88314
88463
|
type: "button",
|
|
88315
88464
|
variant: "custom",
|
|
88316
|
-
className: `${styles$
|
|
88465
|
+
className: `${styles$g.tabButton} ${selectedTab2 === tabObj.name && styles$g.tabActive}`,
|
|
88317
88466
|
onClick: () => setSelectedTab(tabObj.name),
|
|
88318
88467
|
children: tabObj.tab
|
|
88319
88468
|
}, tabObj.name))]
|
|
88320
88469
|
}), /* @__PURE__ */ jsxs("div", {
|
|
88321
|
-
className: `${styles$
|
|
88470
|
+
className: `${styles$g.wrapper} ${isUpdateMetric ? styles$g.updateWrapper : ""}`,
|
|
88322
88471
|
children: [(selectedTab2 === TABLE_TAB || isUpdateMetric) && /* @__PURE__ */ jsx("div", {
|
|
88323
|
-
className: isUpdateMetric ? styles$
|
|
88472
|
+
className: isUpdateMetric ? styles$g.updateWrapperContent : styles$g.createWrapperContent,
|
|
88324
88473
|
children: /* @__PURE__ */ jsx(TableTab, {
|
|
88325
88474
|
outpuTableData: data,
|
|
88326
88475
|
isOutputLoading: isLoading,
|
|
@@ -88329,7 +88478,7 @@ const MetricOutput = ({
|
|
|
88329
88478
|
isUpdateMetric
|
|
88330
88479
|
})
|
|
88331
88480
|
}), (selectedTab2 === CHART_TAB || isUpdateMetric) && /* @__PURE__ */ jsx("div", {
|
|
88332
|
-
className: isUpdateMetric ? styles$
|
|
88481
|
+
className: isUpdateMetric ? styles$g.updateWrapperContent : styles$g.createWrapperContent,
|
|
88333
88482
|
children: /* @__PURE__ */ jsx(ChartTab, {
|
|
88334
88483
|
labels: labels2,
|
|
88335
88484
|
funnelData,
|
|
@@ -88384,7 +88533,7 @@ const columnText = "_columnText_14dsc_69";
|
|
|
88384
88533
|
const disabled = "_disabled_14dsc_73";
|
|
88385
88534
|
const checkIcon = "_checkIcon_14dsc_77";
|
|
88386
88535
|
const generateButton = "_generateButton_14dsc_81";
|
|
88387
|
-
var styles$
|
|
88536
|
+
var styles$f = {
|
|
88388
88537
|
"form-container": "_form-container_14dsc_1",
|
|
88389
88538
|
"field-container": "_field-container_14dsc_5",
|
|
88390
88539
|
"field-label": "_field-label_14dsc_9",
|
|
@@ -88421,7 +88570,7 @@ const label = "_label_18a2n_25";
|
|
|
88421
88570
|
const menuContainer = "_menuContainer_18a2n_31";
|
|
88422
88571
|
const icon = "_icon_18a2n_37";
|
|
88423
88572
|
const container$3 = "_container_18a2n_43";
|
|
88424
|
-
var styles$
|
|
88573
|
+
var styles$e = {
|
|
88425
88574
|
button: button$1,
|
|
88426
88575
|
menu: menu$1,
|
|
88427
88576
|
inputLabel,
|
|
@@ -88513,16 +88662,16 @@ const TimeGrainField = ({
|
|
|
88513
88662
|
children: [isShowlabel ? /* @__PURE__ */ jsx(Text, {
|
|
88514
88663
|
styleClass: "font-14c",
|
|
88515
88664
|
variant: "p",
|
|
88516
|
-
className: styles$
|
|
88665
|
+
className: styles$e.label,
|
|
88517
88666
|
children: "Time Grain"
|
|
88518
88667
|
}) : null, /* @__PURE__ */ jsx(PopoverMenu, {
|
|
88519
88668
|
className,
|
|
88520
|
-
buttonClass: styles$
|
|
88669
|
+
buttonClass: styles$e.button,
|
|
88521
88670
|
isDisabled,
|
|
88522
|
-
menuClass: styles$
|
|
88523
|
-
menuContainerClass: styles$
|
|
88671
|
+
menuClass: styles$e.menu,
|
|
88672
|
+
menuContainerClass: styles$e.menuContainer,
|
|
88524
88673
|
button: /* @__PURE__ */ jsx(InputField, {
|
|
88525
|
-
inputClass: styles$
|
|
88674
|
+
inputClass: styles$e.input,
|
|
88526
88675
|
type: "text",
|
|
88527
88676
|
placeholder: "time range",
|
|
88528
88677
|
register: register2 == null ? void 0 : register2("timeGrain"),
|
|
@@ -88537,12 +88686,12 @@ const TimeGrainField = ({
|
|
|
88537
88686
|
})),
|
|
88538
88687
|
isDisabled: true,
|
|
88539
88688
|
icon: /* @__PURE__ */ jsx("span", {
|
|
88540
|
-
className: styles$
|
|
88689
|
+
className: styles$e.icon,
|
|
88541
88690
|
children: /* @__PURE__ */ jsx(materialSymbolsKeyboardArrowDown, {})
|
|
88542
88691
|
})
|
|
88543
88692
|
}),
|
|
88544
88693
|
children: /* @__PURE__ */ jsxs("div", {
|
|
88545
|
-
className: styles$
|
|
88694
|
+
className: styles$e.container,
|
|
88546
88695
|
children: [/* @__PURE__ */ jsx(Select, {
|
|
88547
88696
|
options: timeGrainOptions,
|
|
88548
88697
|
label: "Select Time Range",
|
|
@@ -88876,17 +89025,30 @@ const updateDrilledData = (data, setGroupedData, measureKeys, dimenstionKey) =>
|
|
|
88876
89025
|
const groupedMeasuredData = groupMeasures(data, dimenstionKey, measureKeys);
|
|
88877
89026
|
setGroupedData(Object.values(groupedMeasuredData));
|
|
88878
89027
|
};
|
|
88879
|
-
const findKeys = (
|
|
88880
|
-
const
|
|
88881
|
-
|
|
88882
|
-
|
|
88883
|
-
|
|
88884
|
-
([
|
|
88885
|
-
|
|
88886
|
-
|
|
88887
|
-
|
|
88888
|
-
|
|
88889
|
-
};
|
|
89028
|
+
const findKeys = (arr) => {
|
|
89029
|
+
const first10Objects = arr.slice(0, 10);
|
|
89030
|
+
const allEntries = first10Objects.flatMap((obj) => Object.entries(obj));
|
|
89031
|
+
const keyCounts = {};
|
|
89032
|
+
allEntries.forEach(([key, value]) => {
|
|
89033
|
+
if (keyCounts[key]) {
|
|
89034
|
+
keyCounts[key][typeof value] = (keyCounts[key][typeof value] || 0) + 1;
|
|
89035
|
+
} else {
|
|
89036
|
+
keyCounts[key] = { [typeof value]: 1 };
|
|
89037
|
+
}
|
|
89038
|
+
});
|
|
89039
|
+
const numberKeys = [];
|
|
89040
|
+
const stringKeys = [];
|
|
89041
|
+
Object.entries(keyCounts).forEach(([key, counts]) => {
|
|
89042
|
+
const majorityType = Object.entries(counts).reduce(
|
|
89043
|
+
(a2, b2) => a2[1] > b2[1] ? a2 : b2
|
|
89044
|
+
)[0];
|
|
89045
|
+
if (majorityType === "number") {
|
|
89046
|
+
numberKeys.push(key);
|
|
89047
|
+
} else if (majorityType === "string") {
|
|
89048
|
+
stringKeys.push(key);
|
|
89049
|
+
}
|
|
89050
|
+
});
|
|
89051
|
+
return { numberKeys, stringKeys };
|
|
88890
89052
|
};
|
|
88891
89053
|
const drilldown = (columnName, chartParams, drillDownSettings, data, setDrilledLevel, drilledLevel, setShowChartPopup, setGroupedData) => {
|
|
88892
89054
|
if (columnName && (chartParams == null ? void 0 : chartParams.name) && drillDownSettings && drillDownSettings.isEnableGroupBy) {
|
|
@@ -89421,8 +89583,8 @@ var ace$3 = { exports: {} };
|
|
|
89421
89583
|
doc = document;
|
|
89422
89584
|
return doc.head || doc.getElementsByTagName("head")[0] || doc.documentElement;
|
|
89423
89585
|
};
|
|
89424
|
-
exports2.createElement = function(
|
|
89425
|
-
return document.createElementNS ? document.createElementNS(ns || XHTML_NS,
|
|
89586
|
+
exports2.createElement = function(tag2, ns) {
|
|
89587
|
+
return document.createElementNS ? document.createElementNS(ns || XHTML_NS, tag2) : document.createElement(tag2);
|
|
89426
89588
|
};
|
|
89427
89589
|
exports2.removeChildren = function(element) {
|
|
89428
89590
|
element.innerHTML = "";
|
|
@@ -97521,7 +97683,7 @@ var ace$3 = { exports: {} };
|
|
|
97521
97683
|
this.$findClosingTag = function(iterator2, token) {
|
|
97522
97684
|
var prevToken;
|
|
97523
97685
|
var currentTag = token.value;
|
|
97524
|
-
var
|
|
97686
|
+
var tag2 = token.value;
|
|
97525
97687
|
var depth = 0;
|
|
97526
97688
|
var openTagStart = new Range(iterator2.getCurrentTokenRow(), iterator2.getCurrentTokenColumn(), iterator2.getCurrentTokenRow(), iterator2.getCurrentTokenColumn() + 1);
|
|
97527
97689
|
token = iterator2.stepForward();
|
|
@@ -97537,7 +97699,7 @@ var ace$3 = { exports: {} };
|
|
|
97537
97699
|
}
|
|
97538
97700
|
if (token.type.indexOf("tag-name") !== -1) {
|
|
97539
97701
|
currentTag = token.value;
|
|
97540
|
-
if (
|
|
97702
|
+
if (tag2 === currentTag) {
|
|
97541
97703
|
if (prevToken.value === "<") {
|
|
97542
97704
|
depth++;
|
|
97543
97705
|
} else if (prevToken.value === "</") {
|
|
@@ -97556,7 +97718,7 @@ var ace$3 = { exports: {} };
|
|
|
97556
97718
|
}
|
|
97557
97719
|
}
|
|
97558
97720
|
}
|
|
97559
|
-
} else if (
|
|
97721
|
+
} else if (tag2 === currentTag && token.value === "/>") {
|
|
97560
97722
|
depth--;
|
|
97561
97723
|
if (depth < 0) {
|
|
97562
97724
|
var closeTagStart = new Range(iterator2.getCurrentTokenRow(), iterator2.getCurrentTokenColumn(), iterator2.getCurrentTokenRow(), iterator2.getCurrentTokenColumn() + 2);
|
|
@@ -97578,7 +97740,7 @@ var ace$3 = { exports: {} };
|
|
|
97578
97740
|
};
|
|
97579
97741
|
this.$findOpeningTag = function(iterator2, token) {
|
|
97580
97742
|
var prevToken = iterator2.getCurrentToken();
|
|
97581
|
-
var
|
|
97743
|
+
var tag2 = token.value;
|
|
97582
97744
|
var depth = 0;
|
|
97583
97745
|
var startRow = iterator2.getCurrentTokenRow();
|
|
97584
97746
|
var startColumn = iterator2.getCurrentTokenColumn();
|
|
@@ -97600,7 +97762,7 @@ var ace$3 = { exports: {} };
|
|
|
97600
97762
|
prevToken = iterator2.stepBackward();
|
|
97601
97763
|
if (token) {
|
|
97602
97764
|
if (token.type.indexOf("tag-name") !== -1) {
|
|
97603
|
-
if (
|
|
97765
|
+
if (tag2 === token.value) {
|
|
97604
97766
|
if (prevToken.value === "<") {
|
|
97605
97767
|
depth++;
|
|
97606
97768
|
if (depth > 0) {
|
|
@@ -97619,7 +97781,7 @@ var ace$3 = { exports: {} };
|
|
|
97619
97781
|
var stepCount = 0;
|
|
97620
97782
|
var tmpToken = prevToken;
|
|
97621
97783
|
while (tmpToken) {
|
|
97622
|
-
if (tmpToken.type.indexOf("tag-name") !== -1 && tmpToken.value ===
|
|
97784
|
+
if (tmpToken.type.indexOf("tag-name") !== -1 && tmpToken.value === tag2) {
|
|
97623
97785
|
depth--;
|
|
97624
97786
|
break;
|
|
97625
97787
|
} else if (tmpToken.value === "<") {
|
|
@@ -109788,8 +109950,8 @@ var lodash_isequal = { exports: {} };
|
|
|
109788
109950
|
stack["delete"](other);
|
|
109789
109951
|
return result;
|
|
109790
109952
|
}
|
|
109791
|
-
function equalByTag(object2, other,
|
|
109792
|
-
switch (
|
|
109953
|
+
function equalByTag(object2, other, tag2, bitmask, customizer, equalFunc, stack) {
|
|
109954
|
+
switch (tag2) {
|
|
109793
109955
|
case dataViewTag:
|
|
109794
109956
|
if (object2.byteLength != other.byteLength || object2.byteOffset != other.byteOffset) {
|
|
109795
109957
|
return false;
|
|
@@ -109888,7 +110050,7 @@ var lodash_isequal = { exports: {} };
|
|
|
109888
110050
|
return baseIsNative2(value) ? value : void 0;
|
|
109889
110051
|
}
|
|
109890
110052
|
function getRawTag(value) {
|
|
109891
|
-
var isOwn = hasOwnProperty2.call(value, symToStringTag),
|
|
110053
|
+
var isOwn = hasOwnProperty2.call(value, symToStringTag), tag2 = value[symToStringTag];
|
|
109892
110054
|
try {
|
|
109893
110055
|
value[symToStringTag] = void 0;
|
|
109894
110056
|
var unmasked = true;
|
|
@@ -109897,7 +110059,7 @@ var lodash_isequal = { exports: {} };
|
|
|
109897
110059
|
var result = nativeObjectToString.call(value);
|
|
109898
110060
|
if (unmasked) {
|
|
109899
110061
|
if (isOwn) {
|
|
109900
|
-
value[symToStringTag] =
|
|
110062
|
+
value[symToStringTag] = tag2;
|
|
109901
110063
|
} else {
|
|
109902
110064
|
delete value[symToStringTag];
|
|
109903
110065
|
}
|
|
@@ -109985,8 +110147,8 @@ var lodash_isequal = { exports: {} };
|
|
|
109985
110147
|
if (!isObject2(value)) {
|
|
109986
110148
|
return false;
|
|
109987
110149
|
}
|
|
109988
|
-
var
|
|
109989
|
-
return
|
|
110150
|
+
var tag2 = baseGetTag(value);
|
|
110151
|
+
return tag2 == funcTag2 || tag2 == genTag2 || tag2 == asyncTag || tag2 == proxyTag;
|
|
109990
110152
|
}
|
|
109991
110153
|
function isLength(value) {
|
|
109992
110154
|
return typeof value == "number" && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER2;
|
|
@@ -110945,8 +111107,8 @@ function eq(value, other) {
|
|
|
110945
111107
|
}
|
|
110946
111108
|
var isArray = Array.isArray;
|
|
110947
111109
|
function isFunction$1(value) {
|
|
110948
|
-
var
|
|
110949
|
-
return
|
|
111110
|
+
var tag2 = isObject(value) ? objectToString.call(value) : "";
|
|
111111
|
+
return tag2 == funcTag || tag2 == genTag;
|
|
110950
111112
|
}
|
|
110951
111113
|
function isObject(value) {
|
|
110952
111114
|
var type3 = typeof value;
|
|
@@ -116049,18 +116211,18 @@ const MetricForm = ({
|
|
|
116049
116211
|
return false;
|
|
116050
116212
|
};
|
|
116051
116213
|
return /* @__PURE__ */ jsxs("div", {
|
|
116052
|
-
className: styles$
|
|
116214
|
+
className: styles$f["form-container"],
|
|
116053
116215
|
children: [!isDisableTimeColumn && /* @__PURE__ */ jsxs("div", {
|
|
116054
|
-
className: styles$
|
|
116216
|
+
className: styles$f["field-container"],
|
|
116055
116217
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
116056
116218
|
variant: "h1",
|
|
116057
116219
|
styleClass: "custom",
|
|
116058
|
-
className: styles$
|
|
116220
|
+
className: styles$f["field-label"],
|
|
116059
116221
|
children: "Time Filter"
|
|
116060
116222
|
}), /* @__PURE__ */ jsx("div", {
|
|
116061
|
-
className: styles$
|
|
116223
|
+
className: styles$f["field-wrapper"],
|
|
116062
116224
|
children: /* @__PURE__ */ jsxs("div", {
|
|
116063
|
-
className: styles$
|
|
116225
|
+
className: styles$f["field-inner-container"],
|
|
116064
116226
|
children: [/* @__PURE__ */ jsx(FloatingDropDown, {
|
|
116065
116227
|
onChange: setTimeColumn,
|
|
116066
116228
|
selectedOption: timeColumn,
|
|
@@ -116082,28 +116244,28 @@ const MetricForm = ({
|
|
|
116082
116244
|
}), timeGrainValue && /* @__PURE__ */ jsxs(Button, {
|
|
116083
116245
|
type: "button",
|
|
116084
116246
|
variant: "custom",
|
|
116085
|
-
className: styles$
|
|
116247
|
+
className: styles$f["field-value"],
|
|
116086
116248
|
onClick: () => setTimeGrainValue(""),
|
|
116087
116249
|
children: [timeGrainValue, " ", /* @__PURE__ */ jsx(Icons, {
|
|
116088
116250
|
name: "close-icon",
|
|
116089
|
-
className: styles$
|
|
116251
|
+
className: styles$f.fieldValueIcon
|
|
116090
116252
|
})]
|
|
116091
116253
|
})]
|
|
116092
116254
|
})
|
|
116093
116255
|
})]
|
|
116094
116256
|
}), !isDisableAddMetric && /* @__PURE__ */ jsxs("div", {
|
|
116095
|
-
className: styles$
|
|
116257
|
+
className: styles$f["field-container"],
|
|
116096
116258
|
children: [/* @__PURE__ */ jsxs(Text, {
|
|
116097
116259
|
variant: "h1",
|
|
116098
116260
|
styleClass: "custom",
|
|
116099
|
-
className: styles$
|
|
116261
|
+
className: styles$f["field-label"],
|
|
116100
116262
|
children: ["Metric Creation", /* @__PURE__ */ jsx(InfoTooltip, {
|
|
116101
116263
|
children: "configure metric columns"
|
|
116102
116264
|
})]
|
|
116103
116265
|
}), /* @__PURE__ */ jsx("div", {
|
|
116104
|
-
className: styles$
|
|
116266
|
+
className: styles$f["field-wrapper"],
|
|
116105
116267
|
children: /* @__PURE__ */ jsxs("div", {
|
|
116106
|
-
className: styles$
|
|
116268
|
+
className: styles$f["field-inner-container"],
|
|
116107
116269
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
116108
116270
|
variant: "p",
|
|
116109
116271
|
styleClass: "font-14",
|
|
@@ -116111,7 +116273,7 @@ const MetricForm = ({
|
|
|
116111
116273
|
}), /* @__PURE__ */ jsxs(Button, {
|
|
116112
116274
|
type: "button",
|
|
116113
116275
|
variant: "secondary",
|
|
116114
|
-
className: styles$
|
|
116276
|
+
className: styles$f["field-add-btn"],
|
|
116115
116277
|
onClick: () => {
|
|
116116
116278
|
setFieldConfigModal({
|
|
116117
116279
|
isShow: true,
|
|
@@ -116122,18 +116284,18 @@ const MetricForm = ({
|
|
|
116122
116284
|
isDisabled: isDisableAddMetric,
|
|
116123
116285
|
children: [/* @__PURE__ */ jsx(Icons, {
|
|
116124
116286
|
name: "plus-icon",
|
|
116125
|
-
className: styles$
|
|
116287
|
+
className: styles$f.fieldAddBtnIcon
|
|
116126
116288
|
}), "Add Aggregate Column"]
|
|
116127
116289
|
}), /* @__PURE__ */ jsx("div", {
|
|
116128
|
-
className: styles$
|
|
116290
|
+
className: styles$f["field-value-container"],
|
|
116129
116291
|
children: metrics.map((metric) => /* @__PURE__ */ jsxs(Button, {
|
|
116130
116292
|
type: "button",
|
|
116131
116293
|
variant: "custom",
|
|
116132
|
-
className: styles$
|
|
116294
|
+
className: styles$f["field-value"],
|
|
116133
116295
|
onClick: () => setMetrics((prev) => prev.filter((m2) => m2.as !== metric.as)),
|
|
116134
116296
|
children: [metric.as, " ", /* @__PURE__ */ jsx(Icons, {
|
|
116135
116297
|
name: "close-icon",
|
|
116136
|
-
className: styles$
|
|
116298
|
+
className: styles$f.fieldValueIcon
|
|
116137
116299
|
})]
|
|
116138
116300
|
}, metric.as))
|
|
116139
116301
|
}), /* @__PURE__ */ jsx(Text, {
|
|
@@ -116151,13 +116313,13 @@ const MetricForm = ({
|
|
|
116151
116313
|
setAliasValue("");
|
|
116152
116314
|
},
|
|
116153
116315
|
isDisabled: !!columns.length,
|
|
116154
|
-
className: styles$
|
|
116316
|
+
className: styles$f["field-add-btn"],
|
|
116155
116317
|
children: [/* @__PURE__ */ jsx(Icons, {
|
|
116156
116318
|
name: "plus-icon",
|
|
116157
|
-
className: styles$
|
|
116319
|
+
className: styles$f.fieldAddBtnIcon
|
|
116158
116320
|
}), " ", "Add New"]
|
|
116159
116321
|
}), selectedDimensions.map((c2) => /* @__PURE__ */ jsxs("div", {
|
|
116160
|
-
className: styles$
|
|
116322
|
+
className: styles$f["field-value-container"],
|
|
116161
116323
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
116162
116324
|
variant: "p",
|
|
116163
116325
|
styleClass: "font-14",
|
|
@@ -116167,7 +116329,7 @@ const MetricForm = ({
|
|
|
116167
116329
|
type: "button",
|
|
116168
116330
|
variant: "secondary",
|
|
116169
116331
|
onClick: () => setSelectedDimensions((prev) => prev.filter((m2) => m2 !== c2)),
|
|
116170
|
-
className: styles$
|
|
116332
|
+
className: styles$f["field-value"],
|
|
116171
116333
|
children: /* @__PURE__ */ jsx(Icons, {
|
|
116172
116334
|
name: "close-icon"
|
|
116173
116335
|
})
|
|
@@ -116176,18 +116338,18 @@ const MetricForm = ({
|
|
|
116176
116338
|
})
|
|
116177
116339
|
})]
|
|
116178
116340
|
}), !isDisableAddColumn && /* @__PURE__ */ jsxs("div", {
|
|
116179
|
-
className: styles$
|
|
116341
|
+
className: styles$f["field-container"],
|
|
116180
116342
|
children: [/* @__PURE__ */ jsxs(Text, {
|
|
116181
116343
|
variant: "h1",
|
|
116182
116344
|
styleClass: "custom",
|
|
116183
|
-
className: styles$
|
|
116345
|
+
className: styles$f["field-label"],
|
|
116184
116346
|
children: ["Columns", /* @__PURE__ */ jsx(InfoTooltip, {
|
|
116185
116347
|
children: "select columns for raw records query"
|
|
116186
116348
|
})]
|
|
116187
116349
|
}), /* @__PURE__ */ jsx("div", {
|
|
116188
|
-
className: styles$
|
|
116350
|
+
className: styles$f["field-wrapper"],
|
|
116189
116351
|
children: /* @__PURE__ */ jsxs("div", {
|
|
116190
|
-
className: styles$
|
|
116352
|
+
className: styles$f["field-inner-container"],
|
|
116191
116353
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
116192
116354
|
variant: "p",
|
|
116193
116355
|
styleClass: "font-14",
|
|
@@ -116195,7 +116357,7 @@ const MetricForm = ({
|
|
|
116195
116357
|
}), /* @__PURE__ */ jsxs(Button, {
|
|
116196
116358
|
type: "button",
|
|
116197
116359
|
variant: "secondary",
|
|
116198
|
-
className: styles$
|
|
116360
|
+
className: styles$f["field-add-btn"],
|
|
116199
116361
|
onClick: () => {
|
|
116200
116362
|
setFieldConfigModal({
|
|
116201
116363
|
isShow: true,
|
|
@@ -116206,34 +116368,34 @@ const MetricForm = ({
|
|
|
116206
116368
|
isDisabled: isDisableAddColumn,
|
|
116207
116369
|
children: [/* @__PURE__ */ jsx(Icons, {
|
|
116208
116370
|
name: "plus-icon",
|
|
116209
|
-
className: styles$
|
|
116371
|
+
className: styles$f.fieldAddBtnIcon
|
|
116210
116372
|
}), " ", "Add Column"]
|
|
116211
116373
|
}), /* @__PURE__ */ jsx("div", {
|
|
116212
|
-
className: styles$
|
|
116374
|
+
className: styles$f["field-value-container"],
|
|
116213
116375
|
children: columns.map((c2) => /* @__PURE__ */ jsxs(Button, {
|
|
116214
116376
|
type: "button",
|
|
116215
116377
|
variant: "custom",
|
|
116216
|
-
className: styles$
|
|
116378
|
+
className: styles$f["field-value"],
|
|
116217
116379
|
onClick: () => setColumns((prev) => prev.filter((m2) => m2.as !== c2.as)),
|
|
116218
116380
|
children: [c2.as, " ", /* @__PURE__ */ jsx(Icons, {
|
|
116219
116381
|
name: "close-icon",
|
|
116220
|
-
className: styles$
|
|
116382
|
+
className: styles$f.fieldValueIcon
|
|
116221
116383
|
})]
|
|
116222
116384
|
}, c2.as))
|
|
116223
116385
|
})]
|
|
116224
116386
|
})
|
|
116225
116387
|
})]
|
|
116226
116388
|
}), /* @__PURE__ */ jsxs("div", {
|
|
116227
|
-
className: styles$
|
|
116389
|
+
className: styles$f["field-container"],
|
|
116228
116390
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
116229
116391
|
variant: "h1",
|
|
116230
116392
|
styleClass: "custom",
|
|
116231
|
-
className: styles$
|
|
116393
|
+
className: styles$f["field-label"],
|
|
116232
116394
|
children: "category filters"
|
|
116233
116395
|
}), /* @__PURE__ */ jsx("div", {
|
|
116234
|
-
className: styles$
|
|
116396
|
+
className: styles$f["field-wrapper"],
|
|
116235
116397
|
children: /* @__PURE__ */ jsxs("div", {
|
|
116236
|
-
className: styles$
|
|
116398
|
+
className: styles$f["field-inner-container"],
|
|
116237
116399
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
116238
116400
|
variant: "p",
|
|
116239
116401
|
styleClass: "font-14",
|
|
@@ -116241,7 +116403,7 @@ const MetricForm = ({
|
|
|
116241
116403
|
}), /* @__PURE__ */ jsxs(Button, {
|
|
116242
116404
|
type: "button",
|
|
116243
116405
|
variant: "secondary",
|
|
116244
|
-
className: styles$
|
|
116406
|
+
className: styles$f["field-add-btn"],
|
|
116245
116407
|
onClick: () => {
|
|
116246
116408
|
setFieldConfigModal({
|
|
116247
116409
|
isShow: true,
|
|
@@ -116251,18 +116413,18 @@ const MetricForm = ({
|
|
|
116251
116413
|
},
|
|
116252
116414
|
children: [/* @__PURE__ */ jsx(Icons, {
|
|
116253
116415
|
name: "plus-icon",
|
|
116254
|
-
className: styles$
|
|
116416
|
+
className: styles$f.fieldAddBtnIcon
|
|
116255
116417
|
}), " Add Filter Category"]
|
|
116256
116418
|
}), /* @__PURE__ */ jsx("div", {
|
|
116257
|
-
className: styles$
|
|
116419
|
+
className: styles$f["field-value-container"],
|
|
116258
116420
|
children: filters2.map((filter2) => /* @__PURE__ */ jsxs(Button, {
|
|
116259
116421
|
type: "button",
|
|
116260
116422
|
variant: "custom",
|
|
116261
|
-
className: styles$
|
|
116423
|
+
className: styles$f["field-value"],
|
|
116262
116424
|
onClick: () => setFilters((prev) => prev.filter((m2) => m2 !== filter2)),
|
|
116263
116425
|
children: [filter2, " ", /* @__PURE__ */ jsx(Icons, {
|
|
116264
116426
|
name: "close-icon",
|
|
116265
|
-
className: styles$
|
|
116427
|
+
className: styles$f.fieldValueIcon
|
|
116266
116428
|
})]
|
|
116267
116429
|
}, filter2))
|
|
116268
116430
|
}), /* @__PURE__ */ jsx(Text, {
|
|
@@ -116272,7 +116434,7 @@ const MetricForm = ({
|
|
|
116272
116434
|
}), /* @__PURE__ */ jsxs(Button, {
|
|
116273
116435
|
type: "button",
|
|
116274
116436
|
variant: "secondary",
|
|
116275
|
-
className: styles$
|
|
116437
|
+
className: styles$f["field-add-btn"],
|
|
116276
116438
|
onClick: () => {
|
|
116277
116439
|
setFieldConfigModal({
|
|
116278
116440
|
isShow: true,
|
|
@@ -116282,16 +116444,16 @@ const MetricForm = ({
|
|
|
116282
116444
|
},
|
|
116283
116445
|
children: [sort2 ? /* @__PURE__ */ jsx(mdiCircleEditOutline, {}) : /* @__PURE__ */ jsx(Icons, {
|
|
116284
116446
|
name: "plus-icon",
|
|
116285
|
-
className: styles$
|
|
116447
|
+
className: styles$f.fieldAddBtnIcon
|
|
116286
116448
|
}), " ", sort2 ? "Edit" : "Add", " Sort Category"]
|
|
116287
116449
|
}), sort2 && /* @__PURE__ */ jsxs(Button, {
|
|
116288
116450
|
type: "button",
|
|
116289
116451
|
variant: "custom",
|
|
116290
|
-
className: styles$
|
|
116452
|
+
className: styles$f["field-value"],
|
|
116291
116453
|
onClick: () => setSort(""),
|
|
116292
116454
|
children: [sort2, " ", /* @__PURE__ */ jsx(Icons, {
|
|
116293
116455
|
name: "close-icon",
|
|
116294
|
-
className: styles$
|
|
116456
|
+
className: styles$f.fieldValueIcon
|
|
116295
116457
|
})]
|
|
116296
116458
|
})]
|
|
116297
116459
|
})
|
|
@@ -116305,32 +116467,32 @@ const MetricForm = ({
|
|
|
116305
116467
|
}), !columns.length && !!dateTimeColumnList.length && /* @__PURE__ */ jsxs(Text, {
|
|
116306
116468
|
styleClass: "font-14",
|
|
116307
116469
|
variant: "p",
|
|
116308
|
-
className: styles$
|
|
116470
|
+
className: styles$f.columnText,
|
|
116309
116471
|
children: [/* @__PURE__ */ jsx(Button, {
|
|
116310
116472
|
type: "button",
|
|
116311
116473
|
variant: "custom",
|
|
116312
116474
|
onClick: () => setIncludeTime((s2) => !s2),
|
|
116313
116475
|
isDisabled: !timeColumn.value || !!columns.length,
|
|
116314
116476
|
children: isIncludeTime ? /* @__PURE__ */ jsx(materialSymbolsCheckBoxRounded, {
|
|
116315
|
-
className: styles$
|
|
116477
|
+
className: styles$f.checkIcon
|
|
116316
116478
|
}) : /* @__PURE__ */ jsx(materialSymbolsCheckBoxOutlineBlank, {})
|
|
116317
116479
|
}), "Include Time"]
|
|
116318
116480
|
}), /* @__PURE__ */ jsxs(Text, {
|
|
116319
116481
|
styleClass: "font-14",
|
|
116320
116482
|
variant: "p",
|
|
116321
|
-
className: styles$
|
|
116483
|
+
className: styles$f.columnText,
|
|
116322
116484
|
children: [/* @__PURE__ */ jsx(Button, {
|
|
116323
116485
|
type: "button",
|
|
116324
116486
|
variant: "custom",
|
|
116325
116487
|
onClick: () => setSortDescending((s2) => !s2),
|
|
116326
116488
|
children: isSortDescending ? /* @__PURE__ */ jsx(materialSymbolsCheckBoxRounded, {
|
|
116327
|
-
className: styles$
|
|
116489
|
+
className: styles$f.checkIcon
|
|
116328
116490
|
}) : /* @__PURE__ */ jsx(materialSymbolsCheckBoxOutlineBlank, {})
|
|
116329
116491
|
}), "Sort Descending"]
|
|
116330
116492
|
}), /* @__PURE__ */ jsx(Button, {
|
|
116331
116493
|
type: "button",
|
|
116332
116494
|
variant: "primary",
|
|
116333
|
-
className: styles$
|
|
116495
|
+
className: styles$f.generateButton,
|
|
116334
116496
|
isDisabled: isGeneratingDataset || isDisableGenerate,
|
|
116335
116497
|
onClick: () => onGenerateMetric(),
|
|
116336
116498
|
children: "Generate"
|
|
@@ -116346,10 +116508,10 @@ const MetricForm = ({
|
|
|
116346
116508
|
activeTab: selectedTab2,
|
|
116347
116509
|
options: configTabs,
|
|
116348
116510
|
setActiveTab: setSeletedTab,
|
|
116349
|
-
className: styles$
|
|
116511
|
+
className: styles$f["tab-border"]
|
|
116350
116512
|
})
|
|
116351
116513
|
}), selectedTab2 === "simple" && /* @__PURE__ */ jsxs("div", {
|
|
116352
|
-
className: styles$
|
|
116514
|
+
className: styles$f["simple-container"],
|
|
116353
116515
|
children: [fieldConfigModal.type === "filter" && /* @__PURE__ */ jsxs(Fragment, {
|
|
116354
116516
|
children: [/* @__PURE__ */ jsx(FloatingDropDown, {
|
|
116355
116517
|
onChange: setFilterColumn,
|
|
@@ -116364,7 +116526,7 @@ const MetricForm = ({
|
|
|
116364
116526
|
label: "Operator",
|
|
116365
116527
|
labelVariant: "static"
|
|
116366
116528
|
}), isInFilter ? /* @__PURE__ */ jsxs("div", {
|
|
116367
|
-
className: styles$
|
|
116529
|
+
className: styles$f["filter-dropdown"],
|
|
116368
116530
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
116369
116531
|
variant: "p",
|
|
116370
116532
|
styleClass: "font-14",
|
|
@@ -116436,7 +116598,7 @@ const MetricForm = ({
|
|
|
116436
116598
|
})
|
|
116437
116599
|
})]
|
|
116438
116600
|
}), selectedTab2 === "custom" && /* @__PURE__ */ jsxs("div", {
|
|
116439
|
-
className: styles$
|
|
116601
|
+
className: styles$f["custom-container"],
|
|
116440
116602
|
children: [/* @__PURE__ */ jsx(InputField, {
|
|
116441
116603
|
label: "name",
|
|
116442
116604
|
labelClass: "mb-2",
|
|
@@ -116447,7 +116609,7 @@ const MetricForm = ({
|
|
|
116447
116609
|
name: getColumnString(e2.target.value)
|
|
116448
116610
|
})
|
|
116449
116611
|
}), /* @__PURE__ */ jsxs("div", {
|
|
116450
|
-
className: styles$
|
|
116612
|
+
className: styles$f["editor-field"],
|
|
116451
116613
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
116452
116614
|
styleClass: "font-14b",
|
|
116453
116615
|
variant: "p",
|
|
@@ -116463,7 +116625,7 @@ const MetricForm = ({
|
|
|
116463
116625
|
})]
|
|
116464
116626
|
})]
|
|
116465
116627
|
}), selectedTab2 === "saved" && /* @__PURE__ */ jsxs("div", {
|
|
116466
|
-
className: styles$
|
|
116628
|
+
className: styles$f["saved-container"],
|
|
116467
116629
|
children: [/* @__PURE__ */ jsx(MultiFloatingDropDown, {
|
|
116468
116630
|
onChange: (options2) => setSelectedCustomColumnList(options2),
|
|
116469
116631
|
selectedOptions: selectedCustomColumnList,
|
|
@@ -116475,7 +116637,7 @@ const MetricForm = ({
|
|
|
116475
116637
|
label: "custom",
|
|
116476
116638
|
labelDesign: ""
|
|
116477
116639
|
}), selectedCustomColumnList.map((c2) => /* @__PURE__ */ jsx("div", {
|
|
116478
|
-
className: styles$
|
|
116640
|
+
className: styles$f["field-value-container"],
|
|
116479
116641
|
children: /* @__PURE__ */ jsxs(Text, {
|
|
116480
116642
|
variant: "p",
|
|
116481
116643
|
styleClass: "font-14",
|
|
@@ -116507,7 +116669,7 @@ const container$2 = "_container_rofqe_1";
|
|
|
116507
116669
|
const header = "_header_rofqe_5";
|
|
116508
116670
|
const enableGroupBy = "_enableGroupBy_rofqe_8";
|
|
116509
116671
|
const enableGroupButton = "_enableGroupButton_rofqe_11";
|
|
116510
|
-
var styles$
|
|
116672
|
+
var styles$d = {
|
|
116511
116673
|
container: container$2,
|
|
116512
116674
|
header,
|
|
116513
116675
|
enableGroupBy,
|
|
@@ -116528,9 +116690,9 @@ const ConstructMetric = ({
|
|
|
116528
116690
|
databaseId
|
|
116529
116691
|
}) => {
|
|
116530
116692
|
return /* @__PURE__ */ jsxs("div", {
|
|
116531
|
-
className: styles$
|
|
116693
|
+
className: styles$d.container,
|
|
116532
116694
|
children: [/* @__PURE__ */ jsx("div", {
|
|
116533
|
-
className: styles$
|
|
116695
|
+
className: styles$d.header,
|
|
116534
116696
|
children: "Data"
|
|
116535
116697
|
}), /* @__PURE__ */ jsx(MetricForm, {
|
|
116536
116698
|
dateTimeColumnList,
|
|
@@ -116832,7 +116994,7 @@ const EmbeddedMetricCreation = ({
|
|
|
116832
116994
|
setShowSaveMetricModal
|
|
116833
116995
|
}),
|
|
116834
116996
|
children: /* @__PURE__ */ jsxs("div", {
|
|
116835
|
-
className: styles$
|
|
116997
|
+
className: styles$o["modal-container"],
|
|
116836
116998
|
children: [!metric && /* @__PURE__ */ jsxs(Fragment, {
|
|
116837
116999
|
children: [/* @__PURE__ */ jsx(Dataset, {
|
|
116838
117000
|
setselectTable: setSelectTable,
|
|
@@ -116899,7 +117061,7 @@ const EmbeddedMetricCreation = ({
|
|
|
116899
117061
|
isOpen: isShowSqlModal,
|
|
116900
117062
|
onClose: () => setShowSqlModal(false),
|
|
116901
117063
|
children: /* @__PURE__ */ jsx("div", {
|
|
116902
|
-
className: styles$
|
|
117064
|
+
className: styles$o["query-modal"],
|
|
116903
117065
|
children: query
|
|
116904
117066
|
})
|
|
116905
117067
|
}), /* @__PURE__ */ jsx(Modal, {
|
|
@@ -121472,13 +121634,14 @@ function WidthProvideRGL(ComposedComponent) {
|
|
|
121472
121634
|
module.exports.Responsive.utils = responsiveUtils;
|
|
121473
121635
|
module.exports.WidthProvider = WidthProvider.default;
|
|
121474
121636
|
})(reactGridLayout);
|
|
121475
|
-
var styles$
|
|
121476
|
-
var styles$
|
|
121477
|
-
"MetricList-container": "_MetricList-
|
|
121478
|
-
"MetricList-wrapper": "_MetricList-
|
|
121479
|
-
"
|
|
121480
|
-
"noMetric-
|
|
121481
|
-
"
|
|
121637
|
+
var styles$c = "";
|
|
121638
|
+
var styles$b = {
|
|
121639
|
+
"MetricList-container": "_MetricList-container_15a2v_1",
|
|
121640
|
+
"MetricList-wrapper": "_MetricList-wrapper_15a2v_9",
|
|
121641
|
+
"MetricList-wrapper-move": "_MetricList-wrapper-move_15a2v_17",
|
|
121642
|
+
"noMetric-container": "_noMetric-container_15a2v_25",
|
|
121643
|
+
"noMetric-wrapper": "_noMetric-wrapper_15a2v_33",
|
|
121644
|
+
"alt-container": "_alt-container_15a2v_41"
|
|
121482
121645
|
};
|
|
121483
121646
|
const cardContainer = "_cardContainer_hxh6o_1";
|
|
121484
121647
|
const listHeader = "_listHeader_hxh6o_9";
|
|
@@ -121512,7 +121675,7 @@ const downloadCsvFooter = "_downloadCsvFooter_hxh6o_221";
|
|
|
121512
121675
|
const downloadCsvCancelBtn = "_downloadCsvCancelBtn_hxh6o_229";
|
|
121513
121676
|
const downloadCsvNote = "_downloadCsvNote_hxh6o_237";
|
|
121514
121677
|
const downloadCsvNoteText = "_downloadCsvNoteText_hxh6o_245";
|
|
121515
|
-
var styles$
|
|
121678
|
+
var styles$a = {
|
|
121516
121679
|
cardContainer,
|
|
121517
121680
|
listHeader,
|
|
121518
121681
|
metricName,
|
|
@@ -121615,7 +121778,7 @@ const ChartImageDownloadButton = ({
|
|
|
121615
121778
|
};
|
|
121616
121779
|
const metricFilter = "_metricFilter_k2gef_1";
|
|
121617
121780
|
const customContainer = "_customContainer_k2gef_4";
|
|
121618
|
-
var styles$
|
|
121781
|
+
var styles$9 = {
|
|
121619
121782
|
metricFilter,
|
|
121620
121783
|
customContainer
|
|
121621
121784
|
};
|
|
@@ -121628,7 +121791,7 @@ const MetricFilterDropDown = ({
|
|
|
121628
121791
|
}) => {
|
|
121629
121792
|
return /* @__PURE__ */ jsx("div", {
|
|
121630
121793
|
children: !!(rlsConditions == null ? void 0 : rlsConditions.length) && onChangeFilterValue ? rlsConditions[0].datatype !== "date" ? rlsConditions[0].datatype === "string" ? rlsConditions[0].options.length ? /* @__PURE__ */ jsx("div", {
|
|
121631
|
-
className: styles$
|
|
121794
|
+
className: styles$9.metricFilter,
|
|
121632
121795
|
children: /* @__PURE__ */ jsx(MultiFloatingDropDown, {
|
|
121633
121796
|
selectedOptions: Array.isArray(rlsConditions[0].value) && rlsConditions[0].value.length ? rlsConditions[0].value.map((val) => ({
|
|
121634
121797
|
label: val,
|
|
@@ -121643,7 +121806,7 @@ const MetricFilterDropDown = ({
|
|
|
121643
121806
|
label: rlsConditions[0].name
|
|
121644
121807
|
})
|
|
121645
121808
|
}) : /* @__PURE__ */ jsx("div", {
|
|
121646
|
-
className: styles$
|
|
121809
|
+
className: styles$9.metricFilter,
|
|
121647
121810
|
children: /* @__PURE__ */ jsx(MultiFilterDropdown, {
|
|
121648
121811
|
selectedOptions: Array.isArray(rlsConditions[0].value) && rlsConditions[0].value.length ? rlsConditions[0].value.map((val) => ({
|
|
121649
121812
|
label: val,
|
|
@@ -121663,7 +121826,7 @@ const MetricFilterDropDown = ({
|
|
|
121663
121826
|
integrationName
|
|
121664
121827
|
})
|
|
121665
121828
|
}) : /* @__PURE__ */ jsx("div", {
|
|
121666
|
-
className: styles$
|
|
121829
|
+
className: styles$9.metricFilter,
|
|
121667
121830
|
children: /* @__PURE__ */ jsx(FloatingDropDown, {
|
|
121668
121831
|
label: rlsConditions[0].name,
|
|
121669
121832
|
selectedOption: {
|
|
@@ -121678,7 +121841,7 @@ const MetricFilterDropDown = ({
|
|
|
121678
121841
|
labelDesign: "client"
|
|
121679
121842
|
})
|
|
121680
121843
|
}) : /* @__PURE__ */ jsx("div", {
|
|
121681
|
-
className: styles$
|
|
121844
|
+
className: styles$9.metricFilter,
|
|
121682
121845
|
children: /* @__PURE__ */ jsx(FloatingDropDown, {
|
|
121683
121846
|
label: rlsConditions[0].name,
|
|
121684
121847
|
selectedOption: {
|
|
@@ -121692,7 +121855,7 @@ const MetricFilterDropDown = ({
|
|
|
121692
121855
|
onChange: (option2) => onChangeFilterValue(rlsConditions[0].name, option2.value),
|
|
121693
121856
|
labelDesign: "client",
|
|
121694
121857
|
children: rlsConditions[0].value === "Custom" ? /* @__PURE__ */ jsxs("div", {
|
|
121695
|
-
className: styles$
|
|
121858
|
+
className: styles$9.customContainer,
|
|
121696
121859
|
children: [/* @__PURE__ */ jsx(InputField, {
|
|
121697
121860
|
label: "From Date",
|
|
121698
121861
|
type: "date",
|
|
@@ -121739,7 +121902,7 @@ const left = "_left_14i90_57";
|
|
|
121739
121902
|
const right = "_right_14i90_61";
|
|
121740
121903
|
const chartOptionBtn = "_chartOptionBtn_14i90_113";
|
|
121741
121904
|
const chartpopup = "_chartpopup_14i90_117";
|
|
121742
|
-
var styles$
|
|
121905
|
+
var styles$8 = {
|
|
121743
121906
|
container: container$1,
|
|
121744
121907
|
popover,
|
|
121745
121908
|
button,
|
|
@@ -121773,7 +121936,7 @@ var styles$5 = {
|
|
|
121773
121936
|
};
|
|
121774
121937
|
const fullscreen = "_fullscreen_1gpy3_1";
|
|
121775
121938
|
const loading = "_loading_1gpy3_5";
|
|
121776
|
-
var styles$
|
|
121939
|
+
var styles$7 = {
|
|
121777
121940
|
fullscreen,
|
|
121778
121941
|
loading
|
|
121779
121942
|
};
|
|
@@ -121801,16 +121964,16 @@ const UnderlyingData = ({
|
|
|
121801
121964
|
onClose: () => setShowUnderlyingData(false),
|
|
121802
121965
|
headerTitle: "View Underlying Data",
|
|
121803
121966
|
children: /* @__PURE__ */ jsxs("div", {
|
|
121804
|
-
className: styles$
|
|
121967
|
+
className: styles$7.fullscreen,
|
|
121805
121968
|
children: [!!underlyingData.length && /* @__PURE__ */ jsx(Table, {
|
|
121806
121969
|
data: underlyingData,
|
|
121807
121970
|
isLoading: false,
|
|
121808
121971
|
error: ""
|
|
121809
121972
|
}), !underlyingData.length && !isLoading && /* @__PURE__ */ jsx("div", {
|
|
121810
|
-
className: styles$
|
|
121973
|
+
className: styles$7.loading,
|
|
121811
121974
|
children: "No Data Available"
|
|
121812
121975
|
}), isLoading && !underlyingData.length && /* @__PURE__ */ jsx("div", {
|
|
121813
|
-
className: styles$
|
|
121976
|
+
className: styles$7.loading,
|
|
121814
121977
|
children: /* @__PURE__ */ jsx(eosIconsLoading, {
|
|
121815
121978
|
style: {
|
|
121816
121979
|
width: "50px",
|
|
@@ -121891,26 +122054,26 @@ const ChartPopup = ({
|
|
|
121891
122054
|
},
|
|
121892
122055
|
ref: wrapperRef,
|
|
121893
122056
|
children: /* @__PURE__ */ jsx("div", {
|
|
121894
|
-
className: `${styles$
|
|
122057
|
+
className: `${styles$8.popover} ${styles$8[position2]} ${menuContainerClass}`,
|
|
121895
122058
|
children: /* @__PURE__ */ jsx(We, {
|
|
121896
122059
|
as: "div",
|
|
121897
|
-
className: `${styles$
|
|
122060
|
+
className: `${styles$8.menu} ${menuClass}`,
|
|
121898
122061
|
show: isOpen,
|
|
121899
|
-
enter: styles$
|
|
121900
|
-
enterFrom: styles$
|
|
121901
|
-
enterTo: styles$
|
|
121902
|
-
leave: styles$
|
|
121903
|
-
leaveFrom: styles$
|
|
121904
|
-
leaveTo: styles$
|
|
122062
|
+
enter: styles$8.enter,
|
|
122063
|
+
enterFrom: styles$8.enterFrom,
|
|
122064
|
+
enterTo: styles$8.enterTo,
|
|
122065
|
+
leave: styles$8.leave,
|
|
122066
|
+
leaveFrom: styles$8.leaveFrom,
|
|
122067
|
+
leaveTo: styles$8.leaveTo,
|
|
121905
122068
|
children: /* @__PURE__ */ jsxs("div", {
|
|
121906
|
-
className: styles$
|
|
122069
|
+
className: styles$8.chartpopup,
|
|
121907
122070
|
children: [/* @__PURE__ */ jsxs(Button, {
|
|
121908
122071
|
variant: "custom",
|
|
121909
122072
|
type: "button",
|
|
121910
|
-
className: styles$
|
|
122073
|
+
className: styles$8.chartOptionBtn,
|
|
121911
122074
|
onClick: () => setShowUnderlyingData(true),
|
|
121912
122075
|
children: [/* @__PURE__ */ jsx(evaLayersFill, {
|
|
121913
|
-
className: styles$
|
|
122076
|
+
className: styles$8.popupItemIcon
|
|
121914
122077
|
}), /* @__PURE__ */ jsx(Text, {
|
|
121915
122078
|
variant: "p",
|
|
121916
122079
|
styleClass: "font-14",
|
|
@@ -121919,10 +122082,10 @@ const ChartPopup = ({
|
|
|
121919
122082
|
}), drilldown2 && /* @__PURE__ */ jsxs(Button, {
|
|
121920
122083
|
variant: "custom",
|
|
121921
122084
|
type: "button",
|
|
121922
|
-
className: styles$
|
|
122085
|
+
className: styles$8.chartOptionBtn,
|
|
121923
122086
|
onClick: () => drilldown2(),
|
|
121924
122087
|
children: [/* @__PURE__ */ jsx(fluentMdl2DrillDown, {
|
|
121925
|
-
className: styles$
|
|
122088
|
+
className: styles$8.popupItemIcon
|
|
121926
122089
|
}), /* @__PURE__ */ jsx(Text, {
|
|
121927
122090
|
variant: "p",
|
|
121928
122091
|
styleClass: "font-14",
|
|
@@ -121931,10 +122094,10 @@ const ChartPopup = ({
|
|
|
121931
122094
|
}), clickBehaviourConfigs.isEnable && /* @__PURE__ */ jsxs(Button, {
|
|
121932
122095
|
variant: "custom",
|
|
121933
122096
|
type: "button",
|
|
121934
|
-
className: styles$
|
|
122097
|
+
className: styles$8.chartOptionBtn,
|
|
121935
122098
|
onClick: () => handleChartClick(clickBehaviourConfigs, (value == null ? void 0 : value.split(" ").join("_")) || "undefined"),
|
|
121936
122099
|
children: [/* @__PURE__ */ jsx(mdiExternalLink, {
|
|
121937
|
-
className: styles$
|
|
122100
|
+
className: styles$8.popupItemIcon
|
|
121938
122101
|
}), /* @__PURE__ */ jsx(Text, {
|
|
121939
122102
|
variant: "p",
|
|
121940
122103
|
styleClass: "font-14",
|
|
@@ -121981,7 +122144,9 @@ const useDownloadRawCsv = () => {
|
|
|
121981
122144
|
sqlQuery,
|
|
121982
122145
|
values,
|
|
121983
122146
|
clientName,
|
|
121984
|
-
tenancyType
|
|
122147
|
+
tenancyType,
|
|
122148
|
+
metricName: metricName2,
|
|
122149
|
+
workspaceId
|
|
121985
122150
|
}) => {
|
|
121986
122151
|
setLoading(true);
|
|
121987
122152
|
setError("");
|
|
@@ -121992,7 +122157,13 @@ const useDownloadRawCsv = () => {
|
|
|
121992
122157
|
values
|
|
121993
122158
|
});
|
|
121994
122159
|
mutate(
|
|
121995
|
-
{
|
|
122160
|
+
{
|
|
122161
|
+
companyId,
|
|
122162
|
+
recipientAddress: values.email,
|
|
122163
|
+
sqlQuery: modifiedQuery,
|
|
122164
|
+
metricName: metricName2,
|
|
122165
|
+
workspaceId
|
|
122166
|
+
},
|
|
121996
122167
|
{
|
|
121997
122168
|
onSuccess(data) {
|
|
121998
122169
|
var _a2, _b2;
|
|
@@ -122002,8 +122173,7 @@ const useDownloadRawCsv = () => {
|
|
|
122002
122173
|
setError("");
|
|
122003
122174
|
setLoading(false);
|
|
122004
122175
|
setRawCsvModal(false);
|
|
122005
|
-
}
|
|
122006
|
-
if (error2) {
|
|
122176
|
+
} else if (error2) {
|
|
122007
122177
|
setError(error2.message);
|
|
122008
122178
|
setLoading(false);
|
|
122009
122179
|
} else {
|
|
@@ -122032,7 +122202,21 @@ const asEmail = {
|
|
|
122032
122202
|
message: "Entered value does not match email format"
|
|
122033
122203
|
}
|
|
122034
122204
|
};
|
|
122035
|
-
|
|
122205
|
+
({
|
|
122206
|
+
...required,
|
|
122207
|
+
minLength: {
|
|
122208
|
+
value: 8,
|
|
122209
|
+
message: "Min length is 8"
|
|
122210
|
+
}
|
|
122211
|
+
});
|
|
122212
|
+
({
|
|
122213
|
+
...required,
|
|
122214
|
+
minLength: {
|
|
122215
|
+
value: 3,
|
|
122216
|
+
message: "Min length is 3"
|
|
122217
|
+
}
|
|
122218
|
+
});
|
|
122219
|
+
var styles$6 = {
|
|
122036
122220
|
"dbc-container": "_dbc-container_1dw7c_1",
|
|
122037
122221
|
"active-dimension": "_active-dimension_1dw7c_5"
|
|
122038
122222
|
};
|
|
@@ -122041,9 +122225,9 @@ const DrillBreadCrumb = ({
|
|
|
122041
122225
|
drilledLevel
|
|
122042
122226
|
}) => {
|
|
122043
122227
|
return /* @__PURE__ */ jsx("div", {
|
|
122044
|
-
className: styles$
|
|
122228
|
+
className: styles$6["dbc-container"],
|
|
122045
122229
|
children: dimensions.map((dimension, index2) => /* @__PURE__ */ jsxs("span", {
|
|
122046
|
-
className: index2 === drilledLevel ? styles$
|
|
122230
|
+
className: index2 === drilledLevel ? styles$6["active-dimension"] : "",
|
|
122047
122231
|
children: ["/", dimension]
|
|
122048
122232
|
}))
|
|
122049
122233
|
});
|
|
@@ -122325,14 +122509,14 @@ const MetricCard = ({
|
|
|
122325
122509
|
} = useDownloadRawCsv();
|
|
122326
122510
|
return /* @__PURE__ */ jsxs(Fragment, {
|
|
122327
122511
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
122328
|
-
className: styles$
|
|
122512
|
+
className: styles$a.cardContainer,
|
|
122329
122513
|
onContextMenu: (e2) => {
|
|
122330
122514
|
e2.preventDefault();
|
|
122331
122515
|
},
|
|
122332
122516
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
122333
|
-
className: styles$
|
|
122517
|
+
className: styles$a.listHeader,
|
|
122334
122518
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
122335
|
-
className: styles$
|
|
122519
|
+
className: styles$a.metricName,
|
|
122336
122520
|
children: [/* @__PURE__ */ jsx(Button, {
|
|
122337
122521
|
type: "button",
|
|
122338
122522
|
variant: "custom",
|
|
@@ -122342,15 +122526,15 @@ const MetricCard = ({
|
|
|
122342
122526
|
children: /* @__PURE__ */ jsx(Text, {
|
|
122343
122527
|
variant: "h3",
|
|
122344
122528
|
styleClass: "primary",
|
|
122345
|
-
className: `${styles$
|
|
122529
|
+
className: `${styles$a.metricTitle} dbn-metric-card-title`,
|
|
122346
122530
|
children: renderHeaderName ? renderHeaderName(metricItem.name) : metricItem.name
|
|
122347
122531
|
})
|
|
122348
122532
|
}), metricItem.description && /* @__PURE__ */ jsx("span", {
|
|
122349
|
-
className: `${styles$
|
|
122533
|
+
className: `${styles$a.metricDescription} dbn-metric-card-description`,
|
|
122350
122534
|
children: metricItem.description
|
|
122351
122535
|
})]
|
|
122352
122536
|
}), /* @__PURE__ */ jsxs("div", {
|
|
122353
|
-
className: styles$
|
|
122537
|
+
className: styles$a.features,
|
|
122354
122538
|
children: [/* @__PURE__ */ jsx(MetricFilterDropDown, {
|
|
122355
122539
|
rlsConditions,
|
|
122356
122540
|
onChangeFilterValue,
|
|
@@ -122358,18 +122542,18 @@ const MetricCard = ({
|
|
|
122358
122542
|
integrationId: metricItem == null ? void 0 : metricItem.companyIntegrationId,
|
|
122359
122543
|
integrationName: metricItem == null ? void 0 : metricItem.integrationName
|
|
122360
122544
|
}), /* @__PURE__ */ jsxs(PopoverMenu, {
|
|
122361
|
-
buttonClass: styles$
|
|
122545
|
+
buttonClass: styles$a.popup,
|
|
122362
122546
|
button: /* @__PURE__ */ jsx(Icons, {
|
|
122363
122547
|
name: "more-icon",
|
|
122364
|
-
className: styles$
|
|
122548
|
+
className: styles$a.popupIcon
|
|
122365
122549
|
}),
|
|
122366
|
-
menuClass: styles$
|
|
122550
|
+
menuClass: styles$a.popupMenu,
|
|
122367
122551
|
position: "bottom-right",
|
|
122368
122552
|
children: [/* @__PURE__ */ jsxs(Button, {
|
|
122369
122553
|
type: "button",
|
|
122370
122554
|
variant: "custom",
|
|
122371
122555
|
id: `metric-card-popup-btn__${metricItem.id}`,
|
|
122372
|
-
className: `${styles$
|
|
122556
|
+
className: `${styles$a.popupItem} ${styles$a.csvBtn}`,
|
|
122373
122557
|
onClick: () => onMaximize({
|
|
122374
122558
|
labels: labels2,
|
|
122375
122559
|
data: {
|
|
@@ -122395,55 +122579,55 @@ const MetricCard = ({
|
|
|
122395
122579
|
}),
|
|
122396
122580
|
children: [/* @__PURE__ */ jsx(Icons, {
|
|
122397
122581
|
name: "fullscreen-icon",
|
|
122398
|
-
className: styles$
|
|
122582
|
+
className: styles$a.popupItemIcon
|
|
122399
122583
|
}), "Enter Fullscreen"]
|
|
122400
122584
|
}), /* @__PURE__ */ jsx(ChartImageDownloadButton, {
|
|
122401
122585
|
text: "Save As PNG",
|
|
122402
122586
|
chartRef,
|
|
122403
|
-
className: `${styles$
|
|
122404
|
-
iconClass: styles$
|
|
122587
|
+
className: `${styles$a.popupItem} ${styles$a.csvBtn}`,
|
|
122588
|
+
iconClass: styles$a.popupItemIcon,
|
|
122405
122589
|
id: metricItem.id
|
|
122406
122590
|
}), /* @__PURE__ */ jsx(CsvDownloadButton, {
|
|
122407
122591
|
data: dataDb,
|
|
122408
122592
|
fileName: metricItem.name,
|
|
122409
|
-
className: `${styles$
|
|
122593
|
+
className: `${styles$a.popupItem} ${styles$a.csvBtn}`,
|
|
122410
122594
|
text: "Save As CSV",
|
|
122411
|
-
iconClass: styles$
|
|
122595
|
+
iconClass: styles$a.popupItemIcon
|
|
122412
122596
|
}), !!dataDb.length && /* @__PURE__ */ jsxs(Fragment, {
|
|
122413
122597
|
children: [/* @__PURE__ */ jsxs(Button, {
|
|
122414
122598
|
variant: "custom",
|
|
122415
122599
|
type: "button",
|
|
122416
|
-
className: `${styles$
|
|
122600
|
+
className: `${styles$a.popupItem} ${styles$a.csvBtn}`,
|
|
122417
122601
|
onClick: () => setTablePreview(true),
|
|
122418
122602
|
children: [/* @__PURE__ */ jsx(Icons, {
|
|
122419
122603
|
name: "table-tab-icon",
|
|
122420
|
-
className: styles$
|
|
122604
|
+
className: styles$a.popupItemIcon
|
|
122421
122605
|
}), "View As Table"]
|
|
122422
122606
|
}), /* @__PURE__ */ jsxs(Button, {
|
|
122423
122607
|
variant: "custom",
|
|
122424
122608
|
type: "button",
|
|
122425
|
-
className: `${styles$
|
|
122609
|
+
className: `${styles$a.popupItem} ${styles$a.csvBtn}`,
|
|
122426
122610
|
onClick: () => setRawCsvModal(true),
|
|
122427
122611
|
children: [/* @__PURE__ */ jsx(Icons, {
|
|
122428
122612
|
name: "csv-icon",
|
|
122429
|
-
className: styles$
|
|
122613
|
+
className: styles$a.popupItemIcon
|
|
122430
122614
|
}), "Download Raw CSV"]
|
|
122431
122615
|
})]
|
|
122432
122616
|
}), onEdit && /* @__PURE__ */ jsxs(Button, {
|
|
122433
122617
|
variant: "custom",
|
|
122434
122618
|
type: "button",
|
|
122435
|
-
className: `${styles$
|
|
122619
|
+
className: `${styles$a.popupItem} ${styles$a.csvBtn}`,
|
|
122436
122620
|
onClick: () => onEdit(metricItem, dataDb),
|
|
122437
122621
|
children: [/* @__PURE__ */ jsx(materialSymbolsEditSquareOutline, {
|
|
122438
|
-
className: styles$
|
|
122622
|
+
className: styles$a.popupItemIcon
|
|
122439
122623
|
}), "Edit Metric"]
|
|
122440
122624
|
}), onArchive && /* @__PURE__ */ jsxs(Button, {
|
|
122441
122625
|
variant: "custom",
|
|
122442
122626
|
type: "button",
|
|
122443
|
-
className: `${styles$
|
|
122627
|
+
className: `${styles$a.popupItem} ${styles$a.csvBtn} ${styles$a.deleteBtn}`,
|
|
122444
122628
|
onClick: () => onArchive(metricItem.id),
|
|
122445
122629
|
children: [/* @__PURE__ */ jsx(materialSymbolsArchiveOutline, {
|
|
122446
|
-
className: styles$
|
|
122630
|
+
className: styles$a.popupItemIcon
|
|
122447
122631
|
}), "Archive Metric"]
|
|
122448
122632
|
})]
|
|
122449
122633
|
})]
|
|
@@ -122452,26 +122636,26 @@ const MetricCard = ({
|
|
|
122452
122636
|
dimensions: drillDownSettings.selectedDimensions,
|
|
122453
122637
|
drilledLevel
|
|
122454
122638
|
}), chartType2 && /* @__PURE__ */ jsxs("div", {
|
|
122455
|
-
className: styles$
|
|
122639
|
+
className: styles$a.metricData,
|
|
122456
122640
|
onContextMenu: (e2) => {
|
|
122457
122641
|
e2.preventDefault();
|
|
122458
122642
|
},
|
|
122459
122643
|
children: [!isQueryLoading && !dataDb.length ? /* @__PURE__ */ jsx("div", {
|
|
122460
|
-
className: styles$
|
|
122644
|
+
className: styles$a.noData,
|
|
122461
122645
|
children: /* @__PURE__ */ jsxs("div", {
|
|
122462
|
-
className: styles$
|
|
122646
|
+
className: styles$a.noDataContent,
|
|
122463
122647
|
children: [/* @__PURE__ */ jsx("img", {
|
|
122464
122648
|
src: NoData,
|
|
122465
122649
|
alt: "",
|
|
122466
122650
|
width: "300px",
|
|
122467
122651
|
height: "300px"
|
|
122468
122652
|
}), /* @__PURE__ */ jsx("div", {
|
|
122469
|
-
className: styles$
|
|
122653
|
+
className: styles$a.noDataText,
|
|
122470
122654
|
children: "No Data Available"
|
|
122471
122655
|
})]
|
|
122472
122656
|
})
|
|
122473
122657
|
}) : null, isQueryLoading && /* @__PURE__ */ jsx("div", {
|
|
122474
|
-
className: styles$
|
|
122658
|
+
className: styles$a.loading,
|
|
122475
122659
|
children: /* @__PURE__ */ jsx(eosIconsLoading, {
|
|
122476
122660
|
style: {
|
|
122477
122661
|
width: "50px",
|
|
@@ -122516,7 +122700,7 @@ const MetricCard = ({
|
|
|
122516
122700
|
onClose: () => setTablePreview(false),
|
|
122517
122701
|
headerTitle: metricItem.name,
|
|
122518
122702
|
children: /* @__PURE__ */ jsx("div", {
|
|
122519
|
-
className: styles$
|
|
122703
|
+
className: styles$a.fullscreen,
|
|
122520
122704
|
children: /* @__PURE__ */ jsx(Table, {
|
|
122521
122705
|
data: dataDb,
|
|
122522
122706
|
isLoading: isQueryLoading,
|
|
@@ -122528,16 +122712,21 @@ const MetricCard = ({
|
|
|
122528
122712
|
onClose: () => setRawCsvModal(false),
|
|
122529
122713
|
headerTitle: "Download Raw csv",
|
|
122530
122714
|
children: /* @__PURE__ */ jsxs("form", {
|
|
122531
|
-
className: styles$
|
|
122532
|
-
onSubmit: handleSubmit((values) =>
|
|
122533
|
-
|
|
122534
|
-
|
|
122535
|
-
|
|
122536
|
-
|
|
122537
|
-
|
|
122538
|
-
|
|
122715
|
+
className: styles$a.downloadCsv,
|
|
122716
|
+
onSubmit: handleSubmit((values) => {
|
|
122717
|
+
var _a3;
|
|
122718
|
+
return onSubmitDownloadCsv({
|
|
122719
|
+
values,
|
|
122720
|
+
sqlQuery: metricItem.query,
|
|
122721
|
+
companyId: metricItem.companyId,
|
|
122722
|
+
clientName: client,
|
|
122723
|
+
tenancyType: companyTenancyType,
|
|
122724
|
+
metricName: metricItem == null ? void 0 : metricItem.name,
|
|
122725
|
+
workspaceId: (_a3 = metricItem == null ? void 0 : metricItem.companyIntegration) == null ? void 0 : _a3.workspaceId
|
|
122726
|
+
});
|
|
122727
|
+
}),
|
|
122539
122728
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
122540
|
-
className: styles$
|
|
122729
|
+
className: styles$a.downloadCsvWrapper,
|
|
122541
122730
|
children: [/* @__PURE__ */ jsx(InputField, {
|
|
122542
122731
|
type: "email",
|
|
122543
122732
|
label: "email",
|
|
@@ -122546,12 +122735,12 @@ const MetricCard = ({
|
|
|
122546
122735
|
}), /* @__PURE__ */ jsx(Error$1, {
|
|
122547
122736
|
message: downloadCsvError
|
|
122548
122737
|
}), /* @__PURE__ */ jsxs("div", {
|
|
122549
|
-
className: styles$
|
|
122738
|
+
className: styles$a.downloadCsvNote,
|
|
122550
122739
|
children: [/* @__PURE__ */ jsx(Icons, {
|
|
122551
122740
|
name: "info-icon",
|
|
122552
|
-
className: styles$
|
|
122741
|
+
className: styles$a.popupItemIcon
|
|
122553
122742
|
}), /* @__PURE__ */ jsxs("div", {
|
|
122554
|
-
className: styles$
|
|
122743
|
+
className: styles$a.downloadCsvNoteText,
|
|
122555
122744
|
children: [/* @__PURE__ */ jsx(Text, {
|
|
122556
122745
|
styleClass: "primary",
|
|
122557
122746
|
variant: "h1",
|
|
@@ -122568,7 +122757,7 @@ const MetricCard = ({
|
|
|
122568
122757
|
variant: "custom",
|
|
122569
122758
|
type: "button",
|
|
122570
122759
|
size: "small",
|
|
122571
|
-
className: styles$
|
|
122760
|
+
className: styles$a.downloadCsvCancelBtn,
|
|
122572
122761
|
onClick: () => setRawCsvModal(false),
|
|
122573
122762
|
isDisabled: isLoading,
|
|
122574
122763
|
children: "Cancel"
|
|
@@ -122727,12 +122916,12 @@ const SingleValueCard = ({
|
|
|
122727
122916
|
};
|
|
122728
122917
|
return /* @__PURE__ */ jsx(Fragment, {
|
|
122729
122918
|
children: /* @__PURE__ */ jsxs("div", {
|
|
122730
|
-
className: styles$
|
|
122919
|
+
className: styles$a.cardContainer,
|
|
122731
122920
|
id: metricItem.id,
|
|
122732
122921
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
122733
|
-
className: styles$
|
|
122922
|
+
className: styles$a.listHeader,
|
|
122734
122923
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
122735
|
-
className: styles$
|
|
122924
|
+
className: styles$a.metricName,
|
|
122736
122925
|
children: [/* @__PURE__ */ jsx(Button, {
|
|
122737
122926
|
type: "button",
|
|
122738
122927
|
variant: "custom",
|
|
@@ -122742,15 +122931,15 @@ const SingleValueCard = ({
|
|
|
122742
122931
|
children: /* @__PURE__ */ jsx(Text, {
|
|
122743
122932
|
variant: "h3",
|
|
122744
122933
|
styleClass: "primary",
|
|
122745
|
-
className: `${styles$
|
|
122934
|
+
className: `${styles$a.metricTitle} dbn-metric-card-title`,
|
|
122746
122935
|
children: renderHeaderName ? renderHeaderName(metricItem.name) : metricItem.name
|
|
122747
122936
|
})
|
|
122748
122937
|
}), metricItem.description && /* @__PURE__ */ jsx("span", {
|
|
122749
|
-
className: `${styles$
|
|
122938
|
+
className: `${styles$a.metricDescription} dbn-metric-card-description`,
|
|
122750
122939
|
children: metricItem.description
|
|
122751
122940
|
})]
|
|
122752
122941
|
}), /* @__PURE__ */ jsxs("div", {
|
|
122753
|
-
className: styles$
|
|
122942
|
+
className: styles$a.features,
|
|
122754
122943
|
children: [/* @__PURE__ */ jsx(MetricFilterDropDown, {
|
|
122755
122944
|
rlsConditions,
|
|
122756
122945
|
onChangeFilterValue,
|
|
@@ -122758,34 +122947,34 @@ const SingleValueCard = ({
|
|
|
122758
122947
|
integrationId: metricItem == null ? void 0 : metricItem.companyIntegrationId,
|
|
122759
122948
|
integrationName: metricItem == null ? void 0 : metricItem.integrationName
|
|
122760
122949
|
}), (onEdit || onArchive) && /* @__PURE__ */ jsxs(PopoverMenu, {
|
|
122761
|
-
buttonClass: styles$
|
|
122950
|
+
buttonClass: styles$a.popup,
|
|
122762
122951
|
button: /* @__PURE__ */ jsx(Icons, {
|
|
122763
122952
|
name: "more-icon",
|
|
122764
|
-
className: styles$
|
|
122953
|
+
className: styles$a.popupIcon
|
|
122765
122954
|
}),
|
|
122766
|
-
menuClass: styles$
|
|
122955
|
+
menuClass: styles$a.popupMenu,
|
|
122767
122956
|
position: "bottom-right",
|
|
122768
122957
|
children: [onEdit && /* @__PURE__ */ jsxs(Button, {
|
|
122769
122958
|
variant: "custom",
|
|
122770
122959
|
type: "button",
|
|
122771
|
-
className: `${styles$
|
|
122960
|
+
className: `${styles$a.popupItem} ${styles$a.csvBtn}`,
|
|
122772
122961
|
onClick: () => onEdit(metricItem, dataDb),
|
|
122773
122962
|
children: [/* @__PURE__ */ jsx(materialSymbolsEditSquareOutline, {
|
|
122774
|
-
className: styles$
|
|
122963
|
+
className: styles$a.popupItemIcon
|
|
122775
122964
|
}), "Edit Metric"]
|
|
122776
122965
|
}), onArchive && /* @__PURE__ */ jsxs(Button, {
|
|
122777
122966
|
variant: "custom",
|
|
122778
122967
|
type: "button",
|
|
122779
|
-
className: `${styles$
|
|
122968
|
+
className: `${styles$a.popupItem} ${styles$a.csvBtn} ${styles$a.deleteBtn}`,
|
|
122780
122969
|
onClick: () => onArchive(metricItem.id),
|
|
122781
122970
|
children: [/* @__PURE__ */ jsx(materialSymbolsArchiveOutline, {
|
|
122782
|
-
className: styles$
|
|
122971
|
+
className: styles$a.popupItemIcon
|
|
122783
122972
|
}), "Archive Metric"]
|
|
122784
122973
|
})]
|
|
122785
122974
|
})]
|
|
122786
122975
|
})]
|
|
122787
122976
|
}), chartType2 && /* @__PURE__ */ jsx("div", {
|
|
122788
|
-
className: `${styles$
|
|
122977
|
+
className: `${styles$a.metricData} ${styles$a.singleValueData}`,
|
|
122789
122978
|
children: isQueryLoading ? /* @__PURE__ */ jsx(eosIconsLoading, {
|
|
122790
122979
|
style: {
|
|
122791
122980
|
width: "50px",
|
|
@@ -122799,16 +122988,16 @@ const SingleValueCard = ({
|
|
|
122799
122988
|
chartClickConfig: clickBehaviourConfigs.chart,
|
|
122800
122989
|
hideBorder: true
|
|
122801
122990
|
}) : /* @__PURE__ */ jsx("div", {
|
|
122802
|
-
className: styles$
|
|
122991
|
+
className: styles$a.noData,
|
|
122803
122992
|
children: /* @__PURE__ */ jsxs("div", {
|
|
122804
|
-
className: styles$
|
|
122993
|
+
className: styles$a.noDataContent,
|
|
122805
122994
|
children: [/* @__PURE__ */ jsx("img", {
|
|
122806
122995
|
src: NoData,
|
|
122807
122996
|
alt: "",
|
|
122808
122997
|
width: "300px",
|
|
122809
122998
|
height: "300px"
|
|
122810
122999
|
}), /* @__PURE__ */ jsx("div", {
|
|
122811
|
-
className: styles$
|
|
123000
|
+
className: styles$a.noDataText,
|
|
122812
123001
|
children: "No Data Available"
|
|
122813
123002
|
})]
|
|
122814
123003
|
})
|
|
@@ -122885,9 +123074,9 @@ const ArchiveMetricModal = ({
|
|
|
122885
123074
|
isOpen,
|
|
122886
123075
|
onClose,
|
|
122887
123076
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
122888
|
-
className: styles$
|
|
123077
|
+
className: styles$a.deleteModal,
|
|
122889
123078
|
children: [/* @__PURE__ */ jsx(ionWarningOutline, {
|
|
122890
|
-
className: styles$
|
|
123079
|
+
className: styles$a.warningIcon
|
|
122891
123080
|
}), /* @__PURE__ */ jsx(Text, {
|
|
122892
123081
|
variant: "p",
|
|
122893
123082
|
styleClass: "font-14",
|
|
@@ -122898,7 +123087,7 @@ const ArchiveMetricModal = ({
|
|
|
122898
123087
|
variant: "secondary",
|
|
122899
123088
|
type: "button",
|
|
122900
123089
|
size: "default",
|
|
122901
|
-
className: styles$
|
|
123090
|
+
className: styles$a.cancelBtn,
|
|
122902
123091
|
onClick: onClose,
|
|
122903
123092
|
children: "Cancel"
|
|
122904
123093
|
}), /* @__PURE__ */ jsx(Button, {
|
|
@@ -122913,7 +123102,7 @@ const ArchiveMetricModal = ({
|
|
|
122913
123102
|
});
|
|
122914
123103
|
};
|
|
122915
123104
|
const alertCancel = "_alertCancel_15a9a_1";
|
|
122916
|
-
var styles$
|
|
123105
|
+
var styles$5 = {
|
|
122917
123106
|
alertCancel
|
|
122918
123107
|
};
|
|
122919
123108
|
const alert = "_alert_5fxok_1";
|
|
@@ -122924,7 +123113,7 @@ const success = "_success_5fxok_33";
|
|
|
122924
123113
|
const alertTextContent = "_alertTextContent_5fxok_41";
|
|
122925
123114
|
const alertText = "_alertText_5fxok_41";
|
|
122926
123115
|
const alertButtons = "_alertButtons_5fxok_57";
|
|
122927
|
-
var styles$
|
|
123116
|
+
var styles$4 = {
|
|
122928
123117
|
alert,
|
|
122929
123118
|
primary,
|
|
122930
123119
|
warning,
|
|
@@ -122941,19 +123130,19 @@ const Alert = ({
|
|
|
122941
123130
|
}) => {
|
|
122942
123131
|
return /* @__PURE__ */ jsx(Fragment, {
|
|
122943
123132
|
children: /* @__PURE__ */ jsxs("div", {
|
|
122944
|
-
className: `${styles$
|
|
123133
|
+
className: `${styles$4.alert} ${styles$4[variant]}`,
|
|
122945
123134
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
122946
|
-
className: styles$
|
|
123135
|
+
className: styles$4.alertTextContent,
|
|
122947
123136
|
children: [/* @__PURE__ */ jsx(Icons, {
|
|
122948
123137
|
name: "info-icon"
|
|
122949
123138
|
}), /* @__PURE__ */ jsx(Text, {
|
|
122950
123139
|
styleClass: "font-14",
|
|
122951
123140
|
variant: "p",
|
|
122952
|
-
className: styles$
|
|
123141
|
+
className: styles$4.alertText,
|
|
122953
123142
|
children: text2
|
|
122954
123143
|
})]
|
|
122955
123144
|
}), /* @__PURE__ */ jsx("div", {
|
|
122956
|
-
className: styles$
|
|
123145
|
+
className: styles$4.alertButtons,
|
|
122957
123146
|
children: children2
|
|
122958
123147
|
})]
|
|
122959
123148
|
})
|
|
@@ -122970,7 +123159,7 @@ const LayoutAlert = ({
|
|
|
122970
123159
|
variant: "secondary",
|
|
122971
123160
|
type: "button",
|
|
122972
123161
|
size: "small",
|
|
122973
|
-
className: styles$
|
|
123162
|
+
className: styles$5.alertCancel,
|
|
122974
123163
|
onClick: onCancel,
|
|
122975
123164
|
children: "Cancel"
|
|
122976
123165
|
}), /* @__PURE__ */ jsx(Button, {
|
|
@@ -123043,10 +123232,10 @@ const ExternalMetricList = ({
|
|
|
123043
123232
|
const cardLayout = layout3.find((card) => card.i === metric.id);
|
|
123044
123233
|
return {
|
|
123045
123234
|
i: (cardLayout == null ? void 0 : cardLayout.i) || metric.id,
|
|
123046
|
-
w: (cardLayout == null ? void 0 : cardLayout.w) || 5,
|
|
123047
|
-
h: (cardLayout == null ? void 0 : cardLayout.h) || 10,
|
|
123048
|
-
x: (cardLayout == null ? void 0 : cardLayout.x) || 0,
|
|
123049
|
-
y: (cardLayout == null ? void 0 : cardLayout.y) || 0,
|
|
123235
|
+
w: (cardLayout == null ? void 0 : cardLayout.w) || metric.resizeAttributes.x || 5,
|
|
123236
|
+
h: (cardLayout == null ? void 0 : cardLayout.h) || metric.resizeAttributes.h || 10,
|
|
123237
|
+
x: (cardLayout == null ? void 0 : cardLayout.x) || metric.resizeAttributes.x || 0,
|
|
123238
|
+
y: (cardLayout == null ? void 0 : cardLayout.y) || metric.resizeAttributes.y || 0,
|
|
123050
123239
|
minW: 3,
|
|
123051
123240
|
minH: 6,
|
|
123052
123241
|
maxH: 15
|
|
@@ -123057,7 +123246,7 @@ const ExternalMetricList = ({
|
|
|
123057
123246
|
return /* @__PURE__ */ jsx(Fragment, {
|
|
123058
123247
|
children: metricsList.length && metricsLayout.length ? /* @__PURE__ */ jsxs(Fragment, {
|
|
123059
123248
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
123060
|
-
className: styles$
|
|
123249
|
+
className: styles$b["MetricList-container"],
|
|
123061
123250
|
id: "metric-list-container",
|
|
123062
123251
|
children: [layoutAlert.isShow && /* @__PURE__ */ jsx(LayoutAlert, {
|
|
123063
123252
|
onCancel: () => setLayoutAlert((prev) => ({
|
|
@@ -123097,7 +123286,7 @@ const ExternalMetricList = ({
|
|
|
123097
123286
|
xxs: 2
|
|
123098
123287
|
},
|
|
123099
123288
|
children: metricsList.map((metricItem) => /* @__PURE__ */ jsx("div", {
|
|
123100
|
-
className: styles$
|
|
123289
|
+
className: `${styles$b["MetricList-wrapper"]} ${isAllowedToChangeLayout ? styles$b["MetricList-wrapper-move"] : ""}`,
|
|
123101
123290
|
id: metricItem.id,
|
|
123102
123291
|
children: metricItem.chartOptions.chartType === "single value" ? /* @__PURE__ */ jsx(SingleValueCard, {
|
|
123103
123292
|
metricItem,
|
|
@@ -123173,9 +123362,9 @@ const ExternalMetricList = ({
|
|
|
123173
123362
|
})]
|
|
123174
123363
|
}) : /* @__PURE__ */ jsx(Fragment, {
|
|
123175
123364
|
children: !isMetricListLoading ? /* @__PURE__ */ jsx("div", {
|
|
123176
|
-
className: styles$
|
|
123365
|
+
className: styles$b["noMetric-container"],
|
|
123177
123366
|
children: /* @__PURE__ */ jsx("div", {
|
|
123178
|
-
className: styles$
|
|
123367
|
+
className: styles$b["noMetric-wrapper"],
|
|
123179
123368
|
children: /* @__PURE__ */ jsx(Text, {
|
|
123180
123369
|
variant: "h2",
|
|
123181
123370
|
styleClass: "primary",
|
|
@@ -123183,7 +123372,7 @@ const ExternalMetricList = ({
|
|
|
123183
123372
|
})
|
|
123184
123373
|
})
|
|
123185
123374
|
}) : /* @__PURE__ */ jsx("div", {
|
|
123186
|
-
className: styles$
|
|
123375
|
+
className: styles$b["alt-container"],
|
|
123187
123376
|
children: /* @__PURE__ */ jsx(eosIconsLoading, {
|
|
123188
123377
|
style: {
|
|
123189
123378
|
width: "50px",
|
|
@@ -123205,7 +123394,7 @@ const tableRowCol = "_tableRowCol_1jkce_49";
|
|
|
123205
123394
|
const tableColText = "_tableColText_1jkce_57";
|
|
123206
123395
|
const empty = "_empty_1jkce_65";
|
|
123207
123396
|
const error = "_error_1jkce_73";
|
|
123208
|
-
var styles = {
|
|
123397
|
+
var styles$3 = {
|
|
123209
123398
|
container,
|
|
123210
123399
|
table,
|
|
123211
123400
|
tableHead,
|
|
@@ -123222,21 +123411,21 @@ const MetricTable = ({
|
|
|
123222
123411
|
isError
|
|
123223
123412
|
}) => {
|
|
123224
123413
|
return /* @__PURE__ */ jsxs("div", {
|
|
123225
|
-
className: styles.container,
|
|
123414
|
+
className: styles$3.container,
|
|
123226
123415
|
children: [!!(data == null ? void 0 : data.length) && !isError && /* @__PURE__ */ jsxs("table", {
|
|
123227
|
-
className: styles.table,
|
|
123416
|
+
className: styles$3.table,
|
|
123228
123417
|
children: [/* @__PURE__ */ jsx("thead", {
|
|
123229
|
-
className: styles.tableHead,
|
|
123418
|
+
className: styles$3.tableHead,
|
|
123230
123419
|
children: /* @__PURE__ */ jsx("tr", {
|
|
123231
|
-
className: styles.tableRow,
|
|
123420
|
+
className: styles$3.tableRow,
|
|
123232
123421
|
children: Object.keys(data[0]).map((item) => {
|
|
123233
123422
|
return /* @__PURE__ */ jsx("th", {
|
|
123234
|
-
className: styles.tableHeadCol,
|
|
123423
|
+
className: styles$3.tableHeadCol,
|
|
123235
123424
|
scope: "col",
|
|
123236
123425
|
children: /* @__PURE__ */ jsx(Text, {
|
|
123237
123426
|
styleClass: "font-14c",
|
|
123238
123427
|
variant: "h1",
|
|
123239
|
-
className: styles.tableHeadColText,
|
|
123428
|
+
className: styles$3.tableHeadColText,
|
|
123240
123429
|
children: item
|
|
123241
123430
|
})
|
|
123242
123431
|
}, item);
|
|
@@ -123245,21 +123434,21 @@ const MetricTable = ({
|
|
|
123245
123434
|
}), /* @__PURE__ */ jsx("tbody", {
|
|
123246
123435
|
children: data == null ? void 0 : data.map((item, i) => /* @__PURE__ */ jsx("tr", {
|
|
123247
123436
|
children: Object.keys(data[0]).map((d2, index2) => /* @__PURE__ */ jsx("td", {
|
|
123248
|
-
className: styles.tableRowCol,
|
|
123437
|
+
className: styles$3.tableRowCol,
|
|
123249
123438
|
children: /* @__PURE__ */ jsx(Text, {
|
|
123250
123439
|
styleClass: "font-14",
|
|
123251
123440
|
variant: "p",
|
|
123252
|
-
className: styles.tableColText,
|
|
123441
|
+
className: styles$3.tableColText,
|
|
123253
123442
|
children: JSON.stringify(item[d2])
|
|
123254
123443
|
})
|
|
123255
123444
|
}, index2))
|
|
123256
123445
|
}, i))
|
|
123257
123446
|
})]
|
|
123258
123447
|
}), !(data == null ? void 0 : data.length) && !isError && /* @__PURE__ */ jsx("div", {
|
|
123259
|
-
className: styles.empty,
|
|
123448
|
+
className: styles$3.empty,
|
|
123260
123449
|
children: "Table is empty"
|
|
123261
123450
|
}), isError && /* @__PURE__ */ jsx("div", {
|
|
123262
|
-
className: styles.error,
|
|
123451
|
+
className: styles$3.error,
|
|
123263
123452
|
children: data.message
|
|
123264
123453
|
})]
|
|
123265
123454
|
});
|
|
@@ -123335,8 +123524,582 @@ const mdiPlus = (props) => /* @__PURE__ */ jsx("svg", {
|
|
|
123335
123524
|
d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2Z"
|
|
123336
123525
|
})
|
|
123337
123526
|
});
|
|
123527
|
+
const scheduleEmailButton = "_scheduleEmailButton_13nzt_1";
|
|
123528
|
+
var styles$2 = {
|
|
123529
|
+
scheduleEmailButton
|
|
123530
|
+
};
|
|
123531
|
+
var styles$1 = {
|
|
123532
|
+
"form-container": "_form-container_1odg5_1",
|
|
123533
|
+
"form-wrapper": "_form-wrapper_1odg5_4",
|
|
123534
|
+
"form-primary-text": "_form-primary-text_1odg5_8",
|
|
123535
|
+
"week-days-container": "_week-days-container_1odg5_12",
|
|
123536
|
+
"main-label": "_main-label_1odg5_15",
|
|
123537
|
+
"time-element": "_time-element_1odg5_19",
|
|
123538
|
+
"cancel-btn": "_cancel-btn_1odg5_23",
|
|
123539
|
+
"delete-btn": "_delete-btn_1odg5_26",
|
|
123540
|
+
"field-width": "_field-width_1odg5_29",
|
|
123541
|
+
"timezone-field": "_timezone-field_1odg5_33",
|
|
123542
|
+
"success-text": "_success-text_1odg5_37"
|
|
123543
|
+
};
|
|
123544
|
+
const tag = "_tag_qld84_1";
|
|
123545
|
+
const tagBtn = "_tagBtn_qld84_7";
|
|
123546
|
+
const inputFieldContainer = "_inputFieldContainer_qld84_11";
|
|
123547
|
+
var styles = {
|
|
123548
|
+
tag,
|
|
123549
|
+
"tag-text": "_tag-text_qld84_4",
|
|
123550
|
+
tagBtn,
|
|
123551
|
+
inputFieldContainer,
|
|
123552
|
+
"tag-container": "_tag-container_qld84_15",
|
|
123553
|
+
"cross-icon": "_cross-icon_qld84_19"
|
|
123554
|
+
};
|
|
123555
|
+
const TagInputField = ({
|
|
123556
|
+
control,
|
|
123557
|
+
placeholder,
|
|
123558
|
+
name,
|
|
123559
|
+
label: label2,
|
|
123560
|
+
onChangeTags,
|
|
123561
|
+
defaultTagValue
|
|
123562
|
+
}) => {
|
|
123563
|
+
const [tags, setTags] = useState([]);
|
|
123564
|
+
const [tagInput, setTagInput] = useState("");
|
|
123565
|
+
const handleDeleteTag = (tagToDelete) => {
|
|
123566
|
+
setTags(tags.filter((tag2) => tag2 !== tagToDelete));
|
|
123567
|
+
};
|
|
123568
|
+
const handleKeyDown = (event) => {
|
|
123569
|
+
if (event.key === "Enter" || event.key === ",") {
|
|
123570
|
+
event.preventDefault();
|
|
123571
|
+
const newTag = tagInput.trim();
|
|
123572
|
+
if (newTag && !tags.includes(newTag)) {
|
|
123573
|
+
setTags([...tags, newTag]);
|
|
123574
|
+
setTagInput("");
|
|
123575
|
+
}
|
|
123576
|
+
}
|
|
123577
|
+
};
|
|
123578
|
+
useEffect(() => {
|
|
123579
|
+
if (onChangeTags)
|
|
123580
|
+
onChangeTags(tags);
|
|
123581
|
+
}, [tags]);
|
|
123582
|
+
useEffect(() => {
|
|
123583
|
+
if (defaultTagValue && Array.isArray(defaultTagValue)) {
|
|
123584
|
+
setTags(defaultTagValue);
|
|
123585
|
+
}
|
|
123586
|
+
}, [defaultTagValue]);
|
|
123587
|
+
const handleChange = (event) => {
|
|
123588
|
+
setTagInput(event.target.value);
|
|
123589
|
+
};
|
|
123590
|
+
return /* @__PURE__ */ jsx(Controller, {
|
|
123591
|
+
name: name || "tags",
|
|
123592
|
+
control,
|
|
123593
|
+
defaultValue: "",
|
|
123594
|
+
render: ({
|
|
123595
|
+
field: field2
|
|
123596
|
+
}) => /* @__PURE__ */ jsxs("div", {
|
|
123597
|
+
className: styles.inputFieldContainer,
|
|
123598
|
+
children: [/* @__PURE__ */ jsx(
|
|
123599
|
+
InputField,
|
|
123600
|
+
{
|
|
123601
|
+
...field2,
|
|
123602
|
+
type: "text",
|
|
123603
|
+
value: tagInput,
|
|
123604
|
+
onChange: handleChange,
|
|
123605
|
+
onKeyDown: handleKeyDown,
|
|
123606
|
+
placeholder,
|
|
123607
|
+
label: label2
|
|
123608
|
+
}
|
|
123609
|
+
), /* @__PURE__ */ jsx("div", {
|
|
123610
|
+
className: styles["tag-container"],
|
|
123611
|
+
children: tags.map((tag2) => /* @__PURE__ */ jsx("div", {
|
|
123612
|
+
className: styles.tag,
|
|
123613
|
+
children: /* @__PURE__ */ jsxs(Button, {
|
|
123614
|
+
variant: "custom",
|
|
123615
|
+
type: "button",
|
|
123616
|
+
onClick: () => handleDeleteTag(tag2),
|
|
123617
|
+
className: styles.tagBtn,
|
|
123618
|
+
children: [/* @__PURE__ */ jsx("span", {
|
|
123619
|
+
className: styles["tag-text"],
|
|
123620
|
+
children: tag2
|
|
123621
|
+
}), /* @__PURE__ */ jsx(Icons, {
|
|
123622
|
+
name: "close-icon",
|
|
123623
|
+
className: styles["cross-icon"]
|
|
123624
|
+
})]
|
|
123625
|
+
})
|
|
123626
|
+
}, tag2))
|
|
123627
|
+
})]
|
|
123628
|
+
})
|
|
123629
|
+
});
|
|
123630
|
+
};
|
|
123631
|
+
const DashboardContext = createContext({
|
|
123632
|
+
isLoading: void 0,
|
|
123633
|
+
data: void 0,
|
|
123634
|
+
token: void 0
|
|
123635
|
+
});
|
|
123636
|
+
const useDashboardContext = () => useContext(DashboardContext);
|
|
123637
|
+
const getTimezoneOffset = (timezone, date) => {
|
|
123638
|
+
const localOffset = date.getTimezoneOffset() * -1;
|
|
123639
|
+
const targetOffset = new Date(
|
|
123640
|
+
date.toLocaleString("en-US", { timeZone: timezone })
|
|
123641
|
+
).getTimezoneOffset() * -1;
|
|
123642
|
+
const diff2 = targetOffset - localOffset;
|
|
123643
|
+
return diff2;
|
|
123644
|
+
};
|
|
123645
|
+
const getNextScheduledTime = (params) => {
|
|
123646
|
+
const now = new Date();
|
|
123647
|
+
let scheduledDate = null;
|
|
123648
|
+
switch (params.frequency) {
|
|
123649
|
+
case "Daily":
|
|
123650
|
+
scheduledDate = new Date(now);
|
|
123651
|
+
scheduledDate.setDate(now.getDate() + 1);
|
|
123652
|
+
break;
|
|
123653
|
+
case "Weekly": {
|
|
123654
|
+
const selectedDays = Object.keys(params.weekDays).filter(
|
|
123655
|
+
(day) => params.weekDays[day]
|
|
123656
|
+
);
|
|
123657
|
+
let closestDate = null;
|
|
123658
|
+
selectedDays.forEach((selectedDay) => {
|
|
123659
|
+
const dayIndex = WEEK_DAYS.findIndex(
|
|
123660
|
+
(day) => day.value === selectedDay
|
|
123661
|
+
);
|
|
123662
|
+
const dayDiff = (dayIndex + 7 - now.getDay()) % 7;
|
|
123663
|
+
const nextDate = new Date(now);
|
|
123664
|
+
nextDate.setDate(now.getDate() + dayDiff);
|
|
123665
|
+
if (nextDate.toDateString() === now.toDateString()) {
|
|
123666
|
+
nextDate.setDate(nextDate.getDate() + 7);
|
|
123667
|
+
}
|
|
123668
|
+
if (!closestDate || nextDate < closestDate) {
|
|
123669
|
+
closestDate = nextDate;
|
|
123670
|
+
}
|
|
123671
|
+
});
|
|
123672
|
+
scheduledDate = closestDate;
|
|
123673
|
+
break;
|
|
123674
|
+
}
|
|
123675
|
+
case "Monthly": {
|
|
123676
|
+
const selectedDates = params.date.map((v4) => parseInt(v4.value, 10));
|
|
123677
|
+
let closestDate = null;
|
|
123678
|
+
selectedDates.forEach((selectedDate) => {
|
|
123679
|
+
const nextDate = new Date(
|
|
123680
|
+
now.getFullYear(),
|
|
123681
|
+
now.getMonth(),
|
|
123682
|
+
selectedDate
|
|
123683
|
+
);
|
|
123684
|
+
if (nextDate < now) {
|
|
123685
|
+
nextDate.setMonth(now.getMonth() + 1);
|
|
123686
|
+
}
|
|
123687
|
+
if (!closestDate || nextDate < closestDate) {
|
|
123688
|
+
closestDate = nextDate;
|
|
123689
|
+
}
|
|
123690
|
+
});
|
|
123691
|
+
scheduledDate = closestDate;
|
|
123692
|
+
break;
|
|
123693
|
+
}
|
|
123694
|
+
}
|
|
123695
|
+
if (scheduledDate !== null) {
|
|
123696
|
+
scheduledDate.setHours(parseInt(params.hours, 10), 0, 0, 0);
|
|
123697
|
+
if (params.time === "PM") {
|
|
123698
|
+
scheduledDate.setHours(parseInt(params.hours, 10) + 12);
|
|
123699
|
+
} else if (params.time === "AM" && params.hours === "12") {
|
|
123700
|
+
scheduledDate.setHours(0);
|
|
123701
|
+
}
|
|
123702
|
+
const timezoneOffset = getTimezoneOffset(params.timezone, scheduledDate);
|
|
123703
|
+
scheduledDate.setTime(scheduledDate.getTime() + timezoneOffset * 6e4);
|
|
123704
|
+
}
|
|
123705
|
+
return scheduledDate;
|
|
123706
|
+
};
|
|
123707
|
+
const useScheduleEmail = ({ onCancel }) => {
|
|
123708
|
+
var _a2;
|
|
123709
|
+
const { register: register2, handleSubmit, watch, control, setValue, getValues, reset: reset2 } = useForm();
|
|
123710
|
+
const { data, token } = useDashboardContext();
|
|
123711
|
+
const { data: scheduledReportData, isLoading: isLoadingData } = useScheduleEmailReportQuery({ token });
|
|
123712
|
+
const scheduleReportConfig = useMemo(() => {
|
|
123713
|
+
var _a3;
|
|
123714
|
+
if ((_a3 = scheduledReportData == null ? void 0 : scheduledReportData.scheduleEmailReports) == null ? void 0 : _a3.length) {
|
|
123715
|
+
return scheduledReportData == null ? void 0 : scheduledReportData.scheduleEmailReports[0];
|
|
123716
|
+
}
|
|
123717
|
+
return void 0;
|
|
123718
|
+
}, [scheduledReportData]);
|
|
123719
|
+
useEffect(() => {
|
|
123720
|
+
if (scheduleReportConfig) {
|
|
123721
|
+
reset2({
|
|
123722
|
+
...scheduleReportConfig.timeConfigurations
|
|
123723
|
+
});
|
|
123724
|
+
} else {
|
|
123725
|
+
setValue("time", "PM");
|
|
123726
|
+
setValue("timezone", "IST");
|
|
123727
|
+
setValue("frequency", "Monthly");
|
|
123728
|
+
}
|
|
123729
|
+
}, [scheduleReportConfig]);
|
|
123730
|
+
const [isLoading, setLoading] = useState(false);
|
|
123731
|
+
const [error2, setError] = useState("");
|
|
123732
|
+
const [isSuccess, setSuccess] = useState(false);
|
|
123733
|
+
const [isDeleted, setDeleted] = useState(false);
|
|
123734
|
+
const dashboardName = "";
|
|
123735
|
+
const chartOptions2 = ((_a2 = data == null ? void 0 : data.externalDashboardMetrics) == null ? void 0 : _a2.map((metric) => ({
|
|
123736
|
+
value: metric.externalMetric.id,
|
|
123737
|
+
label: metric.externalMetric.name
|
|
123738
|
+
}))) || [];
|
|
123739
|
+
const saveScheduleEmailMutation = useSaveScheduleEmailMutation();
|
|
123740
|
+
const deleteScheduledChartsMutation = useDeleteScheduleEmailReportChartsMutation();
|
|
123741
|
+
const deleteScheduledReportMutation = useDeleteScheduledEmailMutation();
|
|
123742
|
+
const validateScheduledSettings = (values, nextScheduledAt) => {
|
|
123743
|
+
if (values.charts.length === 0) {
|
|
123744
|
+
setError("please select at least one chart to share");
|
|
123745
|
+
setLoading(false);
|
|
123746
|
+
setSuccess(false);
|
|
123747
|
+
return false;
|
|
123748
|
+
}
|
|
123749
|
+
if (values.emails.length === 0) {
|
|
123750
|
+
setError("please add at least one email address");
|
|
123751
|
+
setLoading(false);
|
|
123752
|
+
setSuccess(false);
|
|
123753
|
+
return false;
|
|
123754
|
+
}
|
|
123755
|
+
if (!nextScheduledAt) {
|
|
123756
|
+
setError("invalid time configurations");
|
|
123757
|
+
setLoading(false);
|
|
123758
|
+
setSuccess(false);
|
|
123759
|
+
return false;
|
|
123760
|
+
}
|
|
123761
|
+
return true;
|
|
123762
|
+
};
|
|
123763
|
+
const saveScheduleEmailSettings = (values) => {
|
|
123764
|
+
var _a3, _b2;
|
|
123765
|
+
setError("");
|
|
123766
|
+
setLoading(true);
|
|
123767
|
+
setSuccess(false);
|
|
123768
|
+
const {
|
|
123769
|
+
subject,
|
|
123770
|
+
emails,
|
|
123771
|
+
frequency,
|
|
123772
|
+
weekDays,
|
|
123773
|
+
date,
|
|
123774
|
+
hours,
|
|
123775
|
+
time: time2,
|
|
123776
|
+
timezone
|
|
123777
|
+
} = values;
|
|
123778
|
+
const nextScheduledAt = getNextScheduledTime({
|
|
123779
|
+
date,
|
|
123780
|
+
frequency,
|
|
123781
|
+
hours,
|
|
123782
|
+
time: time2,
|
|
123783
|
+
timezone,
|
|
123784
|
+
weekDays
|
|
123785
|
+
});
|
|
123786
|
+
const isValid = validateScheduledSettings(values, nextScheduledAt);
|
|
123787
|
+
if (!isValid) {
|
|
123788
|
+
return;
|
|
123789
|
+
}
|
|
123790
|
+
const charts2 = (_a3 = values.charts) == null ? void 0 : _a3.map((externalMetricId) => ({
|
|
123791
|
+
externalMetricId
|
|
123792
|
+
}));
|
|
123793
|
+
if (scheduleReportConfig) {
|
|
123794
|
+
deleteScheduledChartsMutation.mutate(
|
|
123795
|
+
{ scheduleEmailReportId: scheduleReportConfig.id },
|
|
123796
|
+
{
|
|
123797
|
+
onSuccess({ delete_scheduleEmailReportCharts }) {
|
|
123798
|
+
var _a4;
|
|
123799
|
+
if (delete_scheduleEmailReportCharts == null ? void 0 : delete_scheduleEmailReportCharts.affected_rows) {
|
|
123800
|
+
saveScheduleEmailMutation.mutate(
|
|
123801
|
+
{
|
|
123802
|
+
emails,
|
|
123803
|
+
externalDashboardId: (_a4 = data == null ? void 0 : data.externalDashboard) == null ? void 0 : _a4.id,
|
|
123804
|
+
data: charts2,
|
|
123805
|
+
guestToken: token,
|
|
123806
|
+
nextScheduledAt,
|
|
123807
|
+
sharingSettingsId: data == null ? void 0 : data.sharingSettingsId,
|
|
123808
|
+
subject,
|
|
123809
|
+
timeConfigurations: values
|
|
123810
|
+
},
|
|
123811
|
+
{
|
|
123812
|
+
onSuccess({ insert_scheduleEmailReports_one }) {
|
|
123813
|
+
if (insert_scheduleEmailReports_one == null ? void 0 : insert_scheduleEmailReports_one.id) {
|
|
123814
|
+
setError("");
|
|
123815
|
+
setLoading(false);
|
|
123816
|
+
setSuccess(true);
|
|
123817
|
+
} else {
|
|
123818
|
+
setError(SOMETHING_WENT_WRONG);
|
|
123819
|
+
setLoading(false);
|
|
123820
|
+
setSuccess(false);
|
|
123821
|
+
}
|
|
123822
|
+
},
|
|
123823
|
+
onError() {
|
|
123824
|
+
setError(SOMETHING_WENT_WRONG);
|
|
123825
|
+
setLoading(false);
|
|
123826
|
+
setSuccess(false);
|
|
123827
|
+
}
|
|
123828
|
+
}
|
|
123829
|
+
);
|
|
123830
|
+
} else {
|
|
123831
|
+
setError(SOMETHING_WENT_WRONG);
|
|
123832
|
+
setLoading(false);
|
|
123833
|
+
setSuccess(false);
|
|
123834
|
+
}
|
|
123835
|
+
},
|
|
123836
|
+
onError() {
|
|
123837
|
+
setError(SOMETHING_WENT_WRONG);
|
|
123838
|
+
setLoading(false);
|
|
123839
|
+
setSuccess(false);
|
|
123840
|
+
}
|
|
123841
|
+
}
|
|
123842
|
+
);
|
|
123843
|
+
} else {
|
|
123844
|
+
saveScheduleEmailMutation.mutate(
|
|
123845
|
+
{
|
|
123846
|
+
emails,
|
|
123847
|
+
externalDashboardId: (_b2 = data == null ? void 0 : data.externalDashboard) == null ? void 0 : _b2.id,
|
|
123848
|
+
data: charts2,
|
|
123849
|
+
guestToken: token,
|
|
123850
|
+
nextScheduledAt,
|
|
123851
|
+
sharingSettingsId: data == null ? void 0 : data.sharingSettingsId,
|
|
123852
|
+
subject,
|
|
123853
|
+
timeConfigurations: values
|
|
123854
|
+
},
|
|
123855
|
+
{
|
|
123856
|
+
onSuccess({ insert_scheduleEmailReports_one }) {
|
|
123857
|
+
if (insert_scheduleEmailReports_one == null ? void 0 : insert_scheduleEmailReports_one.id) {
|
|
123858
|
+
setError("");
|
|
123859
|
+
setLoading(false);
|
|
123860
|
+
setSuccess(true);
|
|
123861
|
+
} else {
|
|
123862
|
+
setError(SOMETHING_WENT_WRONG);
|
|
123863
|
+
setLoading(false);
|
|
123864
|
+
setSuccess(false);
|
|
123865
|
+
}
|
|
123866
|
+
},
|
|
123867
|
+
onError() {
|
|
123868
|
+
setError(SOMETHING_WENT_WRONG);
|
|
123869
|
+
setLoading(false);
|
|
123870
|
+
setSuccess(false);
|
|
123871
|
+
}
|
|
123872
|
+
}
|
|
123873
|
+
);
|
|
123874
|
+
}
|
|
123875
|
+
};
|
|
123876
|
+
const deleteScheduledReport = () => {
|
|
123877
|
+
setError("");
|
|
123878
|
+
setLoading(true);
|
|
123879
|
+
setDeleted(false);
|
|
123880
|
+
setSuccess(false);
|
|
123881
|
+
deleteScheduledReportMutation.mutate(
|
|
123882
|
+
{ id: scheduleReportConfig == null ? void 0 : scheduleReportConfig.id },
|
|
123883
|
+
{
|
|
123884
|
+
onSuccess({ delete_scheduleEmailReports_by_pk }) {
|
|
123885
|
+
if (delete_scheduleEmailReports_by_pk == null ? void 0 : delete_scheduleEmailReports_by_pk.id) {
|
|
123886
|
+
setError("");
|
|
123887
|
+
setLoading(false);
|
|
123888
|
+
setDeleted(true);
|
|
123889
|
+
reset2({ subject: "", emails: [], charts: [] });
|
|
123890
|
+
onCancel();
|
|
123891
|
+
} else {
|
|
123892
|
+
setError(SOMETHING_WENT_WRONG);
|
|
123893
|
+
setLoading(false);
|
|
123894
|
+
setDeleted(false);
|
|
123895
|
+
}
|
|
123896
|
+
},
|
|
123897
|
+
onError() {
|
|
123898
|
+
setError(SOMETHING_WENT_WRONG);
|
|
123899
|
+
setLoading(false);
|
|
123900
|
+
setDeleted(false);
|
|
123901
|
+
}
|
|
123902
|
+
}
|
|
123903
|
+
);
|
|
123904
|
+
};
|
|
123905
|
+
const onSave = handleSubmit(saveScheduleEmailSettings);
|
|
123906
|
+
const onDelete = handleSubmit(deleteScheduledReport);
|
|
123907
|
+
return {
|
|
123908
|
+
register: register2,
|
|
123909
|
+
handleSubmit,
|
|
123910
|
+
watch,
|
|
123911
|
+
control,
|
|
123912
|
+
setValue,
|
|
123913
|
+
getValues,
|
|
123914
|
+
reset: reset2,
|
|
123915
|
+
dashboardName,
|
|
123916
|
+
chartOptions: chartOptions2,
|
|
123917
|
+
onSave,
|
|
123918
|
+
isLoading,
|
|
123919
|
+
isSuccess,
|
|
123920
|
+
error: error2,
|
|
123921
|
+
isLoadingData,
|
|
123922
|
+
scheduleReportConfig,
|
|
123923
|
+
onDelete,
|
|
123924
|
+
isDeleted
|
|
123925
|
+
};
|
|
123926
|
+
};
|
|
123927
|
+
const ScheduleEmailForm = ({
|
|
123928
|
+
onCancel
|
|
123929
|
+
}) => {
|
|
123930
|
+
var _a2;
|
|
123931
|
+
const {
|
|
123932
|
+
control,
|
|
123933
|
+
getValues,
|
|
123934
|
+
register: register2,
|
|
123935
|
+
setValue,
|
|
123936
|
+
watch,
|
|
123937
|
+
dashboardName,
|
|
123938
|
+
chartOptions: chartOptions2,
|
|
123939
|
+
onSave,
|
|
123940
|
+
isLoading,
|
|
123941
|
+
error: error2,
|
|
123942
|
+
isSuccess,
|
|
123943
|
+
scheduleReportConfig,
|
|
123944
|
+
onDelete,
|
|
123945
|
+
isDeleted
|
|
123946
|
+
} = useScheduleEmail({
|
|
123947
|
+
onCancel
|
|
123948
|
+
});
|
|
123949
|
+
return /* @__PURE__ */ jsxs("form", {
|
|
123950
|
+
className: styles$1["form-container"],
|
|
123951
|
+
onSubmit: onSave,
|
|
123952
|
+
children: [/* @__PURE__ */ jsxs("div", {
|
|
123953
|
+
className: styles$1["form-wrapper"],
|
|
123954
|
+
children: [/* @__PURE__ */ jsxs(Text, {
|
|
123955
|
+
variant: "p",
|
|
123956
|
+
styleClass: "font-14",
|
|
123957
|
+
className: styles$1["form-primary-text"],
|
|
123958
|
+
children: ["Schedule an email report for Dashboard:", /* @__PURE__ */ jsx(Text, {
|
|
123959
|
+
variant: "span",
|
|
123960
|
+
styleClass: "primary",
|
|
123961
|
+
children: dashboardName
|
|
123962
|
+
})]
|
|
123963
|
+
}), /* @__PURE__ */ jsx(InputField, {
|
|
123964
|
+
label: "Subject Line",
|
|
123965
|
+
placeholder: "Weekly Report - Sales Overview 2023",
|
|
123966
|
+
register: register2("subject", required)
|
|
123967
|
+
}), /* @__PURE__ */ jsx(TagInputField, {
|
|
123968
|
+
control,
|
|
123969
|
+
type: "text",
|
|
123970
|
+
label: "Send to",
|
|
123971
|
+
placeholder: "Enter email addresses",
|
|
123972
|
+
onChangeTags: (tags) => setValue("emails", tags),
|
|
123973
|
+
defaultTagValue: (_a2 = scheduleReportConfig == null ? void 0 : scheduleReportConfig.timeConfigurations) == null ? void 0 : _a2.emails
|
|
123974
|
+
}), /* @__PURE__ */ jsx(HookMultiSelect, {
|
|
123975
|
+
control,
|
|
123976
|
+
name: "charts",
|
|
123977
|
+
options: chartOptions2,
|
|
123978
|
+
label: "Charts to Attach",
|
|
123979
|
+
defaultValue: []
|
|
123980
|
+
}), /* @__PURE__ */ jsx(HookSelect, {
|
|
123981
|
+
label: "Frequency of emails",
|
|
123982
|
+
options: FREQUENCY,
|
|
123983
|
+
control,
|
|
123984
|
+
name: "frequency",
|
|
123985
|
+
defaultValue: "Monthly"
|
|
123986
|
+
}), watch().frequency !== "Monthly" ? /* @__PURE__ */ jsx("div", {
|
|
123987
|
+
className: styles$1["week-days-container"],
|
|
123988
|
+
children: WEEK_DAYS.map((day) => /* @__PURE__ */ jsx(InputField, {
|
|
123989
|
+
label: day.label,
|
|
123990
|
+
type: "checkbox",
|
|
123991
|
+
register: register2(`weekDays.${day.value}`),
|
|
123992
|
+
isDisabled: watch().frequency === "Daily"
|
|
123993
|
+
}, day.value))
|
|
123994
|
+
}) : /* @__PURE__ */ jsx("div", {
|
|
123995
|
+
children: /* @__PURE__ */ jsx(MultiFloatingDropDown, {
|
|
123996
|
+
label: "Choose Dates",
|
|
123997
|
+
selectedOptions: getValues().date || [],
|
|
123998
|
+
options: DATE_NUM,
|
|
123999
|
+
onChange: (values) => setValue("date", values)
|
|
124000
|
+
})
|
|
124001
|
+
}), /* @__PURE__ */ jsxs("div", {
|
|
124002
|
+
children: [/* @__PURE__ */ jsx(Text, {
|
|
124003
|
+
variant: "span",
|
|
124004
|
+
styleClass: "custom",
|
|
124005
|
+
className: styles$1["main-label"],
|
|
124006
|
+
children: "Scheduled Time"
|
|
124007
|
+
}), /* @__PURE__ */ jsxs("div", {
|
|
124008
|
+
className: styles$1["time-element"],
|
|
124009
|
+
children: [/* @__PURE__ */ jsx(InputField, {
|
|
124010
|
+
type: "number",
|
|
124011
|
+
className: styles$1["field-width"],
|
|
124012
|
+
min: 0,
|
|
124013
|
+
max: 11,
|
|
124014
|
+
register: register2("hours", required),
|
|
124015
|
+
defaultValue: 5
|
|
124016
|
+
}), /* @__PURE__ */ jsx(HookSelect, {
|
|
124017
|
+
options: TIME,
|
|
124018
|
+
control,
|
|
124019
|
+
name: "time",
|
|
124020
|
+
className: styles$1["timezone-field"],
|
|
124021
|
+
defaultValue: "PM"
|
|
124022
|
+
}), /* @__PURE__ */ jsx(HookSelect, {
|
|
124023
|
+
options: TIME_ZONES,
|
|
124024
|
+
control,
|
|
124025
|
+
name: "timezone",
|
|
124026
|
+
className: styles$1["timezone-field"],
|
|
124027
|
+
defaultValue: "IST"
|
|
124028
|
+
})]
|
|
124029
|
+
})]
|
|
124030
|
+
}), error2 && /* @__PURE__ */ jsx(Error$1, {
|
|
124031
|
+
message: error2
|
|
124032
|
+
}), isSuccess && /* @__PURE__ */ jsx(Text, {
|
|
124033
|
+
variant: "p",
|
|
124034
|
+
styleClass: "font-14b",
|
|
124035
|
+
className: styles$1["success-text"],
|
|
124036
|
+
children: "Scheduled successfully!"
|
|
124037
|
+
}), isDeleted && /* @__PURE__ */ jsx(Text, {
|
|
124038
|
+
variant: "p",
|
|
124039
|
+
styleClass: "font-14b",
|
|
124040
|
+
className: styles$1["success-text"],
|
|
124041
|
+
children: "Deleted successfully!"
|
|
124042
|
+
})]
|
|
124043
|
+
}), /* @__PURE__ */ jsxs(ModalFooter, {
|
|
124044
|
+
children: [scheduleReportConfig ? /* @__PURE__ */ jsx(Button, {
|
|
124045
|
+
type: "reset",
|
|
124046
|
+
variant: "secondary",
|
|
124047
|
+
className: styles$1["delete-btn"],
|
|
124048
|
+
size: "default",
|
|
124049
|
+
onClick: () => {
|
|
124050
|
+
onDelete();
|
|
124051
|
+
},
|
|
124052
|
+
isDisabled: isLoading,
|
|
124053
|
+
children: "Delete"
|
|
124054
|
+
}) : /* @__PURE__ */ jsx(Button, {
|
|
124055
|
+
type: "reset",
|
|
124056
|
+
variant: "secondary",
|
|
124057
|
+
className: styles$1["cancel-btn"],
|
|
124058
|
+
size: "default",
|
|
124059
|
+
onClick: () => onCancel(),
|
|
124060
|
+
isDisabled: isLoading,
|
|
124061
|
+
children: "Cancel"
|
|
124062
|
+
}), /* @__PURE__ */ jsx(Button, {
|
|
124063
|
+
variant: "primary",
|
|
124064
|
+
type: "submit",
|
|
124065
|
+
size: "medium",
|
|
124066
|
+
isDisabled: isLoading,
|
|
124067
|
+
children: scheduleReportConfig ? "Update" : "Save"
|
|
124068
|
+
})]
|
|
124069
|
+
})]
|
|
124070
|
+
});
|
|
124071
|
+
};
|
|
124072
|
+
const fluentMdl2MailSchedule = (props) => /* @__PURE__ */ jsx("svg", {
|
|
124073
|
+
viewBox: "0 0 2048 2048",
|
|
124074
|
+
width: "1.2em",
|
|
124075
|
+
height: "1.2em",
|
|
124076
|
+
...props,
|
|
124077
|
+
children: /* @__PURE__ */ jsx("path", {
|
|
124078
|
+
fill: "currentColor",
|
|
124079
|
+
d: "M960 1100L128 565v971h768v128H0V384h1920v601q-13-9-29-19t-33-20t-34-18t-32-13V565l-832 535zm678-588H282l678 436l678-436zm410 1024q0 106-40 199t-109 163t-163 110t-200 40q-106 0-199-40t-163-109t-110-163t-40-200q0-106 40-199t109-163t163-110t200-40q106 0 199 40t163 109t110 163t40 200zm-512 384q79 0 149-30t122-82t83-122t30-150q0-79-30-149t-82-122t-123-83t-149-30q-80 0-149 30t-122 82t-83 123t-30 149q0 80 30 149t82 122t122 83t150 30zm0-640v256h192v128h-320v-384h128z"
|
|
124080
|
+
})
|
|
124081
|
+
});
|
|
124082
|
+
const ScheduleEmail = () => {
|
|
124083
|
+
const [isShowSettings, setShowSettings] = useState(false);
|
|
124084
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
124085
|
+
children: [/* @__PURE__ */ jsx(Button, {
|
|
124086
|
+
variant: "custom",
|
|
124087
|
+
type: "button",
|
|
124088
|
+
onClick: () => setShowSettings(true),
|
|
124089
|
+
title: "email-sharing",
|
|
124090
|
+
className: styles$2.scheduleEmailButton,
|
|
124091
|
+
children: /* @__PURE__ */ jsx(fluentMdl2MailSchedule, {})
|
|
124092
|
+
}), /* @__PURE__ */ jsx(Modal, {
|
|
124093
|
+
isOpen: isShowSettings,
|
|
124094
|
+
onClose: () => setShowSettings(false),
|
|
124095
|
+
headerTitle: "Schedule Email",
|
|
124096
|
+
children: /* @__PURE__ */ jsx(ScheduleEmailForm, {
|
|
124097
|
+
onCancel: () => setShowSettings(false)
|
|
124098
|
+
})
|
|
124099
|
+
})]
|
|
124100
|
+
});
|
|
124101
|
+
};
|
|
123338
124102
|
const EmbeddedDashboard = React__default.memo(({
|
|
123339
|
-
token,
|
|
123340
124103
|
options: options2,
|
|
123341
124104
|
theme: theme2
|
|
123342
124105
|
}) => {
|
|
@@ -123344,7 +124107,7 @@ const EmbeddedDashboard = React__default.memo(({
|
|
|
123344
124107
|
const {
|
|
123345
124108
|
data,
|
|
123346
124109
|
isLoading
|
|
123347
|
-
} =
|
|
124110
|
+
} = useDashboardContext();
|
|
123348
124111
|
const [appliedfilters, setAppliedFilters] = useState([]);
|
|
123349
124112
|
const [isShowMetricCreateModal, setShowMetricCreateModal] = useState(false);
|
|
123350
124113
|
const [globalFilters, setGlobalFilters] = useState({
|
|
@@ -123354,9 +124117,9 @@ const EmbeddedDashboard = React__default.memo(({
|
|
|
123354
124117
|
const {
|
|
123355
124118
|
data: adminThemeData
|
|
123356
124119
|
} = useGetThemesQuery({
|
|
123357
|
-
companyId: data.companyId
|
|
124120
|
+
companyId: data == null ? void 0 : data.companyId
|
|
123358
124121
|
}, {
|
|
123359
|
-
enabled: !!data.companyId
|
|
124122
|
+
enabled: !!(data == null ? void 0 : data.companyId)
|
|
123360
124123
|
});
|
|
123361
124124
|
const [adminTheme, adminThemeChartColors] = useMemo(() => {
|
|
123362
124125
|
var _a3, _b3, _c3, _d2;
|
|
@@ -123369,28 +124132,28 @@ const EmbeddedDashboard = React__default.memo(({
|
|
|
123369
124132
|
useApplyAdminTheme(adminTheme);
|
|
123370
124133
|
return /* @__PURE__ */ jsx(Fragment, {
|
|
123371
124134
|
children: /* @__PURE__ */ jsxs("div", {
|
|
123372
|
-
className: styles$
|
|
124135
|
+
className: styles$L["embedDashboard-container"],
|
|
123373
124136
|
id: "dbn-dashboard",
|
|
123374
|
-
children: [((_a2 = data.externalDashboard) == null ? void 0 : _a2.id) && !isLoading && /* @__PURE__ */ jsxs(Fragment, {
|
|
124137
|
+
children: [((_a2 = data == null ? void 0 : data.externalDashboard) == null ? void 0 : _a2.id) && !isLoading && /* @__PURE__ */ jsxs(Fragment, {
|
|
123375
124138
|
children: [!(options2 == null ? void 0 : options2.disableMetricCreation) && !data.externalDashboard.filters.length && !data.isAllowedToCreateMetrics ? null : /* @__PURE__ */ jsxs("div", {
|
|
123376
|
-
className: (options2 == null ? void 0 : options2.headerVariant) === "floating" ? styles$
|
|
124139
|
+
className: (options2 == null ? void 0 : options2.headerVariant) === "floating" ? styles$L["embedDashboard-header-floating"] : styles$L["embedDashboard-header-static"],
|
|
123377
124140
|
children: [(options2 == null ? void 0 : options2.headerVariant) === "floating" && /* @__PURE__ */ jsx("span", {
|
|
123378
|
-
className: styles$
|
|
124141
|
+
className: styles$L.floatingButton,
|
|
123379
124142
|
children: /* @__PURE__ */ jsx(Icons, {
|
|
123380
124143
|
name: "setup-icon",
|
|
123381
|
-
className: styles$
|
|
124144
|
+
className: styles$L.floatingButton
|
|
123382
124145
|
})
|
|
123383
|
-
}), /* @__PURE__ */
|
|
123384
|
-
className: (options2 == null ? void 0 : options2.headerVariant) === "floating" ? styles$
|
|
123385
|
-
children: !(options2 == null ? void 0 : options2.disableMetricCreation) && data.isAllowedToCreateMetrics && /* @__PURE__ */ jsxs(Fragment, {
|
|
124146
|
+
}), /* @__PURE__ */ jsxs("div", {
|
|
124147
|
+
className: (options2 == null ? void 0 : options2.headerVariant) === "floating" ? styles$L.floatingContainer : styles$L.staticContainer,
|
|
124148
|
+
children: [data.sharingSettingsId && /* @__PURE__ */ jsx(ScheduleEmail, {}), !(options2 == null ? void 0 : options2.disableMetricCreation) && data.isAllowedToCreateMetrics && /* @__PURE__ */ jsxs(Fragment, {
|
|
123386
124149
|
children: [/* @__PURE__ */ jsx(Button, {
|
|
123387
124150
|
type: "button",
|
|
123388
124151
|
variant: (options2 == null ? void 0 : options2.headerVariant) === "floating" ? "custom" : "primary",
|
|
123389
124152
|
size: "large",
|
|
123390
|
-
className: (options2 == null ? void 0 : options2.headerVariant) === "floating" ? styles$
|
|
124153
|
+
className: (options2 == null ? void 0 : options2.headerVariant) === "floating" ? styles$L.floatingCreateButton : "",
|
|
123391
124154
|
onClick: () => setShowMetricCreateModal(true),
|
|
123392
124155
|
children: (options2 == null ? void 0 : options2.headerVariant) === "floating" ? /* @__PURE__ */ jsx(mdiPlus, {
|
|
123393
|
-
className: styles$
|
|
124156
|
+
className: styles$L.floatingCreateButtonIcon
|
|
123394
124157
|
}) : "Create Metric"
|
|
123395
124158
|
}), /* @__PURE__ */ jsx(EmbeddedMetricCreation, {
|
|
123396
124159
|
clientId: data.clientId,
|
|
@@ -123403,22 +124166,22 @@ const EmbeddedDashboard = React__default.memo(({
|
|
|
123403
124166
|
workspaceId: (_b2 = data.workspace) == null ? void 0 : _b2.id,
|
|
123404
124167
|
userProvidedDashboardId: data.externalDashboardId
|
|
123405
124168
|
})]
|
|
123406
|
-
})
|
|
124169
|
+
})]
|
|
123407
124170
|
})]
|
|
123408
124171
|
}), /* @__PURE__ */ jsxs("div", {
|
|
123409
|
-
className: styles$
|
|
124172
|
+
className: styles$L["embedDashboard-wrapper"],
|
|
123410
124173
|
children: [data.externalDashboard.filters.length ? /* @__PURE__ */ jsx(PopoverMenu, {
|
|
123411
124174
|
button: /* @__PURE__ */ jsxs(Button, {
|
|
123412
124175
|
type: "button",
|
|
123413
124176
|
variant: "custom",
|
|
123414
|
-
className: styles$
|
|
124177
|
+
className: styles$L.filterButton,
|
|
123415
124178
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
123416
|
-
className: styles$
|
|
124179
|
+
className: styles$L.filterText,
|
|
123417
124180
|
children: [/* @__PURE__ */ jsx(Icons, {
|
|
123418
124181
|
name: "filter-icon"
|
|
123419
124182
|
}), " Filters"]
|
|
123420
124183
|
}), appliedfilters.length === 0 ? /* @__PURE__ */ jsx("div", {}) : /* @__PURE__ */ jsx("span", {
|
|
123421
|
-
className: styles$
|
|
124184
|
+
className: styles$L.filterLength,
|
|
123422
124185
|
children: appliedfilters.length
|
|
123423
124186
|
})]
|
|
123424
124187
|
}),
|
|
@@ -123437,9 +124200,9 @@ const EmbeddedDashboard = React__default.memo(({
|
|
|
123437
124200
|
isLiveMode: data.isLiveMode,
|
|
123438
124201
|
externalDashboardId: data.externalDashboardId,
|
|
123439
124202
|
externalDashboardPk: data.externalDashboard.id,
|
|
123440
|
-
isAllowedToDeleteMetrics: data.isAllowedToDeleteMetrics,
|
|
123441
|
-
isAllowedToUpdateMetrics: data.isAllowedToUpdateMetrics,
|
|
123442
|
-
isAllowedToChangeLayout: data.isAllowedToChangeLayout,
|
|
124203
|
+
isAllowedToDeleteMetrics: !(options2 == null ? void 0 : options2.disableMetricDeletion) && data.isAllowedToDeleteMetrics,
|
|
124204
|
+
isAllowedToUpdateMetrics: !(options2 == null ? void 0 : options2.disableMetricUpdation) && data.isAllowedToUpdateMetrics,
|
|
124205
|
+
isAllowedToChangeLayout: !(options2 == null ? void 0 : options2.disableLayoutCustomization) && data.isAllowedToChangeLayout,
|
|
123443
124206
|
externalDashboardMetrics: data.externalDashboardMetrics,
|
|
123444
124207
|
companyId: data.companyId,
|
|
123445
124208
|
isMetricListLoading: isLoading,
|
|
@@ -123453,7 +124216,7 @@ const EmbeddedDashboard = React__default.memo(({
|
|
|
123453
124216
|
})]
|
|
123454
124217
|
})]
|
|
123455
124218
|
}), isLoading && /* @__PURE__ */ jsx("div", {
|
|
123456
|
-
className: styles$
|
|
124219
|
+
className: styles$L["alt-container"],
|
|
123457
124220
|
children: /* @__PURE__ */ jsx(eosIconsLoading, {
|
|
123458
124221
|
style: {
|
|
123459
124222
|
width: "50px",
|
|
@@ -123461,13 +124224,31 @@ const EmbeddedDashboard = React__default.memo(({
|
|
|
123461
124224
|
color: "blue"
|
|
123462
124225
|
}
|
|
123463
124226
|
})
|
|
123464
|
-
}), !isLoading && !((_d = data.externalDashboard) == null ? void 0 : _d.id) && /* @__PURE__ */ jsx("div", {
|
|
123465
|
-
className: styles$
|
|
124227
|
+
}), !isLoading && !((_d = data == null ? void 0 : data.externalDashboard) == null ? void 0 : _d.id) && /* @__PURE__ */ jsx("div", {
|
|
124228
|
+
className: styles$L["alt-container"],
|
|
123466
124229
|
children: "Invalid token or Dashboard id"
|
|
123467
124230
|
})]
|
|
123468
124231
|
})
|
|
123469
124232
|
});
|
|
123470
124233
|
});
|
|
124234
|
+
const DashboardProvider = ({
|
|
124235
|
+
token,
|
|
124236
|
+
children: children2
|
|
124237
|
+
}) => {
|
|
124238
|
+
const {
|
|
124239
|
+
data,
|
|
124240
|
+
isLoading
|
|
124241
|
+
} = useEmbeddedDashboard(token);
|
|
124242
|
+
const contextValues = useMemo(() => ({
|
|
124243
|
+
data,
|
|
124244
|
+
isLoading,
|
|
124245
|
+
token
|
|
124246
|
+
}), [data, isLoading, token]);
|
|
124247
|
+
return /* @__PURE__ */ jsx(DashboardContext.Provider, {
|
|
124248
|
+
value: contextValues,
|
|
124249
|
+
children: children2
|
|
124250
|
+
});
|
|
124251
|
+
};
|
|
123471
124252
|
const queryClient = new QueryClient();
|
|
123472
124253
|
const PluginProvider = ({
|
|
123473
124254
|
children: children2,
|
|
@@ -123493,9 +124274,12 @@ const Dashboard = React__default.memo(({
|
|
|
123493
124274
|
}) => {
|
|
123494
124275
|
return /* @__PURE__ */ jsx(PluginProvider, {
|
|
123495
124276
|
theme: theme2,
|
|
123496
|
-
children: /* @__PURE__ */ jsx(
|
|
124277
|
+
children: /* @__PURE__ */ jsx(DashboardProvider, {
|
|
123497
124278
|
token,
|
|
123498
|
-
|
|
124279
|
+
children: /* @__PURE__ */ jsx(EmbeddedDashboard, {
|
|
124280
|
+
options: options2,
|
|
124281
|
+
theme: theme2
|
|
124282
|
+
})
|
|
123499
124283
|
})
|
|
123500
124284
|
});
|
|
123501
124285
|
});
|