@olenbetong/appframe-ds 1.6.0 → 1.7.0

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 (154) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/package.json +3 -3
  3. package/scripts/copyAssets.mjs +27 -27
  4. package/src/autocomplete/Autocomplete.css +253 -253
  5. package/src/autocomplete/Autocomplete.tsx +320 -320
  6. package/src/autocomplete/AutocompleteFrame.tsx +168 -168
  7. package/src/autocomplete/Combobox.tsx +286 -286
  8. package/src/autocomplete/index.ts +4 -4
  9. package/src/autocomplete/types.ts +204 -204
  10. package/src/autocomplete/utils.ts +183 -183
  11. package/src/binding/BoundNumberInput.tsx +42 -42
  12. package/src/binding/BoundNumericTextField.tsx +102 -102
  13. package/src/binding/BoundTextField.tsx +49 -49
  14. package/src/binding/CancelButton.tsx +30 -30
  15. package/src/binding/CancelIconButton.tsx +30 -30
  16. package/src/binding/DataEditToolbar.css +23 -23
  17. package/src/binding/DataEditToolbar.tsx +84 -84
  18. package/src/binding/DeleteButton.tsx +35 -35
  19. package/src/binding/DeleteIconButton.tsx +35 -35
  20. package/src/binding/RefreshButton.tsx +31 -31
  21. package/src/binding/RefreshIconButton.tsx +33 -33
  22. package/src/binding/RefreshRowIconButton.tsx +33 -33
  23. package/src/binding/SaveButton.tsx +37 -37
  24. package/src/binding/SaveIconButton.tsx +38 -38
  25. package/src/binding/index.ts +20 -20
  26. package/src/container/Container.tsx +50 -50
  27. package/src/container/index.ts +1 -1
  28. package/src/cutoff/CutOffPicker.css +12 -12
  29. package/src/cutoff/CutOffPicker.tsx +165 -165
  30. package/src/cutoff/context.tsx +194 -194
  31. package/src/cutoff/dsCutOffDates.ts +21 -21
  32. package/src/cutoff/index.ts +4 -4
  33. package/src/cutoff/utils.test.ts +59 -59
  34. package/src/cutoff/utils.ts +276 -276
  35. package/src/filter/ChipListInput.tsx +79 -79
  36. package/src/filter/FieldFilterPanel.css +150 -150
  37. package/src/filter/FieldFilterPanel.tsx +309 -309
  38. package/src/filter/FilterBuilder.css +152 -152
  39. package/src/filter/FilterBuilder.test.tsx +153 -153
  40. package/src/filter/FilterBuilder.tsx +435 -435
  41. package/src/filter/FilterEditor.css +231 -231
  42. package/src/filter/FilterEditor.test.tsx +285 -285
  43. package/src/filter/FilterEditor.tsx +75 -75
  44. package/src/filter/FilterGroupEditor.tsx +160 -160
  45. package/src/filter/FilterNameDialog.css +22 -22
  46. package/src/filter/FilterNameDialog.tsx +81 -81
  47. package/src/filter/FilterRow.tsx +117 -117
  48. package/src/filter/FilterShareDialog.css +28 -28
  49. package/src/filter/FilterShareDialog.tsx +201 -201
  50. package/src/filter/FilterStringField.tsx +78 -78
  51. package/src/filter/FilterValueEditor.tsx +239 -239
  52. package/src/filter/SavedFilterTree.css +107 -107
  53. package/src/filter/SavedFilterTree.test.tsx +94 -94
  54. package/src/filter/SavedFilterTree.tsx +218 -218
  55. package/src/filter/fieldFilter.test.ts +158 -158
  56. package/src/filter/fieldFilter.ts +139 -139
  57. package/src/filter/index.ts +27 -27
  58. package/src/filter/types.ts +38 -38
  59. package/src/filter/useDistinctValues.test.ts +102 -102
  60. package/src/filter/useDistinctValues.ts +230 -230
  61. package/src/global.d.ts +11 -11
  62. package/src/grid/formatters.ts +23 -0
  63. package/src/grid/index.css +8 -2
  64. package/src/grid/index.tsx +73 -3
  65. package/src/grid/useAfColumns.tsx +28 -4
  66. package/src/grid/useAfGridApi.ts +3 -0
  67. package/src/grid/utcDate.test.ts +25 -0
  68. package/src/grid/utcDate.ts +28 -0
  69. package/src/grid/utcDateEditing.tsx +11 -0
  70. package/src/i18n.ts +13 -13
  71. package/src/index.ts +14 -14
  72. package/src/input/InputAdornments.css +80 -80
  73. package/src/input/InputAdornments.tsx +102 -102
  74. package/src/input/NumberInput.css +9 -9
  75. package/src/input/NumberInput.test.tsx +212 -212
  76. package/src/input/NumberInput.tsx +268 -268
  77. package/src/input/index.ts +3 -3
  78. package/src/input/numberFormat.test.ts +79 -79
  79. package/src/input/numberFormat.ts +94 -94
  80. package/src/layout/AppMenu.tsx +74 -74
  81. package/src/layout/AppMenuDrawer.css +71 -71
  82. package/src/layout/AppMenuDrawer.tsx +122 -122
  83. package/src/layout/AppMenuItem.css +6 -2
  84. package/src/layout/DialogMotion.css +79 -79
  85. package/src/layout/ErrorBoundary.tsx +162 -162
  86. package/src/layout/PageContainer.css +48 -48
  87. package/src/layout/PageContainer.tsx +41 -41
  88. package/src/layout/ResponsiveDialog.css +86 -86
  89. package/src/layout/ResponsiveDialog.tsx +55 -55
  90. package/src/layout/index.tsx +70 -70
  91. package/src/link/Link.tsx +23 -23
  92. package/src/link/index.ts +1 -1
  93. package/src/mdi/Mdi.css +8 -8
  94. package/src/mdi/Mdi.test.tsx +91 -91
  95. package/src/mdi/Mdi.tsx +141 -141
  96. package/src/mdi/MdiConfirmCloseDialog.tsx +47 -47
  97. package/src/mdi/MdiContext.tsx +59 -59
  98. package/src/mdi/MdiDocumentContext.tsx +60 -60
  99. package/src/mdi/MdiPanel.tsx +61 -61
  100. package/src/mdi/MdiRestore.test.tsx +86 -86
  101. package/src/mdi/MdiTab.tsx +30 -30
  102. package/src/mdi/controller.test.ts +382 -382
  103. package/src/mdi/controller.ts +656 -656
  104. package/src/mdi/dockviewHost.ts +132 -132
  105. package/src/mdi/fakeHost.ts +200 -200
  106. package/src/mdi/host.ts +44 -44
  107. package/src/mdi/ids.test.ts +20 -20
  108. package/src/mdi/ids.ts +18 -18
  109. package/src/mdi/index.ts +31 -31
  110. package/src/mdi/layoutRestore.test.ts +156 -156
  111. package/src/mdi/layoutRestore.ts +311 -311
  112. package/src/mdi/layoutSpec.test.ts +143 -143
  113. package/src/mdi/layoutSpec.ts +214 -214
  114. package/src/mdi/layoutStore.test.ts +93 -93
  115. package/src/mdi/layoutStore.ts +99 -99
  116. package/src/mdi/memorySettingsStore.ts +21 -21
  117. package/src/mdi/registry.ts +34 -34
  118. package/src/mdi/testTypes.ts +37 -37
  119. package/src/mdi/theme.ts +22 -22
  120. package/src/mdi/types.ts +214 -214
  121. package/src/page/Page.css +57 -57
  122. package/src/page/PageBlock.css +64 -64
  123. package/src/page/PageBlock.tsx +93 -93
  124. package/src/page/PageHeader.css +88 -88
  125. package/src/page/PageHeader.tsx +115 -115
  126. package/src/page/PageTitle.css +5 -5
  127. package/src/page/PageTitle.tsx +21 -21
  128. package/src/page/index.ts +4 -4
  129. package/src/paper/Paper.tsx +52 -52
  130. package/src/progress/LinearProgress.css +121 -121
  131. package/src/progress/LinearProgress.tsx +106 -106
  132. package/src/progress/index.ts +1 -1
  133. package/src/report-downloader/ReportDownloader.css +67 -67
  134. package/src/report-downloader/components/StatusItem.tsx +87 -87
  135. package/src/report-downloader/components/StatusList.tsx +28 -28
  136. package/src/report-downloader/index.ts +41 -41
  137. package/src/report-downloader/status.tsx +92 -92
  138. package/src/sortable/DropIndicator.css +51 -51
  139. package/src/sortable/DropIndicator.tsx +27 -27
  140. package/src/sortable/SortableItemList.css +21 -21
  141. package/src/sortable/SortableItemList.tsx +264 -264
  142. package/src/sortable/index.ts +8 -8
  143. package/src/sortable/reorderSortOrder.ts +126 -126
  144. package/src/sortable/sortOrder.ts +101 -101
  145. package/src/sortable/types.ts +9 -9
  146. package/src/sortable/useSortableContainer.ts +53 -53
  147. package/src/sortable/useSortableItem.ts +95 -95
  148. package/src/sortable/useSortableList.ts +117 -117
  149. package/src/test/happy-dom-document-class.ts +24 -24
  150. package/src/test/setup.ts +27 -27
  151. package/src/theme/useDsColorScheme.ts +53 -53
  152. package/tsconfig.build.json +9 -9
  153. package/tsconfig.json +8 -8
  154. package/vitest.config.ts +10 -10
@@ -1,38 +1,38 @@
1
- import type { FieldMetadata, FilterTree } from "@olenbetong/appframe-core";
2
-
3
- /** A selectable value for a field that has a fixed list of values. */
4
- export type FilterValueOption = {
5
- value: string;
6
- label?: string;
7
- };
8
-
9
- /**
10
- * Resolves the list of values offered in the value editor for a field. Return
11
- * `undefined` to fall back to a free text editor.
12
- *
13
- * Lookup fields carry a `valueListRecordSource` in their metadata, but loading
14
- * that record source needs a data object, which is out of scope for this
15
- * component. Supply the options from the outside instead.
16
- */
17
- export type GetFieldOptions = (field: FieldMetadata) => FilterValueOption[] | undefined;
18
-
19
- export type FilterEditorSize = "sm" | "md" | "lg";
20
-
21
- export type FilterEditorProps = {
22
- /** The fields the user can filter on. Fields with `excludeFromFilter` are hidden. */
23
- fields: FieldMetadata[];
24
- /** The filter tree. Use together with `onChange` for a controlled component. */
25
- value?: FilterTree | null;
26
- /** The initial filter tree when uncontrolled. */
27
- defaultValue?: FilterTree | null;
28
- onChange?: (filter: FilterTree) => void;
29
- /** Renders the tree without any editing affordances. */
30
- readOnly?: boolean;
31
- /** Shows the filter string below the tree, editable unless `readOnly`. */
32
- showFilterString?: boolean;
33
- /** View the filter applies to. Passed to the conversion endpoint. */
34
- viewName?: string;
35
- getFieldOptions?: GetFieldOptions;
36
- className?: string;
37
- "data-size"?: FilterEditorSize;
38
- };
1
+ import type { FieldMetadata, FilterTree } from "@olenbetong/appframe-core";
2
+
3
+ /** A selectable value for a field that has a fixed list of values. */
4
+ export type FilterValueOption = {
5
+ value: string;
6
+ label?: string;
7
+ };
8
+
9
+ /**
10
+ * Resolves the list of values offered in the value editor for a field. Return
11
+ * `undefined` to fall back to a free text editor.
12
+ *
13
+ * Lookup fields carry a `valueListRecordSource` in their metadata, but loading
14
+ * that record source needs a data object, which is out of scope for this
15
+ * component. Supply the options from the outside instead.
16
+ */
17
+ export type GetFieldOptions = (field: FieldMetadata) => FilterValueOption[] | undefined;
18
+
19
+ export type FilterEditorSize = "sm" | "md" | "lg";
20
+
21
+ export type FilterEditorProps = {
22
+ /** The fields the user can filter on. Fields with `excludeFromFilter` are hidden. */
23
+ fields: FieldMetadata[];
24
+ /** The filter tree. Use together with `onChange` for a controlled component. */
25
+ value?: FilterTree | null;
26
+ /** The initial filter tree when uncontrolled. */
27
+ defaultValue?: FilterTree | null;
28
+ onChange?: (filter: FilterTree) => void;
29
+ /** Renders the tree without any editing affordances. */
30
+ readOnly?: boolean;
31
+ /** Shows the filter string below the tree, editable unless `readOnly`. */
32
+ showFilterString?: boolean;
33
+ /** View the filter applies to. Passed to the conversion endpoint. */
34
+ viewName?: string;
35
+ getFieldOptions?: GetFieldOptions;
36
+ className?: string;
37
+ "data-size"?: FilterEditorSize;
38
+ };
@@ -1,102 +1,102 @@
1
- import type { FieldMetadata, FilterExpression, FilterTree } from "@olenbetong/appframe-core";
2
- import { describe, expect, test } from "vitest";
3
-
4
- import { buildDistinctParameters } from "./useDistinctValues.js";
5
-
6
- const field: FieldMetadata = { name: "Name", caption: "Name", type: "string", nullable: true };
7
-
8
- function expression(column: string, value = "x"): FilterExpression {
9
- return { type: "expression", column, operator: "contains", value } as FilterExpression;
10
- }
11
-
12
- function tree(...items: FilterTree["items"]): FilterTree {
13
- return { type: "group", mode: "and", items };
14
- }
15
-
16
- describe("buildDistinctParameters", () => {
17
- test("groups by the field and counts another field", () => {
18
- let parameters = buildDistinctParameters({
19
- field,
20
- countField: "PrimKey",
21
- filter: null,
22
- withCounts: true,
23
- });
24
-
25
- expect(parameters.fields).toEqual([{ name: "Name" }, { name: "PrimKey", aggregate: "COUNT" }]);
26
- expect(parameters).toMatchObject({ groupBy: ["Name"], sortOrder: [{ Name: "asc" }] });
27
- expect(parameters).not.toHaveProperty("distinctRows");
28
- });
29
-
30
- test("falls back to a plain distinct list without counts", () => {
31
- let parameters = buildDistinctParameters({
32
- field,
33
- countField: "PrimKey",
34
- filter: null,
35
- withCounts: false,
36
- });
37
-
38
- expect(parameters.fields).toEqual([{ name: "Name" }]);
39
- expect(parameters).toMatchObject({ distinctRows: true });
40
- expect(parameters).not.toHaveProperty("groupBy");
41
- });
42
-
43
- test("has no counts when no other field is available to count", () => {
44
- let parameters = buildDistinctParameters({ field, countField: null, filter: null, withCounts: true });
45
-
46
- expect(parameters.fields).toEqual([{ name: "Name" }]);
47
- expect(parameters).toMatchObject({ distinctRows: true });
48
- });
49
-
50
- test("keeps other criteria but drops the field's own", () => {
51
- let filter = tree(expression("Name"), expression("Other"));
52
- let parameters = buildDistinctParameters({ field, countField: "PrimKey", filter, withCounts: true });
53
-
54
- expect(parameters.filterObject).toEqual(tree(expression("Other")));
55
- });
56
-
57
- test("has no filter when the field owns every criterion", () => {
58
- let parameters = buildDistinctParameters({
59
- field,
60
- countField: "PrimKey",
61
- filter: tree(expression("Name")),
62
- withCounts: true,
63
- });
64
-
65
- expect(parameters.filterObject).toBe(null);
66
- });
67
-
68
- test("adds the search text as a criterion on the field", () => {
69
- let parameters = buildDistinctParameters({
70
- field,
71
- countField: "PrimKey",
72
- filter: null,
73
- search: "ab",
74
- withCounts: true,
75
- });
76
-
77
- expect(parameters.filterObject).toMatchObject({
78
- type: "group",
79
- items: [{ column: "Name", operator: "contains", value: "ab" }],
80
- });
81
- });
82
-
83
- test("combines the search text with the other criteria", () => {
84
- let parameters = buildDistinctParameters({
85
- field,
86
- countField: "PrimKey",
87
- filter: tree(expression("Other")),
88
- search: "ab",
89
- withCounts: true,
90
- });
91
-
92
- expect(parameters.filterObject).toMatchObject({
93
- items: [tree(expression("Other")), { column: "Name", value: "ab" }],
94
- });
95
- });
96
-
97
- test("caps the number of values loaded", () => {
98
- let parameters = buildDistinctParameters({ field, countField: "PrimKey", filter: null, withCounts: true });
99
-
100
- expect(parameters.maxRecords).toBe(200);
101
- });
102
- });
1
+ import type { FieldMetadata, FilterExpression, FilterTree } from "@olenbetong/appframe-core";
2
+ import { describe, expect, test } from "vitest";
3
+
4
+ import { buildDistinctParameters } from "./useDistinctValues.js";
5
+
6
+ const field: FieldMetadata = { name: "Name", caption: "Name", type: "string", nullable: true };
7
+
8
+ function expression(column: string, value = "x"): FilterExpression {
9
+ return { type: "expression", column, operator: "contains", value } as FilterExpression;
10
+ }
11
+
12
+ function tree(...items: FilterTree["items"]): FilterTree {
13
+ return { type: "group", mode: "and", items };
14
+ }
15
+
16
+ describe("buildDistinctParameters", () => {
17
+ test("groups by the field and counts another field", () => {
18
+ let parameters = buildDistinctParameters({
19
+ field,
20
+ countField: "PrimKey",
21
+ filter: null,
22
+ withCounts: true,
23
+ });
24
+
25
+ expect(parameters.fields).toEqual([{ name: "Name" }, { name: "PrimKey", aggregate: "COUNT" }]);
26
+ expect(parameters).toMatchObject({ groupBy: ["Name"], sortOrder: [{ Name: "asc" }] });
27
+ expect(parameters).not.toHaveProperty("distinctRows");
28
+ });
29
+
30
+ test("falls back to a plain distinct list without counts", () => {
31
+ let parameters = buildDistinctParameters({
32
+ field,
33
+ countField: "PrimKey",
34
+ filter: null,
35
+ withCounts: false,
36
+ });
37
+
38
+ expect(parameters.fields).toEqual([{ name: "Name" }]);
39
+ expect(parameters).toMatchObject({ distinctRows: true });
40
+ expect(parameters).not.toHaveProperty("groupBy");
41
+ });
42
+
43
+ test("has no counts when no other field is available to count", () => {
44
+ let parameters = buildDistinctParameters({ field, countField: null, filter: null, withCounts: true });
45
+
46
+ expect(parameters.fields).toEqual([{ name: "Name" }]);
47
+ expect(parameters).toMatchObject({ distinctRows: true });
48
+ });
49
+
50
+ test("keeps other criteria but drops the field's own", () => {
51
+ let filter = tree(expression("Name"), expression("Other"));
52
+ let parameters = buildDistinctParameters({ field, countField: "PrimKey", filter, withCounts: true });
53
+
54
+ expect(parameters.filterObject).toEqual(tree(expression("Other")));
55
+ });
56
+
57
+ test("has no filter when the field owns every criterion", () => {
58
+ let parameters = buildDistinctParameters({
59
+ field,
60
+ countField: "PrimKey",
61
+ filter: tree(expression("Name")),
62
+ withCounts: true,
63
+ });
64
+
65
+ expect(parameters.filterObject).toBe(null);
66
+ });
67
+
68
+ test("adds the search text as a criterion on the field", () => {
69
+ let parameters = buildDistinctParameters({
70
+ field,
71
+ countField: "PrimKey",
72
+ filter: null,
73
+ search: "ab",
74
+ withCounts: true,
75
+ });
76
+
77
+ expect(parameters.filterObject).toMatchObject({
78
+ type: "group",
79
+ items: [{ column: "Name", operator: "contains", value: "ab" }],
80
+ });
81
+ });
82
+
83
+ test("combines the search text with the other criteria", () => {
84
+ let parameters = buildDistinctParameters({
85
+ field,
86
+ countField: "PrimKey",
87
+ filter: tree(expression("Other")),
88
+ search: "ab",
89
+ withCounts: true,
90
+ });
91
+
92
+ expect(parameters.filterObject).toMatchObject({
93
+ items: [tree(expression("Other")), { column: "Name", value: "ab" }],
94
+ });
95
+ });
96
+
97
+ test("caps the number of values loaded", () => {
98
+ let parameters = buildDistinctParameters({ field, countField: "PrimKey", filter: null, withCounts: true });
99
+
100
+ expect(parameters.maxRecords).toBe(200);
101
+ });
102
+ });