cx 26.0.13 → 26.1.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 (251) hide show
  1. package/build/ui/VDOM.d.ts +1 -20
  2. package/build/ui/VDOM.js +1 -3
  3. package/build/ui/Widget.d.ts +1 -1
  4. package/build/ui/app/startAppLoop.js +2 -10
  5. package/build/widgets/form/Checkbox.d.ts +0 -1
  6. package/build/widgets/form/Checkbox.js +1 -0
  7. package/build/widgets/form/ColorField.d.ts +0 -1
  8. package/build/widgets/form/ColorField.js +2 -2
  9. package/build/widgets/form/DateTimeField.d.ts +0 -2
  10. package/build/widgets/form/DateTimeField.js +1 -0
  11. package/build/widgets/form/DateTimePicker.d.ts +0 -2
  12. package/build/widgets/form/DateTimePicker.js +1 -0
  13. package/build/widgets/form/Radio.d.ts +0 -1
  14. package/build/widgets/form/Slider.js +9 -1
  15. package/build/widgets/form/Switch.d.ts +0 -1
  16. package/build/widgets/form/Switch.js +1 -1
  17. package/build/widgets/form/Wheel.d.ts +0 -1
  18. package/build/widgets/grid/Grid.d.ts +0 -2
  19. package/build/widgets/grid/GridCellEditor.js +3 -1
  20. package/build/widgets/overlay/Overlay.d.ts +3 -0
  21. package/build/widgets/overlay/Overlay.js +3 -2
  22. package/build/widgets/overlay/createHotPromiseWindowFactory.js +0 -1
  23. package/dist/manifest.js +810 -810
  24. package/dist/ui.js +3 -10
  25. package/dist/widgets.js +18 -7
  26. package/package.json +9 -8
  27. package/src/charts/Chart.ts +108 -108
  28. package/src/data/ArrayElementView.ts +90 -90
  29. package/src/data/AugmentedViewBase.ts +88 -88
  30. package/src/data/Binding.ts +104 -104
  31. package/src/data/ExposedRecordView.ts +95 -95
  32. package/src/data/ExposedValueView.ts +89 -89
  33. package/src/data/Expression.spec.ts +229 -229
  34. package/src/data/Expression.ts +233 -233
  35. package/src/data/Grouper.spec.ts +57 -57
  36. package/src/data/Grouper.ts +158 -158
  37. package/src/data/NestedDataView.ts +43 -43
  38. package/src/data/ReadOnlyDataView.ts +39 -39
  39. package/src/data/Ref.ts +104 -104
  40. package/src/data/Selector.ts +10 -10
  41. package/src/data/Store.ts +52 -52
  42. package/src/data/StoreProxy.ts +19 -19
  43. package/src/data/StoreRef.ts +66 -66
  44. package/src/data/StringTemplate.spec.ts +132 -132
  45. package/src/data/StringTemplate.ts +93 -93
  46. package/src/data/StructuredSelector.spec.ts +113 -113
  47. package/src/data/StructuredSelector.ts +146 -146
  48. package/src/data/SubscribableView.ts +63 -63
  49. package/src/data/ZoomIntoPropertyView.spec.ts +64 -64
  50. package/src/data/ZoomIntoPropertyView.ts +45 -45
  51. package/src/data/computable.spec.ts +87 -87
  52. package/src/data/createStructuredSelector.ts +62 -62
  53. package/src/data/getAccessor.spec.ts +11 -11
  54. package/src/data/getAccessor.ts +74 -74
  55. package/src/data/getSelector.spec.ts +43 -43
  56. package/src/data/getSelector.ts +66 -66
  57. package/src/data/ops/filter.spec.ts +35 -35
  58. package/src/data/ops/filter.ts +9 -9
  59. package/src/data/ops/merge.ts +13 -13
  60. package/src/data/ops/removeTreeNodes.spec.ts +37 -37
  61. package/src/data/ops/updateArray.spec.ts +69 -69
  62. package/src/data/test-types.ts +7 -7
  63. package/src/hooks/useTrigger.ts +26 -26
  64. package/src/index.scss +6 -6
  65. package/src/jsx-dev-runtime.ts +4 -4
  66. package/src/jsx-runtime.spec.tsx +38 -9
  67. package/src/svg/BoundedObject.ts +101 -101
  68. package/src/svg/util/Rect.ts +105 -105
  69. package/src/ui/CSSHelper.ts +17 -17
  70. package/src/ui/Culture.ts +159 -159
  71. package/src/ui/DataProxy.ts +55 -55
  72. package/src/ui/FocusManager.ts +171 -171
  73. package/src/ui/Instance.ts +866 -866
  74. package/src/ui/Prop.ts +140 -140
  75. package/src/ui/RenderingContext.ts +99 -99
  76. package/src/ui/Rescope.ts +49 -49
  77. package/src/ui/StructuredInstanceDataAccessor.ts +32 -32
  78. package/src/ui/VDOM.ts +1 -34
  79. package/src/ui/adapter/ArrayAdapter.spec.ts +55 -55
  80. package/src/ui/adapter/TreeAdapter.spec.ts +76 -76
  81. package/src/ui/adapter/TreeAdapter.ts +185 -185
  82. package/src/ui/app/History.ts +133 -133
  83. package/src/ui/app/Url.spec.ts +50 -50
  84. package/src/ui/app/startAppLoop.tsx +5 -9
  85. package/src/ui/app/startHotAppLoop.ts +41 -41
  86. package/src/ui/layout/Content.ts +30 -30
  87. package/src/ui/layout/FirstVisibleChildLayout.ts +60 -60
  88. package/src/util/Console.ts +13 -13
  89. package/src/util/Format.spec.ts +69 -69
  90. package/src/util/Format.ts +267 -267
  91. package/src/util/addEventListenerWithOptions.ts +41 -41
  92. package/src/util/browserSupportsPassiveEventHandlers.ts +20 -20
  93. package/src/util/color/rgbToHsl.ts +35 -35
  94. package/src/util/getActiveElement.ts +4 -4
  95. package/src/util/hasKey.ts +18 -18
  96. package/src/util/index.ts +55 -55
  97. package/src/util/innerTextTrim.ts +10 -10
  98. package/src/util/isArray.ts +3 -3
  99. package/src/util/isDataRecord.ts +5 -5
  100. package/src/util/isDefined.ts +3 -3
  101. package/src/util/isString.ts +3 -3
  102. package/src/widgets/DocumentTitle.ts +95 -95
  103. package/src/widgets/Sandbox.ts +103 -103
  104. package/src/widgets/autoFocus.ts +9 -9
  105. package/src/widgets/cx.ts +63 -63
  106. package/src/widgets/form/Checkbox.tsx +0 -1
  107. package/src/widgets/form/ColorField.tsx +15 -12
  108. package/src/widgets/form/DateTimeField.tsx +0 -2
  109. package/src/widgets/form/DateTimePicker.tsx +0 -2
  110. package/src/widgets/form/Radio.tsx +0 -1
  111. package/src/widgets/form/Slider.tsx +12 -4
  112. package/src/widgets/form/Switch.tsx +2 -3
  113. package/src/widgets/form/Wheel.tsx +0 -1
  114. package/src/widgets/grid/Grid.tsx +0 -1
  115. package/src/widgets/grid/GridCell.ts +143 -143
  116. package/src/widgets/grid/GridCellEditor.tsx +7 -1
  117. package/src/widgets/icons/calendar.tsx +17 -17
  118. package/src/widgets/icons/check.tsx +13 -13
  119. package/src/widgets/icons/clear.tsx +15 -15
  120. package/src/widgets/icons/close.tsx +20 -20
  121. package/src/widgets/icons/cx.tsx +38 -38
  122. package/src/widgets/icons/drop-down.tsx +15 -15
  123. package/src/widgets/icons/file.tsx +13 -13
  124. package/src/widgets/icons/folder-open.tsx +15 -15
  125. package/src/widgets/icons/folder.tsx +13 -13
  126. package/src/widgets/icons/forward.tsx +22 -22
  127. package/src/widgets/icons/loading.tsx +24 -24
  128. package/src/widgets/icons/menu.tsx +17 -17
  129. package/src/widgets/icons/pixel-picker.tsx +18 -18
  130. package/src/widgets/icons/search.tsx +13 -13
  131. package/src/widgets/icons/sort-asc.tsx +14 -14
  132. package/src/widgets/icons/square.tsx +18 -18
  133. package/src/widgets/nav/Route.ts +142 -142
  134. package/src/widgets/overlay/Dropdown.tsx +762 -762
  135. package/src/widgets/overlay/MsgBox.tsx +141 -141
  136. package/src/widgets/overlay/Overlay.tsx +5 -1
  137. package/src/widgets/overlay/Toast.ts +111 -111
  138. package/src/widgets/overlay/Window.tsx +299 -299
  139. package/src/widgets/overlay/alerts.ts +46 -46
  140. package/src/widgets/overlay/captureMouse.ts +195 -195
  141. package/src/widgets/overlay/createHotPromiseWindowFactory.ts +0 -1
  142. package/src/widgets/overlay/index.d.ts +11 -11
  143. package/src/widgets/overlay/index.ts +11 -11
  144. package/src/widgets/overlay/tooltip-ops.ts +173 -173
  145. package/build/data/ArrayElementView.spec.d.ts +0 -1
  146. package/build/data/ArrayElementView.spec.js +0 -81
  147. package/build/data/Binding.spec.d.ts +0 -1
  148. package/build/data/Binding.spec.js +0 -61
  149. package/build/data/Expression.spec.d.ts +0 -1
  150. package/build/data/Expression.spec.js +0 -196
  151. package/build/data/Grouper.spec.d.ts +0 -1
  152. package/build/data/Grouper.spec.js +0 -48
  153. package/build/data/Ref.spec.d.ts +0 -1
  154. package/build/data/Ref.spec.js +0 -72
  155. package/build/data/Store.spec.d.ts +0 -1
  156. package/build/data/Store.spec.js +0 -19
  157. package/build/data/StoreRef.spec.d.ts +0 -1
  158. package/build/data/StoreRef.spec.js +0 -22
  159. package/build/data/StringTemplate.spec.d.ts +0 -1
  160. package/build/data/StringTemplate.spec.js +0 -112
  161. package/build/data/StructuredSelector.spec.d.ts +0 -1
  162. package/build/data/StructuredSelector.spec.js +0 -102
  163. package/build/data/View.spec.d.ts +0 -1
  164. package/build/data/View.spec.js +0 -44
  165. package/build/data/ZoomIntoPropertyView.spec.d.ts +0 -1
  166. package/build/data/ZoomIntoPropertyView.spec.js +0 -54
  167. package/build/data/comparer.spec.d.ts +0 -1
  168. package/build/data/comparer.spec.js +0 -50
  169. package/build/data/computable.spec.d.ts +0 -1
  170. package/build/data/computable.spec.js +0 -56
  171. package/build/data/createAccessorModelProxy.spec.d.ts +0 -1
  172. package/build/data/createAccessorModelProxy.spec.js +0 -30
  173. package/build/data/createStructuredSelector.spec.d.ts +0 -1
  174. package/build/data/createStructuredSelector.spec.js +0 -42
  175. package/build/data/diff/diffs.spec.d.ts +0 -1
  176. package/build/data/diff/diffs.spec.js +0 -45
  177. package/build/data/getAccessor.spec.d.ts +0 -1
  178. package/build/data/getAccessor.spec.js +0 -10
  179. package/build/data/getSelector.spec.d.ts +0 -1
  180. package/build/data/getSelector.spec.js +0 -36
  181. package/build/data/ops/append.spec.d.ts +0 -1
  182. package/build/data/ops/append.spec.js +0 -24
  183. package/build/data/ops/filter.spec.d.ts +0 -1
  184. package/build/data/ops/filter.spec.js +0 -25
  185. package/build/data/ops/findTreeNode.spec.d.ts +0 -1
  186. package/build/data/ops/findTreeNode.spec.js +0 -20
  187. package/build/data/ops/merge.spec.d.ts +0 -1
  188. package/build/data/ops/merge.spec.js +0 -23
  189. package/build/data/ops/removeTreeNodes.spec.d.ts +0 -1
  190. package/build/data/ops/removeTreeNodes.spec.js +0 -35
  191. package/build/data/ops/updateArray.spec.d.ts +0 -1
  192. package/build/data/ops/updateArray.spec.js +0 -33
  193. package/build/data/ops/updateTree.spec.d.ts +0 -1
  194. package/build/data/ops/updateTree.spec.js +0 -44
  195. package/build/hooks/invokeCallback.spec.d.ts +0 -1
  196. package/build/hooks/invokeCallback.spec.js +0 -44
  197. package/build/hooks/resolveCallback.spec.d.ts +0 -1
  198. package/build/hooks/resolveCallback.spec.js +0 -35
  199. package/build/hooks/store.spec.d.ts +0 -1
  200. package/build/hooks/store.spec.js +0 -48
  201. package/build/hooks/useTrigger.spec.d.ts +0 -1
  202. package/build/hooks/useTrigger.spec.js +0 -59
  203. package/build/ui/Controller.spec.d.ts +0 -1
  204. package/build/ui/Controller.spec.js +0 -247
  205. package/build/ui/Cx.spec.d.ts +0 -1
  206. package/build/ui/Cx.spec.js +0 -153
  207. package/build/ui/DataProxy.spec.d.ts +0 -1
  208. package/build/ui/DataProxy.spec.js +0 -208
  209. package/build/ui/IsolatedScope.spec.d.ts +0 -1
  210. package/build/ui/IsolatedScope.spec.js +0 -42
  211. package/build/ui/PureContainer.spec.d.ts +0 -1
  212. package/build/ui/PureContainer.spec.js +0 -149
  213. package/build/ui/Repeater.spec.d.ts +0 -1
  214. package/build/ui/Repeater.spec.js +0 -109
  215. package/build/ui/Rescope.spec.d.ts +0 -1
  216. package/build/ui/Rescope.spec.js +0 -134
  217. package/build/ui/Restate.spec.d.ts +0 -1
  218. package/build/ui/Restate.spec.js +0 -257
  219. package/build/ui/adapter/ArrayAdapter.spec.d.ts +0 -1
  220. package/build/ui/adapter/ArrayAdapter.spec.js +0 -44
  221. package/build/ui/adapter/TreeAdapter.spec.d.ts +0 -1
  222. package/build/ui/adapter/TreeAdapter.spec.js +0 -71
  223. package/build/ui/app/Url.spec.d.ts +0 -1
  224. package/build/ui/app/Url.spec.js +0 -43
  225. package/build/ui/createFunctionalComponent.spec.d.ts +0 -1
  226. package/build/ui/createFunctionalComponent.spec.js +0 -272
  227. package/build/ui/layout/ContentPlaceholder.spec.d.ts +0 -1
  228. package/build/ui/layout/ContentPlaceholder.spec.js +0 -333
  229. package/build/ui/layout/FirstVisibleChildLayout.spec.d.ts +0 -1
  230. package/build/ui/layout/FirstVisibleChildLayout.spec.js +0 -101
  231. package/build/util/Format.spec.d.ts +0 -1
  232. package/build/util/Format.spec.js +0 -58
  233. package/build/util/TraversalStack.spec.d.ts +0 -1
  234. package/build/util/TraversalStack.spec.js +0 -43
  235. package/build/util/date/upperBoundCheck.spec.d.ts +0 -1
  236. package/build/util/date/upperBoundCheck.spec.js +0 -22
  237. package/build/util/getSearchQueryPredicate.spec.d.ts +0 -1
  238. package/build/util/getSearchQueryPredicate.spec.js +0 -33
  239. package/build/util/isValidIdentifierName.spec.d.ts +0 -1
  240. package/build/util/isValidIdentifierName.spec.js +0 -28
  241. package/build/util/routeAppend.spec.d.ts +0 -1
  242. package/build/util/routeAppend.spec.js +0 -14
  243. package/build/widgets/AccessorBindings.spec.d.ts +0 -1
  244. package/build/widgets/AccessorBindings.spec.js +0 -40
  245. package/build/widgets/HtmlElement.spec.d.ts +0 -1
  246. package/build/widgets/HtmlElement.spec.js +0 -38
  247. package/build/widgets/form/ValidationGroup.spec.d.ts +0 -1
  248. package/build/widgets/form/ValidationGroup.spec.js +0 -62
  249. package/build/widgets/nav/Route.spec.d.ts +0 -1
  250. package/build/widgets/nav/Route.spec.js +0 -15
  251. package/dist/manifest.d.ts +0 -1443
@@ -1,267 +1,267 @@
1
- import { debug } from "./Debug";
2
- import { GlobalCacheIdentifier } from "./GlobalCacheIdentifier";
3
- import { isNumber } from "../util/isNumber";
4
- import { isUndefined } from "../util/isUndefined";
5
- import { isArray } from "../util/isArray";
6
- import { capitalize } from "./capitalize";
7
- import { parseDateInvariant } from "./date/parseDateInvariant";
8
-
9
- //Culture dependent formatters are defined in the ui package.
10
-
11
- type Formatter = (value: any) => string;
12
-
13
- const defaultFormatter: Formatter = (v) => v.toString();
14
-
15
- let formatFactory: Record<string, (...args: any[]) => (value: any) => string> = {
16
- string: function () {
17
- return defaultFormatter;
18
- },
19
-
20
- wrap: function (part0, prefix, suffix) {
21
- if (!prefix) prefix = "";
22
-
23
- if (!suffix) suffix = "";
24
-
25
- return (value: any) => prefix + String(value) + suffix;
26
- },
27
-
28
- fixed: function (part0, digits) {
29
- return (value: any) => Number(value).toFixed(digits);
30
- },
31
-
32
- prefix: function (part0, prefix) {
33
- if (!prefix) prefix = "";
34
-
35
- return (value: any) => prefix + String(value);
36
- },
37
-
38
- suffix: function (part0, suffix) {
39
- if (!suffix) suffix = "";
40
-
41
- return (value: any) => String(value) + suffix;
42
- },
43
-
44
- uppercase: function () {
45
- return (value: any) => String(value).toUpperCase();
46
- },
47
-
48
- lowercase: function () {
49
- return (value: any) => String(value).toLowerCase();
50
- },
51
-
52
- urlencode: function () {
53
- return (value: any) => encodeURIComponent(value);
54
- },
55
-
56
- number: function (part0, minFractionDigits, maxFractionDigits) {
57
- let { minimumFractionDigits, maximumFractionDigits } = resolveMinMaxFractionDigits(
58
- minFractionDigits,
59
- maxFractionDigits,
60
- );
61
- let trimmable = maximumFractionDigits - minimumFractionDigits;
62
- if (trimmable > 0) {
63
- if (minimumFractionDigits == 0) ++trimmable;
64
- return (value: any) => trimFractionZeros(value.toFixed(maximumFractionDigits), trimmable);
65
- }
66
- return (value: any) => value.toFixed(maximumFractionDigits);
67
- },
68
-
69
- percentage: function (part0, minFractionDigits, maxFractionDigits) {
70
- let numberFormatter = formatFactory.number(part0, minFractionDigits, maxFractionDigits);
71
- return (value: any) => numberFormatter(value * 100) + "%";
72
- },
73
-
74
- percentageSign: function (part0, minFractionDigits, maxFractionDigits) {
75
- let numberFormatter = formatFactory.number(part0, minFractionDigits, maxFractionDigits);
76
- return (value: any) => numberFormatter(value) + "%";
77
- },
78
-
79
- date: function () {
80
- return (value: any) => {
81
- let date = parseDateInvariant(value);
82
- return `${date.getMonth() + 1}/${date.getDate()}/${date.getFullYear()}`;
83
- };
84
- },
85
-
86
- time: function () {
87
- return (value: any) => {
88
- let date = parseDateInvariant(value);
89
- let h = date.getHours() >= 10 ? date.getHours() : "0" + date.getHours();
90
- let m = date.getMinutes() >= 10 ? date.getMinutes() : "0" + date.getMinutes();
91
- return `${h}:${m}`;
92
- };
93
- },
94
-
95
- datetime: function () {
96
- let date = formatFactory.date();
97
- let time = formatFactory.time();
98
- return (value: any) => date(value) + " " + time(value);
99
- },
100
-
101
- ellipsis: function (part0, length, where) {
102
- length = Number(length);
103
- if (!(length > 3)) length = 10;
104
- switch (where) {
105
- default:
106
- case "end":
107
- return (value) => {
108
- let s = String(value);
109
- if (s.length > length) return s.substring(0, length - 3) + "...";
110
- return s;
111
- };
112
-
113
- case "start":
114
- return (value) => {
115
- let s = String(value);
116
- if (s.length > length) return "..." + s.substring(s.length - length + 3);
117
- return s;
118
- };
119
-
120
- case "middle":
121
- return (value) => {
122
- let s = String(value);
123
- if (s.length > length) {
124
- let x = Math.floor(length - 2) / 2;
125
- return s.substring(0, x) + "..." + s.substring(s.length - (length - 3 - x));
126
- }
127
- return s;
128
- };
129
- }
130
- },
131
-
132
- zeroPad: function (part0, length) {
133
- return (value: any) => {
134
- let s = String(value);
135
- return s.padStart(length, "0");
136
- };
137
- },
138
-
139
- leftPad: function (part0, length, char) {
140
- return (value: any) => {
141
- let s = String(value);
142
- return s.padStart(length, char ?? " ");
143
- };
144
- },
145
-
146
- capitalize: function () {
147
- return (value) => {
148
- let s = String(value);
149
- return capitalize(s);
150
- };
151
- },
152
-
153
- titleCase: function () {
154
- return (value) => {
155
- let s = String(value);
156
- return s.replace(/\w\S*/g, function (word) {
157
- return capitalize(word.toLowerCase());
158
- });
159
- };
160
- },
161
- };
162
-
163
- formatFactory.s = formatFactory.str = formatFactory.string;
164
- formatFactory.f = formatFactory.fixed;
165
- formatFactory.n = formatFactory.number;
166
- formatFactory.p = formatFactory.percentage;
167
- formatFactory.ps = formatFactory.percentageSign;
168
- formatFactory.d = formatFactory.date;
169
- formatFactory.t = formatFactory.time;
170
- formatFactory.dt = formatFactory.datetime;
171
- formatFactory.zeropad = formatFactory.zeroPad;
172
- formatFactory.leftpad = formatFactory.leftPad;
173
- formatFactory.capitalize = formatFactory.capitalize;
174
- formatFactory.titlecase = formatFactory.titleCase;
175
-
176
- function buildFormatter(format: string): Formatter {
177
- let formatter = defaultFormatter,
178
- nullText = "";
179
- if (format) {
180
- let pipeParts = format.split("|");
181
- nullText = pipeParts[1] || "";
182
- let colonSepParts = pipeParts[0].split(":");
183
- for (let i = 0; i < colonSepParts.length; i++) {
184
- let parts = colonSepParts[i].split(";");
185
- let factory = formatFactory[parts[0]];
186
- if (!factory) debug("Unknown string format: " + format);
187
- else if (i == 0) formatter = factory(...parts);
188
- else {
189
- let outerFmt = factory(...parts);
190
- let innerFmt = formatter;
191
- formatter = (v) => outerFmt(innerFmt(v));
192
- }
193
- }
194
- }
195
- return (v) => (v == null || v === "" ? nullText : formatter(v));
196
- }
197
-
198
- let format: { cache: Record<string, Formatter>; cacheIdentifier?: number } = { cache: {} };
199
-
200
- function getDefaultFormatCache(): Record<string, Formatter> {
201
- if (format.cacheIdentifier != GlobalCacheIdentifier.get()) {
202
- format = { cache: {}, cacheIdentifier: GlobalCacheIdentifier.get() };
203
- }
204
- return format.cache;
205
- }
206
-
207
- let getFormatCache = getDefaultFormatCache;
208
-
209
- export function setGetFormatCacheCallback(callback: () => Record<string, Formatter>): void {
210
- getFormatCache = callback;
211
- }
212
-
213
- function getFormatter(format: string): Formatter {
214
- if (!format) format = "";
215
- let formatCache = getFormatCache();
216
- let formatter = formatCache[format];
217
- if (!formatter) formatter = formatCache[format] = buildFormatter(format);
218
-
219
- return formatter;
220
- }
221
-
222
- export class Format {
223
- static value(v: any, format: string): string {
224
- let formatter = getFormatter(format);
225
- return formatter(v);
226
- }
227
-
228
- static parse(format: string): Formatter {
229
- return getFormatter(format);
230
- }
231
-
232
- static register(format: string | string[], formatter: Formatter): void {
233
- this.registerFactory(format, () => formatter);
234
- }
235
-
236
- static registerFactory(format: string | string[], factory: (...args: any[]) => Formatter): void {
237
- if (isArray(format)) format.forEach((f) => this.registerFactory(f, factory));
238
- else formatFactory[format] = factory;
239
- }
240
- }
241
-
242
- export function resolveMinMaxFractionDigits(
243
- minimumFractionDigits: number,
244
- maximumFractionDigits: number,
245
- ): { minimumFractionDigits: number; maximumFractionDigits: number } {
246
- minimumFractionDigits = minimumFractionDigits != null ? Number(minimumFractionDigits) : minimumFractionDigits;
247
- maximumFractionDigits = maximumFractionDigits != null ? Number(maximumFractionDigits) : maximumFractionDigits;
248
-
249
- if (isNumber(minimumFractionDigits)) {
250
- if (isUndefined(maximumFractionDigits)) maximumFractionDigits = minimumFractionDigits;
251
- else if (isNumber(maximumFractionDigits) && maximumFractionDigits < minimumFractionDigits)
252
- maximumFractionDigits = minimumFractionDigits;
253
- } else if (minimumFractionDigits == null && maximumFractionDigits == null) {
254
- minimumFractionDigits = 0;
255
- maximumFractionDigits = 18;
256
- }
257
-
258
- return { minimumFractionDigits, maximumFractionDigits };
259
- }
260
-
261
- export function trimFractionZeros(str: string, max: number): string {
262
- let cnt = 0,
263
- l = str.length;
264
- while (cnt < max && (str[l - 1 - cnt] === "0" || str[l - 1 - cnt] === ".")) cnt++;
265
-
266
- return cnt > 0 ? str.substring(0, l - cnt) : str;
267
- }
1
+ import { debug } from "./Debug";
2
+ import { GlobalCacheIdentifier } from "./GlobalCacheIdentifier";
3
+ import { isNumber } from "../util/isNumber";
4
+ import { isUndefined } from "../util/isUndefined";
5
+ import { isArray } from "../util/isArray";
6
+ import { capitalize } from "./capitalize";
7
+ import { parseDateInvariant } from "./date/parseDateInvariant";
8
+
9
+ //Culture dependent formatters are defined in the ui package.
10
+
11
+ type Formatter = (value: any) => string;
12
+
13
+ const defaultFormatter: Formatter = (v) => v.toString();
14
+
15
+ let formatFactory: Record<string, (...args: any[]) => (value: any) => string> = {
16
+ string: function () {
17
+ return defaultFormatter;
18
+ },
19
+
20
+ wrap: function (part0, prefix, suffix) {
21
+ if (!prefix) prefix = "";
22
+
23
+ if (!suffix) suffix = "";
24
+
25
+ return (value: any) => prefix + String(value) + suffix;
26
+ },
27
+
28
+ fixed: function (part0, digits) {
29
+ return (value: any) => Number(value).toFixed(digits);
30
+ },
31
+
32
+ prefix: function (part0, prefix) {
33
+ if (!prefix) prefix = "";
34
+
35
+ return (value: any) => prefix + String(value);
36
+ },
37
+
38
+ suffix: function (part0, suffix) {
39
+ if (!suffix) suffix = "";
40
+
41
+ return (value: any) => String(value) + suffix;
42
+ },
43
+
44
+ uppercase: function () {
45
+ return (value: any) => String(value).toUpperCase();
46
+ },
47
+
48
+ lowercase: function () {
49
+ return (value: any) => String(value).toLowerCase();
50
+ },
51
+
52
+ urlencode: function () {
53
+ return (value: any) => encodeURIComponent(value);
54
+ },
55
+
56
+ number: function (part0, minFractionDigits, maxFractionDigits) {
57
+ let { minimumFractionDigits, maximumFractionDigits } = resolveMinMaxFractionDigits(
58
+ minFractionDigits,
59
+ maxFractionDigits,
60
+ );
61
+ let trimmable = maximumFractionDigits - minimumFractionDigits;
62
+ if (trimmable > 0) {
63
+ if (minimumFractionDigits == 0) ++trimmable;
64
+ return (value: any) => trimFractionZeros(value.toFixed(maximumFractionDigits), trimmable);
65
+ }
66
+ return (value: any) => value.toFixed(maximumFractionDigits);
67
+ },
68
+
69
+ percentage: function (part0, minFractionDigits, maxFractionDigits) {
70
+ let numberFormatter = formatFactory.number(part0, minFractionDigits, maxFractionDigits);
71
+ return (value: any) => numberFormatter(value * 100) + "%";
72
+ },
73
+
74
+ percentageSign: function (part0, minFractionDigits, maxFractionDigits) {
75
+ let numberFormatter = formatFactory.number(part0, minFractionDigits, maxFractionDigits);
76
+ return (value: any) => numberFormatter(value) + "%";
77
+ },
78
+
79
+ date: function () {
80
+ return (value: any) => {
81
+ let date = parseDateInvariant(value);
82
+ return `${date.getMonth() + 1}/${date.getDate()}/${date.getFullYear()}`;
83
+ };
84
+ },
85
+
86
+ time: function () {
87
+ return (value: any) => {
88
+ let date = parseDateInvariant(value);
89
+ let h = date.getHours() >= 10 ? date.getHours() : "0" + date.getHours();
90
+ let m = date.getMinutes() >= 10 ? date.getMinutes() : "0" + date.getMinutes();
91
+ return `${h}:${m}`;
92
+ };
93
+ },
94
+
95
+ datetime: function () {
96
+ let date = formatFactory.date();
97
+ let time = formatFactory.time();
98
+ return (value: any) => date(value) + " " + time(value);
99
+ },
100
+
101
+ ellipsis: function (part0, length, where) {
102
+ length = Number(length);
103
+ if (!(length > 3)) length = 10;
104
+ switch (where) {
105
+ default:
106
+ case "end":
107
+ return (value) => {
108
+ let s = String(value);
109
+ if (s.length > length) return s.substring(0, length - 3) + "...";
110
+ return s;
111
+ };
112
+
113
+ case "start":
114
+ return (value) => {
115
+ let s = String(value);
116
+ if (s.length > length) return "..." + s.substring(s.length - length + 3);
117
+ return s;
118
+ };
119
+
120
+ case "middle":
121
+ return (value) => {
122
+ let s = String(value);
123
+ if (s.length > length) {
124
+ let x = Math.floor(length - 2) / 2;
125
+ return s.substring(0, x) + "..." + s.substring(s.length - (length - 3 - x));
126
+ }
127
+ return s;
128
+ };
129
+ }
130
+ },
131
+
132
+ zeroPad: function (part0, length) {
133
+ return (value: any) => {
134
+ let s = String(value);
135
+ return s.padStart(length, "0");
136
+ };
137
+ },
138
+
139
+ leftPad: function (part0, length, char) {
140
+ return (value: any) => {
141
+ let s = String(value);
142
+ return s.padStart(length, char ?? " ");
143
+ };
144
+ },
145
+
146
+ capitalize: function () {
147
+ return (value) => {
148
+ let s = String(value);
149
+ return capitalize(s);
150
+ };
151
+ },
152
+
153
+ titleCase: function () {
154
+ return (value) => {
155
+ let s = String(value);
156
+ return s.replace(/\w\S*/g, function (word) {
157
+ return capitalize(word.toLowerCase());
158
+ });
159
+ };
160
+ },
161
+ };
162
+
163
+ formatFactory.s = formatFactory.str = formatFactory.string;
164
+ formatFactory.f = formatFactory.fixed;
165
+ formatFactory.n = formatFactory.number;
166
+ formatFactory.p = formatFactory.percentage;
167
+ formatFactory.ps = formatFactory.percentageSign;
168
+ formatFactory.d = formatFactory.date;
169
+ formatFactory.t = formatFactory.time;
170
+ formatFactory.dt = formatFactory.datetime;
171
+ formatFactory.zeropad = formatFactory.zeroPad;
172
+ formatFactory.leftpad = formatFactory.leftPad;
173
+ formatFactory.capitalize = formatFactory.capitalize;
174
+ formatFactory.titlecase = formatFactory.titleCase;
175
+
176
+ function buildFormatter(format: string): Formatter {
177
+ let formatter = defaultFormatter,
178
+ nullText = "";
179
+ if (format) {
180
+ let pipeParts = format.split("|");
181
+ nullText = pipeParts[1] || "";
182
+ let colonSepParts = pipeParts[0].split(":");
183
+ for (let i = 0; i < colonSepParts.length; i++) {
184
+ let parts = colonSepParts[i].split(";");
185
+ let factory = formatFactory[parts[0]];
186
+ if (!factory) debug("Unknown string format: " + format);
187
+ else if (i == 0) formatter = factory(...parts);
188
+ else {
189
+ let outerFmt = factory(...parts);
190
+ let innerFmt = formatter;
191
+ formatter = (v) => outerFmt(innerFmt(v));
192
+ }
193
+ }
194
+ }
195
+ return (v) => (v == null || v === "" ? nullText : formatter(v));
196
+ }
197
+
198
+ let format: { cache: Record<string, Formatter>; cacheIdentifier?: number } = { cache: {} };
199
+
200
+ function getDefaultFormatCache(): Record<string, Formatter> {
201
+ if (format.cacheIdentifier != GlobalCacheIdentifier.get()) {
202
+ format = { cache: {}, cacheIdentifier: GlobalCacheIdentifier.get() };
203
+ }
204
+ return format.cache;
205
+ }
206
+
207
+ let getFormatCache = getDefaultFormatCache;
208
+
209
+ export function setGetFormatCacheCallback(callback: () => Record<string, Formatter>): void {
210
+ getFormatCache = callback;
211
+ }
212
+
213
+ function getFormatter(format: string): Formatter {
214
+ if (!format) format = "";
215
+ let formatCache = getFormatCache();
216
+ let formatter = formatCache[format];
217
+ if (!formatter) formatter = formatCache[format] = buildFormatter(format);
218
+
219
+ return formatter;
220
+ }
221
+
222
+ export class Format {
223
+ static value(v: any, format: string): string {
224
+ let formatter = getFormatter(format);
225
+ return formatter(v);
226
+ }
227
+
228
+ static parse(format: string): Formatter {
229
+ return getFormatter(format);
230
+ }
231
+
232
+ static register(format: string | string[], formatter: Formatter): void {
233
+ this.registerFactory(format, () => formatter);
234
+ }
235
+
236
+ static registerFactory(format: string | string[], factory: (...args: any[]) => Formatter): void {
237
+ if (isArray(format)) format.forEach((f) => this.registerFactory(f, factory));
238
+ else formatFactory[format] = factory;
239
+ }
240
+ }
241
+
242
+ export function resolveMinMaxFractionDigits(
243
+ minimumFractionDigits: number,
244
+ maximumFractionDigits: number,
245
+ ): { minimumFractionDigits: number; maximumFractionDigits: number } {
246
+ minimumFractionDigits = minimumFractionDigits != null ? Number(minimumFractionDigits) : minimumFractionDigits;
247
+ maximumFractionDigits = maximumFractionDigits != null ? Number(maximumFractionDigits) : maximumFractionDigits;
248
+
249
+ if (isNumber(minimumFractionDigits)) {
250
+ if (isUndefined(maximumFractionDigits)) maximumFractionDigits = minimumFractionDigits;
251
+ else if (isNumber(maximumFractionDigits) && maximumFractionDigits < minimumFractionDigits)
252
+ maximumFractionDigits = minimumFractionDigits;
253
+ } else if (minimumFractionDigits == null && maximumFractionDigits == null) {
254
+ minimumFractionDigits = 0;
255
+ maximumFractionDigits = 18;
256
+ }
257
+
258
+ return { minimumFractionDigits, maximumFractionDigits };
259
+ }
260
+
261
+ export function trimFractionZeros(str: string, max: number): string {
262
+ let cnt = 0,
263
+ l = str.length;
264
+ while (cnt < max && (str[l - 1 - cnt] === "0" || str[l - 1 - cnt] === ".")) cnt++;
265
+
266
+ return cnt > 0 ? str.substring(0, l - cnt) : str;
267
+ }
@@ -1,41 +1,41 @@
1
- import { browserSupportsPassiveEventHandlers } from "./browserSupportsPassiveEventHandlers";
2
-
3
- interface EventMap {
4
- wheel: WheelEvent;
5
- scroll: Event;
6
- click: MouseEvent;
7
- mousedown: MouseEvent;
8
- mouseup: MouseEvent;
9
- mousemove: MouseEvent;
10
- touchstart: TouchEvent;
11
- touchmove: TouchEvent;
12
- touchend: TouchEvent;
13
- keydown: KeyboardEvent;
14
- keyup: KeyboardEvent;
15
- keypress: KeyboardEvent;
16
- }
17
-
18
- export function addEventListenerWithOptions<K extends keyof EventMap>(
19
- element: Element | Document,
20
- event: K,
21
- callback: (event: EventMap[K]) => void,
22
- options: AddEventListenerOptions,
23
- ): () => void;
24
- export function addEventListenerWithOptions(
25
- element: Element | Document,
26
- event: string,
27
- callback: (event: Event) => void,
28
- options: AddEventListenerOptions,
29
- ): () => void;
30
- export function addEventListenerWithOptions(
31
- element: Element | Document,
32
- event: string,
33
- callback: (event: Event) => void,
34
- options: AddEventListenerOptions,
35
- ): () => void {
36
- let thirdParam = browserSupportsPassiveEventHandlers() ? options : options.capture === true;
37
- element.addEventListener(event, callback as any, thirdParam);
38
- return () => {
39
- element.removeEventListener(event, callback as any, thirdParam);
40
- };
41
- }
1
+ import { browserSupportsPassiveEventHandlers } from "./browserSupportsPassiveEventHandlers";
2
+
3
+ interface EventMap {
4
+ wheel: WheelEvent;
5
+ scroll: Event;
6
+ click: MouseEvent;
7
+ mousedown: MouseEvent;
8
+ mouseup: MouseEvent;
9
+ mousemove: MouseEvent;
10
+ touchstart: TouchEvent;
11
+ touchmove: TouchEvent;
12
+ touchend: TouchEvent;
13
+ keydown: KeyboardEvent;
14
+ keyup: KeyboardEvent;
15
+ keypress: KeyboardEvent;
16
+ }
17
+
18
+ export function addEventListenerWithOptions<K extends keyof EventMap>(
19
+ element: Element | Document,
20
+ event: K,
21
+ callback: (event: EventMap[K]) => void,
22
+ options: AddEventListenerOptions,
23
+ ): () => void;
24
+ export function addEventListenerWithOptions(
25
+ element: Element | Document,
26
+ event: string,
27
+ callback: (event: Event) => void,
28
+ options: AddEventListenerOptions,
29
+ ): () => void;
30
+ export function addEventListenerWithOptions(
31
+ element: Element | Document,
32
+ event: string,
33
+ callback: (event: Event) => void,
34
+ options: AddEventListenerOptions,
35
+ ): () => void {
36
+ let thirdParam = browserSupportsPassiveEventHandlers() ? options : options.capture === true;
37
+ element.addEventListener(event, callback as any, thirdParam);
38
+ return () => {
39
+ element.removeEventListener(event, callback as any, thirdParam);
40
+ };
41
+ }
@@ -1,20 +1,20 @@
1
- let passiveEventsSupported: boolean | null = null;
2
-
3
- /**
4
- * Checks if the browser supports passive event handlers.
5
- * @returns {boolean}
6
- */
7
- export function browserSupportsPassiveEventHandlers(): boolean {
8
- if (passiveEventsSupported == null) {
9
- try {
10
- passiveEventsSupported = false;
11
- const options = Object.defineProperty({}, "passive", {
12
- get() {
13
- passiveEventsSupported = true;
14
- },
15
- });
16
- window.addEventListener("test" as any, null as any, options);
17
- } catch (e) {}
18
- }
19
- return passiveEventsSupported!;
20
- }
1
+ let passiveEventsSupported: boolean | null = null;
2
+
3
+ /**
4
+ * Checks if the browser supports passive event handlers.
5
+ * @returns {boolean}
6
+ */
7
+ export function browserSupportsPassiveEventHandlers(): boolean {
8
+ if (passiveEventsSupported == null) {
9
+ try {
10
+ passiveEventsSupported = false;
11
+ const options = Object.defineProperty({}, "passive", {
12
+ get() {
13
+ passiveEventsSupported = true;
14
+ },
15
+ });
16
+ window.addEventListener("test" as any, null as any, options);
17
+ } catch (e) {}
18
+ }
19
+ return passiveEventsSupported!;
20
+ }