cx 26.1.3 → 26.1.5

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 (568) hide show
  1. package/.mocharc.json +5 -5
  2. package/LICENSE-THIRD-PARTY.md +91 -91
  3. package/LICENSE.md +7 -7
  4. package/README.md +46 -46
  5. package/build/ui/exprHelpers.d.ts +12 -0
  6. package/build/ui/exprHelpers.js +17 -0
  7. package/build/ui/tpl.d.ts +5 -3
  8. package/build/ui/tpl.js +11 -4
  9. package/build.js +133 -133
  10. package/dist/manifest.js +782 -779
  11. package/dist/ui.js +26 -4
  12. package/package.json +100 -100
  13. package/src/charts/Bar.scss +28 -28
  14. package/src/charts/Bar.ts +114 -114
  15. package/src/charts/BarGraph.scss +28 -28
  16. package/src/charts/BarGraph.tsx +145 -145
  17. package/src/charts/BubbleGraph.scss +31 -31
  18. package/src/charts/BubbleGraph.tsx +165 -165
  19. package/src/charts/Chart.ts +108 -108
  20. package/src/charts/ColorMap.ts +150 -150
  21. package/src/charts/Column.scss +28 -28
  22. package/src/charts/Column.ts +124 -124
  23. package/src/charts/ColumnBarBase.tsx +284 -284
  24. package/src/charts/ColumnBarGraphBase.tsx +229 -229
  25. package/src/charts/ColumnGraph.scss +29 -29
  26. package/src/charts/ColumnGraph.tsx +153 -153
  27. package/src/charts/Grid.ts +5 -5
  28. package/src/charts/Gridlines.scss +24 -24
  29. package/src/charts/Gridlines.tsx +88 -88
  30. package/src/charts/Legend.scss +50 -50
  31. package/src/charts/Legend.tsx +270 -270
  32. package/src/charts/LegendEntry.scss +29 -29
  33. package/src/charts/LegendEntry.tsx +197 -197
  34. package/src/charts/LineGraph.scss +24 -24
  35. package/src/charts/LineGraph.tsx +455 -455
  36. package/src/charts/Marker.scss +43 -43
  37. package/src/charts/Marker.tsx +483 -483
  38. package/src/charts/MarkerLine.scss +19 -19
  39. package/src/charts/MarkerLine.tsx +214 -214
  40. package/src/charts/MouseTracker.tsx +112 -112
  41. package/src/charts/Pie.ts +8 -8
  42. package/src/charts/PieChart.scss +28 -28
  43. package/src/charts/PieChart.tsx +717 -717
  44. package/src/charts/PieLabel.tsx +106 -106
  45. package/src/charts/PieLabelsContainer.ts +68 -68
  46. package/src/charts/Range.scss +19 -19
  47. package/src/charts/Range.tsx +318 -318
  48. package/src/charts/RangeMarker.scss +17 -17
  49. package/src/charts/RangeMarker.tsx +233 -233
  50. package/src/charts/ScatterGraph.scss +23 -23
  51. package/src/charts/ScatterGraph.tsx +245 -245
  52. package/src/charts/Swimlane.scss +16 -16
  53. package/src/charts/Swimlane.tsx +195 -195
  54. package/src/charts/Swimlanes.scss +16 -16
  55. package/src/charts/Swimlanes.tsx +179 -179
  56. package/src/charts/axis/Axis.scss +22 -22
  57. package/src/charts/axis/Axis.tsx +444 -444
  58. package/src/charts/axis/CategoryAxis.scss +34 -34
  59. package/src/charts/axis/CategoryAxis.tsx +313 -313
  60. package/src/charts/axis/NumericAxis.scss +34 -34
  61. package/src/charts/axis/NumericAxis.tsx +437 -437
  62. package/src/charts/axis/Stack.ts +61 -61
  63. package/src/charts/axis/TimeAxis.scss +33 -33
  64. package/src/charts/axis/TimeAxis.tsx +718 -718
  65. package/src/charts/axis/index.scss +5 -5
  66. package/src/charts/axis/index.ts +3 -3
  67. package/src/charts/axis/variables.scss +2 -2
  68. package/src/charts/helpers/MinMaxFinder.ts +66 -66
  69. package/src/charts/helpers/PointReducer.ts +135 -135
  70. package/src/charts/helpers/SnapPointFinder.ts +136 -136
  71. package/src/charts/helpers/ValueAtFinder.ts +72 -72
  72. package/src/charts/helpers/index.ts +4 -4
  73. package/src/charts/index.scss +22 -22
  74. package/src/charts/index.ts +34 -34
  75. package/src/charts/palette.scss +97 -97
  76. package/src/charts/shapes.tsx +86 -86
  77. package/src/charts/variables.scss +22 -22
  78. package/src/core.d.ts +182 -182
  79. package/src/data/AggregateFunction.ts +171 -171
  80. package/src/data/ArrayElementView.spec.ts +88 -88
  81. package/src/data/ArrayElementView.ts +91 -91
  82. package/src/data/ArrayRef.ts +34 -34
  83. package/src/data/AugmentedViewBase.ts +88 -88
  84. package/src/data/Binding.spec.ts +69 -69
  85. package/src/data/Binding.ts +104 -104
  86. package/src/data/ExposedRecordView.ts +95 -95
  87. package/src/data/ExposedValueView.ts +89 -89
  88. package/src/data/Expression.spec.ts +229 -229
  89. package/src/data/Expression.ts +233 -233
  90. package/src/data/Grouper.spec.ts +57 -57
  91. package/src/data/Grouper.ts +158 -158
  92. package/src/data/NestedDataView.ts +43 -43
  93. package/src/data/ReadOnlyDataView.ts +39 -39
  94. package/src/data/Ref.spec.ts +79 -79
  95. package/src/data/Ref.ts +104 -104
  96. package/src/data/Selector.ts +10 -10
  97. package/src/data/Store.spec.ts +22 -22
  98. package/src/data/Store.ts +52 -52
  99. package/src/data/StoreProxy.ts +19 -19
  100. package/src/data/StoreRef.spec.ts +24 -24
  101. package/src/data/StoreRef.ts +66 -66
  102. package/src/data/StringTemplate.spec.ts +132 -132
  103. package/src/data/StringTemplate.ts +93 -93
  104. package/src/data/StructuredSelector.spec.ts +113 -113
  105. package/src/data/StructuredSelector.ts +146 -146
  106. package/src/data/SubscribableView.ts +63 -63
  107. package/src/data/View.spec.ts +60 -60
  108. package/src/data/View.ts +289 -289
  109. package/src/data/ZoomIntoPropertyView.spec.ts +64 -64
  110. package/src/data/ZoomIntoPropertyView.ts +45 -45
  111. package/src/data/comparer.spec.ts +60 -60
  112. package/src/data/comparer.ts +78 -78
  113. package/src/data/computable.spec.ts +87 -87
  114. package/src/data/computable.ts +69 -69
  115. package/src/data/createAccessorModelProxy.spec.tsx +145 -145
  116. package/src/data/createAccessorModelProxy.ts +66 -66
  117. package/src/data/createStructuredSelector.spec.ts +45 -45
  118. package/src/data/createStructuredSelector.ts +62 -62
  119. package/src/data/defaultCompare.ts +14 -14
  120. package/src/data/diff/diffArrays.ts +49 -49
  121. package/src/data/diff/diffs.spec.ts +49 -49
  122. package/src/data/diff/index.ts +1 -1
  123. package/src/data/enableFatArrowExpansion.ts +6 -6
  124. package/src/data/getAccessor.spec.ts +11 -11
  125. package/src/data/getAccessor.ts +74 -74
  126. package/src/data/getSelector.spec.ts +43 -43
  127. package/src/data/getSelector.ts +66 -66
  128. package/src/data/index.ts +30 -30
  129. package/src/data/isSelector.ts +26 -26
  130. package/src/data/ops/append.spec.ts +28 -28
  131. package/src/data/ops/append.ts +5 -5
  132. package/src/data/ops/filter.spec.ts +35 -35
  133. package/src/data/ops/filter.ts +9 -9
  134. package/src/data/ops/findTreeNode.spec.ts +23 -23
  135. package/src/data/ops/findTreeNode.ts +14 -14
  136. package/src/data/ops/findTreePath.ts +23 -23
  137. package/src/data/ops/index.ts +11 -11
  138. package/src/data/ops/insertElement.ts +3 -3
  139. package/src/data/ops/merge.spec.ts +27 -27
  140. package/src/data/ops/merge.ts +13 -13
  141. package/src/data/ops/moveElement.ts +21 -21
  142. package/src/data/ops/removeTreeNodes.spec.ts +37 -37
  143. package/src/data/ops/removeTreeNodes.ts +15 -15
  144. package/src/data/ops/updateArray.spec.ts +69 -69
  145. package/src/data/ops/updateArray.ts +31 -31
  146. package/src/data/ops/updateTree.spec.ts +54 -54
  147. package/src/data/ops/updateTree.ts +23 -23
  148. package/src/data/test-types.ts +7 -7
  149. package/src/global.scss +13 -13
  150. package/src/hooks/createLocalStorageRef.ts +21 -21
  151. package/src/hooks/index.ts +8 -8
  152. package/src/hooks/invokeCallback.spec.tsx +59 -59
  153. package/src/hooks/invokeCallback.ts +8 -8
  154. package/src/hooks/resolveCallback.spec.tsx +71 -71
  155. package/src/hooks/resolveCallback.ts +16 -16
  156. package/src/hooks/store.spec.tsx +67 -67
  157. package/src/hooks/store.ts +46 -46
  158. package/src/hooks/useEffect.ts +14 -14
  159. package/src/hooks/useInterval.ts +8 -8
  160. package/src/hooks/useState.ts +20 -20
  161. package/src/hooks/useTrigger.spec.tsx +105 -105
  162. package/src/hooks/useTrigger.ts +26 -26
  163. package/src/index.scss +6 -6
  164. package/src/index.ts +7 -7
  165. package/src/jsx-dev-runtime.ts +4 -4
  166. package/src/jsx-runtime.spec.tsx +431 -431
  167. package/src/jsx-runtime.ts +79 -79
  168. package/src/locale/de-de.ts +76 -76
  169. package/src/locale/en-us.ts +75 -75
  170. package/src/locale/es-es.ts +76 -76
  171. package/src/locale/fr-fr.ts +76 -76
  172. package/src/locale/nl-nl.ts +76 -76
  173. package/src/locale/pt-pt.ts +76 -76
  174. package/src/locale/sr-latn-ba.ts +76 -76
  175. package/src/svg/BoundedObject.ts +101 -101
  176. package/src/svg/ClipRect.tsx +29 -29
  177. package/src/svg/Ellipse.tsx +68 -68
  178. package/src/svg/Line.tsx +58 -58
  179. package/src/svg/NonOverlappingRect.ts +26 -26
  180. package/src/svg/NonOverlappingRectGroup.ts +49 -49
  181. package/src/svg/Rectangle.tsx +90 -90
  182. package/src/svg/Svg.scss +27 -27
  183. package/src/svg/Svg.tsx +241 -241
  184. package/src/svg/Text.tsx +134 -134
  185. package/src/svg/TextualBoundedObject.ts +35 -35
  186. package/src/svg/index.scss +8 -8
  187. package/src/svg/index.ts +17 -17
  188. package/src/svg/util/Rect.ts +105 -105
  189. package/src/ui/CSS.ts +87 -87
  190. package/src/ui/CSSHelper.ts +17 -17
  191. package/src/ui/Container.tsx +216 -216
  192. package/src/ui/ContentResolver.spec.tsx +585 -585
  193. package/src/ui/ContentResolver.ts +132 -132
  194. package/src/ui/Controller.spec.tsx +574 -574
  195. package/src/ui/Controller.ts +202 -202
  196. package/src/ui/Culture.ts +159 -159
  197. package/src/ui/Cx.spec.tsx +210 -210
  198. package/src/ui/Cx.tsx +386 -386
  199. package/src/ui/DataProxy.spec.tsx +337 -337
  200. package/src/ui/DataProxy.ts +55 -55
  201. package/src/ui/DetachedScope.tsx +159 -159
  202. package/src/ui/FocusManager.ts +171 -171
  203. package/src/ui/Format.ts +108 -108
  204. package/src/ui/HoverSync.tsx +189 -189
  205. package/src/ui/Instance.ts +866 -866
  206. package/src/ui/IsolatedScope.spec.tsx +62 -62
  207. package/src/ui/IsolatedScope.ts +50 -50
  208. package/src/ui/Localization.ts +70 -70
  209. package/src/ui/Prop.ts +140 -140
  210. package/src/ui/PureContainer.spec.tsx +232 -232
  211. package/src/ui/PureContainer.tsx +19 -19
  212. package/src/ui/RenderingContext.ts +99 -99
  213. package/src/ui/Repeater.spec.tsx +143 -143
  214. package/src/ui/Repeater.ts +194 -194
  215. package/src/ui/Rescope.spec.tsx +199 -199
  216. package/src/ui/Rescope.ts +49 -49
  217. package/src/ui/ResizeManager.ts +30 -30
  218. package/src/ui/Restate.spec.tsx +422 -422
  219. package/src/ui/Restate.tsx +217 -217
  220. package/src/ui/StaticText.ts +11 -11
  221. package/src/ui/StructuredInstanceDataAccessor.ts +32 -32
  222. package/src/ui/Text.ts +49 -49
  223. package/src/ui/VDOM.ts +1 -1
  224. package/src/ui/Widget.spec.tsx +53 -53
  225. package/src/ui/Widget.tsx +301 -301
  226. package/src/ui/ZIndexManager.ts +11 -11
  227. package/src/ui/adapter/ArrayAdapter.spec.ts +55 -55
  228. package/src/ui/adapter/ArrayAdapter.ts +229 -229
  229. package/src/ui/adapter/DataAdapter.ts +52 -52
  230. package/src/ui/adapter/GroupAdapter.ts +235 -235
  231. package/src/ui/adapter/TreeAdapter.spec.ts +76 -76
  232. package/src/ui/adapter/TreeAdapter.ts +185 -185
  233. package/src/ui/adapter/index.ts +4 -4
  234. package/src/ui/app/History.ts +133 -133
  235. package/src/ui/app/Url.spec.ts +50 -50
  236. package/src/ui/app/Url.ts +102 -102
  237. package/src/ui/app/index.ts +5 -5
  238. package/src/ui/app/startAppLoop.tsx +71 -71
  239. package/src/ui/app/startHotAppLoop.ts +41 -41
  240. package/src/ui/batchUpdates.ts +77 -77
  241. package/src/ui/bind.ts +10 -10
  242. package/src/ui/createFunctionalComponent.spec.tsx +454 -454
  243. package/src/ui/createFunctionalComponent.ts +86 -86
  244. package/src/ui/expr.ts +47 -47
  245. package/src/ui/exprHelpers.spec.ts +412 -379
  246. package/src/ui/exprHelpers.ts +18 -0
  247. package/src/ui/flattenProps.ts +21 -21
  248. package/src/ui/index.scss +2 -2
  249. package/src/ui/index.ts +47 -47
  250. package/src/ui/keyboardShortcuts.ts +40 -40
  251. package/src/ui/layout/Content.ts +30 -30
  252. package/src/ui/layout/ContentPlaceholder.spec.tsx +599 -599
  253. package/src/ui/layout/ContentPlaceholder.ts +133 -133
  254. package/src/ui/layout/FirstVisibleChildLayout.spec.tsx +207 -207
  255. package/src/ui/layout/FirstVisibleChildLayout.ts +60 -60
  256. package/src/ui/layout/LabelsLeftLayout.scss +46 -46
  257. package/src/ui/layout/LabelsLeftLayout.tsx +76 -76
  258. package/src/ui/layout/LabelsTopLayout.scss +64 -64
  259. package/src/ui/layout/LabelsTopLayout.tsx +156 -156
  260. package/src/ui/layout/UseParentLayout.ts +8 -8
  261. package/src/ui/layout/exploreChildren.ts +38 -38
  262. package/src/ui/layout/index.scss +3 -3
  263. package/src/ui/layout/index.ts +10 -10
  264. package/src/ui/layout/variables.scss +2 -2
  265. package/src/ui/selection/KeySelection.ts +153 -153
  266. package/src/ui/selection/PropertySelection.ts +87 -87
  267. package/src/ui/selection/Selection.ts +128 -128
  268. package/src/ui/selection/index.ts +3 -3
  269. package/src/ui/tpl.spec.ts +69 -0
  270. package/src/ui/tpl.ts +17 -4
  271. package/src/ui/variables.scss +1 -1
  272. package/src/util/Component.spec.ts +411 -411
  273. package/src/util/Component.ts +301 -301
  274. package/src/util/Console.ts +13 -13
  275. package/src/util/DOM.ts +88 -88
  276. package/src/util/Debug.ts +71 -71
  277. package/src/util/Format.spec.ts +69 -69
  278. package/src/util/Format.ts +267 -267
  279. package/src/util/GlobalCacheIdentifier.ts +11 -11
  280. package/src/util/KeyCode.ts +21 -21
  281. package/src/util/SubscriberList.ts +86 -86
  282. package/src/util/Timing.ts +58 -58
  283. package/src/util/TraversalStack.spec.ts +53 -53
  284. package/src/util/TraversalStack.ts +47 -47
  285. package/src/util/addEventListenerWithOptions.ts +41 -41
  286. package/src/util/browserSupportsPassiveEventHandlers.ts +20 -20
  287. package/src/util/calculateNaturalElementHeight.ts +22 -22
  288. package/src/util/call-once.scss +6 -6
  289. package/src/util/capitalize.ts +4 -4
  290. package/src/util/coalesce.ts +6 -6
  291. package/src/util/color/hslToRgb.ts +34 -34
  292. package/src/util/color/index.ts +4 -4
  293. package/src/util/color/parseColor.ts +173 -173
  294. package/src/util/color/rgbToHex.ts +14 -14
  295. package/src/util/color/rgbToHsl.ts +35 -35
  296. package/src/util/date/dateDiff.ts +9 -9
  297. package/src/util/date/diff.ts +13 -13
  298. package/src/util/date/encodeDate.ts +8 -8
  299. package/src/util/date/encodeDateWithTimezoneOffset.ts +18 -18
  300. package/src/util/date/index.ts +11 -11
  301. package/src/util/date/lowerBoundCheck.ts +13 -13
  302. package/src/util/date/maxDate.ts +14 -14
  303. package/src/util/date/minDate.ts +14 -14
  304. package/src/util/date/monthStart.ts +8 -8
  305. package/src/util/date/parseDateInvariant.ts +20 -20
  306. package/src/util/date/sameDate.ts +11 -11
  307. package/src/util/date/upperBoundCheck.spec.ts +30 -30
  308. package/src/util/date/upperBoundCheck.ts +13 -13
  309. package/src/util/date/zeroTime.ts +9 -9
  310. package/src/util/debounce.ts +26 -26
  311. package/src/util/dummyCallback.ts +1 -1
  312. package/src/util/escapeSpecialRegexCharacters.ts +8 -8
  313. package/src/util/eventCallbacks.ts +12 -12
  314. package/src/util/expandFatArrows.ts +118 -118
  315. package/src/util/findScrollableParent.ts +15 -15
  316. package/src/util/getActiveElement.ts +4 -4
  317. package/src/util/getParentFrameBoundingClientRect.ts +13 -13
  318. package/src/util/getScrollerBoundingClientRect.ts +12 -12
  319. package/src/util/getSearchQueryPredicate.spec.ts +40 -40
  320. package/src/util/getSearchQueryPredicate.ts +58 -58
  321. package/src/util/getTopLevelBoundingClientRect.ts +7 -7
  322. package/src/util/getVendorPrefix.ts +33 -33
  323. package/src/util/hasKey.ts +18 -18
  324. package/src/util/index.scss +10 -10
  325. package/src/util/index.ts +55 -55
  326. package/src/util/innerTextTrim.ts +10 -10
  327. package/src/util/isArray.ts +3 -3
  328. package/src/util/isDataRecord.ts +5 -5
  329. package/src/util/isDefined.ts +3 -3
  330. package/src/util/isDigit.ts +8 -8
  331. package/src/util/isFunction.ts +3 -3
  332. package/src/util/isNonEmptyArray.ts +3 -3
  333. package/src/util/isNumber.ts +3 -3
  334. package/src/util/isObject.ts +3 -3
  335. package/src/util/isPromise.ts +6 -6
  336. package/src/util/isString.ts +3 -3
  337. package/src/util/isTextInputElement.ts +2 -2
  338. package/src/util/isTouchDevice.ts +7 -7
  339. package/src/util/isTouchEvent.ts +64 -64
  340. package/src/util/isUndefined.ts +3 -3
  341. package/src/util/isValidIdentifierName.spec.ts +33 -33
  342. package/src/util/isValidIdentifierName.ts +5 -5
  343. package/src/util/onIdleCallback.ts +10 -10
  344. package/src/util/parseStyle.ts +29 -29
  345. package/src/util/quote.ts +6 -6
  346. package/src/util/reverseSlice.ts +9 -9
  347. package/src/util/routeAppend.spec.ts +19 -19
  348. package/src/util/routeAppend.ts +15 -15
  349. package/src/util/scrollElementIntoView.ts +40 -40
  350. package/src/util/scss/add-rules.scss +40 -40
  351. package/src/util/scss/calc.scss +44 -44
  352. package/src/util/scss/call-once.scss +12 -12
  353. package/src/util/scss/clockwise.scss +49 -49
  354. package/src/util/scss/colors.scss +9 -9
  355. package/src/util/scss/deep-get.scss +11 -11
  356. package/src/util/scss/deep-merge.scss +21 -21
  357. package/src/util/scss/divide.scss +3 -3
  358. package/src/util/scss/include.scss +48 -48
  359. package/src/util/scss/index.scss +9 -9
  360. package/src/util/shallowEquals.ts +43 -43
  361. package/src/util/test/createTestRenderer.tsx +19 -19
  362. package/src/util/throttle.ts +21 -21
  363. package/src/util/validatedDebounce.ts +23 -23
  364. package/src/variables.scss +217 -217
  365. package/src/widgets/AccessorBindings.spec.tsx +90 -90
  366. package/src/widgets/Button.scss +119 -119
  367. package/src/widgets/Button.tsx +189 -189
  368. package/src/widgets/Button.variables.scss +117 -117
  369. package/src/widgets/CxCredit.scss +39 -39
  370. package/src/widgets/CxCredit.tsx +46 -46
  371. package/src/widgets/DocumentTitle.ts +95 -95
  372. package/src/widgets/FlexBox.scss +148 -148
  373. package/src/widgets/FlexBox.tsx +168 -168
  374. package/src/widgets/Heading.scss +40 -40
  375. package/src/widgets/Heading.ts +42 -42
  376. package/src/widgets/HighlightedSearchText.scss +20 -20
  377. package/src/widgets/HighlightedSearchText.tsx +54 -54
  378. package/src/widgets/HtmlElement.spec.helpers.tsx +108 -108
  379. package/src/widgets/HtmlElement.spec.tsx +89 -89
  380. package/src/widgets/HtmlElement.tsx +407 -407
  381. package/src/widgets/Icon.scss +22 -22
  382. package/src/widgets/Icon.ts +64 -64
  383. package/src/widgets/List.scss +93 -93
  384. package/src/widgets/List.tsx +793 -793
  385. package/src/widgets/ProgressBar.scss +50 -50
  386. package/src/widgets/ProgressBar.tsx +66 -66
  387. package/src/widgets/ReactElementWrapper.spec.tsx +452 -452
  388. package/src/widgets/ReactElementWrapper.tsx +108 -108
  389. package/src/widgets/Resizer.scss +43 -43
  390. package/src/widgets/Resizer.tsx +200 -200
  391. package/src/widgets/Sandbox.ts +103 -103
  392. package/src/widgets/Section.scss +55 -55
  393. package/src/widgets/Section.tsx +187 -187
  394. package/src/widgets/animations.scss +10 -10
  395. package/src/widgets/autoFocus.ts +9 -9
  396. package/src/widgets/cx.ts +63 -63
  397. package/src/widgets/drag-drop/DragClone.scss +35 -35
  398. package/src/widgets/drag-drop/DragHandle.scss +18 -18
  399. package/src/widgets/drag-drop/DragHandle.tsx +47 -47
  400. package/src/widgets/drag-drop/DragSource.scss +26 -26
  401. package/src/widgets/drag-drop/DragSource.tsx +237 -237
  402. package/src/widgets/drag-drop/DropZone.scss +76 -76
  403. package/src/widgets/drag-drop/DropZone.tsx +353 -353
  404. package/src/widgets/drag-drop/index.scss +3 -3
  405. package/src/widgets/drag-drop/index.ts +4 -4
  406. package/src/widgets/drag-drop/ops.tsx +422 -422
  407. package/src/widgets/drag-drop/variables.scss +14 -14
  408. package/src/widgets/enableAllInternalDependencies.ts +11 -11
  409. package/src/widgets/form/Calendar.scss +199 -199
  410. package/src/widgets/form/Calendar.tsx +760 -760
  411. package/src/widgets/form/Calendar.variables.scss +63 -63
  412. package/src/widgets/form/Checkbox.scss +129 -129
  413. package/src/widgets/form/Checkbox.tsx +287 -287
  414. package/src/widgets/form/Checkbox.variables.scss +39 -39
  415. package/src/widgets/form/ColorField.scss +98 -98
  416. package/src/widgets/form/ColorField.tsx +497 -497
  417. package/src/widgets/form/ColorPicker.scss +285 -285
  418. package/src/widgets/form/ColorPicker.tsx +544 -544
  419. package/src/widgets/form/ColorPicker.variables.scss +22 -22
  420. package/src/widgets/form/DateField.ts +21 -21
  421. package/src/widgets/form/DateTimeField.scss +92 -92
  422. package/src/widgets/form/DateTimeField.tsx +726 -726
  423. package/src/widgets/form/DateTimePicker.scss +46 -46
  424. package/src/widgets/form/DateTimePicker.tsx +429 -429
  425. package/src/widgets/form/Field.scss +164 -164
  426. package/src/widgets/form/Field.tsx +608 -608
  427. package/src/widgets/form/FieldGroup.ts +10 -10
  428. package/src/widgets/form/FieldIcon.ts +61 -61
  429. package/src/widgets/form/HelpText.scss +24 -24
  430. package/src/widgets/form/HelpText.ts +15 -15
  431. package/src/widgets/form/Label.scss +37 -37
  432. package/src/widgets/form/Label.tsx +117 -117
  433. package/src/widgets/form/LabeledContainer.ts +77 -77
  434. package/src/widgets/form/LookupField.scss +221 -221
  435. package/src/widgets/form/LookupField.spec.tsx +93 -93
  436. package/src/widgets/form/LookupField.tsx +1421 -1421
  437. package/src/widgets/form/MonthField.scss +100 -100
  438. package/src/widgets/form/MonthField.tsx +670 -670
  439. package/src/widgets/form/MonthPicker.scss +125 -125
  440. package/src/widgets/form/MonthPicker.tsx +822 -822
  441. package/src/widgets/form/NumberField.scss +63 -63
  442. package/src/widgets/form/NumberField.tsx +543 -543
  443. package/src/widgets/form/Radio.scss +123 -123
  444. package/src/widgets/form/Radio.tsx +249 -249
  445. package/src/widgets/form/Radio.variables.scss +45 -45
  446. package/src/widgets/form/Select.scss +101 -101
  447. package/src/widgets/form/Select.tsx +327 -327
  448. package/src/widgets/form/Slider.scss +121 -121
  449. package/src/widgets/form/Slider.tsx +473 -473
  450. package/src/widgets/form/Switch.scss +142 -142
  451. package/src/widgets/form/Switch.tsx +176 -176
  452. package/src/widgets/form/TextArea.scss +45 -45
  453. package/src/widgets/form/TextArea.tsx +229 -229
  454. package/src/widgets/form/TextField.scss +57 -57
  455. package/src/widgets/form/TextField.tsx +407 -407
  456. package/src/widgets/form/TimeField.ts +10 -10
  457. package/src/widgets/form/TimeList.tsx +105 -105
  458. package/src/widgets/form/UploadButton.scss +49 -49
  459. package/src/widgets/form/UploadButton.tsx +307 -307
  460. package/src/widgets/form/ValidationError.scss +22 -22
  461. package/src/widgets/form/ValidationError.tsx +72 -72
  462. package/src/widgets/form/ValidationGroup.spec.tsx +147 -147
  463. package/src/widgets/form/ValidationGroup.ts +141 -141
  464. package/src/widgets/form/Validator.ts +60 -60
  465. package/src/widgets/form/Wheel.scss +152 -152
  466. package/src/widgets/form/Wheel.tsx +314 -314
  467. package/src/widgets/form/index.scss +24 -24
  468. package/src/widgets/form/index.ts +28 -28
  469. package/src/widgets/form/variables.scss +355 -355
  470. package/src/widgets/grid/Grid.scss +640 -640
  471. package/src/widgets/grid/Grid.tsx +4243 -4243
  472. package/src/widgets/grid/GridCell.ts +143 -143
  473. package/src/widgets/grid/GridCellEditor.tsx +58 -58
  474. package/src/widgets/grid/GridRow.ts +302 -302
  475. package/src/widgets/grid/GridRowLine.ts +49 -49
  476. package/src/widgets/grid/Pagination.scss +115 -115
  477. package/src/widgets/grid/Pagination.tsx +126 -126
  478. package/src/widgets/grid/TreeNode.scss +90 -90
  479. package/src/widgets/grid/TreeNode.tsx +154 -154
  480. package/src/widgets/grid/createGridCellEditor.tsx +18 -18
  481. package/src/widgets/grid/index.scss +3 -3
  482. package/src/widgets/grid/index.ts +16 -16
  483. package/src/widgets/grid/variables.scss +137 -137
  484. package/src/widgets/icons/arrow-down.svg +3 -3
  485. package/src/widgets/icons/arrow-right.svg +2 -2
  486. package/src/widgets/icons/base.svg +104 -104
  487. package/src/widgets/icons/calendar-old.svg +169 -169
  488. package/src/widgets/icons/calendar.svg +187 -187
  489. package/src/widgets/icons/calendar.tsx +22 -22
  490. package/src/widgets/icons/check.tsx +14 -14
  491. package/src/widgets/icons/clear.svg +74 -74
  492. package/src/widgets/icons/clear.tsx +16 -16
  493. package/src/widgets/icons/close.svg +74 -74
  494. package/src/widgets/icons/close.tsx +20 -20
  495. package/src/widgets/icons/cx.tsx +39 -39
  496. package/src/widgets/icons/drop-down.tsx +16 -16
  497. package/src/widgets/icons/dropdown-arrow.svg +61 -61
  498. package/src/widgets/icons/file.svg +4 -4
  499. package/src/widgets/icons/file.tsx +14 -14
  500. package/src/widgets/icons/folder-open.svg +5 -5
  501. package/src/widgets/icons/folder-open.tsx +16 -16
  502. package/src/widgets/icons/folder.svg +58 -58
  503. package/src/widgets/icons/folder.tsx +14 -14
  504. package/src/widgets/icons/forward.svg +67 -67
  505. package/src/widgets/icons/forward.tsx +23 -23
  506. package/src/widgets/icons/index.ts +14 -14
  507. package/src/widgets/icons/loading.svg +4 -4
  508. package/src/widgets/icons/loading.tsx +25 -25
  509. package/src/widgets/icons/menu.tsx +18 -18
  510. package/src/widgets/icons/pixel-picker.tsx +18 -18
  511. package/src/widgets/icons/registry.ts +56 -56
  512. package/src/widgets/icons/search.svg +107 -107
  513. package/src/widgets/icons/search.tsx +14 -14
  514. package/src/widgets/icons/sort-asc.svg +3 -3
  515. package/src/widgets/icons/sort-asc.tsx +15 -15
  516. package/src/widgets/icons/square.tsx +19 -19
  517. package/src/widgets/index.d.ts +55 -55
  518. package/src/widgets/index.scss +16 -16
  519. package/src/widgets/index.ts +58 -58
  520. package/src/widgets/nav/Link.scss +20 -20
  521. package/src/widgets/nav/Link.ts +11 -11
  522. package/src/widgets/nav/LinkButton.ts +176 -176
  523. package/src/widgets/nav/Menu.scss +76 -76
  524. package/src/widgets/nav/Menu.tsx +489 -489
  525. package/src/widgets/nav/Menu.variables.scss +25 -25
  526. package/src/widgets/nav/MenuItem.scss +130 -130
  527. package/src/widgets/nav/MenuItem.tsx +525 -525
  528. package/src/widgets/nav/MenuSpacer.ts +18 -18
  529. package/src/widgets/nav/RedirectRoute.ts +49 -49
  530. package/src/widgets/nav/Route.spec.tsx +24 -24
  531. package/src/widgets/nav/Route.ts +142 -142
  532. package/src/widgets/nav/Scroller.scss +148 -148
  533. package/src/widgets/nav/Scroller.tsx +252 -252
  534. package/src/widgets/nav/Submenu.ts +6 -6
  535. package/src/widgets/nav/Tab.scss +82 -82
  536. package/src/widgets/nav/Tab.ts +120 -120
  537. package/src/widgets/nav/Tab.variables.scss +84 -84
  538. package/src/widgets/nav/cover.scss +22 -22
  539. package/src/widgets/nav/index.scss +5 -5
  540. package/src/widgets/nav/index.ts +10 -10
  541. package/src/widgets/nav/variables.scss +27 -27
  542. package/src/widgets/overlay/ContextMenu.ts +42 -42
  543. package/src/widgets/overlay/Dropdown.scss +186 -186
  544. package/src/widgets/overlay/Dropdown.tsx +762 -762
  545. package/src/widgets/overlay/FlyweightTooltipTracker.ts +57 -57
  546. package/src/widgets/overlay/MsgBox.tsx +141 -141
  547. package/src/widgets/overlay/Overlay.scss +68 -68
  548. package/src/widgets/overlay/Overlay.tsx +947 -947
  549. package/src/widgets/overlay/Toast.scss +163 -163
  550. package/src/widgets/overlay/Toast.ts +111 -111
  551. package/src/widgets/overlay/Tooltip.scss +177 -177
  552. package/src/widgets/overlay/Tooltip.tsx +393 -393
  553. package/src/widgets/overlay/Window.scss +129 -129
  554. package/src/widgets/overlay/Window.tsx +299 -299
  555. package/src/widgets/overlay/Window.variables.scss +62 -62
  556. package/src/widgets/overlay/alerts.ts +46 -46
  557. package/src/widgets/overlay/captureMouse.scss +13 -13
  558. package/src/widgets/overlay/captureMouse.ts +195 -195
  559. package/src/widgets/overlay/createHotPromiseWindowFactory.ts +71 -71
  560. package/src/widgets/overlay/index.d.ts +11 -11
  561. package/src/widgets/overlay/index.scss +15 -15
  562. package/src/widgets/overlay/index.ts +11 -11
  563. package/src/widgets/overlay/tooltip-ops.ts +173 -173
  564. package/src/widgets/overlay/variables.scss +85 -85
  565. package/src/widgets/variables.scss +146 -146
  566. package/tsconfig.compile.json +4 -4
  567. package/tsconfig.json +34 -34
  568. package/tsconfig.mocha.json +14 -14
@@ -1,136 +1,136 @@
1
- import { PointReducer, PointReducerConfig, PointReducerInstance, PointReducerAccumulator } from "./PointReducer";
2
- import { RenderingContext } from "../../ui/RenderingContext";
3
- import { NumberProp, Bind, Prop, DataRecord } from "../../ui/Prop";
4
- import { AccessorChain } from "../../data/createAccessorModelProxy";
5
-
6
- export interface SnapAccumulator extends PointReducerAccumulator {
7
- cursor: {
8
- x: number | null;
9
- y: number | null;
10
- mapped: boolean;
11
- mappedX?: number | null;
12
- mappedY?: number | null;
13
- };
14
- dist: number;
15
- snapX: any;
16
- snapY: any;
17
- snapRecord?: any;
18
- xAxis: any;
19
- yAxis: any;
20
- }
21
-
22
- export interface SnapPointFinderInstance extends PointReducerInstance<SnapAccumulator> {
23
- xAxis?: any;
24
- yAxis?: any;
25
- }
26
-
27
- export interface SnapPointFinderConfig extends PointReducerConfig {
28
- /** Cursor X value. */
29
- cursorX?: NumberProp;
30
-
31
- /** Cursor Y value */
32
- cursorY?: NumberProp;
33
-
34
- /** A binding used to receive the x value of the nearest point.*/
35
- snapX?: Bind | AccessorChain<number> | AccessorChain<string>;
36
-
37
- /** A binding used to receive the y value of the nearest point. */
38
- snapY?: Bind | AccessorChain<number> | AccessorChain<string>;
39
-
40
- /** A binding used to receive the record prop */
41
- snapRecord?: Prop<DataRecord>;
42
-
43
- /** Maximum distance between cursor and the snap point. Default value is 50. Adjust accordingly for large distances, e.g. set to Infinity when using TimeAxis */
44
- maxDistance?: number;
45
-
46
- /** A function used to convert x values into numeric format. Commonly used with dates. */
47
- convertX?: (value: number | string) => number;
48
-
49
- /** A function used to convert y values into numeric format. Commonly used with dates. */
50
- convertY?: (value: number | string) => number;
51
-
52
- /** Name of the x-axis. Default is 'x'. */
53
- xAxis?: string;
54
-
55
- /** Name of the y-axis. Default is 'y'. */
56
- yAxis?: string;
57
- }
58
-
59
- export class SnapPointFinder extends PointReducer<SnapAccumulator> {
60
- declare maxDistance: number;
61
- declare convertX: (value: any) => number;
62
- declare convertY: (value: any) => number;
63
- declare xAxis: string;
64
- declare yAxis: string;
65
-
66
- constructor(config?: SnapPointFinderConfig) {
67
- super(config);
68
- }
69
-
70
- declareData(...args: any[]) {
71
- super.declareData(...args, {
72
- cursorX: undefined,
73
- cursorY: undefined,
74
- snapX: undefined,
75
- snapY: undefined,
76
- snapRecord: undefined,
77
- maxDistance: undefined,
78
- });
79
- }
80
-
81
- explore(context: RenderingContext, instance: SnapPointFinderInstance) {
82
- instance.xAxis = (context.axes as any)?.[this.xAxis];
83
- instance.yAxis = (context.axes as any)?.[this.yAxis];
84
- super.explore(context, instance);
85
- }
86
-
87
- onInitAccumulator = (acc: SnapAccumulator, { data, xAxis, yAxis }: SnapPointFinderInstance) => {
88
- const d = data as any;
89
- acc.cursor = {
90
- x: d.cursorX,
91
- y: d.cursorY,
92
- mapped: false,
93
- };
94
- acc.dist = d.maxDistance > 0 ? Math.pow(d.maxDistance, 2) : Number.POSITIVE_INFINITY;
95
- acc.snapX = null;
96
- acc.snapY = null;
97
- acc.xAxis = xAxis;
98
- acc.yAxis = yAxis;
99
- };
100
-
101
- onMap = (acc: SnapAccumulator, x: any, y: any, name: string, p: any) => {
102
- let { xAxis, yAxis, cursor } = acc;
103
-
104
- if (!cursor.mapped) {
105
- cursor.mappedX = cursor.x != null ? xAxis?.map(this.convertX(cursor.x)) : null;
106
- cursor.mappedY = cursor.y != null ? yAxis?.map(this.convertY(cursor.y)) : null;
107
- cursor.mapped = true;
108
- }
109
-
110
- let d: number | null = null;
111
- let cx = x != null ? xAxis?.map(this.convertX(x)) : null;
112
- let cy = y != null ? yAxis?.map(this.convertY(y)) : null;
113
-
114
- if (cursor.mappedX != null && cx != null) d = (d || 0) + Math.pow(Math.abs(cx - cursor.mappedX), 2);
115
- if (cursor.mappedY != null && cy != null) d = (d || 0) + Math.pow(Math.abs(cy - cursor.mappedY), 2);
116
-
117
- if (d != null && d < acc.dist) {
118
- acc.dist = d;
119
- acc.snapX = x;
120
- acc.snapY = y;
121
- acc.snapRecord = p;
122
- }
123
- };
124
-
125
- onReduce = (acc: SnapAccumulator, instance: PointReducerInstance<SnapAccumulator>) => {
126
- instance.set("snapX", acc.snapX);
127
- instance.set("snapY", acc.snapY);
128
- instance.set("snapRecord", acc.snapRecord);
129
- };
130
- }
131
-
132
- SnapPointFinder.prototype.maxDistance = 50;
133
- SnapPointFinder.prototype.convertX = (x) => x;
134
- SnapPointFinder.prototype.convertY = (y) => y;
135
- SnapPointFinder.prototype.xAxis = "x";
136
- SnapPointFinder.prototype.yAxis = "y";
1
+ import { PointReducer, PointReducerConfig, PointReducerInstance, PointReducerAccumulator } from "./PointReducer";
2
+ import { RenderingContext } from "../../ui/RenderingContext";
3
+ import { NumberProp, Bind, Prop, DataRecord } from "../../ui/Prop";
4
+ import { AccessorChain } from "../../data/createAccessorModelProxy";
5
+
6
+ export interface SnapAccumulator extends PointReducerAccumulator {
7
+ cursor: {
8
+ x: number | null;
9
+ y: number | null;
10
+ mapped: boolean;
11
+ mappedX?: number | null;
12
+ mappedY?: number | null;
13
+ };
14
+ dist: number;
15
+ snapX: any;
16
+ snapY: any;
17
+ snapRecord?: any;
18
+ xAxis: any;
19
+ yAxis: any;
20
+ }
21
+
22
+ export interface SnapPointFinderInstance extends PointReducerInstance<SnapAccumulator> {
23
+ xAxis?: any;
24
+ yAxis?: any;
25
+ }
26
+
27
+ export interface SnapPointFinderConfig extends PointReducerConfig {
28
+ /** Cursor X value. */
29
+ cursorX?: NumberProp;
30
+
31
+ /** Cursor Y value */
32
+ cursorY?: NumberProp;
33
+
34
+ /** A binding used to receive the x value of the nearest point.*/
35
+ snapX?: Bind | AccessorChain<number> | AccessorChain<string>;
36
+
37
+ /** A binding used to receive the y value of the nearest point. */
38
+ snapY?: Bind | AccessorChain<number> | AccessorChain<string>;
39
+
40
+ /** A binding used to receive the record prop */
41
+ snapRecord?: Prop<DataRecord>;
42
+
43
+ /** Maximum distance between cursor and the snap point. Default value is 50. Adjust accordingly for large distances, e.g. set to Infinity when using TimeAxis */
44
+ maxDistance?: number;
45
+
46
+ /** A function used to convert x values into numeric format. Commonly used with dates. */
47
+ convertX?: (value: number | string) => number;
48
+
49
+ /** A function used to convert y values into numeric format. Commonly used with dates. */
50
+ convertY?: (value: number | string) => number;
51
+
52
+ /** Name of the x-axis. Default is 'x'. */
53
+ xAxis?: string;
54
+
55
+ /** Name of the y-axis. Default is 'y'. */
56
+ yAxis?: string;
57
+ }
58
+
59
+ export class SnapPointFinder extends PointReducer<SnapAccumulator> {
60
+ declare maxDistance: number;
61
+ declare convertX: (value: any) => number;
62
+ declare convertY: (value: any) => number;
63
+ declare xAxis: string;
64
+ declare yAxis: string;
65
+
66
+ constructor(config?: SnapPointFinderConfig) {
67
+ super(config);
68
+ }
69
+
70
+ declareData(...args: any[]) {
71
+ super.declareData(...args, {
72
+ cursorX: undefined,
73
+ cursorY: undefined,
74
+ snapX: undefined,
75
+ snapY: undefined,
76
+ snapRecord: undefined,
77
+ maxDistance: undefined,
78
+ });
79
+ }
80
+
81
+ explore(context: RenderingContext, instance: SnapPointFinderInstance) {
82
+ instance.xAxis = (context.axes as any)?.[this.xAxis];
83
+ instance.yAxis = (context.axes as any)?.[this.yAxis];
84
+ super.explore(context, instance);
85
+ }
86
+
87
+ onInitAccumulator = (acc: SnapAccumulator, { data, xAxis, yAxis }: SnapPointFinderInstance) => {
88
+ const d = data as any;
89
+ acc.cursor = {
90
+ x: d.cursorX,
91
+ y: d.cursorY,
92
+ mapped: false,
93
+ };
94
+ acc.dist = d.maxDistance > 0 ? Math.pow(d.maxDistance, 2) : Number.POSITIVE_INFINITY;
95
+ acc.snapX = null;
96
+ acc.snapY = null;
97
+ acc.xAxis = xAxis;
98
+ acc.yAxis = yAxis;
99
+ };
100
+
101
+ onMap = (acc: SnapAccumulator, x: any, y: any, name: string, p: any) => {
102
+ let { xAxis, yAxis, cursor } = acc;
103
+
104
+ if (!cursor.mapped) {
105
+ cursor.mappedX = cursor.x != null ? xAxis?.map(this.convertX(cursor.x)) : null;
106
+ cursor.mappedY = cursor.y != null ? yAxis?.map(this.convertY(cursor.y)) : null;
107
+ cursor.mapped = true;
108
+ }
109
+
110
+ let d: number | null = null;
111
+ let cx = x != null ? xAxis?.map(this.convertX(x)) : null;
112
+ let cy = y != null ? yAxis?.map(this.convertY(y)) : null;
113
+
114
+ if (cursor.mappedX != null && cx != null) d = (d || 0) + Math.pow(Math.abs(cx - cursor.mappedX), 2);
115
+ if (cursor.mappedY != null && cy != null) d = (d || 0) + Math.pow(Math.abs(cy - cursor.mappedY), 2);
116
+
117
+ if (d != null && d < acc.dist) {
118
+ acc.dist = d;
119
+ acc.snapX = x;
120
+ acc.snapY = y;
121
+ acc.snapRecord = p;
122
+ }
123
+ };
124
+
125
+ onReduce = (acc: SnapAccumulator, instance: PointReducerInstance<SnapAccumulator>) => {
126
+ instance.set("snapX", acc.snapX);
127
+ instance.set("snapY", acc.snapY);
128
+ instance.set("snapRecord", acc.snapRecord);
129
+ };
130
+ }
131
+
132
+ SnapPointFinder.prototype.maxDistance = 50;
133
+ SnapPointFinder.prototype.convertX = (x) => x;
134
+ SnapPointFinder.prototype.convertY = (y) => y;
135
+ SnapPointFinder.prototype.xAxis = "x";
136
+ SnapPointFinder.prototype.yAxis = "y";
@@ -1,72 +1,72 @@
1
- import { PointReducer, PointReducerConfig, PointReducerInstance, PointReducerAccumulator } from "./PointReducer";
2
- import { NumberProp, StringProp, Bind } from "../../ui/Prop";
3
- import { AccessorChain } from "../../data/createAccessorModelProxy";
4
-
5
- export interface ValueAtAccumulator extends PointReducerAccumulator {
6
- at: number;
7
- left?: { x: number; y: number; d: number };
8
- right?: { x: number; y: number; d: number };
9
- }
10
-
11
- export interface ValueAtFinderConfig extends PointReducerConfig {
12
- /** X axis probe value. */
13
- at?: NumberProp | StringProp;
14
-
15
- /** A binding used to receive the measured y axis value */
16
- value?: Bind | AccessorChain<number>;
17
-
18
- /** A function used to convert x values into numeric format. Commonly used with dates. */
19
- convert?: (value: number | string) => number;
20
- }
21
-
22
- /** Calculate value at a given point on the graph */
23
- export class ValueAtFinder extends PointReducer<ValueAtAccumulator> {
24
- declare convert: (value: any) => number;
25
-
26
- constructor(config?: ValueAtFinderConfig) {
27
- super(config);
28
- }
29
-
30
- declareData(...args: any[]) {
31
- super.declareData(...args, {
32
- at: undefined,
33
- value: undefined,
34
- });
35
- }
36
-
37
- onInitAccumulator = (acc: ValueAtAccumulator, { data }: PointReducerInstance<ValueAtAccumulator>) => {
38
- acc.at = this.convert((data as any).at);
39
- };
40
-
41
- onMap = (acc: ValueAtAccumulator, x: any, y: any, name: string) => {
42
- let cx = this.convert(x);
43
- let d = cx - acc.at;
44
- if (d <= 0 && (!acc.left || acc.left.d < d)) {
45
- acc.left = {
46
- x: cx,
47
- y,
48
- d,
49
- };
50
- }
51
- if (d >= 0 && (!acc.right || acc.right.d > d)) {
52
- acc.right = {
53
- x: cx,
54
- y,
55
- d,
56
- };
57
- }
58
- };
59
-
60
- onReduce = (acc: ValueAtAccumulator, instance: PointReducerInstance<ValueAtAccumulator>) => {
61
- let y: number | null = null;
62
- if (acc.left && acc.right) {
63
- if (acc.left.x == acc.right.x) y = acc.left.y;
64
- else if (acc.left.y != null && acc.right.y != null) {
65
- y = acc.left.y + ((acc.right.y - acc.left.y) * (acc.at - acc.left.x)) / (acc.right.x - acc.left.x);
66
- }
67
- }
68
- instance.set("value", y);
69
- };
70
- }
71
-
72
- ValueAtFinder.prototype.convert = (x) => x;
1
+ import { PointReducer, PointReducerConfig, PointReducerInstance, PointReducerAccumulator } from "./PointReducer";
2
+ import { NumberProp, StringProp, Bind } from "../../ui/Prop";
3
+ import { AccessorChain } from "../../data/createAccessorModelProxy";
4
+
5
+ export interface ValueAtAccumulator extends PointReducerAccumulator {
6
+ at: number;
7
+ left?: { x: number; y: number; d: number };
8
+ right?: { x: number; y: number; d: number };
9
+ }
10
+
11
+ export interface ValueAtFinderConfig extends PointReducerConfig {
12
+ /** X axis probe value. */
13
+ at?: NumberProp | StringProp;
14
+
15
+ /** A binding used to receive the measured y axis value */
16
+ value?: Bind | AccessorChain<number>;
17
+
18
+ /** A function used to convert x values into numeric format. Commonly used with dates. */
19
+ convert?: (value: number | string) => number;
20
+ }
21
+
22
+ /** Calculate value at a given point on the graph */
23
+ export class ValueAtFinder extends PointReducer<ValueAtAccumulator> {
24
+ declare convert: (value: any) => number;
25
+
26
+ constructor(config?: ValueAtFinderConfig) {
27
+ super(config);
28
+ }
29
+
30
+ declareData(...args: any[]) {
31
+ super.declareData(...args, {
32
+ at: undefined,
33
+ value: undefined,
34
+ });
35
+ }
36
+
37
+ onInitAccumulator = (acc: ValueAtAccumulator, { data }: PointReducerInstance<ValueAtAccumulator>) => {
38
+ acc.at = this.convert((data as any).at);
39
+ };
40
+
41
+ onMap = (acc: ValueAtAccumulator, x: any, y: any, name: string) => {
42
+ let cx = this.convert(x);
43
+ let d = cx - acc.at;
44
+ if (d <= 0 && (!acc.left || acc.left.d < d)) {
45
+ acc.left = {
46
+ x: cx,
47
+ y,
48
+ d,
49
+ };
50
+ }
51
+ if (d >= 0 && (!acc.right || acc.right.d > d)) {
52
+ acc.right = {
53
+ x: cx,
54
+ y,
55
+ d,
56
+ };
57
+ }
58
+ };
59
+
60
+ onReduce = (acc: ValueAtAccumulator, instance: PointReducerInstance<ValueAtAccumulator>) => {
61
+ let y: number | null = null;
62
+ if (acc.left && acc.right) {
63
+ if (acc.left.x == acc.right.x) y = acc.left.y;
64
+ else if (acc.left.y != null && acc.right.y != null) {
65
+ y = acc.left.y + ((acc.right.y - acc.left.y) * (acc.at - acc.left.x)) / (acc.right.x - acc.left.x);
66
+ }
67
+ }
68
+ instance.set("value", y);
69
+ };
70
+ }
71
+
72
+ ValueAtFinder.prototype.convert = (x) => x;
@@ -1,4 +1,4 @@
1
- export * from "./PointReducer";
2
- export * from "./MinMaxFinder";
3
- export * from "./SnapPointFinder";
4
- export * from "./ValueAtFinder";
1
+ export * from "./PointReducer";
2
+ export * from "./MinMaxFinder";
3
+ export * from "./SnapPointFinder";
4
+ export * from "./ValueAtFinder";
@@ -1,22 +1,22 @@
1
- @import "axis/index";
2
-
3
- @import "PieChart";
4
- @import "Legend";
5
- @import "LegendEntry";
6
- @import "Gridlines";
7
- @import "Swimlanes";
8
- @import "Column";
9
- @import "Bar";
10
- @import "LineGraph";
11
- @import "ColumnGraph";
12
- @import "BarGraph";
13
- @import "ScatterGraph";
14
- @import "BubbleGraph";
15
- @import "Marker";
16
- @import "MarkerLine";
17
- @import "Range";
18
- @import "RangeMarker";
19
- @import "Swimlane";
20
-
21
- //define last for higher priority
22
- @import "palette";
1
+ @import "axis/index";
2
+
3
+ @import "PieChart";
4
+ @import "Legend";
5
+ @import "LegendEntry";
6
+ @import "Gridlines";
7
+ @import "Swimlanes";
8
+ @import "Column";
9
+ @import "Bar";
10
+ @import "LineGraph";
11
+ @import "ColumnGraph";
12
+ @import "BarGraph";
13
+ @import "ScatterGraph";
14
+ @import "BubbleGraph";
15
+ @import "Marker";
16
+ @import "MarkerLine";
17
+ @import "Range";
18
+ @import "RangeMarker";
19
+ @import "Swimlane";
20
+
21
+ //define last for higher priority
22
+ @import "palette";
@@ -1,34 +1,34 @@
1
- export * from "./Chart";
2
-
3
- export * from "./PieChart";
4
- export * from "./Pie";
5
- export * from "./PieLabel";
6
- export * from "./PieLabelsContainer";
7
-
8
- export * from "./Column";
9
- export * from "./Bar";
10
-
11
- export * from "./Legend";
12
- export * from "./LegendEntry";
13
- export * from "./ColorMap";
14
-
15
- export * from "./Marker";
16
- export * from "./MarkerLine";
17
- export * from "./Range";
18
- export * from "./Gridlines";
19
- export * from "./Swimlanes";
20
- export * from "./Swimlane";
21
- export * from "./RangeMarker";
22
-
23
- export * from "./LineGraph";
24
- export * from "./ColumnGraph";
25
- export * from "./BarGraph";
26
- export * from "./ScatterGraph";
27
- export * from "./BubbleGraph";
28
-
29
- export * from "./MouseTracker";
30
-
31
- export * from "./shapes";
32
-
33
- export * from "./axis/index";
34
- export * from "./helpers/index";
1
+ export * from "./Chart";
2
+
3
+ export * from "./PieChart";
4
+ export * from "./Pie";
5
+ export * from "./PieLabel";
6
+ export * from "./PieLabelsContainer";
7
+
8
+ export * from "./Column";
9
+ export * from "./Bar";
10
+
11
+ export * from "./Legend";
12
+ export * from "./LegendEntry";
13
+ export * from "./ColorMap";
14
+
15
+ export * from "./Marker";
16
+ export * from "./MarkerLine";
17
+ export * from "./Range";
18
+ export * from "./Gridlines";
19
+ export * from "./Swimlanes";
20
+ export * from "./Swimlane";
21
+ export * from "./RangeMarker";
22
+
23
+ export * from "./LineGraph";
24
+ export * from "./ColumnGraph";
25
+ export * from "./BarGraph";
26
+ export * from "./ScatterGraph";
27
+ export * from "./BubbleGraph";
28
+
29
+ export * from "./MouseTracker";
30
+
31
+ export * from "./shapes";
32
+
33
+ export * from "./axis/index";
34
+ export * from "./helpers/index";