@olenbetong/appframe-ds 1.2.0 → 1.3.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 (177) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/package.json +7 -7
  3. package/scripts/copyAssets.mjs +27 -27
  4. package/src/AfLookup/Lookup.css +129 -129
  5. package/src/AfLookup/Lookup.tsx +184 -184
  6. package/src/AfLookup/LookupCombobox.css +78 -78
  7. package/src/AfLookup/LookupCombobox.tsx +237 -237
  8. package/src/AfLookup/LookupEdit.tsx +130 -130
  9. package/src/AfLookup/LookupGrid.tsx +124 -124
  10. package/src/AfLookup/index.ts +5 -5
  11. package/src/autocomplete/Autocomplete.css +256 -256
  12. package/src/autocomplete/Autocomplete.tsx +320 -320
  13. package/src/autocomplete/AutocompleteFrame.tsx +168 -168
  14. package/src/autocomplete/Combobox.tsx +286 -286
  15. package/src/autocomplete/index.ts +4 -4
  16. package/src/autocomplete/types.ts +204 -204
  17. package/src/autocomplete/utils.ts +183 -183
  18. package/src/binding/BoundNumericTextField.tsx +102 -102
  19. package/src/binding/BoundTextField.tsx +49 -49
  20. package/src/binding/CancelButton.tsx +30 -30
  21. package/src/binding/CancelIconButton.tsx +30 -30
  22. package/src/binding/DataEditToolbar.css +23 -0
  23. package/src/binding/DataEditToolbar.tsx +84 -92
  24. package/src/binding/DeleteButton.tsx +35 -35
  25. package/src/binding/DeleteIconButton.tsx +35 -35
  26. package/src/binding/RefreshButton.tsx +31 -31
  27. package/src/binding/RefreshIconButton.tsx +33 -33
  28. package/src/binding/RefreshRowIconButton.tsx +33 -33
  29. package/src/binding/SaveButton.tsx +37 -37
  30. package/src/binding/SaveIconButton.tsx +38 -38
  31. package/src/container/Container.tsx +49 -49
  32. package/src/container/index.ts +1 -1
  33. package/src/cutoff/CutOffPicker.css +12 -12
  34. package/src/cutoff/CutOffPicker.tsx +165 -165
  35. package/src/cutoff/context.tsx +194 -194
  36. package/src/cutoff/dsCutOffDates.ts +21 -21
  37. package/src/cutoff/index.ts +4 -4
  38. package/src/cutoff/utils.test.ts +59 -59
  39. package/src/cutoff/utils.ts +276 -276
  40. package/src/filter/ChipListInput.tsx +79 -79
  41. package/src/filter/FieldFilterPanel.css +150 -150
  42. package/src/filter/FieldFilterPanel.tsx +309 -309
  43. package/src/filter/FilterBuilder.css +152 -152
  44. package/src/filter/FilterBuilder.test.tsx +153 -153
  45. package/src/filter/FilterBuilder.tsx +435 -435
  46. package/src/filter/FilterEditor.css +231 -231
  47. package/src/filter/FilterEditor.test.tsx +259 -259
  48. package/src/filter/FilterEditor.tsx +75 -75
  49. package/src/filter/FilterGroupEditor.tsx +160 -160
  50. package/src/filter/FilterNameDialog.css +22 -22
  51. package/src/filter/FilterNameDialog.tsx +81 -81
  52. package/src/filter/FilterRow.tsx +117 -117
  53. package/src/filter/FilterShareDialog.css +28 -28
  54. package/src/filter/FilterShareDialog.tsx +201 -201
  55. package/src/filter/FilterStringField.tsx +78 -78
  56. package/src/filter/FilterValueEditor.tsx +220 -220
  57. package/src/filter/SavedFilterTree.css +107 -107
  58. package/src/filter/SavedFilterTree.test.tsx +94 -94
  59. package/src/filter/SavedFilterTree.tsx +218 -218
  60. package/src/filter/fieldFilter.test.ts +158 -158
  61. package/src/filter/fieldFilter.ts +139 -139
  62. package/src/filter/index.ts +27 -27
  63. package/src/filter/types.ts +38 -38
  64. package/src/filter/useDistinctValues.test.ts +102 -102
  65. package/src/filter/useDistinctValues.ts +230 -230
  66. package/src/global.d.ts +11 -11
  67. package/src/grid/AfGridColumnsPanel.tsx +118 -118
  68. package/src/grid/AfGridContext.tsx +51 -51
  69. package/src/grid/AfGridError.tsx +46 -46
  70. package/src/grid/AfHeaderFilterCell.tsx +147 -147
  71. package/src/grid/AfHeaderFilterPanel.tsx +111 -111
  72. package/src/grid/GridEditLookup.css +12 -12
  73. package/src/grid/GridEditLookup.tsx +121 -121
  74. package/src/grid/Toolbar.tsx +233 -233
  75. package/src/grid/editing.ts +100 -100
  76. package/src/grid/filter.ts +78 -78
  77. package/src/grid/formatters.ts +48 -48
  78. package/src/grid/index.css +245 -245
  79. package/src/grid/index.tsx +503 -489
  80. package/src/grid/license.ts +48 -48
  81. package/src/grid/localization.ts +369 -369
  82. package/src/grid/slots/index.tsx +307 -307
  83. package/src/grid/slots/slots.css +64 -64
  84. package/src/grid/theme.tsx +138 -138
  85. package/src/grid/useAfColumns.tsx +371 -371
  86. package/src/grid/useAfCurrentIndex.ts +63 -63
  87. package/src/grid/useAfData.ts +20 -20
  88. package/src/grid/useAfFilter.ts +160 -160
  89. package/src/grid/useAfFilterFields.ts +55 -55
  90. package/src/grid/useAfGridApi.ts +71 -71
  91. package/src/grid/useAfKeyBindings.ts +36 -36
  92. package/src/grid/useAfNewItemRow.ts +258 -258
  93. package/src/grid/useAfPagination.ts +53 -53
  94. package/src/grid/useAfPersistedState.ts +230 -230
  95. package/src/grid/useAfRowEditModel.ts +145 -145
  96. package/src/grid/useAfRowGrouping.ts +47 -47
  97. package/src/grid/useAfServerAggregation.test.ts +68 -0
  98. package/src/grid/useAfServerAggregation.ts +158 -145
  99. package/src/grid/useAfSortModel.ts +84 -84
  100. package/src/i18n.ts +13 -13
  101. package/src/index.ts +14 -14
  102. package/src/input/InputAdornments.css +84 -75
  103. package/src/input/InputAdornments.tsx +102 -102
  104. package/src/input/index.ts +1 -1
  105. package/src/layout/AppMenu.tsx +74 -74
  106. package/src/layout/AppMenuDrawer.css +70 -70
  107. package/src/layout/AppMenuDrawer.tsx +122 -122
  108. package/src/layout/ErrorBoundary.tsx +162 -162
  109. package/src/layout/PageContainer.css +21 -2
  110. package/src/layout/PageContainer.tsx +18 -2
  111. package/src/layout/ResponsiveDialog.css +86 -86
  112. package/src/layout/ResponsiveDialog.tsx +55 -55
  113. package/src/layout/index.tsx +69 -69
  114. package/src/link/Link.tsx +23 -23
  115. package/src/link/index.ts +1 -1
  116. package/src/mdi/Mdi.css +138 -138
  117. package/src/mdi/Mdi.test.tsx +91 -91
  118. package/src/mdi/Mdi.tsx +141 -141
  119. package/src/mdi/MdiConfirmCloseDialog.tsx +47 -47
  120. package/src/mdi/MdiContext.tsx +59 -59
  121. package/src/mdi/MdiDocumentContext.tsx +60 -60
  122. package/src/mdi/MdiPanel.tsx +61 -61
  123. package/src/mdi/MdiRestore.test.tsx +86 -86
  124. package/src/mdi/MdiTab.tsx +30 -30
  125. package/src/mdi/controller.test.ts +382 -382
  126. package/src/mdi/controller.ts +656 -656
  127. package/src/mdi/dockviewHost.ts +132 -132
  128. package/src/mdi/fakeHost.ts +200 -200
  129. package/src/mdi/host.ts +44 -44
  130. package/src/mdi/ids.test.ts +20 -20
  131. package/src/mdi/ids.ts +18 -18
  132. package/src/mdi/index.ts +31 -31
  133. package/src/mdi/layoutRestore.test.ts +156 -156
  134. package/src/mdi/layoutRestore.ts +311 -311
  135. package/src/mdi/layoutSpec.test.ts +143 -143
  136. package/src/mdi/layoutSpec.ts +214 -214
  137. package/src/mdi/layoutStore.test.ts +93 -93
  138. package/src/mdi/layoutStore.ts +99 -99
  139. package/src/mdi/memorySettingsStore.ts +21 -21
  140. package/src/mdi/registry.ts +34 -34
  141. package/src/mdi/testTypes.ts +37 -37
  142. package/src/mdi/theme.ts +22 -22
  143. package/src/mdi/types.ts +214 -214
  144. package/src/page/Page.css +53 -53
  145. package/src/page/PageBlock.css +64 -64
  146. package/src/page/PageBlock.tsx +92 -92
  147. package/src/page/PageHeader.css +88 -88
  148. package/src/page/PageHeader.tsx +115 -115
  149. package/src/page/PageTitle.css +5 -5
  150. package/src/page/PageTitle.tsx +21 -21
  151. package/src/page/index.ts +4 -4
  152. package/src/paper/Paper.tsx +52 -52
  153. package/src/progress/LinearProgress.css +93 -93
  154. package/src/progress/LinearProgress.tsx +104 -104
  155. package/src/progress/index.ts +1 -1
  156. package/src/report-downloader/ReportDownloader.css +67 -67
  157. package/src/report-downloader/components/StatusItem.tsx +87 -87
  158. package/src/report-downloader/components/StatusList.tsx +28 -28
  159. package/src/report-downloader/index.ts +41 -41
  160. package/src/report-downloader/status.tsx +92 -92
  161. package/src/sortable/DropIndicator.css +51 -51
  162. package/src/sortable/DropIndicator.tsx +27 -27
  163. package/src/sortable/SortableItemList.css +21 -21
  164. package/src/sortable/SortableItemList.tsx +264 -264
  165. package/src/sortable/index.ts +8 -8
  166. package/src/sortable/reorderSortOrder.ts +126 -126
  167. package/src/sortable/sortOrder.ts +101 -101
  168. package/src/sortable/types.ts +9 -9
  169. package/src/sortable/useSortableContainer.ts +53 -53
  170. package/src/sortable/useSortableItem.ts +95 -95
  171. package/src/sortable/useSortableList.ts +117 -117
  172. package/src/test/happy-dom-document-class.ts +24 -24
  173. package/src/test/setup.ts +12 -12
  174. package/src/theme/useDsColorScheme.ts +53 -53
  175. package/tsconfig.build.json +9 -9
  176. package/tsconfig.json +8 -8
  177. 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
+ }