cx 26.1.2 → 26.1.4

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 (570) 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/Widget.d.ts +1 -1
  6. package/build/ui/adapter/ArrayAdapter.js +2 -0
  7. package/build/ui/exprHelpers.d.ts +8 -0
  8. package/build/ui/exprHelpers.js +11 -0
  9. package/build/widgets/overlay/Overlay.d.ts +3 -3
  10. package/build.js +133 -133
  11. package/dist/manifest.js +651 -651
  12. package/dist/ui.js +20 -4
  13. package/dist/util.js +0 -4
  14. package/dist/widgets.js +320 -395
  15. package/package.json +100 -100
  16. package/src/charts/Bar.scss +28 -28
  17. package/src/charts/Bar.ts +114 -114
  18. package/src/charts/BarGraph.scss +28 -28
  19. package/src/charts/BarGraph.tsx +145 -145
  20. package/src/charts/BubbleGraph.scss +31 -31
  21. package/src/charts/BubbleGraph.tsx +165 -165
  22. package/src/charts/Chart.ts +108 -108
  23. package/src/charts/ColorMap.ts +150 -150
  24. package/src/charts/Column.scss +28 -28
  25. package/src/charts/Column.ts +124 -124
  26. package/src/charts/ColumnBarBase.tsx +284 -284
  27. package/src/charts/ColumnBarGraphBase.tsx +229 -229
  28. package/src/charts/ColumnGraph.scss +29 -29
  29. package/src/charts/ColumnGraph.tsx +153 -153
  30. package/src/charts/Grid.ts +5 -5
  31. package/src/charts/Gridlines.scss +24 -24
  32. package/src/charts/Gridlines.tsx +88 -88
  33. package/src/charts/Legend.scss +50 -50
  34. package/src/charts/Legend.tsx +270 -270
  35. package/src/charts/LegendEntry.scss +29 -29
  36. package/src/charts/LegendEntry.tsx +197 -197
  37. package/src/charts/LineGraph.scss +24 -24
  38. package/src/charts/LineGraph.tsx +455 -455
  39. package/src/charts/Marker.scss +43 -43
  40. package/src/charts/Marker.tsx +483 -483
  41. package/src/charts/MarkerLine.scss +19 -19
  42. package/src/charts/MarkerLine.tsx +214 -214
  43. package/src/charts/MouseTracker.tsx +112 -112
  44. package/src/charts/Pie.ts +8 -8
  45. package/src/charts/PieChart.scss +28 -28
  46. package/src/charts/PieChart.tsx +717 -717
  47. package/src/charts/PieLabel.tsx +106 -106
  48. package/src/charts/PieLabelsContainer.ts +68 -68
  49. package/src/charts/Range.scss +19 -19
  50. package/src/charts/Range.tsx +318 -318
  51. package/src/charts/RangeMarker.scss +17 -17
  52. package/src/charts/RangeMarker.tsx +233 -233
  53. package/src/charts/ScatterGraph.scss +23 -23
  54. package/src/charts/ScatterGraph.tsx +245 -245
  55. package/src/charts/Swimlane.scss +16 -16
  56. package/src/charts/Swimlane.tsx +195 -195
  57. package/src/charts/Swimlanes.scss +16 -16
  58. package/src/charts/Swimlanes.tsx +179 -179
  59. package/src/charts/axis/Axis.scss +22 -22
  60. package/src/charts/axis/Axis.tsx +444 -444
  61. package/src/charts/axis/CategoryAxis.scss +34 -34
  62. package/src/charts/axis/CategoryAxis.tsx +313 -313
  63. package/src/charts/axis/NumericAxis.scss +34 -34
  64. package/src/charts/axis/NumericAxis.tsx +437 -437
  65. package/src/charts/axis/Stack.ts +61 -61
  66. package/src/charts/axis/TimeAxis.scss +33 -33
  67. package/src/charts/axis/TimeAxis.tsx +718 -718
  68. package/src/charts/axis/index.scss +5 -5
  69. package/src/charts/axis/index.ts +3 -3
  70. package/src/charts/axis/variables.scss +2 -2
  71. package/src/charts/helpers/MinMaxFinder.ts +66 -66
  72. package/src/charts/helpers/PointReducer.ts +135 -135
  73. package/src/charts/helpers/SnapPointFinder.ts +136 -136
  74. package/src/charts/helpers/ValueAtFinder.ts +72 -72
  75. package/src/charts/helpers/index.ts +4 -4
  76. package/src/charts/index.scss +22 -22
  77. package/src/charts/index.ts +34 -34
  78. package/src/charts/palette.scss +97 -97
  79. package/src/charts/shapes.tsx +86 -86
  80. package/src/charts/variables.scss +22 -22
  81. package/src/core.d.ts +182 -182
  82. package/src/data/AggregateFunction.ts +171 -171
  83. package/src/data/ArrayElementView.spec.ts +88 -88
  84. package/src/data/ArrayElementView.ts +91 -91
  85. package/src/data/ArrayRef.ts +34 -34
  86. package/src/data/AugmentedViewBase.ts +88 -88
  87. package/src/data/Binding.spec.ts +69 -69
  88. package/src/data/Binding.ts +104 -104
  89. package/src/data/ExposedRecordView.ts +95 -95
  90. package/src/data/ExposedValueView.ts +89 -89
  91. package/src/data/Expression.spec.ts +229 -229
  92. package/src/data/Expression.ts +233 -233
  93. package/src/data/Grouper.spec.ts +57 -57
  94. package/src/data/Grouper.ts +158 -158
  95. package/src/data/NestedDataView.ts +43 -43
  96. package/src/data/ReadOnlyDataView.ts +39 -39
  97. package/src/data/Ref.spec.ts +79 -79
  98. package/src/data/Ref.ts +104 -104
  99. package/src/data/Selector.ts +10 -10
  100. package/src/data/Store.spec.ts +22 -22
  101. package/src/data/Store.ts +52 -52
  102. package/src/data/StoreProxy.ts +19 -19
  103. package/src/data/StoreRef.spec.ts +24 -24
  104. package/src/data/StoreRef.ts +66 -66
  105. package/src/data/StringTemplate.spec.ts +132 -132
  106. package/src/data/StringTemplate.ts +93 -93
  107. package/src/data/StructuredSelector.spec.ts +113 -113
  108. package/src/data/StructuredSelector.ts +146 -146
  109. package/src/data/SubscribableView.ts +63 -63
  110. package/src/data/View.spec.ts +60 -60
  111. package/src/data/View.ts +289 -289
  112. package/src/data/ZoomIntoPropertyView.spec.ts +64 -64
  113. package/src/data/ZoomIntoPropertyView.ts +45 -45
  114. package/src/data/comparer.spec.ts +60 -60
  115. package/src/data/comparer.ts +78 -78
  116. package/src/data/computable.spec.ts +87 -87
  117. package/src/data/computable.ts +69 -69
  118. package/src/data/createAccessorModelProxy.spec.tsx +145 -145
  119. package/src/data/createAccessorModelProxy.ts +66 -66
  120. package/src/data/createStructuredSelector.spec.ts +45 -45
  121. package/src/data/createStructuredSelector.ts +62 -62
  122. package/src/data/defaultCompare.ts +14 -14
  123. package/src/data/diff/diffArrays.ts +49 -49
  124. package/src/data/diff/diffs.spec.ts +49 -49
  125. package/src/data/diff/index.ts +1 -1
  126. package/src/data/enableFatArrowExpansion.ts +6 -6
  127. package/src/data/getAccessor.spec.ts +11 -11
  128. package/src/data/getAccessor.ts +74 -74
  129. package/src/data/getSelector.spec.ts +43 -43
  130. package/src/data/getSelector.ts +66 -66
  131. package/src/data/index.ts +30 -30
  132. package/src/data/isSelector.ts +26 -26
  133. package/src/data/ops/append.spec.ts +28 -28
  134. package/src/data/ops/append.ts +5 -5
  135. package/src/data/ops/filter.spec.ts +35 -35
  136. package/src/data/ops/filter.ts +9 -9
  137. package/src/data/ops/findTreeNode.spec.ts +23 -23
  138. package/src/data/ops/findTreeNode.ts +14 -14
  139. package/src/data/ops/findTreePath.ts +23 -23
  140. package/src/data/ops/index.ts +11 -11
  141. package/src/data/ops/insertElement.ts +3 -3
  142. package/src/data/ops/merge.spec.ts +27 -27
  143. package/src/data/ops/merge.ts +13 -13
  144. package/src/data/ops/moveElement.ts +21 -21
  145. package/src/data/ops/removeTreeNodes.spec.ts +37 -37
  146. package/src/data/ops/removeTreeNodes.ts +15 -15
  147. package/src/data/ops/updateArray.spec.ts +69 -69
  148. package/src/data/ops/updateArray.ts +31 -31
  149. package/src/data/ops/updateTree.spec.ts +54 -54
  150. package/src/data/ops/updateTree.ts +23 -23
  151. package/src/data/test-types.ts +7 -7
  152. package/src/global.scss +13 -13
  153. package/src/hooks/createLocalStorageRef.ts +21 -21
  154. package/src/hooks/index.ts +8 -8
  155. package/src/hooks/invokeCallback.spec.tsx +59 -59
  156. package/src/hooks/invokeCallback.ts +8 -8
  157. package/src/hooks/resolveCallback.spec.tsx +71 -71
  158. package/src/hooks/resolveCallback.ts +16 -16
  159. package/src/hooks/store.spec.tsx +67 -67
  160. package/src/hooks/store.ts +46 -46
  161. package/src/hooks/useEffect.ts +14 -14
  162. package/src/hooks/useInterval.ts +8 -8
  163. package/src/hooks/useState.ts +20 -20
  164. package/src/hooks/useTrigger.spec.tsx +105 -105
  165. package/src/hooks/useTrigger.ts +26 -26
  166. package/src/index.scss +6 -6
  167. package/src/index.ts +7 -7
  168. package/src/jsx-dev-runtime.ts +4 -4
  169. package/src/jsx-runtime.spec.tsx +431 -431
  170. package/src/jsx-runtime.ts +79 -79
  171. package/src/locale/de-de.ts +76 -76
  172. package/src/locale/en-us.ts +75 -75
  173. package/src/locale/es-es.ts +76 -76
  174. package/src/locale/fr-fr.ts +76 -76
  175. package/src/locale/nl-nl.ts +76 -76
  176. package/src/locale/pt-pt.ts +76 -76
  177. package/src/locale/sr-latn-ba.ts +76 -76
  178. package/src/svg/BoundedObject.ts +101 -101
  179. package/src/svg/ClipRect.tsx +29 -29
  180. package/src/svg/Ellipse.tsx +68 -68
  181. package/src/svg/Line.tsx +58 -58
  182. package/src/svg/NonOverlappingRect.ts +26 -26
  183. package/src/svg/NonOverlappingRectGroup.ts +49 -49
  184. package/src/svg/Rectangle.tsx +90 -90
  185. package/src/svg/Svg.scss +27 -27
  186. package/src/svg/Svg.tsx +241 -241
  187. package/src/svg/Text.tsx +134 -134
  188. package/src/svg/TextualBoundedObject.ts +35 -35
  189. package/src/svg/index.scss +8 -8
  190. package/src/svg/index.ts +17 -17
  191. package/src/svg/util/Rect.ts +105 -105
  192. package/src/ui/CSS.ts +87 -87
  193. package/src/ui/CSSHelper.ts +17 -17
  194. package/src/ui/Container.tsx +216 -216
  195. package/src/ui/ContentResolver.spec.tsx +585 -585
  196. package/src/ui/ContentResolver.ts +132 -132
  197. package/src/ui/Controller.spec.tsx +574 -574
  198. package/src/ui/Controller.ts +202 -202
  199. package/src/ui/Culture.ts +159 -159
  200. package/src/ui/Cx.spec.tsx +210 -210
  201. package/src/ui/Cx.tsx +386 -386
  202. package/src/ui/DataProxy.spec.tsx +337 -337
  203. package/src/ui/DataProxy.ts +55 -55
  204. package/src/ui/DetachedScope.tsx +159 -159
  205. package/src/ui/FocusManager.ts +171 -171
  206. package/src/ui/Format.ts +108 -108
  207. package/src/ui/HoverSync.tsx +189 -189
  208. package/src/ui/Instance.ts +866 -866
  209. package/src/ui/IsolatedScope.spec.tsx +62 -62
  210. package/src/ui/IsolatedScope.ts +50 -50
  211. package/src/ui/Localization.ts +70 -70
  212. package/src/ui/Prop.ts +140 -140
  213. package/src/ui/PureContainer.spec.tsx +232 -232
  214. package/src/ui/PureContainer.tsx +19 -19
  215. package/src/ui/RenderingContext.ts +99 -99
  216. package/src/ui/Repeater.spec.tsx +143 -143
  217. package/src/ui/Repeater.ts +194 -194
  218. package/src/ui/Rescope.spec.tsx +199 -199
  219. package/src/ui/Rescope.ts +49 -49
  220. package/src/ui/ResizeManager.ts +30 -30
  221. package/src/ui/Restate.spec.tsx +422 -422
  222. package/src/ui/Restate.tsx +217 -217
  223. package/src/ui/StaticText.ts +11 -11
  224. package/src/ui/StructuredInstanceDataAccessor.ts +32 -32
  225. package/src/ui/Text.ts +49 -49
  226. package/src/ui/VDOM.ts +1 -1
  227. package/src/ui/Widget.spec.tsx +53 -53
  228. package/src/ui/Widget.tsx +301 -301
  229. package/src/ui/ZIndexManager.ts +11 -11
  230. package/src/ui/adapter/ArrayAdapter.spec.ts +55 -55
  231. package/src/ui/adapter/ArrayAdapter.ts +229 -229
  232. package/src/ui/adapter/DataAdapter.ts +52 -52
  233. package/src/ui/adapter/GroupAdapter.ts +235 -235
  234. package/src/ui/adapter/TreeAdapter.spec.ts +76 -76
  235. package/src/ui/adapter/TreeAdapter.ts +185 -185
  236. package/src/ui/adapter/index.ts +4 -4
  237. package/src/ui/app/History.ts +133 -133
  238. package/src/ui/app/Url.spec.ts +50 -50
  239. package/src/ui/app/Url.ts +102 -102
  240. package/src/ui/app/index.ts +5 -5
  241. package/src/ui/app/startAppLoop.tsx +71 -71
  242. package/src/ui/app/startHotAppLoop.ts +41 -41
  243. package/src/ui/batchUpdates.ts +77 -77
  244. package/src/ui/bind.ts +10 -10
  245. package/src/ui/createFunctionalComponent.spec.tsx +454 -454
  246. package/src/ui/createFunctionalComponent.ts +86 -86
  247. package/src/ui/expr.ts +47 -47
  248. package/src/ui/exprHelpers.spec.ts +412 -379
  249. package/src/ui/exprHelpers.ts +95 -78
  250. package/src/ui/flattenProps.ts +21 -21
  251. package/src/ui/index.scss +2 -2
  252. package/src/ui/index.ts +47 -47
  253. package/src/ui/keyboardShortcuts.ts +40 -40
  254. package/src/ui/layout/Content.ts +30 -30
  255. package/src/ui/layout/ContentPlaceholder.spec.tsx +599 -599
  256. package/src/ui/layout/ContentPlaceholder.ts +133 -133
  257. package/src/ui/layout/FirstVisibleChildLayout.spec.tsx +207 -207
  258. package/src/ui/layout/FirstVisibleChildLayout.ts +60 -60
  259. package/src/ui/layout/LabelsLeftLayout.scss +46 -46
  260. package/src/ui/layout/LabelsLeftLayout.tsx +76 -76
  261. package/src/ui/layout/LabelsTopLayout.scss +64 -64
  262. package/src/ui/layout/LabelsTopLayout.tsx +156 -156
  263. package/src/ui/layout/UseParentLayout.ts +8 -8
  264. package/src/ui/layout/exploreChildren.ts +38 -38
  265. package/src/ui/layout/index.scss +3 -3
  266. package/src/ui/layout/index.ts +10 -10
  267. package/src/ui/layout/variables.scss +2 -2
  268. package/src/ui/selection/KeySelection.ts +153 -153
  269. package/src/ui/selection/PropertySelection.ts +87 -87
  270. package/src/ui/selection/Selection.ts +128 -128
  271. package/src/ui/selection/index.ts +3 -3
  272. package/src/ui/tpl.ts +4 -4
  273. package/src/ui/variables.scss +1 -1
  274. package/src/util/Component.spec.ts +411 -411
  275. package/src/util/Component.ts +301 -301
  276. package/src/util/Console.ts +13 -13
  277. package/src/util/DOM.ts +88 -88
  278. package/src/util/Debug.ts +71 -71
  279. package/src/util/Format.spec.ts +69 -69
  280. package/src/util/Format.ts +267 -267
  281. package/src/util/GlobalCacheIdentifier.ts +11 -11
  282. package/src/util/KeyCode.ts +21 -21
  283. package/src/util/SubscriberList.ts +86 -86
  284. package/src/util/Timing.ts +58 -58
  285. package/src/util/TraversalStack.spec.ts +53 -53
  286. package/src/util/TraversalStack.ts +47 -47
  287. package/src/util/addEventListenerWithOptions.ts +41 -41
  288. package/src/util/browserSupportsPassiveEventHandlers.ts +20 -20
  289. package/src/util/calculateNaturalElementHeight.ts +22 -22
  290. package/src/util/call-once.scss +6 -6
  291. package/src/util/capitalize.ts +4 -4
  292. package/src/util/coalesce.ts +6 -6
  293. package/src/util/color/hslToRgb.ts +34 -34
  294. package/src/util/color/index.ts +4 -4
  295. package/src/util/color/parseColor.ts +173 -173
  296. package/src/util/color/rgbToHex.ts +14 -14
  297. package/src/util/color/rgbToHsl.ts +35 -35
  298. package/src/util/date/dateDiff.ts +9 -9
  299. package/src/util/date/diff.ts +13 -13
  300. package/src/util/date/encodeDate.ts +8 -8
  301. package/src/util/date/encodeDateWithTimezoneOffset.ts +18 -18
  302. package/src/util/date/index.ts +11 -11
  303. package/src/util/date/lowerBoundCheck.ts +13 -13
  304. package/src/util/date/maxDate.ts +14 -14
  305. package/src/util/date/minDate.ts +14 -14
  306. package/src/util/date/monthStart.ts +8 -8
  307. package/src/util/date/parseDateInvariant.ts +20 -20
  308. package/src/util/date/sameDate.ts +11 -11
  309. package/src/util/date/upperBoundCheck.spec.ts +30 -30
  310. package/src/util/date/upperBoundCheck.ts +13 -13
  311. package/src/util/date/zeroTime.ts +9 -9
  312. package/src/util/debounce.ts +26 -26
  313. package/src/util/dummyCallback.ts +1 -1
  314. package/src/util/escapeSpecialRegexCharacters.ts +8 -8
  315. package/src/util/eventCallbacks.ts +12 -12
  316. package/src/util/expandFatArrows.ts +118 -118
  317. package/src/util/findScrollableParent.ts +15 -15
  318. package/src/util/getActiveElement.ts +4 -4
  319. package/src/util/getParentFrameBoundingClientRect.ts +13 -13
  320. package/src/util/getScrollerBoundingClientRect.ts +12 -12
  321. package/src/util/getSearchQueryPredicate.spec.ts +40 -40
  322. package/src/util/getSearchQueryPredicate.ts +58 -58
  323. package/src/util/getTopLevelBoundingClientRect.ts +7 -7
  324. package/src/util/getVendorPrefix.ts +33 -33
  325. package/src/util/hasKey.ts +18 -18
  326. package/src/util/index.scss +10 -10
  327. package/src/util/index.ts +55 -55
  328. package/src/util/innerTextTrim.ts +10 -10
  329. package/src/util/isArray.ts +3 -3
  330. package/src/util/isDataRecord.ts +5 -5
  331. package/src/util/isDefined.ts +3 -3
  332. package/src/util/isDigit.ts +8 -8
  333. package/src/util/isFunction.ts +3 -3
  334. package/src/util/isNonEmptyArray.ts +3 -3
  335. package/src/util/isNumber.ts +3 -3
  336. package/src/util/isObject.ts +3 -3
  337. package/src/util/isPromise.ts +6 -6
  338. package/src/util/isString.ts +3 -3
  339. package/src/util/isTextInputElement.ts +2 -2
  340. package/src/util/isTouchDevice.ts +7 -7
  341. package/src/util/isTouchEvent.ts +64 -64
  342. package/src/util/isUndefined.ts +3 -3
  343. package/src/util/isValidIdentifierName.spec.ts +33 -33
  344. package/src/util/isValidIdentifierName.ts +5 -5
  345. package/src/util/onIdleCallback.ts +10 -10
  346. package/src/util/parseStyle.ts +29 -29
  347. package/src/util/quote.ts +6 -6
  348. package/src/util/reverseSlice.ts +9 -9
  349. package/src/util/routeAppend.spec.ts +19 -19
  350. package/src/util/routeAppend.ts +15 -15
  351. package/src/util/scrollElementIntoView.ts +40 -40
  352. package/src/util/scss/add-rules.scss +40 -40
  353. package/src/util/scss/calc.scss +44 -44
  354. package/src/util/scss/call-once.scss +12 -12
  355. package/src/util/scss/clockwise.scss +49 -49
  356. package/src/util/scss/colors.scss +9 -9
  357. package/src/util/scss/deep-get.scss +11 -11
  358. package/src/util/scss/deep-merge.scss +21 -21
  359. package/src/util/scss/divide.scss +3 -3
  360. package/src/util/scss/include.scss +48 -48
  361. package/src/util/scss/index.scss +9 -9
  362. package/src/util/shallowEquals.ts +43 -43
  363. package/src/util/test/createTestRenderer.tsx +19 -19
  364. package/src/util/throttle.ts +21 -21
  365. package/src/util/validatedDebounce.ts +23 -23
  366. package/src/variables.scss +217 -217
  367. package/src/widgets/AccessorBindings.spec.tsx +90 -90
  368. package/src/widgets/Button.scss +119 -119
  369. package/src/widgets/Button.tsx +189 -189
  370. package/src/widgets/Button.variables.scss +117 -117
  371. package/src/widgets/CxCredit.scss +39 -39
  372. package/src/widgets/CxCredit.tsx +46 -46
  373. package/src/widgets/DocumentTitle.ts +95 -95
  374. package/src/widgets/FlexBox.scss +148 -148
  375. package/src/widgets/FlexBox.tsx +168 -168
  376. package/src/widgets/Heading.scss +40 -40
  377. package/src/widgets/Heading.ts +42 -42
  378. package/src/widgets/HighlightedSearchText.scss +20 -20
  379. package/src/widgets/HighlightedSearchText.tsx +54 -54
  380. package/src/widgets/HtmlElement.spec.helpers.tsx +108 -108
  381. package/src/widgets/HtmlElement.spec.tsx +89 -89
  382. package/src/widgets/HtmlElement.tsx +407 -407
  383. package/src/widgets/Icon.scss +22 -22
  384. package/src/widgets/Icon.ts +64 -64
  385. package/src/widgets/List.scss +93 -93
  386. package/src/widgets/List.tsx +793 -793
  387. package/src/widgets/ProgressBar.scss +50 -50
  388. package/src/widgets/ProgressBar.tsx +66 -66
  389. package/src/widgets/ReactElementWrapper.spec.tsx +452 -452
  390. package/src/widgets/ReactElementWrapper.tsx +108 -108
  391. package/src/widgets/Resizer.scss +43 -43
  392. package/src/widgets/Resizer.tsx +200 -200
  393. package/src/widgets/Sandbox.ts +103 -103
  394. package/src/widgets/Section.scss +55 -55
  395. package/src/widgets/Section.tsx +187 -187
  396. package/src/widgets/animations.scss +10 -10
  397. package/src/widgets/autoFocus.ts +9 -9
  398. package/src/widgets/cx.ts +63 -63
  399. package/src/widgets/drag-drop/DragClone.scss +35 -35
  400. package/src/widgets/drag-drop/DragHandle.scss +18 -18
  401. package/src/widgets/drag-drop/DragHandle.tsx +47 -47
  402. package/src/widgets/drag-drop/DragSource.scss +26 -26
  403. package/src/widgets/drag-drop/DragSource.tsx +237 -237
  404. package/src/widgets/drag-drop/DropZone.scss +76 -76
  405. package/src/widgets/drag-drop/DropZone.tsx +353 -353
  406. package/src/widgets/drag-drop/index.scss +3 -3
  407. package/src/widgets/drag-drop/index.ts +4 -4
  408. package/src/widgets/drag-drop/ops.tsx +422 -422
  409. package/src/widgets/drag-drop/variables.scss +14 -14
  410. package/src/widgets/enableAllInternalDependencies.ts +11 -11
  411. package/src/widgets/form/Calendar.scss +199 -199
  412. package/src/widgets/form/Calendar.tsx +760 -760
  413. package/src/widgets/form/Calendar.variables.scss +63 -63
  414. package/src/widgets/form/Checkbox.scss +129 -129
  415. package/src/widgets/form/Checkbox.tsx +287 -287
  416. package/src/widgets/form/Checkbox.variables.scss +39 -39
  417. package/src/widgets/form/ColorField.scss +98 -98
  418. package/src/widgets/form/ColorField.tsx +497 -497
  419. package/src/widgets/form/ColorPicker.scss +285 -285
  420. package/src/widgets/form/ColorPicker.tsx +544 -544
  421. package/src/widgets/form/ColorPicker.variables.scss +22 -22
  422. package/src/widgets/form/DateField.ts +21 -21
  423. package/src/widgets/form/DateTimeField.scss +92 -92
  424. package/src/widgets/form/DateTimeField.tsx +726 -726
  425. package/src/widgets/form/DateTimePicker.scss +46 -46
  426. package/src/widgets/form/DateTimePicker.tsx +429 -429
  427. package/src/widgets/form/Field.scss +164 -164
  428. package/src/widgets/form/Field.tsx +608 -608
  429. package/src/widgets/form/FieldGroup.ts +10 -10
  430. package/src/widgets/form/FieldIcon.ts +61 -61
  431. package/src/widgets/form/HelpText.scss +24 -24
  432. package/src/widgets/form/HelpText.ts +15 -15
  433. package/src/widgets/form/Label.scss +37 -37
  434. package/src/widgets/form/Label.tsx +117 -117
  435. package/src/widgets/form/LabeledContainer.ts +77 -77
  436. package/src/widgets/form/LookupField.scss +221 -221
  437. package/src/widgets/form/LookupField.spec.tsx +93 -93
  438. package/src/widgets/form/LookupField.tsx +1421 -1421
  439. package/src/widgets/form/MonthField.scss +100 -100
  440. package/src/widgets/form/MonthField.tsx +670 -670
  441. package/src/widgets/form/MonthPicker.scss +125 -125
  442. package/src/widgets/form/MonthPicker.tsx +822 -822
  443. package/src/widgets/form/NumberField.scss +63 -63
  444. package/src/widgets/form/NumberField.tsx +543 -543
  445. package/src/widgets/form/Radio.scss +123 -123
  446. package/src/widgets/form/Radio.tsx +249 -249
  447. package/src/widgets/form/Radio.variables.scss +45 -45
  448. package/src/widgets/form/Select.scss +101 -101
  449. package/src/widgets/form/Select.tsx +327 -327
  450. package/src/widgets/form/Slider.scss +121 -121
  451. package/src/widgets/form/Slider.tsx +473 -473
  452. package/src/widgets/form/Switch.scss +142 -142
  453. package/src/widgets/form/Switch.tsx +176 -176
  454. package/src/widgets/form/TextArea.scss +45 -45
  455. package/src/widgets/form/TextArea.tsx +229 -229
  456. package/src/widgets/form/TextField.scss +57 -57
  457. package/src/widgets/form/TextField.tsx +407 -407
  458. package/src/widgets/form/TimeField.ts +10 -10
  459. package/src/widgets/form/TimeList.tsx +105 -105
  460. package/src/widgets/form/UploadButton.scss +49 -49
  461. package/src/widgets/form/UploadButton.tsx +307 -307
  462. package/src/widgets/form/ValidationError.scss +22 -22
  463. package/src/widgets/form/ValidationError.tsx +72 -72
  464. package/src/widgets/form/ValidationGroup.spec.tsx +147 -147
  465. package/src/widgets/form/ValidationGroup.ts +141 -141
  466. package/src/widgets/form/Validator.ts +60 -60
  467. package/src/widgets/form/Wheel.scss +152 -152
  468. package/src/widgets/form/Wheel.tsx +314 -314
  469. package/src/widgets/form/index.scss +24 -24
  470. package/src/widgets/form/index.ts +28 -28
  471. package/src/widgets/form/variables.scss +355 -355
  472. package/src/widgets/grid/Grid.scss +640 -640
  473. package/src/widgets/grid/Grid.tsx +4243 -4243
  474. package/src/widgets/grid/GridCell.ts +143 -143
  475. package/src/widgets/grid/GridCellEditor.tsx +58 -58
  476. package/src/widgets/grid/GridRow.ts +302 -302
  477. package/src/widgets/grid/GridRowLine.ts +49 -49
  478. package/src/widgets/grid/Pagination.scss +115 -115
  479. package/src/widgets/grid/Pagination.tsx +126 -126
  480. package/src/widgets/grid/TreeNode.scss +90 -90
  481. package/src/widgets/grid/TreeNode.tsx +154 -154
  482. package/src/widgets/grid/createGridCellEditor.tsx +18 -18
  483. package/src/widgets/grid/index.scss +3 -3
  484. package/src/widgets/grid/index.ts +16 -16
  485. package/src/widgets/grid/variables.scss +137 -137
  486. package/src/widgets/icons/arrow-down.svg +3 -3
  487. package/src/widgets/icons/arrow-right.svg +2 -2
  488. package/src/widgets/icons/base.svg +104 -104
  489. package/src/widgets/icons/calendar-old.svg +169 -169
  490. package/src/widgets/icons/calendar.svg +187 -187
  491. package/src/widgets/icons/calendar.tsx +22 -22
  492. package/src/widgets/icons/check.tsx +14 -14
  493. package/src/widgets/icons/clear.svg +74 -74
  494. package/src/widgets/icons/clear.tsx +16 -16
  495. package/src/widgets/icons/close.svg +74 -74
  496. package/src/widgets/icons/close.tsx +20 -20
  497. package/src/widgets/icons/cx.tsx +39 -39
  498. package/src/widgets/icons/drop-down.tsx +16 -16
  499. package/src/widgets/icons/dropdown-arrow.svg +61 -61
  500. package/src/widgets/icons/file.svg +4 -4
  501. package/src/widgets/icons/file.tsx +14 -14
  502. package/src/widgets/icons/folder-open.svg +5 -5
  503. package/src/widgets/icons/folder-open.tsx +16 -16
  504. package/src/widgets/icons/folder.svg +58 -58
  505. package/src/widgets/icons/folder.tsx +14 -14
  506. package/src/widgets/icons/forward.svg +67 -67
  507. package/src/widgets/icons/forward.tsx +23 -23
  508. package/src/widgets/icons/index.ts +14 -14
  509. package/src/widgets/icons/loading.svg +4 -4
  510. package/src/widgets/icons/loading.tsx +25 -25
  511. package/src/widgets/icons/menu.tsx +18 -18
  512. package/src/widgets/icons/pixel-picker.tsx +18 -18
  513. package/src/widgets/icons/registry.ts +56 -56
  514. package/src/widgets/icons/search.svg +107 -107
  515. package/src/widgets/icons/search.tsx +14 -14
  516. package/src/widgets/icons/sort-asc.svg +3 -3
  517. package/src/widgets/icons/sort-asc.tsx +15 -15
  518. package/src/widgets/icons/square.tsx +19 -19
  519. package/src/widgets/index.d.ts +55 -55
  520. package/src/widgets/index.scss +16 -16
  521. package/src/widgets/index.ts +58 -58
  522. package/src/widgets/nav/Link.scss +20 -20
  523. package/src/widgets/nav/Link.ts +11 -11
  524. package/src/widgets/nav/LinkButton.ts +176 -176
  525. package/src/widgets/nav/Menu.scss +76 -76
  526. package/src/widgets/nav/Menu.tsx +489 -489
  527. package/src/widgets/nav/Menu.variables.scss +25 -25
  528. package/src/widgets/nav/MenuItem.scss +130 -130
  529. package/src/widgets/nav/MenuItem.tsx +525 -525
  530. package/src/widgets/nav/MenuSpacer.ts +18 -18
  531. package/src/widgets/nav/RedirectRoute.ts +49 -49
  532. package/src/widgets/nav/Route.spec.tsx +24 -24
  533. package/src/widgets/nav/Route.ts +142 -142
  534. package/src/widgets/nav/Scroller.scss +148 -148
  535. package/src/widgets/nav/Scroller.tsx +252 -252
  536. package/src/widgets/nav/Submenu.ts +6 -6
  537. package/src/widgets/nav/Tab.scss +82 -82
  538. package/src/widgets/nav/Tab.ts +120 -120
  539. package/src/widgets/nav/Tab.variables.scss +84 -84
  540. package/src/widgets/nav/cover.scss +22 -22
  541. package/src/widgets/nav/index.scss +5 -5
  542. package/src/widgets/nav/index.ts +10 -10
  543. package/src/widgets/nav/variables.scss +27 -27
  544. package/src/widgets/overlay/ContextMenu.ts +42 -42
  545. package/src/widgets/overlay/Dropdown.scss +186 -186
  546. package/src/widgets/overlay/Dropdown.tsx +762 -762
  547. package/src/widgets/overlay/FlyweightTooltipTracker.ts +57 -57
  548. package/src/widgets/overlay/MsgBox.tsx +141 -141
  549. package/src/widgets/overlay/Overlay.scss +68 -68
  550. package/src/widgets/overlay/Overlay.tsx +947 -947
  551. package/src/widgets/overlay/Toast.scss +163 -163
  552. package/src/widgets/overlay/Toast.ts +111 -111
  553. package/src/widgets/overlay/Tooltip.scss +177 -177
  554. package/src/widgets/overlay/Tooltip.tsx +393 -393
  555. package/src/widgets/overlay/Window.scss +129 -129
  556. package/src/widgets/overlay/Window.tsx +299 -299
  557. package/src/widgets/overlay/Window.variables.scss +62 -62
  558. package/src/widgets/overlay/alerts.ts +46 -46
  559. package/src/widgets/overlay/captureMouse.scss +13 -13
  560. package/src/widgets/overlay/captureMouse.ts +195 -195
  561. package/src/widgets/overlay/createHotPromiseWindowFactory.ts +71 -71
  562. package/src/widgets/overlay/index.d.ts +11 -11
  563. package/src/widgets/overlay/index.scss +15 -15
  564. package/src/widgets/overlay/index.ts +11 -11
  565. package/src/widgets/overlay/tooltip-ops.ts +173 -173
  566. package/src/widgets/overlay/variables.scss +85 -85
  567. package/src/widgets/variables.scss +146 -146
  568. package/tsconfig.compile.json +4 -4
  569. package/tsconfig.json +34 -34
  570. package/tsconfig.mocha.json +14 -14
package/dist/widgets.js CHANGED
@@ -542,203 +542,171 @@ function restoreDefaultIcons() {
542
542
 
543
543
  registerIcon(
544
544
  "calendar",
545
- ({ key, ...props }) => {
546
- return jsxs(
547
- "svg",
548
- {
549
- ...props,
550
- viewBox: "0 0 32 32",
551
- children: [
552
- jsx("path", {
553
- d: "M4 3h6m10 0h6",
554
- fill: "none",
555
- stroke: "currentColor",
556
- strokeWidth: "2",
557
- }),
558
- jsx("path", {
559
- d: "M19 21h4v4h-4z",
560
- fill: "currentColor",
561
- }),
562
- jsx("path", {
563
- d: "M3 25h24M3 21h24M3 17h24M7 28V13m-4 0h24M11 28V13.2M15 28V13.27M19 28V13.03M23 28V13.5",
564
- fill: "none",
565
- stroke: "currentColor",
566
- }),
567
- jsx("path", {
568
- fill: "currentColor",
569
- d: "M10 8h10v2H10z",
570
- }),
571
- jsx("path", {
572
- fill: "none",
573
- stroke: "currentColor",
574
- strokeWidth: "2",
575
- d: "M3 5h24v24H3z",
576
- }),
577
- ],
578
- },
579
- key,
580
- );
545
+ (props) => {
546
+ return jsxs("svg", {
547
+ ...props,
548
+ viewBox: "0 0 32 32",
549
+ children: [
550
+ jsx("path", {
551
+ d: "M4 3h6m10 0h6",
552
+ fill: "none",
553
+ stroke: "currentColor",
554
+ strokeWidth: "2",
555
+ }),
556
+ jsx("path", {
557
+ d: "M19 21h4v4h-4z",
558
+ fill: "currentColor",
559
+ }),
560
+ jsx("path", {
561
+ d: "M3 25h24M3 21h24M3 17h24M7 28V13m-4 0h24M11 28V13.2M15 28V13.27M19 28V13.03M23 28V13.5",
562
+ fill: "none",
563
+ stroke: "currentColor",
564
+ }),
565
+ jsx("path", {
566
+ fill: "currentColor",
567
+ d: "M10 8h10v2H10z",
568
+ }),
569
+ jsx("path", {
570
+ fill: "none",
571
+ stroke: "currentColor",
572
+ strokeWidth: "2",
573
+ d: "M3 5h24v24H3z",
574
+ }),
575
+ ],
576
+ });
581
577
  },
582
578
  true,
583
579
  );
584
580
 
585
581
  var CheckIcon = registerIcon(
586
582
  "check",
587
- ({ key, ...props }) => {
588
- return jsx(
589
- "svg",
590
- {
591
- ...props,
592
- viewBox: "0 0 64 64",
593
- children: jsx("path", {
594
- d: "M7.136 42.94l20.16 14.784 29.568-40.32-9.72-7.128-22.598 30.816-10.44-7.656z",
595
- fill: "currentColor",
596
- }),
597
- },
598
- key,
599
- );
583
+ (props) => {
584
+ return jsx("svg", {
585
+ ...props,
586
+ viewBox: "0 0 64 64",
587
+ children: jsx("path", {
588
+ d: "M7.136 42.94l20.16 14.784 29.568-40.32-9.72-7.128-22.598 30.816-10.44-7.656z",
589
+ fill: "currentColor",
590
+ }),
591
+ });
600
592
  },
601
593
  true,
602
594
  );
603
595
 
604
596
  var ClearIcon = registerIcon(
605
597
  "clear",
606
- ({ key, ...props }) => {
607
- return jsx(
608
- "svg",
609
- {
610
- ...props,
611
- viewBox: "0 0 32 32",
612
- children: jsx("path", {
613
- fill: "currentColor",
614
- strokeWidth: "1",
615
- stroke: "currentColor",
616
- d: "M16.9 16l4.92-4.92c.24-.24.24-.6 0-.84s-.6-.24-.84 0l-4.92 4.92-5.04-4.98c-.24-.24-.6-.24-.84 0s-.24.6 0 .84L15.16 16l-4.98 4.98c-.24.24-.24.6 0 .84s.6.24.84 0L16 16.84l4.98 4.98c.24.24.6.24.84 0s.24-.6 0-.84L16.9 16z",
617
- }),
618
- },
619
- key,
620
- );
598
+ (props) => {
599
+ return jsx("svg", {
600
+ ...props,
601
+ viewBox: "0 0 32 32",
602
+ children: jsx("path", {
603
+ fill: "currentColor",
604
+ strokeWidth: "1",
605
+ stroke: "currentColor",
606
+ d: "M16.9 16l4.92-4.92c.24-.24.24-.6 0-.84s-.6-.24-.84 0l-4.92 4.92-5.04-4.98c-.24-.24-.6-.24-.84 0s-.24.6 0 .84L15.16 16l-4.98 4.98c-.24.24-.24.6 0 .84s.6.24.84 0L16 16.84l4.98 4.98c.24.24.6.24.84 0s.24-.6 0-.84L16.9 16z",
607
+ }),
608
+ });
621
609
  },
622
610
  true,
623
611
  );
624
612
 
625
613
  registerIcon(
626
614
  "close",
627
- ({ key, ...props }) => {
628
- return jsx(
629
- "svg",
630
- {
631
- ...props,
632
- viewBox: "0 0 32 32",
633
- children: jsx("path", {
634
- fill: "currentColor",
635
- strokeWidth: "1",
636
- stroke: "currentColor",
637
- d: "M17.8 16l9.84-9.84c.48-.48.48-1.2 0-1.68s-1.2-.48-1.68 0l-9.84 9.84L6.04 4.36c-.48-.48-1.2-.48-1.68 0s-.48 1.2 0 1.68L14.32 16l-9.96 9.96c-.48.48-.48 1.2 0 1.68s1.2.48 1.68 0L16 17.68l9.96 9.96c.48.48 1.2.48 1.68 0s.48-1.2 0-1.68L17.8 16z",
638
- }),
639
- },
640
- key,
641
- );
615
+ (props) => {
616
+ return jsx("svg", {
617
+ ...props,
618
+ viewBox: "0 0 32 32",
619
+ children: jsx("path", {
620
+ fill: "currentColor",
621
+ strokeWidth: "1",
622
+ stroke: "currentColor",
623
+ d: "M17.8 16l9.84-9.84c.48-.48.48-1.2 0-1.68s-1.2-.48-1.68 0l-9.84 9.84L6.04 4.36c-.48-.48-1.2-.48-1.68 0s-.48 1.2 0 1.68L14.32 16l-9.96 9.96c-.48.48-.48 1.2 0 1.68s1.2.48 1.68 0L16 17.68l9.96 9.96c.48.48 1.2.48 1.68 0s.48-1.2 0-1.68L17.8 16z",
624
+ }),
625
+ });
642
626
  },
643
627
  true,
644
628
  );
645
629
 
646
630
  var DropdownIcon = registerIcon(
647
631
  "drop-down",
648
- ({ key, ...props }) => {
649
- return jsx(
650
- "svg",
651
- {
652
- ...props,
653
- viewBox: "0 0 20 20",
654
- children: jsx("path", {
655
- fill: "currentColor",
656
- strokeWidth: "0",
657
- stroke: "currentColor",
658
- d: "M4.516 8.147L10.01 12.5l5.474-4.33-.473-.65-5 3.98-5-4z",
659
- }),
660
- },
661
- key,
662
- );
632
+ (props) => {
633
+ return jsx("svg", {
634
+ ...props,
635
+ viewBox: "0 0 20 20",
636
+ children: jsx("path", {
637
+ fill: "currentColor",
638
+ strokeWidth: "0",
639
+ stroke: "currentColor",
640
+ d: "M4.516 8.147L10.01 12.5l5.474-4.33-.473-.65-5 3.98-5-4z",
641
+ }),
642
+ });
663
643
  },
664
644
  true,
665
645
  );
666
646
 
667
647
  registerIcon(
668
648
  "folder",
669
- ({ key, ...props }) => {
670
- return jsx(
671
- "svg",
672
- {
673
- ...props,
674
- viewBox: "0 0 16 16",
675
- children: jsx("path", {
676
- d: "M1 5h13v9H1zm1 0h6L7 3H3z",
677
- fill: "currentColor",
678
- stroke: "none",
679
- }),
680
- },
681
- key,
682
- );
649
+ (props) => {
650
+ return jsx("svg", {
651
+ ...props,
652
+ viewBox: "0 0 16 16",
653
+ children: jsx("path", {
654
+ d: "M1 5h13v9H1zm1 0h6L7 3H3z",
655
+ fill: "currentColor",
656
+ stroke: "none",
657
+ }),
658
+ });
683
659
  },
684
660
  true,
685
661
  );
686
662
 
687
663
  registerIcon(
688
664
  "folder-open",
689
- ({ key, ...props }) => {
690
- return jsxs(
691
- "svg",
692
- {
693
- ...props,
694
- viewBox: "0 0 16 16",
695
- children: [
696
- jsx("path", {
697
- d: "M0 5v7l2.5-6H13V5zm1 0h6L6 3H2z",
698
- fill: "currentColor",
699
- stroke: "none",
700
- }),
701
- jsx("path", {
702
- d: "M3 7h13l-3 7H0z",
703
- fill: "currentColor",
704
- stroke: "none",
705
- }),
706
- ],
707
- },
708
- key,
709
- );
665
+ (props) => {
666
+ return jsxs("svg", {
667
+ ...props,
668
+ viewBox: "0 0 16 16",
669
+ children: [
670
+ jsx("path", {
671
+ d: "M0 5v7l2.5-6H13V5zm1 0h6L6 3H2z",
672
+ fill: "currentColor",
673
+ stroke: "none",
674
+ }),
675
+ jsx("path", {
676
+ d: "M3 7h13l-3 7H0z",
677
+ fill: "currentColor",
678
+ stroke: "none",
679
+ }),
680
+ ],
681
+ });
710
682
  },
711
683
  true,
712
684
  );
713
685
 
714
686
  registerIcon(
715
687
  "menu",
716
- ({ key, ...props }) => {
717
- return jsxs(
718
- "svg",
719
- {
720
- ...props,
721
- viewBox: "0 0 24 24",
722
- children: [
723
- jsx("path", {
724
- d: "M0 0h24v24H0z",
725
- fill: "none",
726
- }),
727
- jsx("path", {
728
- d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z",
729
- fill: "currentColor",
730
- }),
731
- ],
732
- },
733
- key,
734
- );
688
+ (props) => {
689
+ return jsxs("svg", {
690
+ ...props,
691
+ viewBox: "0 0 24 24",
692
+ children: [
693
+ jsx("path", {
694
+ d: "M0 0h24v24H0z",
695
+ fill: "none",
696
+ }),
697
+ jsx("path", {
698
+ d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z",
699
+ fill: "currentColor",
700
+ }),
701
+ ],
702
+ });
735
703
  },
736
704
  true,
737
705
  );
738
706
 
739
707
  registerIcon(
740
708
  "loading",
741
- ({ key, ...props }) => {
709
+ (props) => {
742
710
  let style = {
743
711
  animation: "linear infinite 0.5s cx-rotate",
744
712
  };
@@ -747,189 +715,173 @@ registerIcon(
747
715
  ...props,
748
716
  style,
749
717
  };
750
- return jsx(
751
- "svg",
752
- {
753
- ...props,
754
- viewBox: "0 0 50 50",
755
- children: jsx("path", {
756
- fill: "currentColor",
757
- d: "M43.94 25.14c0-10.3-8.37-18.68-18.7-18.68-10.3 0-18.67 8.37-18.67 18.68h4.07c0-8.07 6.54-14.6 14.6-14.6 8.08 0 14.63 6.53 14.63 14.6h4.07z",
758
- }),
759
- },
760
- key,
761
- );
718
+ return jsx("svg", {
719
+ ...props,
720
+ viewBox: "0 0 50 50",
721
+ children: jsx("path", {
722
+ fill: "currentColor",
723
+ d: "M43.94 25.14c0-10.3-8.37-18.68-18.7-18.68-10.3 0-18.67 8.37-18.67 18.68h4.07c0-8.07 6.54-14.6 14.6-14.6 8.08 0 14.63 6.53 14.63 14.6h4.07z",
724
+ }),
725
+ });
762
726
  },
763
727
  true,
764
728
  );
765
729
 
766
730
  registerIcon(
767
731
  "search",
768
- ({ key, ...props }) => {
769
- return jsx(
770
- "svg",
771
- {
772
- ...props,
773
- viewBox: "0 0 32 32",
774
- children: jsx("path", {
775
- fill: "currentColor",
776
- d: "M25.595 22.036l-5.26-5.075c.75-1.18 1.206-2.56 1.206-4.05 0-4.32-3.63-7.82-8.103-7.82-4.477 0-8.107 3.503-8.107 7.82 0 4.32 3.63 7.825 8.106 7.825 1.544 0 2.972-.44 4.198-1.162l5.26 5.074c.37.356.98.354 1.35 0l1.352-1.304c.37-.357.37-.947 0-1.304zm-12.16-3.91c-2.985 0-5.405-2.336-5.405-5.216 0-2.88 2.42-5.214 5.405-5.214 2.984 0 5.404 2.335 5.404 5.214 0 2.88-2.42 5.215-5.407 5.215z",
777
- }),
778
- },
779
- key,
780
- );
732
+ (props) => {
733
+ return jsx("svg", {
734
+ ...props,
735
+ viewBox: "0 0 32 32",
736
+ children: jsx("path", {
737
+ fill: "currentColor",
738
+ d: "M25.595 22.036l-5.26-5.075c.75-1.18 1.206-2.56 1.206-4.05 0-4.32-3.63-7.82-8.103-7.82-4.477 0-8.107 3.503-8.107 7.82 0 4.32 3.63 7.825 8.106 7.825 1.544 0 2.972-.44 4.198-1.162l5.26 5.074c.37.356.98.354 1.35 0l1.352-1.304c.37-.357.37-.947 0-1.304zm-12.16-3.91c-2.985 0-5.405-2.336-5.405-5.216 0-2.88 2.42-5.214 5.405-5.214 2.984 0 5.404 2.335 5.404 5.214 0 2.88-2.42 5.215-5.407 5.215z",
739
+ }),
740
+ });
781
741
  },
782
742
  true,
783
743
  );
784
744
 
785
745
  registerIcon(
786
746
  "cx",
787
- ({ key, ...props }) => {
788
- return jsx(
789
- "svg",
790
- {
791
- ...props,
792
- viewBox: "-347 249.7 48 48",
793
- children: jsxs("g", {
794
- children: [
795
- jsx("path", {
796
- fill: "currentColor",
797
- opacity: "0.7",
798
- d: "M-337.1 273.16l-4.23-7.33h8.46z",
799
- }),
800
- jsx("path", {
801
- fill: "currentColor",
802
- d: "M-318.32 273.16l-4.23-7.33h8.46z",
803
- }),
804
- jsx("path", {
805
- fill: "currentColor",
806
- opacity: "0.7",
807
- d: "M-337.53 273.43h-8.45l4.22-7.33z",
808
- }),
809
- jsx("path", {
810
- fill: "currentColor",
811
- d: "M-309.38 273.43h-8.46l4.23-7.33z",
812
- }),
813
- jsx("path", {
814
- fill: "currentColor",
815
- opacity: "0.7",
816
- d: "M-332.4 265.03l-4.22-7.33h8.46z",
817
- }),
818
- jsx("path", {
819
- fill: "currentColor",
820
- d: "M-304.24 265.03l-4.23-7.33h8.45z",
821
- }),
822
- jsx("path", {
823
- fill: "currentColor",
824
- d: "M-322.97 265.03l-4.28-7.33h8.5z",
825
- }),
826
- jsx("path", {
827
- fill: "currentColor",
828
- opacity: "0.7",
829
- d: "M-332.87 265.3h-8.46l4.23-7.33z",
830
- }),
831
- jsx("path", {
832
- fill: "currentColor",
833
- opacity: "0.7",
834
- d: "M-323.45 265.3h-8.46l4.2-7.33z",
835
- }),
836
- jsx("path", {
837
- fill: "currentColor",
838
- d: "M-314.1 265.3h-8.45l4.23-7.33z",
839
- }),
840
- jsx("path", {
841
- fill: "currentColor",
842
- d: "M-308.9 273.16l-4.23-7.33h8.46z",
843
- }),
844
- jsx("path", {
845
- fill: "currentColor",
846
- d: "M-304.67 265.3h-8.46l4.23-7.33z",
847
- }),
848
- jsx("path", {
849
- fill: "currentColor",
850
- d: "M-314.1 281.57h-8.45l4.23-7.33z",
851
- }),
852
- jsx("path", {
853
- fill: "currentColor",
854
- d: "M-313.6 281.3l-4.24-7.33h8.46z",
855
- }),
856
- jsx("path", {
857
- fill: "currentColor",
858
- d: "M-318.32 289.43l-4.23-7.33h8.46z",
859
- }),
860
- jsx("path", {
861
- fill: "currentColor",
862
- d: "M-304.67 281.57h-8.46l4.23-7.33z",
863
- }),
864
- jsx("path", {
865
- fill: "currentColor",
866
- d: "M-308.9 289.43l-4.23-7.33h8.46z",
867
- }),
868
- jsx("path", {
869
- fill: "currentColor",
870
- opacity: "0.7",
871
- d: "M-341.76 281.3l-4.22-7.33h8.45z",
872
- }),
873
- jsx("path", {
874
- fill: "currentColor",
875
- opacity: "0.7",
876
- d: "M-332.87 281.57h-8.46l4.23-7.33z",
877
- }),
878
- jsx("path", {
879
- fill: "currentColor",
880
- opacity: "0.7",
881
- d: "M-337.1 289.43l-4.23-7.33h8.46z",
882
- }),
883
- jsx("path", {
884
- fill: "currentColor",
885
- opacity: "0.7",
886
- d: "M-327.68 289.43l-4.23-7.33h8.43z",
887
- }),
888
- jsx("path", {
889
- fill: "currentColor",
890
- opacity: "0.7",
891
- d: "M-328.16 289.7h-8.46l4.23-7.33z",
892
- }),
893
- jsx("path", {
894
- fill: "currentColor",
895
- d: "M-318.75 289.7h-8.5l4.28-7.33z",
896
- }),
897
- jsx("path", {
898
- fill: "currentColor",
899
- d: "M-300.02 289.7h-8.45l4.23-7.33z",
900
- }),
901
- ],
902
- }),
903
- },
904
- key,
905
- );
906
- },
907
- true,
908
- );
909
-
910
- registerIcon(
911
- "file",
912
- ({ key, ...props }) => {
913
- return jsxs(
914
- "svg",
915
- {
916
- ...props,
917
- viewBox: "0 0 16 16",
747
+ (props) => {
748
+ return jsx("svg", {
749
+ ...props,
750
+ viewBox: "-347 249.7 48 48",
751
+ children: jsxs("g", {
918
752
  children: [
919
753
  jsx("path", {
920
- d: "M2 2h5v5h5v7H2z",
921
754
  fill: "currentColor",
922
- stroke: "none",
755
+ opacity: "0.7",
756
+ d: "M-337.1 273.16l-4.23-7.33h8.46z",
757
+ }),
758
+ jsx("path", {
759
+ fill: "currentColor",
760
+ d: "M-318.32 273.16l-4.23-7.33h8.46z",
761
+ }),
762
+ jsx("path", {
763
+ fill: "currentColor",
764
+ opacity: "0.7",
765
+ d: "M-337.53 273.43h-8.45l4.22-7.33z",
766
+ }),
767
+ jsx("path", {
768
+ fill: "currentColor",
769
+ d: "M-309.38 273.43h-8.46l4.23-7.33z",
770
+ }),
771
+ jsx("path", {
772
+ fill: "currentColor",
773
+ opacity: "0.7",
774
+ d: "M-332.4 265.03l-4.22-7.33h8.46z",
775
+ }),
776
+ jsx("path", {
777
+ fill: "currentColor",
778
+ d: "M-304.24 265.03l-4.23-7.33h8.45z",
779
+ }),
780
+ jsx("path", {
781
+ fill: "currentColor",
782
+ d: "M-322.97 265.03l-4.28-7.33h8.5z",
783
+ }),
784
+ jsx("path", {
785
+ fill: "currentColor",
786
+ opacity: "0.7",
787
+ d: "M-332.87 265.3h-8.46l4.23-7.33z",
788
+ }),
789
+ jsx("path", {
790
+ fill: "currentColor",
791
+ opacity: "0.7",
792
+ d: "M-323.45 265.3h-8.46l4.2-7.33z",
793
+ }),
794
+ jsx("path", {
795
+ fill: "currentColor",
796
+ d: "M-314.1 265.3h-8.45l4.23-7.33z",
797
+ }),
798
+ jsx("path", {
799
+ fill: "currentColor",
800
+ d: "M-308.9 273.16l-4.23-7.33h8.46z",
801
+ }),
802
+ jsx("path", {
803
+ fill: "currentColor",
804
+ d: "M-304.67 265.3h-8.46l4.23-7.33z",
805
+ }),
806
+ jsx("path", {
807
+ fill: "currentColor",
808
+ d: "M-314.1 281.57h-8.45l4.23-7.33z",
809
+ }),
810
+ jsx("path", {
811
+ fill: "currentColor",
812
+ d: "M-313.6 281.3l-4.24-7.33h8.46z",
813
+ }),
814
+ jsx("path", {
815
+ fill: "currentColor",
816
+ d: "M-318.32 289.43l-4.23-7.33h8.46z",
817
+ }),
818
+ jsx("path", {
819
+ fill: "currentColor",
820
+ d: "M-304.67 281.57h-8.46l4.23-7.33z",
821
+ }),
822
+ jsx("path", {
823
+ fill: "currentColor",
824
+ d: "M-308.9 289.43l-4.23-7.33h8.46z",
825
+ }),
826
+ jsx("path", {
827
+ fill: "currentColor",
828
+ opacity: "0.7",
829
+ d: "M-341.76 281.3l-4.22-7.33h8.45z",
830
+ }),
831
+ jsx("path", {
832
+ fill: "currentColor",
833
+ opacity: "0.7",
834
+ d: "M-332.87 281.57h-8.46l4.23-7.33z",
835
+ }),
836
+ jsx("path", {
837
+ fill: "currentColor",
838
+ opacity: "0.7",
839
+ d: "M-337.1 289.43l-4.23-7.33h8.46z",
840
+ }),
841
+ jsx("path", {
842
+ fill: "currentColor",
843
+ opacity: "0.7",
844
+ d: "M-327.68 289.43l-4.23-7.33h8.43z",
845
+ }),
846
+ jsx("path", {
847
+ fill: "currentColor",
848
+ opacity: "0.7",
849
+ d: "M-328.16 289.7h-8.46l4.23-7.33z",
850
+ }),
851
+ jsx("path", {
852
+ fill: "currentColor",
853
+ d: "M-318.75 289.7h-8.5l4.28-7.33z",
923
854
  }),
924
855
  jsx("path", {
925
- d: "M8 2v4h4z",
926
856
  fill: "currentColor",
927
- stroke: "none",
857
+ d: "M-300.02 289.7h-8.45l4.23-7.33z",
928
858
  }),
929
859
  ],
930
- },
931
- key,
932
- );
860
+ }),
861
+ });
862
+ },
863
+ true,
864
+ );
865
+
866
+ registerIcon(
867
+ "file",
868
+ (props) => {
869
+ return jsxs("svg", {
870
+ ...props,
871
+ viewBox: "0 0 16 16",
872
+ children: [
873
+ jsx("path", {
874
+ d: "M2 2h5v5h5v7H2z",
875
+ fill: "currentColor",
876
+ stroke: "none",
877
+ }),
878
+ jsx("path", {
879
+ d: "M8 2v4h4z",
880
+ fill: "currentColor",
881
+ stroke: "none",
882
+ }),
883
+ ],
884
+ });
933
885
  },
934
886
  true,
935
887
  );
@@ -3228,7 +3180,6 @@ class OverlayComponent extends VDOM.Component {
3228
3180
  widget.overlayWillUnmount(this.props.instance, this);
3229
3181
  if (this.ownedEl) {
3230
3182
  setTimeout(() => {
3231
- this.root?.unmount();
3232
3183
  if (this.ownedEl?.parentNode) this.ownedEl.parentNode.removeChild(this.ownedEl);
3233
3184
  this.ownedEl = null;
3234
3185
  }, widget.destroyDelay);
@@ -3292,8 +3243,7 @@ class OverlayComponent extends VDOM.Component {
3292
3243
  }
3293
3244
  componentDidUpdate() {
3294
3245
  if (this.containerEl && !VDOM.DOM.createPortal) {
3295
- this.root = VDOM.DOM.createRoot(this.containerEl);
3296
- this.root.render(this.renderOverlay());
3246
+ VDOM.DOM.render(this.renderOverlay(), this.containerEl);
3297
3247
  }
3298
3248
  this.overlayDidUpdate();
3299
3249
  }
@@ -4592,6 +4542,7 @@ function createHotPromiseWindowFactoryWithProps(module, factory) {
4592
4542
  let window = Window.create(factory(props)(resolve, reject));
4593
4543
  window.overlayWillDismiss = () => {
4594
4544
  if (!reloading && unsubscribe) unsubscribe();
4545
+ return false;
4595
4546
  };
4596
4547
  dismiss = window.open(store);
4597
4548
  }
@@ -6651,22 +6602,18 @@ Widget.alias("textfield", TextField);
6651
6602
 
6652
6603
  var SquareIcon = registerIcon(
6653
6604
  "square",
6654
- ({ key, ...props }) => {
6655
- return jsx(
6656
- "svg",
6657
- {
6658
- ...props,
6659
- viewBox: "0 0 64 64",
6660
- children: jsx("rect", {
6661
- x: "12",
6662
- y: "12",
6663
- width: "40",
6664
- height: "40",
6665
- fill: "currentColor",
6666
- }),
6667
- },
6668
- key,
6669
- );
6605
+ (props) => {
6606
+ return jsx("svg", {
6607
+ ...props,
6608
+ viewBox: "0 0 64 64",
6609
+ children: jsx("rect", {
6610
+ x: "12",
6611
+ y: "12",
6612
+ width: "40",
6613
+ height: "40",
6614
+ fill: "currentColor",
6615
+ }),
6616
+ });
6670
6617
  },
6671
6618
  true,
6672
6619
  );
@@ -7318,29 +7265,25 @@ Widget.alias("option", Option);
7318
7265
 
7319
7266
  var ForwardIcon = registerIcon(
7320
7267
  "forward",
7321
- ({ key, ...props }) => {
7322
- return jsxs(
7323
- "svg",
7324
- {
7325
- ...props,
7326
- viewBox: "0 0 20 20",
7327
- children: [
7328
- jsx("path", {
7329
- fill: "currentColor",
7330
- strokeWidth: "0",
7331
- stroke: "currentColor",
7332
- d: "M10.15 15.5L14.5 10l-4.33-5.47-.65.47 3.98 5-4 5z",
7333
- }),
7334
- jsx("path", {
7335
- fill: "currentColor",
7336
- strokeWidth: "0",
7337
- stroke: "currentColor",
7338
- d: "M6.15 15.5L10.5 10 6.17 4.53 5.52 5l3.98 5-4 5z",
7339
- }),
7340
- ],
7341
- },
7342
- key,
7343
- );
7268
+ (props) => {
7269
+ return jsxs("svg", {
7270
+ ...props,
7271
+ viewBox: "0 0 20 20",
7272
+ children: [
7273
+ jsx("path", {
7274
+ fill: "currentColor",
7275
+ strokeWidth: "0",
7276
+ stroke: "currentColor",
7277
+ d: "M10.15 15.5L14.5 10l-4.33-5.47-.65.47 3.98 5-4 5z",
7278
+ }),
7279
+ jsx("path", {
7280
+ fill: "currentColor",
7281
+ strokeWidth: "0",
7282
+ stroke: "currentColor",
7283
+ d: "M6.15 15.5L10.5 10 6.17 4.53 5.52 5l3.98 5-4 5z",
7284
+ }),
7285
+ ],
7286
+ });
7344
7287
  },
7345
7288
  true,
7346
7289
  );
@@ -10377,19 +10320,15 @@ function floor5(x) {
10377
10320
 
10378
10321
  var PixelPickerIcon = registerIcon(
10379
10322
  "pixel-picker",
10380
- ({ key, ...props }) => {
10381
- return jsx(
10382
- "svg",
10383
- {
10384
- ...props,
10385
- viewBox: "0 0 30 30",
10386
- children: jsx("path", {
10387
- d: "M27.7,3.3c-1.5-1.5-3.9-1.5-5.4,0L17,8.6l-1.3-1.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l1.3,1.3L5,20.6 c-0.6,0.6-1,1.4-1.1,2.3C3.3,23.4,3,24.2,3,25c0,1.7,1.3,3,3,3c0.8,0,1.6-0.3,2.2-0.9C9,27,9.8,26.6,10.4,26L21,15.4l1.3,1.3 c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4L22.4,14l5.3-5.3C29.2,7.2,29.2,4.8,27.7,3.3z M9,24.6 c-0.4,0.4-0.8,0.6-1.3,0.5c-0.4,0-0.7,0.2-0.9,0.5C6.7,25.8,6.3,26,6,26c-0.6,0-1-0.4-1-1c0-0.3,0.2-0.7,0.5-0.8 c0.3-0.2,0.5-0.5,0.5-0.9c0-0.5,0.2-1,0.5-1.3L17,11.4l2.6,2.6L9,24.6z",
10388
- fill: "currentColor",
10389
- }),
10390
- },
10391
- key,
10392
- );
10323
+ (props) => {
10324
+ return jsx("svg", {
10325
+ ...props,
10326
+ viewBox: "0 0 30 30",
10327
+ children: jsx("path", {
10328
+ d: "M27.7,3.3c-1.5-1.5-3.9-1.5-5.4,0L17,8.6l-1.3-1.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l1.3,1.3L5,20.6 c-0.6,0.6-1,1.4-1.1,2.3C3.3,23.4,3,24.2,3,25c0,1.7,1.3,3,3,3c0.8,0,1.6-0.3,2.2-0.9C9,27,9.8,26.6,10.4,26L21,15.4l1.3,1.3 c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4L22.4,14l5.3-5.3C29.2,7.2,29.2,4.8,27.7,3.3z M9,24.6 c-0.4,0.4-0.8,0.6-1.3,0.5c-0.4,0-0.7,0.2-0.9,0.5C6.7,25.8,6.3,26,6,26c-0.6,0-1-0.4-1-1c0-0.3,0.2-0.7,0.5-0.8 c0.3-0.2,0.5-0.5,0.5-0.9c0-0.5,0.2-1,0.5-1.3L17,11.4l2.6,2.6L9,24.6z",
10329
+ fill: "currentColor",
10330
+ }),
10331
+ });
10393
10332
  },
10394
10333
  true,
10395
10334
  );
@@ -12009,9 +11948,7 @@ class SliderComponent extends VDOM.Component {
12009
11948
  style: data.style,
12010
11949
  id: data.id,
12011
11950
  onClick: (e) => this.onClick(e),
12012
- ref: (el) => {
12013
- this.dom.el = el || undefined;
12014
- },
11951
+ ref: (el) => (this.dom.el = el || undefined),
12015
11952
  onMouseMove: (e) => tooltipMouseMove$1(e, ...getFieldTooltip(instance)),
12016
11953
  onMouseLeave: (e) => tooltipMouseLeave$1(e, ...getFieldTooltip(instance)),
12017
11954
  children: [
@@ -12033,9 +11970,7 @@ class SliderComponent extends VDOM.Component {
12033
11970
  "div",
12034
11971
  {
12035
11972
  className: CSS.element(baseClass, "space"),
12036
- ref: (c) => {
12037
- this.dom.range = c || undefined;
12038
- },
11973
+ ref: (c) => (this.dom.range = c || undefined),
12039
11974
  children: [
12040
11975
  widget.showFrom &&
12041
11976
  jsx(
@@ -12051,9 +11986,7 @@ class SliderComponent extends VDOM.Component {
12051
11986
  }),
12052
11987
  onMouseLeave: (e) => this.onHandleMouseLeave(e, "from"),
12053
11988
  onTouchStart: (e) => this.onHandleMouseDown(e, "from"),
12054
- ref: (c) => {
12055
- this.dom.from = c || undefined;
12056
- },
11989
+ ref: (c) => (this.dom.from = c || undefined),
12057
11990
  },
12058
11991
  "from",
12059
11992
  ),
@@ -12071,9 +12004,7 @@ class SliderComponent extends VDOM.Component {
12071
12004
  }),
12072
12005
  onMouseLeave: (e) => this.onHandleMouseLeave(e, "to"),
12073
12006
  onTouchStart: (e) => this.onHandleMouseDown(e, "to"),
12074
- ref: (c) => {
12075
- this.dom.to = c || undefined;
12076
- },
12007
+ ref: (c) => (this.dom.to = c || undefined),
12077
12008
  },
12078
12009
  "to",
12079
12010
  ),
@@ -13712,19 +13643,15 @@ class Validator extends Field {
13712
13643
 
13713
13644
  var DropDownIcon = registerIcon(
13714
13645
  "sort-asc",
13715
- ({ key, ...props }) => {
13716
- return jsx(
13717
- "svg",
13718
- {
13719
- ...props,
13720
- viewBox: "0 0 16 16",
13721
- children: jsx("path", {
13722
- fill: "currentColor",
13723
- d: "M10.5 5.8l-3-3-3 3 .707.708L7 4.688v8.312h1V4.69l1.793 1.817z",
13724
- }),
13725
- },
13726
- key,
13727
- );
13646
+ (props) => {
13647
+ return jsx("svg", {
13648
+ ...props,
13649
+ viewBox: "0 0 16 16",
13650
+ children: jsx("path", {
13651
+ fill: "currentColor",
13652
+ d: "M10.5 5.8l-3-3-3 3 .707.708L7 4.688v8.312h1V4.69l1.793 1.817z",
13653
+ }),
13654
+ });
13728
13655
  },
13729
13656
  true,
13730
13657
  );
@@ -13752,9 +13679,7 @@ class GridCellEditorCmp extends VDOM.Component {
13752
13679
  render() {
13753
13680
  let { className, style, children } = this.props;
13754
13681
  return jsx("div", {
13755
- ref: (el) => {
13756
- this.el = el;
13757
- },
13682
+ ref: (el) => (this.el = el),
13758
13683
  className: className,
13759
13684
  style: style,
13760
13685
  children: children,