@olenbetong/appframe-ds 1.6.0 → 1.6.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.
Files changed (159) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/package.json +2 -2
  3. package/scripts/copyAssets.mjs +27 -27
  4. package/src/AfLookup/Lookup.css +147 -147
  5. package/src/AfLookup/Lookup.tsx +186 -186
  6. package/src/AfLookup/LookupCombobox.css +69 -69
  7. package/src/AfLookup/LookupCombobox.tsx +273 -273
  8. package/src/AfLookup/LookupEdit.tsx +130 -130
  9. package/src/AfLookup/LookupGrid.css +145 -145
  10. package/src/AfLookup/LookupGrid.test.tsx +142 -142
  11. package/src/AfLookup/LookupGrid.tsx +324 -324
  12. package/src/AfLookup/index.ts +5 -5
  13. package/src/autocomplete/Autocomplete.css +253 -253
  14. package/src/autocomplete/Autocomplete.tsx +320 -320
  15. package/src/autocomplete/AutocompleteFrame.tsx +168 -168
  16. package/src/autocomplete/Combobox.tsx +286 -286
  17. package/src/autocomplete/index.ts +4 -4
  18. package/src/autocomplete/types.ts +204 -204
  19. package/src/autocomplete/utils.ts +183 -183
  20. package/src/binding/BoundNumberInput.tsx +42 -42
  21. package/src/binding/BoundNumericTextField.tsx +102 -102
  22. package/src/binding/BoundTextField.tsx +49 -49
  23. package/src/binding/CancelButton.tsx +30 -30
  24. package/src/binding/CancelIconButton.tsx +30 -30
  25. package/src/binding/DataEditToolbar.css +23 -23
  26. package/src/binding/DataEditToolbar.tsx +84 -84
  27. package/src/binding/DeleteButton.tsx +35 -35
  28. package/src/binding/DeleteIconButton.tsx +35 -35
  29. package/src/binding/RefreshButton.tsx +31 -31
  30. package/src/binding/RefreshIconButton.tsx +33 -33
  31. package/src/binding/RefreshRowIconButton.tsx +33 -33
  32. package/src/binding/SaveButton.tsx +37 -37
  33. package/src/binding/SaveIconButton.tsx +38 -38
  34. package/src/binding/index.ts +20 -20
  35. package/src/container/Container.tsx +50 -50
  36. package/src/container/index.ts +1 -1
  37. package/src/cutoff/CutOffPicker.css +12 -12
  38. package/src/cutoff/CutOffPicker.tsx +165 -165
  39. package/src/cutoff/context.tsx +194 -194
  40. package/src/cutoff/dsCutOffDates.ts +21 -21
  41. package/src/cutoff/index.ts +4 -4
  42. package/src/cutoff/utils.test.ts +59 -59
  43. package/src/cutoff/utils.ts +276 -276
  44. package/src/filter/ChipListInput.tsx +79 -79
  45. package/src/filter/FieldFilterPanel.css +150 -150
  46. package/src/filter/FieldFilterPanel.tsx +309 -309
  47. package/src/filter/FilterBuilder.css +152 -152
  48. package/src/filter/FilterBuilder.test.tsx +153 -153
  49. package/src/filter/FilterBuilder.tsx +435 -435
  50. package/src/filter/FilterEditor.css +231 -231
  51. package/src/filter/FilterEditor.test.tsx +285 -285
  52. package/src/filter/FilterEditor.tsx +75 -75
  53. package/src/filter/FilterGroupEditor.tsx +160 -160
  54. package/src/filter/FilterNameDialog.css +22 -22
  55. package/src/filter/FilterNameDialog.tsx +81 -81
  56. package/src/filter/FilterRow.tsx +117 -117
  57. package/src/filter/FilterShareDialog.css +28 -28
  58. package/src/filter/FilterShareDialog.tsx +201 -201
  59. package/src/filter/FilterStringField.tsx +78 -78
  60. package/src/filter/FilterValueEditor.tsx +239 -239
  61. package/src/filter/SavedFilterTree.css +107 -107
  62. package/src/filter/SavedFilterTree.test.tsx +94 -94
  63. package/src/filter/SavedFilterTree.tsx +218 -218
  64. package/src/filter/fieldFilter.test.ts +158 -158
  65. package/src/filter/fieldFilter.ts +139 -139
  66. package/src/filter/index.ts +27 -27
  67. package/src/filter/types.ts +38 -38
  68. package/src/filter/useDistinctValues.test.ts +102 -102
  69. package/src/filter/useDistinctValues.ts +230 -230
  70. package/src/global.d.ts +11 -11
  71. package/src/grid/formatters.ts +23 -0
  72. package/src/grid/useAfColumns.tsx +28 -4
  73. package/src/grid/utcDate.test.ts +25 -0
  74. package/src/grid/utcDate.ts +28 -0
  75. package/src/grid/utcDateEditing.tsx +11 -0
  76. package/src/i18n.ts +13 -13
  77. package/src/index.ts +14 -14
  78. package/src/input/InputAdornments.css +80 -80
  79. package/src/input/InputAdornments.tsx +102 -102
  80. package/src/input/NumberInput.css +9 -9
  81. package/src/input/NumberInput.test.tsx +212 -212
  82. package/src/input/NumberInput.tsx +268 -268
  83. package/src/input/index.ts +3 -3
  84. package/src/input/numberFormat.test.ts +79 -79
  85. package/src/input/numberFormat.ts +94 -94
  86. package/src/layout/AppMenu.tsx +74 -74
  87. package/src/layout/AppMenuDrawer.css +71 -71
  88. package/src/layout/AppMenuDrawer.tsx +122 -122
  89. package/src/layout/DialogMotion.css +79 -79
  90. package/src/layout/ErrorBoundary.tsx +162 -162
  91. package/src/layout/PageContainer.css +48 -48
  92. package/src/layout/PageContainer.tsx +41 -41
  93. package/src/layout/ResponsiveDialog.css +86 -86
  94. package/src/layout/ResponsiveDialog.tsx +55 -55
  95. package/src/layout/index.tsx +70 -70
  96. package/src/link/Link.tsx +23 -23
  97. package/src/link/index.ts +1 -1
  98. package/src/mdi/Mdi.css +138 -138
  99. package/src/mdi/Mdi.test.tsx +91 -91
  100. package/src/mdi/Mdi.tsx +141 -141
  101. package/src/mdi/MdiConfirmCloseDialog.tsx +47 -47
  102. package/src/mdi/MdiContext.tsx +59 -59
  103. package/src/mdi/MdiDocumentContext.tsx +60 -60
  104. package/src/mdi/MdiPanel.tsx +61 -61
  105. package/src/mdi/MdiRestore.test.tsx +86 -86
  106. package/src/mdi/MdiTab.tsx +30 -30
  107. package/src/mdi/controller.test.ts +382 -382
  108. package/src/mdi/controller.ts +656 -656
  109. package/src/mdi/dockviewHost.ts +132 -132
  110. package/src/mdi/fakeHost.ts +200 -200
  111. package/src/mdi/host.ts +44 -44
  112. package/src/mdi/ids.test.ts +20 -20
  113. package/src/mdi/ids.ts +18 -18
  114. package/src/mdi/index.ts +31 -31
  115. package/src/mdi/layoutRestore.test.ts +156 -156
  116. package/src/mdi/layoutRestore.ts +311 -311
  117. package/src/mdi/layoutSpec.test.ts +143 -143
  118. package/src/mdi/layoutSpec.ts +214 -214
  119. package/src/mdi/layoutStore.test.ts +93 -93
  120. package/src/mdi/layoutStore.ts +99 -99
  121. package/src/mdi/memorySettingsStore.ts +21 -21
  122. package/src/mdi/registry.ts +34 -34
  123. package/src/mdi/testTypes.ts +37 -37
  124. package/src/mdi/theme.ts +22 -22
  125. package/src/mdi/types.ts +214 -214
  126. package/src/page/Page.css +57 -57
  127. package/src/page/PageBlock.css +64 -64
  128. package/src/page/PageBlock.tsx +93 -93
  129. package/src/page/PageHeader.css +88 -88
  130. package/src/page/PageHeader.tsx +115 -115
  131. package/src/page/PageTitle.css +5 -5
  132. package/src/page/PageTitle.tsx +21 -21
  133. package/src/page/index.ts +4 -4
  134. package/src/paper/Paper.tsx +52 -52
  135. package/src/progress/LinearProgress.css +121 -121
  136. package/src/progress/LinearProgress.tsx +106 -106
  137. package/src/progress/index.ts +1 -1
  138. package/src/report-downloader/ReportDownloader.css +67 -67
  139. package/src/report-downloader/components/StatusItem.tsx +87 -87
  140. package/src/report-downloader/components/StatusList.tsx +28 -28
  141. package/src/report-downloader/index.ts +41 -41
  142. package/src/report-downloader/status.tsx +92 -92
  143. package/src/sortable/DropIndicator.css +51 -51
  144. package/src/sortable/DropIndicator.tsx +27 -27
  145. package/src/sortable/SortableItemList.css +21 -21
  146. package/src/sortable/SortableItemList.tsx +264 -264
  147. package/src/sortable/index.ts +8 -8
  148. package/src/sortable/reorderSortOrder.ts +126 -126
  149. package/src/sortable/sortOrder.ts +101 -101
  150. package/src/sortable/types.ts +9 -9
  151. package/src/sortable/useSortableContainer.ts +53 -53
  152. package/src/sortable/useSortableItem.ts +95 -95
  153. package/src/sortable/useSortableList.ts +117 -117
  154. package/src/test/happy-dom-document-class.ts +24 -24
  155. package/src/test/setup.ts +27 -27
  156. package/src/theme/useDsColorScheme.ts +53 -53
  157. package/tsconfig.build.json +9 -9
  158. package/tsconfig.json +8 -8
  159. package/vitest.config.ts +10 -10
@@ -1,276 +1,276 @@
1
- /*
2
- * Cut-off periods: the period types Synergi reports on (day, ISO week, month, quarter, year,
3
- * with "last sunday" variants for month and quarter) and the string form each is stored in
4
- * (`2026-09-21`, `2026-W38`, `2026-09`, `2026-Q3`, `2026`). Ported from
5
- * @olenbetong/appframe-mui, with Temporal in place of date-fns for the ISO week arithmetic.
6
- */
7
-
8
- import { Temporal } from "temporal-polyfill";
9
-
10
- import { getLocalizedString } from "../i18n.js";
11
-
12
- export type PeriodType = "AllDates" | "WS" | "MLD" | "MLS" | "QLD" | "QLS" | "YLD";
13
- export type PeriodTypeValueMap = { [K in PeriodType]: string };
14
-
15
- /** ISO week string, `2026-W38`, of a date. */
16
- function toISOWeek(date: Temporal.PlainDate) {
17
- return `${date.yearOfWeek}-W${String(date.weekOfYear).padStart(2, "0")}`;
18
- }
19
-
20
- /** The Monday of an ISO week given as `2026-W38` or `2026-38`. */
21
- function isoWeekToDate(week: string) {
22
- let [year, weekNo] = week.replace("W", "").split("-");
23
- let firstOfYear = Temporal.PlainDate.from(`${year}-01-01`);
24
- let daysToAdd = (Number(weekNo) - 1) * 7;
25
- let firstOfWeekOne: Temporal.PlainDate;
26
- if (firstOfYear.dayOfWeek <= 4) {
27
- firstOfWeekOne = firstOfYear.add({ days: -firstOfYear.dayOfWeek + 1 });
28
- } else {
29
- firstOfWeekOne = firstOfYear.add({ days: 8 - firstOfYear.dayOfWeek });
30
- }
31
-
32
- return firstOfWeekOne.add({ days: daysToAdd });
33
- }
34
-
35
- /** A date from the app's own Temporal copy or a string, as this module's `PlainDate`. */
36
- function toPlainDate(date: Temporal.PlainDate | string) {
37
- return Temporal.PlainDate.from(typeof date === "string" ? date : date.toString());
38
- }
39
-
40
- const now = Temporal.Now.plainDateISO();
41
- const nowDate = now.toString();
42
- const nowWeek = toISOWeek(now);
43
- const nowMonth = Temporal.PlainYearMonth.from(now).toString();
44
- const nowQuarter = `${now.year}-Q${Math.ceil(now.month / 3)}`;
45
- const nowYear = String(now.year);
46
-
47
- export const defaultCutOffType: PeriodType = "MLD";
48
- export const defaultPeriod = nowMonth;
49
-
50
- export const defaultPeriods: PeriodTypeValueMap = {
51
- AllDates: nowDate,
52
- WS: nowWeek,
53
- MLD: nowMonth,
54
- MLS: nowMonth,
55
- QLD: nowQuarter,
56
- QLS: nowQuarter,
57
- YLD: nowYear,
58
- };
59
-
60
- export function getYearRange(start: number, end: number) {
61
- let years: string[] = [];
62
- for (let i = Math.min(start, end); i < Math.max(start, end); i++) {
63
- years.push(String(i));
64
- }
65
-
66
- return years;
67
- }
68
-
69
- export function subMonthString(month: string, amount: number) {
70
- return Temporal.PlainYearMonth.from(month).subtract({ months: amount }).toString();
71
- }
72
-
73
- export function getMonthRange(start: string, end: string) {
74
- let startDate = Temporal.PlainYearMonth.from(start);
75
- let endDate = Temporal.PlainYearMonth.from(end);
76
-
77
- if (Temporal.PlainYearMonth.compare(startDate, endDate) > 0) {
78
- throw new Error("Start month must be lower than end month");
79
- }
80
-
81
- let months: string[] = [];
82
-
83
- while (Temporal.PlainYearMonth.compare(startDate, endDate) <= 0) {
84
- months.push(startDate.toString());
85
- startDate = startDate.add({ months: 1 });
86
- }
87
-
88
- return months;
89
- }
90
-
91
- export function subWeekString(week: string, amount: number) {
92
- return toISOWeek(isoWeekToDate(week).subtract({ weeks: amount }));
93
- }
94
-
95
- export function getWeekRange(start: string, end: string) {
96
- let startDate = isoWeekToDate(start);
97
- let endDate = isoWeekToDate(end);
98
-
99
- if (Temporal.PlainDate.compare(startDate, endDate) > 0) {
100
- throw new Error("Start week must be lower than end week");
101
- }
102
-
103
- let weeks: string[] = [];
104
-
105
- while (Temporal.PlainDate.compare(startDate, endDate) <= 0) {
106
- weeks.push(toISOWeek(startDate));
107
- startDate = startDate.add({ weeks: 1 });
108
- }
109
-
110
- return weeks;
111
- }
112
-
113
- export function subDateString(date: string, amount: number) {
114
- return Temporal.PlainDate.from(date).subtract({ days: amount }).toString();
115
- }
116
-
117
- export function getDateRange(start: string, end: string) {
118
- let startDate = Temporal.PlainDate.from(start);
119
- let endDate = Temporal.PlainDate.from(end);
120
-
121
- if (Temporal.PlainDate.compare(startDate, endDate) > 0) {
122
- throw new Error("Start date must be lower than end date");
123
- }
124
-
125
- let dates: string[] = [];
126
-
127
- while (Temporal.PlainDate.compare(startDate, endDate) <= 0) {
128
- dates.push(startDate.toString());
129
- startDate = startDate.add({ days: 1 });
130
- }
131
-
132
- return dates;
133
- }
134
-
135
- /** The period of `periodType` a date falls in, in its stored string form. */
136
- export function plainDateToCutOff(date: Temporal.PlainDate | string, periodType: PeriodType) {
137
- let plain = toPlainDate(date);
138
-
139
- switch (periodType) {
140
- case "AllDates":
141
- return plain.toString();
142
- case "YLD":
143
- return String(plain.year);
144
- case "QLD":
145
- case "QLS":
146
- return `${plain.year}-Q${String(Math.ceil(plain.month / 3))}`;
147
- case "MLD":
148
- case "MLS":
149
- return Temporal.PlainYearMonth.from(plain).toString();
150
- case "WS":
151
- return toISOWeek(plain);
152
- default:
153
- return "";
154
- }
155
- }
156
-
157
- /** The first day of a period. */
158
- export function cutOffToPlainDate(cutOffType: PeriodType, period: string) {
159
- switch (cutOffType) {
160
- case "YLD":
161
- return Temporal.PlainDate.from({ year: Number(period), month: 1, day: 1 });
162
- case "QLD":
163
- case "QLS": {
164
- let [year, quarter] = period.split("-");
165
- quarter = quarter.replace("Q", "");
166
- return Temporal.PlainDate.from({ year: Number(year), month: (Number(quarter) - 1) * 3 + 1, day: 1 });
167
- }
168
- case "MLD":
169
- case "MLS":
170
- return Temporal.PlainDate.from(`${period}-01`);
171
- case "WS":
172
- return isoWeekToDate(period);
173
- case "AllDates":
174
- return Temporal.PlainDate.from(period);
175
- default:
176
- return Temporal.Now.plainDateISO();
177
- }
178
- }
179
-
180
- const culture = (globalThis as { af?: { userSession?: { culture?: string } } }).af?.userSession?.culture ?? "en-GB";
181
-
182
- /** A label for a period in the user's culture: "september 2026", "Week 38", "Q3 2026". */
183
- export function getPeriodLabel(periodType: PeriodType, period: string | null | undefined) {
184
- if (!period) return "";
185
-
186
- switch (periodType) {
187
- case "YLD":
188
- return String(period);
189
- case "QLD":
190
- case "QLS": {
191
- let [year, quarter] = period.split("-");
192
- return `${quarter} ${year}`;
193
- }
194
- case "MLD":
195
- case "MLS": {
196
- let month = Temporal.PlainDate.from(`${period}-01`);
197
- return month.toLocaleString(culture, { month: "long", year: "numeric" });
198
- }
199
- case "WS": {
200
- const [, week] = period.replace("-W", "-").split("-");
201
- return `${getLocalizedString("Week")} ${Number(week)}`;
202
- }
203
- case "AllDates": {
204
- let date = Temporal.PlainDate.from(period);
205
- return date.toLocaleString(culture, { weekday: "long", day: "numeric", month: "short" });
206
- }
207
- default:
208
- return "";
209
- }
210
- }
211
-
212
- export function isPeriodValidForCoType(coType: PeriodType, period: string) {
213
- switch (coType) {
214
- case "AllDates":
215
- return /^\d{4}-\d{2}-\d{2}$/.test(period);
216
- case "WS":
217
- return /^\d{4}-W\d{2}$/.test(period);
218
- case "MLD":
219
- case "MLS":
220
- return /^\d{4}-\d{2}$/.test(period);
221
- case "QLD":
222
- case "QLS":
223
- return /^\d{4}-Q[1234]$/.test(period);
224
- case "YLD":
225
- return /^\d{4}$/.test(period);
226
- default:
227
- return false;
228
- }
229
- }
230
-
231
- /** Where a history range for a period starts: five years, two years, twelve months, 26 weeks or 31 days back. */
232
- export function getHistoryRangeStart(cutOffType: PeriodType, period: string) {
233
- switch (cutOffType) {
234
- case "YLD":
235
- return String(Number(period) - 5);
236
- case "QLD":
237
- case "QLS": {
238
- // Two years back, same quarter: "2026-Q3" -> "2024-Q3". (The appframe-mui original
239
- // produced "2024-QQ3" here.)
240
- let year = Number(period.substring(0, 4)) - 2;
241
- return `${year}-${period.substring(5)}`;
242
- }
243
- case "MLD":
244
- case "MLS":
245
- return subMonthString(period, 12);
246
- case "WS":
247
- return subWeekString(period, 26);
248
- case "AllDates":
249
- return subDateString(period, 31);
250
- default:
251
- return "";
252
- }
253
- }
254
-
255
- export function stringToCutOffType(coType: string | null): PeriodType {
256
- if (!coType || !["AllDates", "WS", "MLS", "MLD", "QLS", "QLD", "YLD"].includes(coType)) {
257
- return defaultCutOffType;
258
- }
259
-
260
- return coType as PeriodType;
261
- }
262
-
263
- /** The cut-off in the `co` and `period` search parameters, defaults for what is missing or invalid. */
264
- export function getCutOffFromSearchParams(searchParams: URLSearchParams) {
265
- let coType = stringToCutOffType(searchParams.get("co"));
266
- let period = searchParams.get("period") ?? defaultPeriods[coType];
267
-
268
- if (!isPeriodValidForCoType(coType, period)) {
269
- period = defaultPeriods[coType];
270
- }
271
-
272
- return {
273
- coType,
274
- period: period.replace("W", ""), // Appframe stores weeks without the W
275
- };
276
- }
1
+ /*
2
+ * Cut-off periods: the period types Synergi reports on (day, ISO week, month, quarter, year,
3
+ * with "last sunday" variants for month and quarter) and the string form each is stored in
4
+ * (`2026-09-21`, `2026-W38`, `2026-09`, `2026-Q3`, `2026`). Ported from
5
+ * @olenbetong/appframe-mui, with Temporal in place of date-fns for the ISO week arithmetic.
6
+ */
7
+
8
+ import { Temporal } from "temporal-polyfill";
9
+
10
+ import { getLocalizedString } from "../i18n.js";
11
+
12
+ export type PeriodType = "AllDates" | "WS" | "MLD" | "MLS" | "QLD" | "QLS" | "YLD";
13
+ export type PeriodTypeValueMap = { [K in PeriodType]: string };
14
+
15
+ /** ISO week string, `2026-W38`, of a date. */
16
+ function toISOWeek(date: Temporal.PlainDate) {
17
+ return `${date.yearOfWeek}-W${String(date.weekOfYear).padStart(2, "0")}`;
18
+ }
19
+
20
+ /** The Monday of an ISO week given as `2026-W38` or `2026-38`. */
21
+ function isoWeekToDate(week: string) {
22
+ let [year, weekNo] = week.replace("W", "").split("-");
23
+ let firstOfYear = Temporal.PlainDate.from(`${year}-01-01`);
24
+ let daysToAdd = (Number(weekNo) - 1) * 7;
25
+ let firstOfWeekOne: Temporal.PlainDate;
26
+ if (firstOfYear.dayOfWeek <= 4) {
27
+ firstOfWeekOne = firstOfYear.add({ days: -firstOfYear.dayOfWeek + 1 });
28
+ } else {
29
+ firstOfWeekOne = firstOfYear.add({ days: 8 - firstOfYear.dayOfWeek });
30
+ }
31
+
32
+ return firstOfWeekOne.add({ days: daysToAdd });
33
+ }
34
+
35
+ /** A date from the app's own Temporal copy or a string, as this module's `PlainDate`. */
36
+ function toPlainDate(date: Temporal.PlainDate | string) {
37
+ return Temporal.PlainDate.from(typeof date === "string" ? date : date.toString());
38
+ }
39
+
40
+ const now = Temporal.Now.plainDateISO();
41
+ const nowDate = now.toString();
42
+ const nowWeek = toISOWeek(now);
43
+ const nowMonth = Temporal.PlainYearMonth.from(now).toString();
44
+ const nowQuarter = `${now.year}-Q${Math.ceil(now.month / 3)}`;
45
+ const nowYear = String(now.year);
46
+
47
+ export const defaultCutOffType: PeriodType = "MLD";
48
+ export const defaultPeriod = nowMonth;
49
+
50
+ export const defaultPeriods: PeriodTypeValueMap = {
51
+ AllDates: nowDate,
52
+ WS: nowWeek,
53
+ MLD: nowMonth,
54
+ MLS: nowMonth,
55
+ QLD: nowQuarter,
56
+ QLS: nowQuarter,
57
+ YLD: nowYear,
58
+ };
59
+
60
+ export function getYearRange(start: number, end: number) {
61
+ let years: string[] = [];
62
+ for (let i = Math.min(start, end); i < Math.max(start, end); i++) {
63
+ years.push(String(i));
64
+ }
65
+
66
+ return years;
67
+ }
68
+
69
+ export function subMonthString(month: string, amount: number) {
70
+ return Temporal.PlainYearMonth.from(month).subtract({ months: amount }).toString();
71
+ }
72
+
73
+ export function getMonthRange(start: string, end: string) {
74
+ let startDate = Temporal.PlainYearMonth.from(start);
75
+ let endDate = Temporal.PlainYearMonth.from(end);
76
+
77
+ if (Temporal.PlainYearMonth.compare(startDate, endDate) > 0) {
78
+ throw new Error("Start month must be lower than end month");
79
+ }
80
+
81
+ let months: string[] = [];
82
+
83
+ while (Temporal.PlainYearMonth.compare(startDate, endDate) <= 0) {
84
+ months.push(startDate.toString());
85
+ startDate = startDate.add({ months: 1 });
86
+ }
87
+
88
+ return months;
89
+ }
90
+
91
+ export function subWeekString(week: string, amount: number) {
92
+ return toISOWeek(isoWeekToDate(week).subtract({ weeks: amount }));
93
+ }
94
+
95
+ export function getWeekRange(start: string, end: string) {
96
+ let startDate = isoWeekToDate(start);
97
+ let endDate = isoWeekToDate(end);
98
+
99
+ if (Temporal.PlainDate.compare(startDate, endDate) > 0) {
100
+ throw new Error("Start week must be lower than end week");
101
+ }
102
+
103
+ let weeks: string[] = [];
104
+
105
+ while (Temporal.PlainDate.compare(startDate, endDate) <= 0) {
106
+ weeks.push(toISOWeek(startDate));
107
+ startDate = startDate.add({ weeks: 1 });
108
+ }
109
+
110
+ return weeks;
111
+ }
112
+
113
+ export function subDateString(date: string, amount: number) {
114
+ return Temporal.PlainDate.from(date).subtract({ days: amount }).toString();
115
+ }
116
+
117
+ export function getDateRange(start: string, end: string) {
118
+ let startDate = Temporal.PlainDate.from(start);
119
+ let endDate = Temporal.PlainDate.from(end);
120
+
121
+ if (Temporal.PlainDate.compare(startDate, endDate) > 0) {
122
+ throw new Error("Start date must be lower than end date");
123
+ }
124
+
125
+ let dates: string[] = [];
126
+
127
+ while (Temporal.PlainDate.compare(startDate, endDate) <= 0) {
128
+ dates.push(startDate.toString());
129
+ startDate = startDate.add({ days: 1 });
130
+ }
131
+
132
+ return dates;
133
+ }
134
+
135
+ /** The period of `periodType` a date falls in, in its stored string form. */
136
+ export function plainDateToCutOff(date: Temporal.PlainDate | string, periodType: PeriodType) {
137
+ let plain = toPlainDate(date);
138
+
139
+ switch (periodType) {
140
+ case "AllDates":
141
+ return plain.toString();
142
+ case "YLD":
143
+ return String(plain.year);
144
+ case "QLD":
145
+ case "QLS":
146
+ return `${plain.year}-Q${String(Math.ceil(plain.month / 3))}`;
147
+ case "MLD":
148
+ case "MLS":
149
+ return Temporal.PlainYearMonth.from(plain).toString();
150
+ case "WS":
151
+ return toISOWeek(plain);
152
+ default:
153
+ return "";
154
+ }
155
+ }
156
+
157
+ /** The first day of a period. */
158
+ export function cutOffToPlainDate(cutOffType: PeriodType, period: string) {
159
+ switch (cutOffType) {
160
+ case "YLD":
161
+ return Temporal.PlainDate.from({ year: Number(period), month: 1, day: 1 });
162
+ case "QLD":
163
+ case "QLS": {
164
+ let [year, quarter] = period.split("-");
165
+ quarter = quarter.replace("Q", "");
166
+ return Temporal.PlainDate.from({ year: Number(year), month: (Number(quarter) - 1) * 3 + 1, day: 1 });
167
+ }
168
+ case "MLD":
169
+ case "MLS":
170
+ return Temporal.PlainDate.from(`${period}-01`);
171
+ case "WS":
172
+ return isoWeekToDate(period);
173
+ case "AllDates":
174
+ return Temporal.PlainDate.from(period);
175
+ default:
176
+ return Temporal.Now.plainDateISO();
177
+ }
178
+ }
179
+
180
+ const culture = (globalThis as { af?: { userSession?: { culture?: string } } }).af?.userSession?.culture ?? "en-GB";
181
+
182
+ /** A label for a period in the user's culture: "september 2026", "Week 38", "Q3 2026". */
183
+ export function getPeriodLabel(periodType: PeriodType, period: string | null | undefined) {
184
+ if (!period) return "";
185
+
186
+ switch (periodType) {
187
+ case "YLD":
188
+ return String(period);
189
+ case "QLD":
190
+ case "QLS": {
191
+ let [year, quarter] = period.split("-");
192
+ return `${quarter} ${year}`;
193
+ }
194
+ case "MLD":
195
+ case "MLS": {
196
+ let month = Temporal.PlainDate.from(`${period}-01`);
197
+ return month.toLocaleString(culture, { month: "long", year: "numeric" });
198
+ }
199
+ case "WS": {
200
+ const [, week] = period.replace("-W", "-").split("-");
201
+ return `${getLocalizedString("Week")} ${Number(week)}`;
202
+ }
203
+ case "AllDates": {
204
+ let date = Temporal.PlainDate.from(period);
205
+ return date.toLocaleString(culture, { weekday: "long", day: "numeric", month: "short" });
206
+ }
207
+ default:
208
+ return "";
209
+ }
210
+ }
211
+
212
+ export function isPeriodValidForCoType(coType: PeriodType, period: string) {
213
+ switch (coType) {
214
+ case "AllDates":
215
+ return /^\d{4}-\d{2}-\d{2}$/.test(period);
216
+ case "WS":
217
+ return /^\d{4}-W\d{2}$/.test(period);
218
+ case "MLD":
219
+ case "MLS":
220
+ return /^\d{4}-\d{2}$/.test(period);
221
+ case "QLD":
222
+ case "QLS":
223
+ return /^\d{4}-Q[1234]$/.test(period);
224
+ case "YLD":
225
+ return /^\d{4}$/.test(period);
226
+ default:
227
+ return false;
228
+ }
229
+ }
230
+
231
+ /** Where a history range for a period starts: five years, two years, twelve months, 26 weeks or 31 days back. */
232
+ export function getHistoryRangeStart(cutOffType: PeriodType, period: string) {
233
+ switch (cutOffType) {
234
+ case "YLD":
235
+ return String(Number(period) - 5);
236
+ case "QLD":
237
+ case "QLS": {
238
+ // Two years back, same quarter: "2026-Q3" -> "2024-Q3". (The appframe-mui original
239
+ // produced "2024-QQ3" here.)
240
+ let year = Number(period.substring(0, 4)) - 2;
241
+ return `${year}-${period.substring(5)}`;
242
+ }
243
+ case "MLD":
244
+ case "MLS":
245
+ return subMonthString(period, 12);
246
+ case "WS":
247
+ return subWeekString(period, 26);
248
+ case "AllDates":
249
+ return subDateString(period, 31);
250
+ default:
251
+ return "";
252
+ }
253
+ }
254
+
255
+ export function stringToCutOffType(coType: string | null): PeriodType {
256
+ if (!coType || !["AllDates", "WS", "MLS", "MLD", "QLS", "QLD", "YLD"].includes(coType)) {
257
+ return defaultCutOffType;
258
+ }
259
+
260
+ return coType as PeriodType;
261
+ }
262
+
263
+ /** The cut-off in the `co` and `period` search parameters, defaults for what is missing or invalid. */
264
+ export function getCutOffFromSearchParams(searchParams: URLSearchParams) {
265
+ let coType = stringToCutOffType(searchParams.get("co"));
266
+ let period = searchParams.get("period") ?? defaultPeriods[coType];
267
+
268
+ if (!isPeriodValidForCoType(coType, period)) {
269
+ period = defaultPeriods[coType];
270
+ }
271
+
272
+ return {
273
+ coType,
274
+ period: period.replace("W", ""), // Appframe stores weeks without the W
275
+ };
276
+ }