@olenbetong/appframe-ds 1.3.6 → 1.3.8

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