@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,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
+ });