udp-react-enterprise-component-library 26.3.0-beta.2 → 26.3.0-beta.21
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/.tsbuildinfo +1 -1
- package/dist/UI/charts/ag/UdpAgAreaChart.d.ts +8 -0
- package/dist/UI/charts/ag/UdpAgAreaChart.d.ts.map +1 -0
- package/dist/UI/charts/ag/UdpAgAreaChart.js +8 -0
- package/dist/UI/charts/ag/UdpAgAreaChart.js.map +1 -0
- package/dist/UI/charts/ag/UdpAgAreaChart.mjs +18 -0
- package/dist/UI/charts/ag/UdpAgAreaChart.mjs.map +1 -0
- package/dist/UI/charts/ag/UdpAgBarChart.d.ts +6 -0
- package/dist/UI/charts/ag/UdpAgBarChart.d.ts.map +1 -0
- package/dist/UI/charts/ag/UdpAgBarChart.js +6 -0
- package/dist/UI/charts/ag/UdpAgBarChart.js.map +1 -0
- package/dist/UI/charts/ag/UdpAgBarChart.mjs +18 -0
- package/dist/UI/charts/ag/UdpAgBarChart.mjs.map +1 -0
- package/dist/UI/charts/ag/UdpAgBubbleChart.d.ts +6 -0
- package/dist/UI/charts/ag/UdpAgBubbleChart.d.ts.map +1 -0
- package/dist/UI/charts/ag/UdpAgBubbleChart.js +6 -0
- package/dist/UI/charts/ag/UdpAgBubbleChart.js.map +1 -0
- package/dist/UI/charts/ag/UdpAgBubbleChart.mjs +18 -0
- package/dist/UI/charts/ag/UdpAgBubbleChart.mjs.map +1 -0
- package/dist/UI/charts/ag/UdpAgComboChart.d.ts +8 -0
- package/dist/UI/charts/ag/UdpAgComboChart.d.ts.map +1 -0
- package/dist/UI/charts/ag/UdpAgComboChart.js +8 -0
- package/dist/UI/charts/ag/UdpAgComboChart.js.map +1 -0
- package/dist/UI/charts/ag/UdpAgComboChart.mjs +18 -0
- package/dist/UI/charts/ag/UdpAgComboChart.mjs.map +1 -0
- package/dist/UI/charts/ag/UdpAgDonutChart.d.ts +8 -0
- package/dist/UI/charts/ag/UdpAgDonutChart.d.ts.map +1 -0
- package/dist/UI/charts/ag/UdpAgDonutChart.js +8 -0
- package/dist/UI/charts/ag/UdpAgDonutChart.js.map +1 -0
- package/dist/UI/charts/ag/UdpAgDonutChart.mjs +18 -0
- package/dist/UI/charts/ag/UdpAgDonutChart.mjs.map +1 -0
- package/dist/UI/charts/ag/UdpAgLineChart.d.ts +8 -0
- package/dist/UI/charts/ag/UdpAgLineChart.d.ts.map +1 -0
- package/dist/UI/charts/ag/UdpAgLineChart.js +8 -0
- package/dist/UI/charts/ag/UdpAgLineChart.js.map +1 -0
- package/dist/UI/charts/ag/UdpAgLineChart.mjs +18 -0
- package/dist/UI/charts/ag/UdpAgLineChart.mjs.map +1 -0
- package/dist/UI/charts/ag/UdpAgPieChart.d.ts +8 -0
- package/dist/UI/charts/ag/UdpAgPieChart.d.ts.map +1 -0
- package/dist/UI/charts/ag/UdpAgPieChart.js +8 -0
- package/dist/UI/charts/ag/UdpAgPieChart.js.map +1 -0
- package/dist/UI/charts/ag/UdpAgPieChart.mjs +18 -0
- package/dist/UI/charts/ag/UdpAgPieChart.mjs.map +1 -0
- package/dist/UI/charts/ag/UdpAgScatterChart.d.ts +8 -0
- package/dist/UI/charts/ag/UdpAgScatterChart.d.ts.map +1 -0
- package/dist/UI/charts/ag/UdpAgScatterChart.js +8 -0
- package/dist/UI/charts/ag/UdpAgScatterChart.js.map +1 -0
- package/dist/UI/charts/ag/UdpAgScatterChart.mjs +18 -0
- package/dist/UI/charts/ag/UdpAgScatterChart.mjs.map +1 -0
- package/dist/UI/charts/ag/index.d.ts +9 -0
- package/dist/UI/charts/ag/index.d.ts.map +1 -0
- package/dist/UI/charts/ag/index.js +9 -0
- package/dist/UI/charts/ag/index.js.map +1 -0
- package/dist/UI/charts/amcharts/UdpBarChart.d.ts +4 -0
- package/dist/UI/charts/amcharts/UdpBarChart.d.ts.map +1 -1
- package/dist/UI/charts/amcharts/UdpBarChart.js +4 -0
- package/dist/UI/charts/amcharts/UdpBarChart.js.map +1 -1
- package/dist/UI/charts/amcharts/UdpBarChart.mjs +4 -0
- package/dist/UI/charts/amcharts/UdpBarChart.mjs.map +1 -1
- package/dist/UI/charts/amcharts/UdpDistributionChart.d.ts +4 -0
- package/dist/UI/charts/amcharts/UdpDistributionChart.d.ts.map +1 -1
- package/dist/UI/charts/amcharts/UdpDistributionChart.js +4 -0
- package/dist/UI/charts/amcharts/UdpDistributionChart.js.map +1 -1
- package/dist/UI/charts/amcharts/UdpDistributionChart.mjs +4 -0
- package/dist/UI/charts/amcharts/UdpDistributionChart.mjs.map +1 -1
- package/dist/UI/charts/amcharts/UdpDonutChart.d.ts +4 -0
- package/dist/UI/charts/amcharts/UdpDonutChart.d.ts.map +1 -1
- package/dist/UI/charts/amcharts/UdpDonutChart.js +4 -0
- package/dist/UI/charts/amcharts/UdpDonutChart.js.map +1 -1
- package/dist/UI/charts/amcharts/UdpDonutChart.mjs +4 -0
- package/dist/UI/charts/amcharts/UdpDonutChart.mjs.map +1 -1
- package/dist/UI/charts/amcharts/UdpLineChart.d.ts +4 -0
- package/dist/UI/charts/amcharts/UdpLineChart.d.ts.map +1 -1
- package/dist/UI/charts/amcharts/UdpLineChart.js +4 -0
- package/dist/UI/charts/amcharts/UdpLineChart.js.map +1 -1
- package/dist/UI/charts/amcharts/UdpLineChart.mjs +4 -0
- package/dist/UI/charts/amcharts/UdpLineChart.mjs.map +1 -1
- package/dist/UI/charts/amcharts/UdpSankeyChart.d.ts +5 -0
- package/dist/UI/charts/amcharts/UdpSankeyChart.d.ts.map +1 -1
- package/dist/UI/charts/amcharts/UdpSankeyChart.js +5 -0
- package/dist/UI/charts/amcharts/UdpSankeyChart.js.map +1 -1
- package/dist/UI/charts/amcharts/UdpSankeyChart.mjs +5 -0
- package/dist/UI/charts/amcharts/UdpSankeyChart.mjs.map +1 -1
- package/dist/UI/charts/amcharts/UdpXYMultiSeriesChart.d.ts +4 -0
- package/dist/UI/charts/amcharts/UdpXYMultiSeriesChart.d.ts.map +1 -1
- package/dist/UI/charts/amcharts/UdpXYMultiSeriesChart.js +4 -0
- package/dist/UI/charts/amcharts/UdpXYMultiSeriesChart.js.map +1 -1
- package/dist/UI/charts/amcharts/UdpXYMultiSeriesChart.mjs +4 -0
- package/dist/UI/charts/amcharts/UdpXYMultiSeriesChart.mjs.map +1 -1
- package/dist/UI/navigation/menus/AppMenuItem.d.ts +1 -0
- package/dist/UI/navigation/menus/AppMenuItem.d.ts.map +1 -1
- package/dist/UI/navigation/menus/AppMenuItem.js +3 -2
- package/dist/UI/navigation/menus/AppMenuItem.js.map +1 -1
- package/dist/UI/navigation/menus/AppMenuItem.mjs +123 -116
- package/dist/UI/navigation/menus/AppMenuItem.mjs.map +1 -1
- package/dist/UI/navigation/menus/AppMenuItemComponent.d.ts.map +1 -1
- package/dist/UI/navigation/menus/AppMenuItemComponent.js +15 -3
- package/dist/UI/navigation/menus/AppMenuItemComponent.js.map +1 -1
- package/dist/UI/navigation/menus/AppMenuItemComponent.mjs +56 -39
- package/dist/UI/navigation/menus/AppMenuItemComponent.mjs.map +1 -1
- package/dist/actions/ActionSplitScreen.d.ts.map +1 -1
- package/dist/actions/ActionSplitScreen.js +4 -2
- package/dist/actions/ActionSplitScreen.js.map +1 -1
- package/dist/actions/ActionSplitScreen.mjs +2 -2
- package/dist/actions/ActionSplitScreen.mjs.map +1 -1
- package/dist/enums/unitySystemEnums.d.ts +4 -2
- package/dist/enums/unitySystemEnums.d.ts.map +1 -1
- package/dist/enums/unitySystemEnums.js +2 -0
- package/dist/enums/unitySystemEnums.js.map +1 -1
- package/dist/enums/unitySystemEnums.mjs +2 -0
- package/dist/enums/unitySystemEnums.mjs.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +14 -6
- package/dist/udp/pages/UdpNotesPage/UdpNotesPage.d.ts.map +1 -1
- package/dist/udp/pages/UdpNotesPage/UdpNotesPage.js +29 -9
- package/dist/udp/pages/UdpNotesPage/UdpNotesPage.js.map +1 -1
- package/dist/udp/pages/UdpNotesPage/UdpNotesPage.mjs +31 -14
- package/dist/udp/pages/UdpNotesPage/UdpNotesPage.mjs.map +1 -1
- package/dist/udp/pages/UdpRemindersPage/UdpRemindersPage.d.ts.map +1 -1
- package/dist/udp/pages/UdpRemindersPage/UdpRemindersPage.js +29 -9
- package/dist/udp/pages/UdpRemindersPage/UdpRemindersPage.js.map +1 -1
- package/dist/udp/pages/UdpRemindersPage/UdpRemindersPage.mjs +31 -14
- package/dist/udp/pages/UdpRemindersPage/UdpRemindersPage.mjs.map +1 -1
- package/dist/udp/pages/UdpTransactionTypesPage/UdpTransactionTypesPage.d.ts.map +1 -1
- package/dist/udp/pages/UdpTransactionTypesPage/UdpTransactionTypesPage.js +30 -4
- package/dist/udp/pages/UdpTransactionTypesPage/UdpTransactionTypesPage.js.map +1 -1
- package/dist/udp/pages/UdpTransactionTypesPage/UdpTransactionTypesPage.mjs +28 -3
- package/dist/udp/pages/UdpTransactionTypesPage/UdpTransactionTypesPage.mjs.map +1 -1
- package/dist/udp/pages/UdpTransactionTypesPage/forms/UdpTransactionTypeForm.d.ts.map +1 -1
- package/dist/udp/pages/UdpTransactionTypesPage/forms/UdpTransactionTypeForm.js +16 -5
- package/dist/udp/pages/UdpTransactionTypesPage/forms/UdpTransactionTypeForm.js.map +1 -1
- package/dist/udp/pages/UdpTransactionTypesPage/forms/UdpTransactionTypeForm.mjs +46 -20
- package/dist/udp/pages/UdpTransactionTypesPage/forms/UdpTransactionTypeForm.mjs.map +1 -1
- package/dist/udp/pages/UdpTransactionTypesPage/sidesheets/UdpTransactionTypeCalendarViewConfigurationSidesheet.d.ts +4 -0
- package/dist/udp/pages/UdpTransactionTypesPage/sidesheets/UdpTransactionTypeCalendarViewConfigurationSidesheet.d.ts.map +1 -0
- package/dist/udp/pages/UdpTransactionTypesPage/sidesheets/UdpTransactionTypeCalendarViewConfigurationSidesheet.js +17 -0
- package/dist/udp/pages/UdpTransactionTypesPage/sidesheets/UdpTransactionTypeCalendarViewConfigurationSidesheet.js.map +1 -0
- package/dist/udp/pages/UdpTransactionTypesPage/sidesheets/UdpTransactionTypeCalendarViewConfigurationSidesheet.mjs +218 -0
- package/dist/udp/pages/UdpTransactionTypesPage/sidesheets/UdpTransactionTypeCalendarViewConfigurationSidesheet.mjs.map +1 -0
- package/dist/udp/pages/UdpTransactionTypesPage/sidesheets/UdpTransactionTypeSidesheet.d.ts.map +1 -1
- package/dist/udp/pages/UdpTransactionTypesPage/sidesheets/UdpTransactionTypeSidesheet.js +2 -2
- package/dist/udp/pages/UdpTransactionTypesPage/sidesheets/UdpTransactionTypeSidesheet.js.map +1 -1
- package/dist/udp/pages/UdpTransactionTypesPage/sidesheets/UdpTransactionTypeSidesheet.mjs +5 -2
- package/dist/udp/pages/UdpTransactionTypesPage/sidesheets/UdpTransactionTypeSidesheet.mjs.map +1 -1
- package/dist/udp/pages/UdpTransactionsPage/UdpTransactionCalendar.d.ts +4 -0
- package/dist/udp/pages/UdpTransactionsPage/UdpTransactionCalendar.d.ts.map +1 -0
- package/dist/udp/pages/UdpTransactionsPage/UdpTransactionCalendar.js +256 -0
- package/dist/udp/pages/UdpTransactionsPage/UdpTransactionCalendar.js.map +1 -0
- package/dist/udp/pages/UdpTransactionsPage/UdpTransactionCalendar.mjs +255 -0
- package/dist/udp/pages/UdpTransactionsPage/UdpTransactionCalendar.mjs.map +1 -0
- package/dist/udp/pages/UdpTransactionsPage/UdpTransactionGrid.d.ts.map +1 -1
- package/dist/udp/pages/UdpTransactionsPage/UdpTransactionGrid.js +12 -3
- package/dist/udp/pages/UdpTransactionsPage/UdpTransactionGrid.js.map +1 -1
- package/dist/udp/pages/UdpTransactionsPage/UdpTransactionGrid.mjs +8 -2
- package/dist/udp/pages/UdpTransactionsPage/UdpTransactionGrid.mjs.map +1 -1
- package/dist/udp/pages/UdpTransactionsPage/UdpTransactionSidesheet.d.ts.map +1 -1
- package/dist/udp/pages/UdpTransactionsPage/UdpTransactionSidesheet.js +1 -1
- package/dist/udp/pages/UdpTransactionsPage/UdpTransactionSidesheet.js.map +1 -1
- package/dist/udp/pages/UdpTransactionsPage/UdpTransactionSidesheet.mjs +2 -1
- package/dist/udp/pages/UdpTransactionsPage/UdpTransactionSidesheet.mjs.map +1 -1
- package/dist/udp/pages/UdpTransactionsPage/UdpTransactionsPage.d.ts.map +1 -1
- package/dist/udp/pages/UdpTransactionsPage/UdpTransactionsPage.js +50 -13
- package/dist/udp/pages/UdpTransactionsPage/UdpTransactionsPage.js.map +1 -1
- package/dist/udp/pages/UdpTransactionsPage/UdpTransactionsPage.mjs +201 -144
- package/dist/udp/pages/UdpTransactionsPage/UdpTransactionsPage.mjs.map +1 -1
- package/dist/udp/pages/UdpTransactionsPage/sidesheets/WorkflowActions.d.ts +2 -1
- package/dist/udp/pages/UdpTransactionsPage/sidesheets/WorkflowActions.d.ts.map +1 -1
- package/dist/udp/pages/UdpTransactionsPage/sidesheets/WorkflowActions.js +6 -3
- package/dist/udp/pages/UdpTransactionsPage/sidesheets/WorkflowActions.js.map +1 -1
- package/dist/udp/pages/UdpTransactionsPage/sidesheets/WorkflowActions.mjs +8 -3
- package/dist/udp/pages/UdpTransactionsPage/sidesheets/WorkflowActions.mjs.map +1 -1
- package/dist/utilities/menus/menuUtilities.d.ts.map +1 -1
- package/dist/utilities/menus/menuUtilities.js +23 -1
- package/dist/utilities/menus/menuUtilities.js.map +1 -1
- package/dist/utilities/menus/menuUtilities.mjs +15 -1
- package/dist/utilities/menus/menuUtilities.mjs.map +1 -1
- package/package.json +43 -3
|
@@ -0,0 +1,218 @@
|
|
|
1
|
+
import { Field } from "../../../../utilities/form/Field.mjs";
|
|
2
|
+
import { LayoutUnit } from "../../../../layout/LayoutUnit.mjs";
|
|
3
|
+
import { SideSheet } from "../../../../UI/surfaces/SideSheet.mjs";
|
|
4
|
+
import { AmbientAutoComplete } from "../../../../UI/inputs/textField/AmbientAutoComplete.mjs";
|
|
5
|
+
import { c } from "react-compiler-runtime";
|
|
6
|
+
import React from "react";
|
|
7
|
+
import { FormControlLabel, Switch } from "@material-ui/core";
|
|
8
|
+
import { useTranslation } from "react-i18next";
|
|
9
|
+
//#region src/udp/pages/UdpTransactionTypesPage/sidesheets/UdpTransactionTypeCalendarViewConfigurationSidesheet.jsx
|
|
10
|
+
const CALENDAR_VIEW_TYPE_OPTIONS = [
|
|
11
|
+
"day",
|
|
12
|
+
"week",
|
|
13
|
+
"month"
|
|
14
|
+
];
|
|
15
|
+
const UdpTransactionTypeCalendarViewConfigurationSidesheet = (props) => {
|
|
16
|
+
const $ = c(52);
|
|
17
|
+
const { initialData, isSidesheetOpen, setIsSidesheetOpen, domainFieldOptions, dateDomainFieldOptions, isCalendarViewEnabled, handleCalendarViewEnabledChange } = props;
|
|
18
|
+
const { t } = useTranslation();
|
|
19
|
+
const calendarViewConfiguration = initialData?.pageConfiguration?.calendarViewConfiguration;
|
|
20
|
+
let t0;
|
|
21
|
+
if ($[0] !== t) {
|
|
22
|
+
t0 = t("Calendar View Configuration");
|
|
23
|
+
$[0] = t;
|
|
24
|
+
$[1] = t0;
|
|
25
|
+
} else t0 = $[1];
|
|
26
|
+
let t1;
|
|
27
|
+
if ($[2] !== setIsSidesheetOpen) {
|
|
28
|
+
t1 = () => setIsSidesheetOpen(false);
|
|
29
|
+
$[2] = setIsSidesheetOpen;
|
|
30
|
+
$[3] = t1;
|
|
31
|
+
} else t1 = $[3];
|
|
32
|
+
let t2;
|
|
33
|
+
if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
|
|
34
|
+
t2 = /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "nudge" });
|
|
35
|
+
$[4] = t2;
|
|
36
|
+
} else t2 = $[4];
|
|
37
|
+
const t3 = !!calendarViewConfiguration?.enabled;
|
|
38
|
+
let t4;
|
|
39
|
+
if ($[5] !== handleCalendarViewEnabledChange || $[6] !== t3) {
|
|
40
|
+
t4 = /* @__PURE__ */ React.createElement(Field, {
|
|
41
|
+
component: Switch,
|
|
42
|
+
id: "calendarViewEnabled",
|
|
43
|
+
name: "calendarViewEnabled",
|
|
44
|
+
type: "checkbox",
|
|
45
|
+
initialValue: t3,
|
|
46
|
+
onChange: handleCalendarViewEnabledChange
|
|
47
|
+
});
|
|
48
|
+
$[5] = handleCalendarViewEnabledChange;
|
|
49
|
+
$[6] = t3;
|
|
50
|
+
$[7] = t4;
|
|
51
|
+
} else t4 = $[7];
|
|
52
|
+
let t5;
|
|
53
|
+
if ($[8] !== t) {
|
|
54
|
+
t5 = t("Enable Calendar View");
|
|
55
|
+
$[8] = t;
|
|
56
|
+
$[9] = t5;
|
|
57
|
+
} else t5 = $[9];
|
|
58
|
+
let t6;
|
|
59
|
+
if ($[10] !== t4 || $[11] !== t5) {
|
|
60
|
+
t6 = /* @__PURE__ */ React.createElement(FormControlLabel, {
|
|
61
|
+
control: t4,
|
|
62
|
+
label: t5
|
|
63
|
+
});
|
|
64
|
+
$[10] = t4;
|
|
65
|
+
$[11] = t5;
|
|
66
|
+
$[12] = t6;
|
|
67
|
+
} else t6 = $[12];
|
|
68
|
+
let t7;
|
|
69
|
+
if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
|
|
70
|
+
t7 = /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "nudge" });
|
|
71
|
+
$[13] = t7;
|
|
72
|
+
} else t7 = $[13];
|
|
73
|
+
let t8;
|
|
74
|
+
if ($[14] !== calendarViewConfiguration?.isDefaultView || $[15] !== isCalendarViewEnabled || $[16] !== t) {
|
|
75
|
+
t8 = isCalendarViewEnabled && /* @__PURE__ */ React.createElement(FormControlLabel, {
|
|
76
|
+
control: /* @__PURE__ */ React.createElement(Field, {
|
|
77
|
+
component: Switch,
|
|
78
|
+
id: "isDefaultView",
|
|
79
|
+
name: "isDefaultView",
|
|
80
|
+
type: "checkbox",
|
|
81
|
+
initialValue: !!calendarViewConfiguration?.isDefaultView
|
|
82
|
+
}),
|
|
83
|
+
label: t("Default to Calendar View")
|
|
84
|
+
});
|
|
85
|
+
$[14] = calendarViewConfiguration?.isDefaultView;
|
|
86
|
+
$[15] = isCalendarViewEnabled;
|
|
87
|
+
$[16] = t;
|
|
88
|
+
$[17] = t8;
|
|
89
|
+
} else t8 = $[17];
|
|
90
|
+
let t9;
|
|
91
|
+
if ($[18] !== isCalendarViewEnabled) {
|
|
92
|
+
t9 = isCalendarViewEnabled && /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "nudge" });
|
|
93
|
+
$[18] = isCalendarViewEnabled;
|
|
94
|
+
$[19] = t9;
|
|
95
|
+
} else t9 = $[19];
|
|
96
|
+
let t10;
|
|
97
|
+
if ($[20] !== calendarViewConfiguration?.defaultCalendarViewType || $[21] !== isCalendarViewEnabled || $[22] !== t) {
|
|
98
|
+
t10 = isCalendarViewEnabled && /* @__PURE__ */ React.createElement(Field, {
|
|
99
|
+
component: AmbientAutoComplete,
|
|
100
|
+
label: t("Default View"),
|
|
101
|
+
id: "defaultCalendarViewType",
|
|
102
|
+
name: "defaultCalendarViewType",
|
|
103
|
+
variant: "outlined",
|
|
104
|
+
isMultiple: false,
|
|
105
|
+
disableCloseOnSelect: false,
|
|
106
|
+
options: CALENDAR_VIEW_TYPE_OPTIONS,
|
|
107
|
+
getOptionLabelFunction: _temp,
|
|
108
|
+
initialValue: calendarViewConfiguration?.defaultCalendarViewType
|
|
109
|
+
});
|
|
110
|
+
$[20] = calendarViewConfiguration?.defaultCalendarViewType;
|
|
111
|
+
$[21] = isCalendarViewEnabled;
|
|
112
|
+
$[22] = t;
|
|
113
|
+
$[23] = t10;
|
|
114
|
+
} else t10 = $[23];
|
|
115
|
+
let t11;
|
|
116
|
+
if ($[24] !== calendarViewConfiguration?.domainStartDateProperty || $[25] !== dateDomainFieldOptions || $[26] !== isCalendarViewEnabled || $[27] !== t) {
|
|
117
|
+
t11 = isCalendarViewEnabled && /* @__PURE__ */ React.createElement(Field, {
|
|
118
|
+
component: AmbientAutoComplete,
|
|
119
|
+
label: t("Start Date Field"),
|
|
120
|
+
id: "domainStartDateProperty",
|
|
121
|
+
name: "domainStartDateProperty",
|
|
122
|
+
variant: "outlined",
|
|
123
|
+
isMultiple: false,
|
|
124
|
+
disableCloseOnSelect: false,
|
|
125
|
+
options: dateDomainFieldOptions || [],
|
|
126
|
+
getOptionLabelFunction: _temp2,
|
|
127
|
+
initialValue: calendarViewConfiguration?.domainStartDateProperty || ""
|
|
128
|
+
});
|
|
129
|
+
$[24] = calendarViewConfiguration?.domainStartDateProperty;
|
|
130
|
+
$[25] = dateDomainFieldOptions;
|
|
131
|
+
$[26] = isCalendarViewEnabled;
|
|
132
|
+
$[27] = t;
|
|
133
|
+
$[28] = t11;
|
|
134
|
+
} else t11 = $[28];
|
|
135
|
+
let t12;
|
|
136
|
+
if ($[29] !== calendarViewConfiguration?.domainEndDateProperty || $[30] !== dateDomainFieldOptions || $[31] !== isCalendarViewEnabled || $[32] !== t) {
|
|
137
|
+
t12 = isCalendarViewEnabled && /* @__PURE__ */ React.createElement(Field, {
|
|
138
|
+
component: AmbientAutoComplete,
|
|
139
|
+
label: t("End Date Field"),
|
|
140
|
+
id: "domainEndDateProperty",
|
|
141
|
+
name: "domainEndDateProperty",
|
|
142
|
+
variant: "outlined",
|
|
143
|
+
isMultiple: false,
|
|
144
|
+
disableCloseOnSelect: false,
|
|
145
|
+
options: dateDomainFieldOptions || [],
|
|
146
|
+
getOptionLabelFunction: _temp3,
|
|
147
|
+
initialValue: calendarViewConfiguration?.domainEndDateProperty || ""
|
|
148
|
+
});
|
|
149
|
+
$[29] = calendarViewConfiguration?.domainEndDateProperty;
|
|
150
|
+
$[30] = dateDomainFieldOptions;
|
|
151
|
+
$[31] = isCalendarViewEnabled;
|
|
152
|
+
$[32] = t;
|
|
153
|
+
$[33] = t12;
|
|
154
|
+
} else t12 = $[33];
|
|
155
|
+
let t13;
|
|
156
|
+
if ($[34] !== calendarViewConfiguration?.domainPropertyToDisplay || $[35] !== domainFieldOptions || $[36] !== isCalendarViewEnabled || $[37] !== t) {
|
|
157
|
+
t13 = isCalendarViewEnabled && /* @__PURE__ */ React.createElement(Field, {
|
|
158
|
+
component: AmbientAutoComplete,
|
|
159
|
+
label: t("Property to Display"),
|
|
160
|
+
id: "domainPropertyToDisplay",
|
|
161
|
+
name: "domainPropertyToDisplay",
|
|
162
|
+
variant: "outlined",
|
|
163
|
+
isMultiple: false,
|
|
164
|
+
disableCloseOnSelect: false,
|
|
165
|
+
options: domainFieldOptions || [],
|
|
166
|
+
getOptionLabelFunction: _temp4,
|
|
167
|
+
initialValue: calendarViewConfiguration?.domainPropertyToDisplay || ""
|
|
168
|
+
});
|
|
169
|
+
$[34] = calendarViewConfiguration?.domainPropertyToDisplay;
|
|
170
|
+
$[35] = domainFieldOptions;
|
|
171
|
+
$[36] = isCalendarViewEnabled;
|
|
172
|
+
$[37] = t;
|
|
173
|
+
$[38] = t13;
|
|
174
|
+
} else t13 = $[38];
|
|
175
|
+
let t14;
|
|
176
|
+
if ($[39] !== t10 || $[40] !== t11 || $[41] !== t12 || $[42] !== t13 || $[43] !== t6 || $[44] !== t8 || $[45] !== t9) {
|
|
177
|
+
t14 = /* @__PURE__ */ React.createElement(React.Fragment, null, t2, t6, t7, t8, t9, t10, t11, t12, t13);
|
|
178
|
+
$[39] = t10;
|
|
179
|
+
$[40] = t11;
|
|
180
|
+
$[41] = t12;
|
|
181
|
+
$[42] = t13;
|
|
182
|
+
$[43] = t6;
|
|
183
|
+
$[44] = t8;
|
|
184
|
+
$[45] = t9;
|
|
185
|
+
$[46] = t14;
|
|
186
|
+
} else t14 = $[46];
|
|
187
|
+
let t15;
|
|
188
|
+
if ($[47] !== isSidesheetOpen || $[48] !== t0 || $[49] !== t1 || $[50] !== t14) {
|
|
189
|
+
t15 = /* @__PURE__ */ React.createElement(SideSheet, {
|
|
190
|
+
open: isSidesheetOpen,
|
|
191
|
+
width: 600,
|
|
192
|
+
title: t0,
|
|
193
|
+
onClose: t1
|
|
194
|
+
}, t14);
|
|
195
|
+
$[47] = isSidesheetOpen;
|
|
196
|
+
$[48] = t0;
|
|
197
|
+
$[49] = t1;
|
|
198
|
+
$[50] = t14;
|
|
199
|
+
$[51] = t15;
|
|
200
|
+
} else t15 = $[51];
|
|
201
|
+
return t15;
|
|
202
|
+
};
|
|
203
|
+
function _temp(option) {
|
|
204
|
+
return option;
|
|
205
|
+
}
|
|
206
|
+
function _temp2(option_0) {
|
|
207
|
+
return option_0;
|
|
208
|
+
}
|
|
209
|
+
function _temp3(option_1) {
|
|
210
|
+
return option_1;
|
|
211
|
+
}
|
|
212
|
+
function _temp4(option_2) {
|
|
213
|
+
return option_2;
|
|
214
|
+
}
|
|
215
|
+
//#endregion
|
|
216
|
+
export { UdpTransactionTypeCalendarViewConfigurationSidesheet as default };
|
|
217
|
+
|
|
218
|
+
//# sourceMappingURL=UdpTransactionTypeCalendarViewConfigurationSidesheet.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UdpTransactionTypeCalendarViewConfigurationSidesheet.mjs","names":["React","useTranslation","SideSheet","Field","AmbientAutoComplete","LayoutUnit","FormControlLabel","Switch","CALENDAR_VIEW_TYPE_OPTIONS","UdpTransactionTypeCalendarViewConfigurationSidesheet","props","$","_c","initialData","isSidesheetOpen","setIsSidesheetOpen","domainFieldOptions","dateDomainFieldOptions","isCalendarViewEnabled","handleCalendarViewEnabledChange","t","calendarViewConfiguration","pageConfiguration","t0","t1","t2","Symbol","for","t3","enabled","t4","t5","t6","t7","t8","isDefaultView","t9","t10","defaultCalendarViewType","_temp","t11","domainStartDateProperty","_temp2","t12","domainEndDateProperty","_temp3","t13","domainPropertyToDisplay","_temp4","t14","t15","option","option_0","option_1","option_2"],"sources":["../../../../../src/udp/pages/UdpTransactionTypesPage/sidesheets/UdpTransactionTypeCalendarViewConfigurationSidesheet.jsx"],"sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { SideSheet } from '../../../../UI';\nimport { Field } from '../../../../utilities/form';\nimport { AmbientAutoComplete } from '../../../../UI/inputs/textField';\nimport { LayoutUnit } from '../../../../layout';\nimport { FormControlLabel, Switch } from '@material-ui/core';\n\nconst CALENDAR_VIEW_TYPE_OPTIONS = ['day', 'week', 'month'];\n\nconst UdpTransactionTypeCalendarViewConfigurationSidesheet = (props) => {\n const {\n initialData,\n isSidesheetOpen,\n setIsSidesheetOpen,\n domainFieldOptions,\n dateDomainFieldOptions,\n isCalendarViewEnabled,\n handleCalendarViewEnabledChange\n } = props;\n\n const { t } = useTranslation();\n\n const calendarViewConfiguration =\n initialData?.pageConfiguration?.calendarViewConfiguration;\n\n return (\n <SideSheet\n open={isSidesheetOpen}\n width={600}\n title={t('Calendar View Configuration')}\n onClose={() => setIsSidesheetOpen(false)}\n >\n <>\n <LayoutUnit unit='nudge' />\n <FormControlLabel\n control={\n <Field\n component={Switch}\n id='calendarViewEnabled'\n name='calendarViewEnabled'\n type='checkbox'\n initialValue={!!calendarViewConfiguration?.enabled}\n onChange={handleCalendarViewEnabledChange}\n />\n }\n label={t('Enable Calendar View')}\n />\n <LayoutUnit unit='nudge' />\n {isCalendarViewEnabled && (\n <FormControlLabel\n control={\n <Field\n component={Switch}\n id='isDefaultView'\n name='isDefaultView'\n type='checkbox'\n initialValue={!!calendarViewConfiguration?.isDefaultView}\n />\n }\n label={t('Default to Calendar View')}\n />\n )}\n {isCalendarViewEnabled && <LayoutUnit unit='nudge' />}\n {isCalendarViewEnabled && (\n <Field\n component={AmbientAutoComplete}\n label={t('Default View')}\n id='defaultCalendarViewType'\n name='defaultCalendarViewType'\n variant='outlined'\n isMultiple={false}\n disableCloseOnSelect={false}\n options={CALENDAR_VIEW_TYPE_OPTIONS}\n getOptionLabelFunction={(option) => option}\n initialValue={\n calendarViewConfiguration?.defaultCalendarViewType\n }\n />\n )}\n {isCalendarViewEnabled && (\n <Field\n component={AmbientAutoComplete}\n label={t('Start Date Field')}\n id='domainStartDateProperty'\n name='domainStartDateProperty'\n variant='outlined'\n isMultiple={false}\n disableCloseOnSelect={false}\n options={dateDomainFieldOptions || []}\n getOptionLabelFunction={(option) => option}\n initialValue={calendarViewConfiguration?.domainStartDateProperty || ''}\n />\n )}\n {isCalendarViewEnabled && (\n <Field\n component={AmbientAutoComplete}\n label={t('End Date Field')}\n id='domainEndDateProperty'\n name='domainEndDateProperty'\n variant='outlined'\n isMultiple={false}\n disableCloseOnSelect={false}\n options={dateDomainFieldOptions || []}\n getOptionLabelFunction={(option) => option}\n initialValue={calendarViewConfiguration?.domainEndDateProperty || ''}\n />\n )}\n {isCalendarViewEnabled && (\n <Field\n component={AmbientAutoComplete}\n label={t('Property to Display')}\n id='domainPropertyToDisplay'\n name='domainPropertyToDisplay'\n variant='outlined'\n isMultiple={false}\n disableCloseOnSelect={false}\n options={domainFieldOptions || []}\n getOptionLabelFunction={(option) => option}\n initialValue={calendarViewConfiguration?.domainPropertyToDisplay || ''}\n />\n )}\n </>\n </SideSheet>\n );\n};\n\nexport default UdpTransactionTypeCalendarViewConfigurationSidesheet;\n"],"mappings":"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"}
|
package/dist/udp/pages/UdpTransactionTypesPage/sidesheets/UdpTransactionTypeSidesheet.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UdpTransactionTypeSidesheet.d.ts","sourceRoot":"","sources":["../../../../../src/udp/pages/UdpTransactionTypesPage/sidesheets/UdpTransactionTypeSidesheet.jsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAOjF,QAAA,MAAM,2BAA2B,
|
|
1
|
+
{"version":3,"file":"UdpTransactionTypeSidesheet.d.ts","sourceRoot":"","sources":["../../../../../src/udp/pages/UdpTransactionTypesPage/sidesheets/UdpTransactionTypeSidesheet.jsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAOjF,QAAA,MAAM,2BAA2B,mCA4JhC,CAAA;AAED,eAAe,2BAA2B,CAAC"}
|
|
@@ -5,7 +5,7 @@ import UdpTransactionTypeForm from '../forms/UdpTransactionTypeForm';
|
|
|
5
5
|
import { apiMutate } from '../../../../utilities';
|
|
6
6
|
import { ConfigService } from '../../../../configService';
|
|
7
7
|
const UdpTransactionTypeSidesheet = (props) => {
|
|
8
|
-
const { initialTransactionType, isSideSheetOpen, handleSideSheet, setSelectedDomainName, selectedDomainName, handleCreateTransactionType, handleUpdateTransactionType, catalogObjectNames, catalogObjectProperties, isPageConfigurationSidesheetOpen, setIsPageConfigurationSidesheetOpen } = props;
|
|
8
|
+
const { initialTransactionType, isSideSheetOpen, handleSideSheet, setSelectedDomainName, selectedDomainName, handleCreateTransactionType, handleUpdateTransactionType, catalogObjectNames, catalogObjectProperties, catalogObjectDateProperties, isPageConfigurationSidesheetOpen, setIsPageConfigurationSidesheetOpen, isCalendarViewConfigurationSidesheetOpen, setIsCalendarViewConfigurationSidesheetOpen } = props;
|
|
9
9
|
const isEditing = !!initialTransactionType;
|
|
10
10
|
const formRef = useRef();
|
|
11
11
|
const { t } = useTranslation();
|
|
@@ -92,7 +92,7 @@ const UdpTransactionTypeSidesheet = (props) => {
|
|
|
92
92
|
var _a;
|
|
93
93
|
// eslint-disable-next-line no-unused-expressions
|
|
94
94
|
(_a = formRef === null || formRef === void 0 ? void 0 : formRef.current) === null || _a === void 0 ? void 0 : _a.submit();
|
|
95
|
-
} }, isEditing && !transactions ? (React.createElement(LinearProgress, null)) : (React.createElement(UdpTransactionTypeForm, { ref: formRef, onSubmit: onSubmitForm, initialData: initialTransactionType, disableSubTypeFields: shouldDisableSubTypes, domainNameOptions: catalogObjectNames, onSelectDomainName: setSelectedDomainName, domainFieldOptions: catalogObjectProperties, selectedDomainName: selectedDomainName, isPageConfigOpen: isPageConfigurationSidesheetOpen, setIsPageConfigOpen: setIsPageConfigurationSidesheetOpen }))));
|
|
95
|
+
} }, isEditing && !transactions ? (React.createElement(LinearProgress, null)) : (React.createElement(UdpTransactionTypeForm, { ref: formRef, onSubmit: onSubmitForm, initialData: initialTransactionType, disableSubTypeFields: shouldDisableSubTypes, domainNameOptions: catalogObjectNames, onSelectDomainName: setSelectedDomainName, domainFieldOptions: catalogObjectProperties, dateDomainFieldOptions: catalogObjectDateProperties, selectedDomainName: selectedDomainName, isPageConfigOpen: isPageConfigurationSidesheetOpen, setIsPageConfigOpen: setIsPageConfigurationSidesheetOpen, isCalendarViewConfigOpen: isCalendarViewConfigurationSidesheetOpen, setIsCalendarViewConfigOpen: setIsCalendarViewConfigurationSidesheetOpen }))));
|
|
96
96
|
};
|
|
97
97
|
export default UdpTransactionTypeSidesheet;
|
|
98
98
|
//# sourceMappingURL=UdpTransactionTypeSidesheet.js.map
|
package/dist/udp/pages/UdpTransactionTypesPage/sidesheets/UdpTransactionTypeSidesheet.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UdpTransactionTypeSidesheet.js","sourceRoot":"","sources":["../../../../../src/udp/pages/UdpTransactionTypesPage/sidesheets/UdpTransactionTypeSidesheet.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,sBAAsB,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,MAAM,2BAA2B,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC;IAC7C,MAAM,EACJ,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,qBAAqB,EACrB,kBAAkB,EAClB,2BAA2B,EAC3B,2BAA2B,EAC3B,kBAAkB,EAClB,uBAAuB,EACvB,gCAAgC,EAChC,mCAAmC,
|
|
1
|
+
{"version":3,"file":"UdpTransactionTypeSidesheet.js","sourceRoot":"","sources":["../../../../../src/udp/pages/UdpTransactionTypesPage/sidesheets/UdpTransactionTypeSidesheet.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,sBAAsB,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,MAAM,2BAA2B,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC;IAC7C,MAAM,EACJ,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,qBAAqB,EACrB,kBAAkB,EAClB,2BAA2B,EAC3B,2BAA2B,EAC3B,kBAAkB,EAClB,uBAAuB,EACvB,2BAA2B,EAC3B,gCAAgC,EAChC,mCAAmC,EACnC,wCAAwC,EACxC,2CAA2C,EAC5C,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,CAAC,CAAC,sBAAsB,CAAC;IAC3C,MAAM,OAAO,GAAG,MAAM,EAAE,CAAC;IACzB,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEvD,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,CAAC;QAC5D,IAAI,WAAW,EAAE,CAAC;YAChB,MAAM,2BAA2B,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;QACzD,CAAC;aAAM,CAAC;YACN,MAAM,2BAA2B,CAAC,MAAM,CAAC,CAAC;QAC5C,CAAC;IAAA,CACJ,EAAE,CAAC,2BAA2B,EAAE,2BAA2B,CAAC,CAAC,CAAC;IAE/D,MAAM,oBAAoB,GAAG,WAAW,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,EAAE,CAAC;QAC7D,eAAe,CAAC,MAAM,CAAC,CAAC;QACxB,qBAAqB,CAAC,UAAU,CAAC,CAAC;IAAA,CACnC,EAAE,CAAC,eAAe,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAE/C,IAAI,CAAC,eAAe,IAAI,YAAY,EAAE,CAAC;QACrC,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;IAED,MAAM,qBAAqB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC;QAC1C,IAAI,CAAC,YAAY,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC;YAC1E,OAAO,KAAK,CAAC;QACf,CAAC;QAED,MAAM,WAAW,GAAG,sBAAsB,CAAC,gBAAgB,CAAC;QAE5D,IAAI,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,IAAI,EAAE,CAAC;YACtD,OAAO,KAAK,CAAC;QACf,CAAC;QAED,OAAO,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;YAC9B,MAAM,oBAAoB,GAAG,CAAC,CAAC,oBAAoB,CAAC;YAEpD,OAAO,CACL,CAAA,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAG,sBAAsB,CAAC,eAAe,CAAC;gBAC9D,WAAW,CACZ,CAAC;QAAA,CACH,CAAC,CAAC;IAAA,CACJ,EAAE,CAAC,YAAY,EAAE,sBAAsB,CAAC,CAAC,CAAC;IAE3C,SAAS,CAAC,GAAG,EAAE,CAAC;QACd,IAAI,sBAAsB,EAAE,CAAC;YAC3B,qBAAqB,CAAC,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAE,UAAU,CAAC,CAAC;QAC5D,CAAC;IAAA,CACF,EAAE,CAAC,sBAAsB,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE,CAAC;QACd,IAAI,SAAS,GAAG,IAAI,CAAC;QAErB,MAAM,iBAAiB,GAAG,KAAK,IAAI,EAAE,CAAC;;YACpC,IACE,SAAS;gBACT,eAAe;iBACf,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAE,iBAAiB,CAAA,EACzC,CAAC;gBACD,IAAI,CAAC;oBACH,MAAM,QAAQ,GAAG,MAAM,SAAS,CAC9B,aAAa,CAAC,eAAe,EAC7B,uBAAuB,EACvB;wBACE,MAAM,EAAE,MAAM;qBACf,EACD;wBACE,IAAI,EAAE;4BACJ,cAAc,EAAE;gCACd;oCACE,WAAW,EAAE,mBAAmB;oCAChC,cAAc,EAAE,GAAG;oCACnB,WAAW,EAAE,sBAAsB,CAAC,iBAAiB;iCACtD;gCACD;oCACE,WAAW,EAAE,WAAW;oCACxB,cAAc,EAAE,GAAG;oCACnB,WAAW,EAAE,CAAC;iCACf;6BACF;4BACD,MAAM,EAAE,IAAI;yBACb;qBACF,CACF,CAAC;oBAEF,IAAI,SAAS,KAAI,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,QAAQ,CAAA,EAAE,CAAC;wBAC1C,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;oBAC1C,CAAC;gBACH,CAAC;gBAAC,OAAO,KAAK,EAAE,CAAC;oBACf,OAAO,CAAC,KAAK,CAAC,uCAAuC,EAAE,KAAK,CAAC,CAAC;oBAC9D,IAAI,SAAS;wBAAE,eAAe,CAAC,EAAE,CAAC,CAAC;gBACrC,CAAC;YACH,CAAC;QAAA,CACF,CAAC;QAEF,6FAA6F;QAC7F,iBAAiB,EAAE,CAAC;QAEpB,OAAO,GAAG,EAAE,CAAC;YACX,SAAS,GAAG,KAAK,CAAC;QAAA,CACnB,CAAC;IAAA,CACH,EAAE,CAAC,sBAAsB,EAAE,SAAS,EAAE,eAAe,CAAC,CAAC,CAAC;IAEzD,OAAO,CACL,oBAAC,SAAS,IACR,IAAI,EAAE,eAAe,EACrB,KAAK,EAAE,GAAG,EACV,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,yBAAyB,CAAC,EAC5E,OAAO,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,EAC1C,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAChD,QAAQ,EAAE,GAAG,EAAE,CAAC;;YACd,iDAAiD;YACjD,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,0CAAE,MAAM,EAAE,CAAC;QAAA,CAC5B,IAEA,SAAS,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAC5B,oBAAC,cAAc,OAAG,CACnB,CAAC,CAAC,CAAC,CACF,oBAAC,sBAAsB,IACrB,GAAG,EAAE,OAAO,EACZ,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,sBAAsB,EACnC,oBAAoB,EAAE,qBAAqB,EAC3C,iBAAiB,EAAE,kBAAkB,EACrC,kBAAkB,EAAE,qBAAqB,EACzC,kBAAkB,EAAE,uBAAuB,EAC3C,sBAAsB,EAAE,2BAA2B,EACnD,kBAAkB,EAAE,kBAAkB,EACtC,gBAAgB,EAAE,gCAAgC,EAClD,mBAAmB,EAAE,mCAAmC,EACxD,wBAAwB,EAAE,wCAAwC,EAClE,2BAA2B,EACzB,2CAA2C,GAE7C,CACH,CACS,CACb,CAAC;AAAA,CACH,CAAA;AAED,eAAe,2BAA2B,CAAC"}
|
|
@@ -7,7 +7,7 @@ import React, { useCallback, useEffect, useMemo, useRef, useState } from "react"
|
|
|
7
7
|
import { useTranslation } from "react-i18next";
|
|
8
8
|
//#region src/udp/pages/UdpTransactionTypesPage/sidesheets/UdpTransactionTypeSidesheet.jsx
|
|
9
9
|
const UdpTransactionTypeSidesheet = (props) => {
|
|
10
|
-
const { initialTransactionType, isSideSheetOpen, handleSideSheet, setSelectedDomainName, selectedDomainName, handleCreateTransactionType, handleUpdateTransactionType, catalogObjectNames, catalogObjectProperties, isPageConfigurationSidesheetOpen, setIsPageConfigurationSidesheetOpen } = props;
|
|
10
|
+
const { initialTransactionType, isSideSheetOpen, handleSideSheet, setSelectedDomainName, selectedDomainName, handleCreateTransactionType, handleUpdateTransactionType, catalogObjectNames, catalogObjectProperties, catalogObjectDateProperties, isPageConfigurationSidesheetOpen, setIsPageConfigurationSidesheetOpen, isCalendarViewConfigurationSidesheetOpen, setIsCalendarViewConfigurationSidesheetOpen } = props;
|
|
11
11
|
const isEditing = !!initialTransactionType;
|
|
12
12
|
const formRef = useRef();
|
|
13
13
|
const { t } = useTranslation();
|
|
@@ -80,9 +80,12 @@ const UdpTransactionTypeSidesheet = (props) => {
|
|
|
80
80
|
domainNameOptions: catalogObjectNames,
|
|
81
81
|
onSelectDomainName: setSelectedDomainName,
|
|
82
82
|
domainFieldOptions: catalogObjectProperties,
|
|
83
|
+
dateDomainFieldOptions: catalogObjectDateProperties,
|
|
83
84
|
selectedDomainName,
|
|
84
85
|
isPageConfigOpen: isPageConfigurationSidesheetOpen,
|
|
85
|
-
setIsPageConfigOpen: setIsPageConfigurationSidesheetOpen
|
|
86
|
+
setIsPageConfigOpen: setIsPageConfigurationSidesheetOpen,
|
|
87
|
+
isCalendarViewConfigOpen: isCalendarViewConfigurationSidesheetOpen,
|
|
88
|
+
setIsCalendarViewConfigOpen: setIsCalendarViewConfigurationSidesheetOpen
|
|
86
89
|
}));
|
|
87
90
|
};
|
|
88
91
|
//#endregion
|
package/dist/udp/pages/UdpTransactionTypesPage/sidesheets/UdpTransactionTypeSidesheet.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UdpTransactionTypeSidesheet.mjs","names":["React","useCallback","useEffect","useMemo","useRef","useState","LinearProgress","SideSheet","useTranslation","UdpTransactionTypeForm","apiMutate","ConfigService","UdpTransactionTypeSidesheet","props","initialTransactionType","isSideSheetOpen","handleSideSheet","setSelectedDomainName","selectedDomainName","handleCreateTransactionType","handleUpdateTransactionType","catalogObjectNames","catalogObjectProperties","isPageConfigurationSidesheetOpen","setIsPageConfigurationSidesheetOpen","isEditing","formRef","t","transactions","setTransactions","onSubmitForm","values","initialData","handleCloseSidesheet","isOpen","domainName","shouldDisableSubTypes","length","targetValue","domainFieldValue","undefined","some","entityBusinessObject","domainFieldType","isMounted","fetchTransactions","transactionTypeId","response","productV1ApiUrl","method","data","filterElements","searchField","searchOperator","searchValue","getAll","pageList","error","console","current","submit"],"sources":["../../../../../src/udp/pages/UdpTransactionTypesPage/sidesheets/UdpTransactionTypeSidesheet.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { LinearProgress, SideSheet } from '../../../../UI/index.ts';\nimport { useTranslation } from 'react-i18next';\nimport UdpTransactionTypeForm from '../forms/UdpTransactionTypeForm';\nimport { apiMutate } from '../../../../utilities';\nimport { ConfigService } from '../../../../configService';\n\nconst UdpTransactionTypeSidesheet = (props) => {\n const {\n initialTransactionType,\n isSideSheetOpen,\n handleSideSheet,\n setSelectedDomainName,\n selectedDomainName,\n handleCreateTransactionType,\n handleUpdateTransactionType,\n catalogObjectNames,\n catalogObjectProperties,\n isPageConfigurationSidesheetOpen,\n setIsPageConfigurationSidesheetOpen\n } = props;\n\n const isEditing = !!initialTransactionType;\n const formRef = useRef();\n const { t } = useTranslation();\n\n const [transactions, setTransactions] = useState(null);\n\n const onSubmitForm = useCallback(async (values, initialData) => {\n if (initialData) {\n await handleUpdateTransactionType(values, initialData);\n } else {\n await handleCreateTransactionType(values);\n }\n }, [handleCreateTransactionType, handleUpdateTransactionType]);\n\n const handleCloseSidesheet = useCallback((isOpen, domainName) => {\n handleSideSheet(isOpen);\n setSelectedDomainName(domainName);\n }, [handleSideSheet, setSelectedDomainName]);\n\n if (!isSideSheetOpen && transactions) {\n setTransactions(null);\n }\n\n const shouldDisableSubTypes = useMemo(() => {\n if (!transactions || transactions.length === 0 || !initialTransactionType) {\n return false;\n }\n\n const targetValue = initialTransactionType.domainFieldValue;\n\n if (targetValue === undefined || targetValue === null) {\n return false;\n }\n\n return transactions.some((t) => {\n const entityBusinessObject = t.entityBusinessObject;\n\n return (\n entityBusinessObject?.[initialTransactionType.domainFieldType] ===\n targetValue\n );\n });\n }, [transactions, initialTransactionType]);\n\n useEffect(() => {\n if (initialTransactionType) {\n setSelectedDomainName(initialTransactionType?.domainName);\n }\n }, [initialTransactionType, setSelectedDomainName]);\n\n useEffect(() => {\n let isMounted = true;\n\n const fetchTransactions = async () => {\n if (\n isEditing &&\n isSideSheetOpen &&\n initialTransactionType?.transactionTypeId\n ) {\n try {\n const response = await apiMutate(\n ConfigService.productV1ApiUrl,\n 'UdpTransaction/search',\n {\n method: 'post'\n },\n {\n data: {\n filterElements: [\n {\n searchField: 'transactionTypeId',\n searchOperator: '=',\n searchValue: initialTransactionType.transactionTypeId\n },\n {\n searchField: 'isDeleted',\n searchOperator: '=',\n searchValue: 0\n }\n ],\n getAll: true\n }\n }\n );\n\n if (isMounted && response?.data?.pageList) {\n setTransactions(response.data.pageList);\n }\n } catch (error) {\n console.error('Failed to check transaction existence', error);\n if (isMounted) setTransactions([]);\n }\n }\n };\n\n // eslint-disable-next-line react-you-might-not-need-an-effect/no-adjust-state-on-prop-change\n fetchTransactions();\n\n return () => {\n isMounted = false;\n };\n }, [initialTransactionType, isEditing, isSideSheetOpen]);\n\n return (\n <SideSheet\n open={isSideSheetOpen}\n width={800}\n title={isEditing ? t('Edit Transaction Type') : t('Create Transaction Type')}\n onClose={() => handleCloseSidesheet(false)}\n buttonLabel={isEditing ? t('Save') : t('Create')}\n onSubmit={() => {\n // eslint-disable-next-line no-unused-expressions\n formRef?.current?.submit();\n }}\n >\n {isEditing && !transactions ? (\n <LinearProgress />\n ) : (\n <UdpTransactionTypeForm\n ref={formRef}\n onSubmit={onSubmitForm}\n initialData={initialTransactionType}\n disableSubTypeFields={shouldDisableSubTypes}\n domainNameOptions={catalogObjectNames}\n onSelectDomainName={setSelectedDomainName}\n domainFieldOptions={catalogObjectProperties}\n selectedDomainName={selectedDomainName}\n isPageConfigOpen={isPageConfigurationSidesheetOpen}\n setIsPageConfigOpen={setIsPageConfigurationSidesheetOpen}\n />\n )}\n </SideSheet>\n );\n}\n\nexport default UdpTransactionTypeSidesheet;\n"],"mappings":";;;;;;;;AAOA,MAAMY,+BAA+BC,UAAU;CAC7C,MAAM,EACJC,wBACAC,iBACAC,iBACAC,uBACAC,oBACAC,6BACAC,6BACAC,oBACAC,yBACAC,kCACAC,
|
|
1
|
+
{"version":3,"file":"UdpTransactionTypeSidesheet.mjs","names":["React","useCallback","useEffect","useMemo","useRef","useState","LinearProgress","SideSheet","useTranslation","UdpTransactionTypeForm","apiMutate","ConfigService","UdpTransactionTypeSidesheet","props","initialTransactionType","isSideSheetOpen","handleSideSheet","setSelectedDomainName","selectedDomainName","handleCreateTransactionType","handleUpdateTransactionType","catalogObjectNames","catalogObjectProperties","catalogObjectDateProperties","isPageConfigurationSidesheetOpen","setIsPageConfigurationSidesheetOpen","isCalendarViewConfigurationSidesheetOpen","setIsCalendarViewConfigurationSidesheetOpen","isEditing","formRef","t","transactions","setTransactions","onSubmitForm","values","initialData","handleCloseSidesheet","isOpen","domainName","shouldDisableSubTypes","length","targetValue","domainFieldValue","undefined","some","entityBusinessObject","domainFieldType","isMounted","fetchTransactions","transactionTypeId","response","productV1ApiUrl","method","data","filterElements","searchField","searchOperator","searchValue","getAll","pageList","error","console","current","submit"],"sources":["../../../../../src/udp/pages/UdpTransactionTypesPage/sidesheets/UdpTransactionTypeSidesheet.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { LinearProgress, SideSheet } from '../../../../UI/index.ts';\nimport { useTranslation } from 'react-i18next';\nimport UdpTransactionTypeForm from '../forms/UdpTransactionTypeForm';\nimport { apiMutate } from '../../../../utilities';\nimport { ConfigService } from '../../../../configService';\n\nconst UdpTransactionTypeSidesheet = (props) => {\n const {\n initialTransactionType,\n isSideSheetOpen,\n handleSideSheet,\n setSelectedDomainName,\n selectedDomainName,\n handleCreateTransactionType,\n handleUpdateTransactionType,\n catalogObjectNames,\n catalogObjectProperties,\n catalogObjectDateProperties,\n isPageConfigurationSidesheetOpen,\n setIsPageConfigurationSidesheetOpen,\n isCalendarViewConfigurationSidesheetOpen,\n setIsCalendarViewConfigurationSidesheetOpen\n } = props;\n\n const isEditing = !!initialTransactionType;\n const formRef = useRef();\n const { t } = useTranslation();\n\n const [transactions, setTransactions] = useState(null);\n\n const onSubmitForm = useCallback(async (values, initialData) => {\n if (initialData) {\n await handleUpdateTransactionType(values, initialData);\n } else {\n await handleCreateTransactionType(values);\n }\n }, [handleCreateTransactionType, handleUpdateTransactionType]);\n\n const handleCloseSidesheet = useCallback((isOpen, domainName) => {\n handleSideSheet(isOpen);\n setSelectedDomainName(domainName);\n }, [handleSideSheet, setSelectedDomainName]);\n\n if (!isSideSheetOpen && transactions) {\n setTransactions(null);\n }\n\n const shouldDisableSubTypes = useMemo(() => {\n if (!transactions || transactions.length === 0 || !initialTransactionType) {\n return false;\n }\n\n const targetValue = initialTransactionType.domainFieldValue;\n\n if (targetValue === undefined || targetValue === null) {\n return false;\n }\n\n return transactions.some((t) => {\n const entityBusinessObject = t.entityBusinessObject;\n\n return (\n entityBusinessObject?.[initialTransactionType.domainFieldType] ===\n targetValue\n );\n });\n }, [transactions, initialTransactionType]);\n\n useEffect(() => {\n if (initialTransactionType) {\n setSelectedDomainName(initialTransactionType?.domainName);\n }\n }, [initialTransactionType, setSelectedDomainName]);\n\n useEffect(() => {\n let isMounted = true;\n\n const fetchTransactions = async () => {\n if (\n isEditing &&\n isSideSheetOpen &&\n initialTransactionType?.transactionTypeId\n ) {\n try {\n const response = await apiMutate(\n ConfigService.productV1ApiUrl,\n 'UdpTransaction/search',\n {\n method: 'post'\n },\n {\n data: {\n filterElements: [\n {\n searchField: 'transactionTypeId',\n searchOperator: '=',\n searchValue: initialTransactionType.transactionTypeId\n },\n {\n searchField: 'isDeleted',\n searchOperator: '=',\n searchValue: 0\n }\n ],\n getAll: true\n }\n }\n );\n\n if (isMounted && response?.data?.pageList) {\n setTransactions(response.data.pageList);\n }\n } catch (error) {\n console.error('Failed to check transaction existence', error);\n if (isMounted) setTransactions([]);\n }\n }\n };\n\n // eslint-disable-next-line react-you-might-not-need-an-effect/no-adjust-state-on-prop-change\n fetchTransactions();\n\n return () => {\n isMounted = false;\n };\n }, [initialTransactionType, isEditing, isSideSheetOpen]);\n\n return (\n <SideSheet\n open={isSideSheetOpen}\n width={800}\n title={isEditing ? t('Edit Transaction Type') : t('Create Transaction Type')}\n onClose={() => handleCloseSidesheet(false)}\n buttonLabel={isEditing ? t('Save') : t('Create')}\n onSubmit={() => {\n // eslint-disable-next-line no-unused-expressions\n formRef?.current?.submit();\n }}\n >\n {isEditing && !transactions ? (\n <LinearProgress />\n ) : (\n <UdpTransactionTypeForm\n ref={formRef}\n onSubmit={onSubmitForm}\n initialData={initialTransactionType}\n disableSubTypeFields={shouldDisableSubTypes}\n domainNameOptions={catalogObjectNames}\n onSelectDomainName={setSelectedDomainName}\n domainFieldOptions={catalogObjectProperties}\n dateDomainFieldOptions={catalogObjectDateProperties}\n selectedDomainName={selectedDomainName}\n isPageConfigOpen={isPageConfigurationSidesheetOpen}\n setIsPageConfigOpen={setIsPageConfigurationSidesheetOpen}\n isCalendarViewConfigOpen={isCalendarViewConfigurationSidesheetOpen}\n setIsCalendarViewConfigOpen={\n setIsCalendarViewConfigurationSidesheetOpen\n }\n />\n )}\n </SideSheet>\n );\n}\n\nexport default UdpTransactionTypeSidesheet;\n"],"mappings":";;;;;;;;AAOA,MAAMY,+BAA+BC,UAAU;CAC7C,MAAM,EACJC,wBACAC,iBACAC,iBACAC,uBACAC,oBACAC,6BACAC,6BACAC,oBACAC,yBACAC,6BACAC,kCACAC,qCACAC,0CACAC,gDACEd;CAEJ,MAAMe,YAAY,CAAC,CAACd;CACpB,MAAMe,UAAUzB,QAAQ;CACxB,MAAM,EAAE0B,MAAMtB,gBAAgB;CAE9B,MAAM,CAACuB,cAAcC,mBAAmB3B,SAAS,KAAK;CAEtD,MAAM4B,eAAehC,YAAY,OAAOiC,QAAQC,gBAAgB;AAC5D,MAAIA,YACF,OAAMf,4BAA4Bc,QAAQC,YAAY;MAEtD,OAAMhB,4BAA4Be,OAAO;IAE5C,CAACf,6BAA6BC,4BAA4B,CAAC;CAE9D,MAAMgB,uBAAuBnC,aAAaoC,QAAQC,eAAe;AAC7DtB,kBAAgBqB,OAAO;AACvBpB,wBAAsBqB,WAAW;IAChC,CAACtB,iBAAiBC,sBAAsB,CAAC;AAE9C,KAAI,CAACF,mBAAmBgB,aACtBC,iBAAgB,KAAK;CAGvB,MAAMO,wBAAwBpC,cAAc;AAC1C,MAAI,CAAC4B,gBAAgBA,aAAaS,WAAW,KAAK,CAAC1B,uBACjD,QAAO;EAGT,MAAM2B,cAAc3B,uBAAuB4B;AAE3C,MAAID,gBAAgBE,KAAAA,KAAaF,gBAAgB,KAC/C,QAAO;AAGT,SAAOV,aAAaa,MAAMd,QAAM;AAG9B,UAF6BA,IAAEe,uBAGN/B,uBAAuBgC,qBAC9CL;IAEF;IACD,CAACV,cAAcjB,uBAAuB,CAAC;AAE1CZ,iBAAgB;AACd,MAAIY,uBACFG,uBAAsBH,wBAAwBwB,WAAW;IAE1D,CAACxB,wBAAwBG,sBAAsB,CAAC;AAEnDf,iBAAgB;EACd,IAAI6C,YAAY;EAEhB,MAAMC,oBAAoB,YAAY;AACpC,OACEpB,aACAb,mBACAD,wBAAwBmC,kBAExB,KAAI;IACF,MAAMC,WAAW,MAAMxC,UACrBC,cAAcwC,iBACd,yBACA,EACEC,QAAQ,QACT,EACD,EACEC,MAAM;KACJC,gBAAgB,CACd;MACEC,aAAa;MACbC,gBAAgB;MAChBC,aAAa3C,uBAAuBmC;MACrC,EACD;MACEM,aAAa;MACbC,gBAAgB;MAChBC,aAAa;MACd,CACF;KACDC,QAAQ;KACV,EAEJ,CAAC;AAED,QAAIX,aAAaG,UAAUG,MAAMM,SAC/B3B,iBAAgBkB,SAASG,KAAKM,SAAS;YAElCC,OAAO;AACdC,YAAQD,MAAM,yCAAyCA,MAAM;AAC7D,QAAIb,UAAWf,iBAAgB,EAAE,CAAC;;;AAMxCgB,qBAAmB;AAEnB,eAAa;AACXD,eAAY;;IAEb;EAACjC;EAAwBc;EAAWb;EAAgB,CAAC;AAExD,QACE,sBAAA,cAAC,WAAD;EACE,MAAMA;EACN,OAAO;EACP,OAAOa,YAAYE,EAAE,wBAAwB,GAAGA,EAAE,0BAA0B;EAC5E,eAAeM,qBAAqB,MAAM;EAC1C,aAAaR,YAAYE,EAAE,OAAO,GAAGA,EAAE,SAAS;EAChD,gBAAgB;AAEdD,YAASiC,SAASC,QAAQ;;EAwBlB,EArBTnC,aAAa,CAACG,eACb,sBAAA,cAAC,gBAAA,KAAiB,GAElB,sBAAA,cAAC,gCAAD;EACE,KAAKF;EACL,UAAUI;EACV,aAAanB;EACb,sBAAsByB;EACtB,mBAAmBlB;EACnB,oBAAoBJ;EACpB,oBAAoBK;EACpB,wBAAwBC;EACJL;EACpB,kBAAkBM;EAClB,qBAAqBC;EACrB,0BAA0BC;EAC1B,6BACEC;EAGL,CAAA,CACS"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UdpTransactionCalendar.d.ts","sourceRoot":"","sources":["../../../../src/udp/pages/UdpTransactionsPage/UdpTransactionCalendar.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AA4CzE,QAAA,MAAM,sBAAsB,mCAiT3B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,256 @@
|
|
|
1
|
+
import React, { useCallback, useEffect, useMemo, useState } from 'react';
|
|
2
|
+
import { useTranslation } from 'react-i18next';
|
|
3
|
+
import { UdpCalendar } from '../../../UI/templates/calendar/UdpCalendar';
|
|
4
|
+
import { useTransactionEngine } from '../../../utilities/transactions/useTransactionEngine';
|
|
5
|
+
import { useAxiosMutate } from '../../../utilities';
|
|
6
|
+
import { ConfigService } from '../../../configService';
|
|
7
|
+
import { AmbientCard } from '../../../UI/surfaces/cards/AmbientCard';
|
|
8
|
+
import { UdpSearchEnums } from '../../../enums';
|
|
9
|
+
import { UdpFlexbox } from '../../../UI/fluent-web-components/UdpFlexbox';
|
|
10
|
+
import { UdpBadge } from '../../../UI/fluent-web-components/UdpBadge';
|
|
11
|
+
import { UdpPrimaryActionHeader } from '../../../UI/fluent-web-components/UdpPrimaryActionHeader';
|
|
12
|
+
const CALENDAR_VIEW_OPTIONS = ['day', 'week', 'month'];
|
|
13
|
+
const normalizeCalendarView = (value) => {
|
|
14
|
+
const normalized = (value || '').toString().toLowerCase();
|
|
15
|
+
return CALENDAR_VIEW_OPTIONS.includes(normalized) ? normalized : 'week';
|
|
16
|
+
};
|
|
17
|
+
const buildDomainSearchField = (domainName, propertyName) => `${UdpSearchEnums.UdpBusinessDomainPrefix}.${domainName}.${propertyName}`;
|
|
18
|
+
function format12HourTime(date) {
|
|
19
|
+
if (!date) {
|
|
20
|
+
return '';
|
|
21
|
+
}
|
|
22
|
+
const hours = date.getHours();
|
|
23
|
+
const minutes = date.getMinutes();
|
|
24
|
+
const ampm = hours >= 12 ? 'PM' : 'AM';
|
|
25
|
+
const hour12 = hours % 12 || 12; // Convert hours to 12-hour format
|
|
26
|
+
return `${hour12}:${minutes.toString().padStart(2, '0')} ${ampm}`;
|
|
27
|
+
}
|
|
28
|
+
const formatDate = d => d.toISOString().split('T')[0];
|
|
29
|
+
const STATUS_BG_COLORS = {
|
|
30
|
+
warning: '#fff4ce',
|
|
31
|
+
success: '#bdedbd',
|
|
32
|
+
info: '#a9d3f2',
|
|
33
|
+
gray: '#f5f5f5'
|
|
34
|
+
};
|
|
35
|
+
const DEFAULT_STATUS_BG = '#f5f5f5';
|
|
36
|
+
const UdpTransactionCalendar = (props) => {
|
|
37
|
+
var _a, _b;
|
|
38
|
+
const { transactionTypeId, domainName, searchMethodObject, calendarViewConfiguration, openWorkflowActionTransaction, handleCalendarApiCallback, openAddTransaction, gridTitle, hideCreateTransaction = false, onShowGridView } = props;
|
|
39
|
+
const domainStartDateProperty = (_a = calendarViewConfiguration === null || calendarViewConfiguration === void 0 ? void 0 : calendarViewConfiguration.domainStartDateProperty) !== null && _a !== void 0 ? _a : '';
|
|
40
|
+
const domainEndDateProperty = (_b = calendarViewConfiguration === null || calendarViewConfiguration === void 0 ? void 0 : calendarViewConfiguration.domainEndDateProperty) !== null && _b !== void 0 ? _b : '';
|
|
41
|
+
const { t } = useTranslation();
|
|
42
|
+
const { getTransactionTypeLabel, transactionTypeStatusColorsMap, transactionTypePageConfiguration } = useTransactionEngine(transactionTypeId);
|
|
43
|
+
const headerConfig = useMemo(() => {
|
|
44
|
+
const title = gridTitle || (transactionTypePageConfiguration === null || transactionTypePageConfiguration === void 0 ? void 0 : transactionTypePageConfiguration.gridTitle) || domainName;
|
|
45
|
+
const hideCreate = hideCreateTransaction ||
|
|
46
|
+
(transactionTypePageConfiguration === null || transactionTypePageConfiguration === void 0 ? void 0 : transactionTypePageConfiguration.hideCreateTransaction);
|
|
47
|
+
return {
|
|
48
|
+
title,
|
|
49
|
+
primaryAction: hideCreate
|
|
50
|
+
? undefined
|
|
51
|
+
: {
|
|
52
|
+
label: (transactionTypePageConfiguration === null || transactionTypePageConfiguration === void 0 ? void 0 : transactionTypePageConfiguration.createTransactionButtonLabel) ||
|
|
53
|
+
`${domainName} Entry`,
|
|
54
|
+
iconName: 'add',
|
|
55
|
+
onClick: () => openAddTransaction === null || openAddTransaction === void 0 ? void 0 : openAddTransaction()
|
|
56
|
+
},
|
|
57
|
+
secondaryActions: [
|
|
58
|
+
{
|
|
59
|
+
iconOnly: true,
|
|
60
|
+
iconName: 'table',
|
|
61
|
+
label: t('Grid View'),
|
|
62
|
+
onClick: () => onShowGridView === null || onShowGridView === void 0 ? void 0 : onShowGridView()
|
|
63
|
+
}
|
|
64
|
+
]
|
|
65
|
+
};
|
|
66
|
+
}, [
|
|
67
|
+
gridTitle,
|
|
68
|
+
domainName,
|
|
69
|
+
hideCreateTransaction,
|
|
70
|
+
transactionTypePageConfiguration,
|
|
71
|
+
openAddTransaction,
|
|
72
|
+
onShowGridView,
|
|
73
|
+
t
|
|
74
|
+
]);
|
|
75
|
+
const [initialCalendarView] = useState(normalizeCalendarView(calendarViewConfiguration === null || calendarViewConfiguration === void 0 ? void 0 : calendarViewConfiguration.defaultCalendarViewType));
|
|
76
|
+
const [calendarRange, setCalendarRange] = useState(null);
|
|
77
|
+
const [calendarEvents, setCalendarEvents] = useState([]);
|
|
78
|
+
const handleCalendarDatesSet = useCallback((rangeInfo) => {
|
|
79
|
+
setCalendarRange({
|
|
80
|
+
start: new Date(rangeInfo.start),
|
|
81
|
+
end: new Date(rangeInfo.end),
|
|
82
|
+
});
|
|
83
|
+
}, []);
|
|
84
|
+
const hasDomainDateConfig = Boolean(domainName && domainStartDateProperty && domainEndDateProperty);
|
|
85
|
+
const searchObject = useMemo(() => {
|
|
86
|
+
const baseFilters = [
|
|
87
|
+
{
|
|
88
|
+
searchField: 'transactionTypeId',
|
|
89
|
+
searchOperator: '=',
|
|
90
|
+
searchValue: transactionTypeId
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
searchField: 'isDeleted',
|
|
94
|
+
searchOperator: '=',
|
|
95
|
+
searchValue: false
|
|
96
|
+
}
|
|
97
|
+
];
|
|
98
|
+
const dateRangeFilters = [];
|
|
99
|
+
if (domainName &&
|
|
100
|
+
domainStartDateProperty &&
|
|
101
|
+
domainEndDateProperty &&
|
|
102
|
+
(calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.start) &&
|
|
103
|
+
(calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.end)) {
|
|
104
|
+
const startField = buildDomainSearchField(domainName, domainStartDateProperty);
|
|
105
|
+
const endField = buildDomainSearchField(domainName, domainEndDateProperty);
|
|
106
|
+
const rangeStartFormatted = formatDate(calendarRange.start);
|
|
107
|
+
const rangeEndFormatted = formatDate(calendarRange.end);
|
|
108
|
+
dateRangeFilters.push({
|
|
109
|
+
searchField: startField,
|
|
110
|
+
searchOperator: '<=',
|
|
111
|
+
searchValue: rangeEndFormatted
|
|
112
|
+
}, {
|
|
113
|
+
searchField: endField,
|
|
114
|
+
searchOperator: '>=',
|
|
115
|
+
searchValue: rangeStartFormatted
|
|
116
|
+
});
|
|
117
|
+
}
|
|
118
|
+
const extraFilters = (searchMethodObject === null || searchMethodObject === void 0 ? void 0 : searchMethodObject.filterElements) || [];
|
|
119
|
+
return Object.assign(Object.assign({ eagerLoad: true, getAll: true }, (searchMethodObject || {})), { filterElements: baseFilters.concat(dateRangeFilters, extraFilters) });
|
|
120
|
+
}, [
|
|
121
|
+
transactionTypeId,
|
|
122
|
+
searchMethodObject,
|
|
123
|
+
domainName,
|
|
124
|
+
domainStartDateProperty,
|
|
125
|
+
domainEndDateProperty,
|
|
126
|
+
calendarRange
|
|
127
|
+
]);
|
|
128
|
+
const [{ loading }, executeSearch] = useAxiosMutate(ConfigService.productV1ApiUrl, 'UdpTransaction/search', { method: 'post' });
|
|
129
|
+
const legendItems = useMemo(() => Object.entries(transactionTypeStatusColorsMap !== null && transactionTypeStatusColorsMap !== void 0 ? transactionTypeStatusColorsMap : {}).map(([label, colorKey]) => {
|
|
130
|
+
var _a;
|
|
131
|
+
return ({
|
|
132
|
+
label,
|
|
133
|
+
color: (_a = STATUS_BG_COLORS[colorKey]) !== null && _a !== void 0 ? _a : DEFAULT_STATUS_BG
|
|
134
|
+
});
|
|
135
|
+
}), [transactionTypeStatusColorsMap]);
|
|
136
|
+
const applyCalendarResponse = useCallback((response) => {
|
|
137
|
+
var _a;
|
|
138
|
+
var _b;
|
|
139
|
+
if ((response === null || response === void 0 ? void 0 : response.status) !== 200) {
|
|
140
|
+
setCalendarEvents([]);
|
|
141
|
+
return;
|
|
142
|
+
}
|
|
143
|
+
const pageList = (_b = (_a = response.data) === null || _a === void 0 ? void 0 : _a.pageList) !== null && _b !== void 0 ? _b : [];
|
|
144
|
+
const formatted = pageList
|
|
145
|
+
.map((transaction) => {
|
|
146
|
+
var _a;
|
|
147
|
+
var _b, _c, _d, _e;
|
|
148
|
+
const ebo = (_b = transaction === null || transaction === void 0 ? void 0 : transaction.entityBusinessObject) !== null && _b !== void 0 ? _b : {};
|
|
149
|
+
const startValue = ebo[domainStartDateProperty];
|
|
150
|
+
const endValue = ebo[domainEndDateProperty];
|
|
151
|
+
const eventStart = startValue !== null && startValue !== void 0 ? startValue : endValue;
|
|
152
|
+
if (!eventStart)
|
|
153
|
+
return null;
|
|
154
|
+
const statusName = (_a = transaction === null || transaction === void 0 ? void 0 : transaction.udpTransactionUdpTransactionTypeStatus) === null || _a === void 0 ? void 0 : _a.name;
|
|
155
|
+
const statusColorKey = transactionTypeStatusColorsMap === null || transactionTypeStatusColorsMap === void 0 ? void 0 : transactionTypeStatusColorsMap[statusName];
|
|
156
|
+
const statusBg = (_c = STATUS_BG_COLORS[statusColorKey]) !== null && _c !== void 0 ? _c : DEFAULT_STATUS_BG;
|
|
157
|
+
return Object.assign(Object.assign({ title: (_e = (_d = getTransactionTypeLabel(transaction)) !== null && _d !== void 0 ? _d : transaction === null || transaction === void 0 ? void 0 : transaction.entityBusinessKey) !== null && _e !== void 0 ? _e : domainName, start: eventStart }, (startValue && endValue ? { end: endValue } : {})), { backgroundColor: 'transparent', borderColor: 'transparent', extendedProps: Object.assign(Object.assign({}, transaction), { statusBg }) });
|
|
158
|
+
})
|
|
159
|
+
.filter(Boolean);
|
|
160
|
+
setCalendarEvents(formatted);
|
|
161
|
+
}, [
|
|
162
|
+
domainStartDateProperty,
|
|
163
|
+
domainEndDateProperty,
|
|
164
|
+
domainName,
|
|
165
|
+
getTransactionTypeLabel,
|
|
166
|
+
transactionTypeStatusColorsMap
|
|
167
|
+
]);
|
|
168
|
+
const refreshCalendarEvents = useCallback(async () => {
|
|
169
|
+
if (!hasDomainDateConfig)
|
|
170
|
+
return;
|
|
171
|
+
if (!(calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.start) || !(calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.end))
|
|
172
|
+
return;
|
|
173
|
+
try {
|
|
174
|
+
const response = await executeSearch({ data: searchObject });
|
|
175
|
+
applyCalendarResponse(response);
|
|
176
|
+
}
|
|
177
|
+
catch (_a) {
|
|
178
|
+
setCalendarEvents([]);
|
|
179
|
+
}
|
|
180
|
+
// executeSearch intentionally excluded — axios-hooks returns a new identity each render.
|
|
181
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
182
|
+
}, [hasDomainDateConfig, calendarRange, searchObject, applyCalendarResponse]);
|
|
183
|
+
useEffect(() => {
|
|
184
|
+
if (!hasDomainDateConfig)
|
|
185
|
+
return;
|
|
186
|
+
if (!(calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.start) || !(calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.end))
|
|
187
|
+
return;
|
|
188
|
+
let cancelled = false;
|
|
189
|
+
executeSearch({ data: searchObject })
|
|
190
|
+
.then((response) => {
|
|
191
|
+
if (cancelled)
|
|
192
|
+
return;
|
|
193
|
+
applyCalendarResponse(response);
|
|
194
|
+
})
|
|
195
|
+
.catch(() => {
|
|
196
|
+
if (!cancelled)
|
|
197
|
+
setCalendarEvents([]);
|
|
198
|
+
});
|
|
199
|
+
return () => { cancelled = true; };
|
|
200
|
+
// executeSearch intentionally excluded — axios-hooks returns a new identity each render.
|
|
201
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
202
|
+
}, [searchObject, hasDomainDateConfig, calendarRange, applyCalendarResponse]);
|
|
203
|
+
useEffect(() => {
|
|
204
|
+
if (!handleCalendarApiCallback)
|
|
205
|
+
return;
|
|
206
|
+
handleCalendarApiCallback(refreshCalendarEvents);
|
|
207
|
+
return () => handleCalendarApiCallback(null);
|
|
208
|
+
}, [handleCalendarApiCallback, refreshCalendarEvents]);
|
|
209
|
+
return (React.createElement("div", null, React.createElement(UdpPrimaryActionHeader, { title: headerConfig.title, primaryAction: headerConfig.primaryAction, secondaryActions: headerConfig.secondaryActions }), legendItems.length > 0 && (React.createElement("div", { style: { marginBottom: '4px' } }, React.createElement(UdpFlexbox, { direction: "row", wrap: "wrap", justify: "flex-end" }, legendItems.map(({ label, color }) => (React.createElement(UdpBadge, { key: label, appearance: "ghost" }, React.createElement("span", { slot: "start", style: {
|
|
210
|
+
display: 'inline-block',
|
|
211
|
+
width: 'var(--udp-spacing-md, 8px)',
|
|
212
|
+
height: 'var(--udp-spacing-md, 8px)',
|
|
213
|
+
marginRight: 'var(--udp-spacing-sm, 4px)',
|
|
214
|
+
borderRadius: '50%',
|
|
215
|
+
backgroundColor: color
|
|
216
|
+
} }), label)))))), React.createElement(AmbientCard, { fullWidth: true }, React.createElement(UdpCalendar, { initialView: initialCalendarView, toggleViewOptions: "dayGridDay,dayGridWeek,dayGridMonth", events: calendarEvents, eventOnclick: (info) => { openWorkflowActionTransaction(info.event.extendedProps); }, eventContent: info => {
|
|
217
|
+
var _a, _b, _c;
|
|
218
|
+
var _d, _e, _f;
|
|
219
|
+
const now = Date.now();
|
|
220
|
+
const startMs = (_d = (_a = info.event.start) === null || _a === void 0 ? void 0 : _a.getTime()) !== null && _d !== void 0 ? _d : 0;
|
|
221
|
+
const endMs = (_e = (_b = info.event.end) === null || _b === void 0 ? void 0 : _b.getTime()) !== null && _e !== void 0 ? _e : startMs;
|
|
222
|
+
const isPast = endMs < now;
|
|
223
|
+
const bg = (_f = (_c = info.event.extendedProps) === null || _c === void 0 ? void 0 : _c.statusBg) !== null && _f !== void 0 ? _f : '#f5f5f5';
|
|
224
|
+
const opacity = 1; //isPast ? 0.65 : 1; // Keeping past events at full opacity as per UX feedback, but can be adjusted if needed.
|
|
225
|
+
const startDate = info.event.start;
|
|
226
|
+
const endDate = info.event.end;
|
|
227
|
+
const startDay = startDate ? startDate.toDateString() : null;
|
|
228
|
+
const endDay = endDate ? endDate.toDateString() : null;
|
|
229
|
+
const segmentSpansMultipleDays = info.isStart && info.isEnd && endDay && startDay !== endDay;
|
|
230
|
+
let timeRowHtml = '';
|
|
231
|
+
if (segmentSpansMultipleDays) {
|
|
232
|
+
timeRowHtml = `<div style="display:flex; justify-content:space-between; gap:8px; word-wrap: break-word; white-space: normal;"><b>${format12HourTime(startDate)}</b><b>${format12HourTime(endDate)}</b></div>`;
|
|
233
|
+
}
|
|
234
|
+
else if (info.isStart && info.isEnd) {
|
|
235
|
+
timeRowHtml = `<div style="word-wrap: break-word; white-space: normal;"><b>${format12HourTime(startDate)}${endDate ? ' - ' + format12HourTime(endDate) : ''}</b></div>`;
|
|
236
|
+
}
|
|
237
|
+
else if (info.isStart) {
|
|
238
|
+
timeRowHtml = `<div style="word-wrap: break-word; white-space: normal;"><b>${format12HourTime(startDate)}</b></div>`;
|
|
239
|
+
}
|
|
240
|
+
else if (info.isEnd) {
|
|
241
|
+
timeRowHtml = `<div style="word-wrap: break-word; white-space: normal; text-align:right;"><b>${format12HourTime(endDate)}</b></div>`;
|
|
242
|
+
}
|
|
243
|
+
return {
|
|
244
|
+
html: `
|
|
245
|
+
<div style="width:100%; cursor:pointer; padding:5px; background-color: ${bg}; color: #242424; opacity: ${opacity};">
|
|
246
|
+
${timeRowHtml}
|
|
247
|
+
<div style="word-wrap: break-word; white-space: normal;">
|
|
248
|
+
${info.event.title + ' - ' + info.event.extendedProps.entityBusinessObject[calendarViewConfiguration === null || calendarViewConfiguration === void 0 ? void 0 : calendarViewConfiguration.domainPropertyToDisplay]}
|
|
249
|
+
</div>
|
|
250
|
+
</div>
|
|
251
|
+
`,
|
|
252
|
+
};
|
|
253
|
+
}, width: 'auto', height: 700, dayHeaders: true, datesSet: handleCalendarDatesSet }))));
|
|
254
|
+
};
|
|
255
|
+
export default UdpTransactionCalendar;
|
|
256
|
+
//# sourceMappingURL=UdpTransactionCalendar.js.map
|