cx 26.1.0 → 26.1.2

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 (540) 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/data/ArrayElementView.d.ts +4 -3
  6. package/build/ui/Widget.js +0 -5
  7. package/build/ui/adapter/ArrayAdapter.js +0 -2
  8. package/build/ui/adapter/DataAdapter.d.ts +3 -3
  9. package/build/util/Component.js +5 -0
  10. package/build/util/test/createTestRenderer.d.ts +3 -1
  11. package/build/util/test/createTestRenderer.js +8 -2
  12. package/build/widgets/icons/calendar.js +4 -3
  13. package/build/widgets/icons/check.js +2 -2
  14. package/build/widgets/icons/clear.js +2 -2
  15. package/build/widgets/icons/close.js +2 -2
  16. package/build/widgets/icons/cx.js +2 -2
  17. package/build/widgets/icons/drop-down.js +2 -2
  18. package/build/widgets/icons/file.js +2 -2
  19. package/build/widgets/icons/folder-open.js +2 -2
  20. package/build/widgets/icons/folder.js +2 -2
  21. package/build/widgets/icons/forward.js +2 -2
  22. package/build/widgets/icons/loading.js +2 -2
  23. package/build/widgets/icons/menu.js +2 -2
  24. package/build/widgets/icons/pixel-picker.js +2 -2
  25. package/build/widgets/icons/search.js +2 -2
  26. package/build/widgets/icons/sort-asc.js +2 -2
  27. package/build/widgets/icons/square.js +2 -2
  28. package/build.js +133 -133
  29. package/dist/manifest.js +863 -863
  30. package/dist/ui.js +1 -10
  31. package/dist/util.js +4 -0
  32. package/dist/widgets.js +377 -313
  33. package/package.json +100 -97
  34. package/src/charts/Bar.scss +28 -28
  35. package/src/charts/Bar.ts +114 -114
  36. package/src/charts/BarGraph.scss +28 -28
  37. package/src/charts/BarGraph.tsx +145 -145
  38. package/src/charts/BubbleGraph.scss +31 -31
  39. package/src/charts/BubbleGraph.tsx +165 -165
  40. package/src/charts/Chart.ts +108 -108
  41. package/src/charts/ColorMap.ts +150 -150
  42. package/src/charts/Column.scss +28 -28
  43. package/src/charts/Column.ts +124 -124
  44. package/src/charts/ColumnBarBase.tsx +284 -284
  45. package/src/charts/ColumnBarGraphBase.tsx +229 -229
  46. package/src/charts/ColumnGraph.scss +29 -29
  47. package/src/charts/ColumnGraph.tsx +153 -153
  48. package/src/charts/Grid.ts +5 -5
  49. package/src/charts/Gridlines.scss +24 -24
  50. package/src/charts/Gridlines.tsx +88 -88
  51. package/src/charts/Legend.scss +50 -50
  52. package/src/charts/Legend.tsx +270 -270
  53. package/src/charts/LegendEntry.scss +29 -29
  54. package/src/charts/LegendEntry.tsx +197 -197
  55. package/src/charts/LineGraph.scss +24 -24
  56. package/src/charts/LineGraph.tsx +455 -455
  57. package/src/charts/Marker.scss +43 -43
  58. package/src/charts/Marker.tsx +483 -483
  59. package/src/charts/MarkerLine.scss +19 -19
  60. package/src/charts/MarkerLine.tsx +214 -214
  61. package/src/charts/MouseTracker.tsx +112 -112
  62. package/src/charts/Pie.ts +8 -8
  63. package/src/charts/PieChart.scss +28 -28
  64. package/src/charts/PieChart.tsx +717 -717
  65. package/src/charts/PieLabel.tsx +106 -106
  66. package/src/charts/PieLabelsContainer.ts +68 -68
  67. package/src/charts/Range.scss +19 -19
  68. package/src/charts/Range.tsx +318 -318
  69. package/src/charts/RangeMarker.scss +17 -17
  70. package/src/charts/RangeMarker.tsx +233 -233
  71. package/src/charts/ScatterGraph.scss +23 -23
  72. package/src/charts/ScatterGraph.tsx +245 -245
  73. package/src/charts/Swimlane.scss +16 -16
  74. package/src/charts/Swimlane.tsx +195 -195
  75. package/src/charts/Swimlanes.scss +16 -16
  76. package/src/charts/Swimlanes.tsx +179 -179
  77. package/src/charts/axis/Axis.scss +22 -22
  78. package/src/charts/axis/Axis.tsx +444 -444
  79. package/src/charts/axis/CategoryAxis.scss +34 -34
  80. package/src/charts/axis/CategoryAxis.tsx +313 -313
  81. package/src/charts/axis/NumericAxis.scss +34 -34
  82. package/src/charts/axis/NumericAxis.tsx +437 -437
  83. package/src/charts/axis/Stack.ts +61 -61
  84. package/src/charts/axis/TimeAxis.scss +33 -33
  85. package/src/charts/axis/TimeAxis.tsx +718 -718
  86. package/src/charts/axis/index.scss +5 -5
  87. package/src/charts/axis/index.ts +3 -3
  88. package/src/charts/axis/variables.scss +2 -2
  89. package/src/charts/helpers/MinMaxFinder.ts +66 -66
  90. package/src/charts/helpers/PointReducer.ts +135 -135
  91. package/src/charts/helpers/SnapPointFinder.ts +136 -136
  92. package/src/charts/helpers/ValueAtFinder.ts +72 -72
  93. package/src/charts/helpers/index.ts +4 -4
  94. package/src/charts/index.scss +22 -22
  95. package/src/charts/index.ts +34 -34
  96. package/src/charts/palette.scss +97 -97
  97. package/src/charts/shapes.tsx +86 -86
  98. package/src/charts/variables.scss +22 -22
  99. package/src/data/AggregateFunction.ts +171 -171
  100. package/src/data/ArrayElementView.spec.ts +88 -88
  101. package/src/data/ArrayElementView.ts +4 -3
  102. package/src/data/ArrayRef.ts +34 -34
  103. package/src/data/Binding.spec.ts +69 -69
  104. package/src/data/Expression.spec.ts +229 -229
  105. package/src/data/Expression.ts +233 -233
  106. package/src/data/Grouper.ts +158 -158
  107. package/src/data/Ref.spec.ts +79 -79
  108. package/src/data/Selector.ts +10 -10
  109. package/src/data/Store.spec.ts +22 -22
  110. package/src/data/StoreRef.spec.ts +24 -24
  111. package/src/data/StringTemplate.spec.ts +132 -132
  112. package/src/data/StructuredSelector.ts +146 -146
  113. package/src/data/View.spec.ts +60 -60
  114. package/src/data/View.ts +289 -289
  115. package/src/data/ZoomIntoPropertyView.spec.ts +64 -64
  116. package/src/data/comparer.spec.ts +60 -60
  117. package/src/data/computable.spec.ts +87 -87
  118. package/src/data/computable.ts +69 -69
  119. package/src/data/createAccessorModelProxy.spec.tsx +145 -145
  120. package/src/data/createAccessorModelProxy.ts +66 -66
  121. package/src/data/createStructuredSelector.spec.ts +45 -45
  122. package/src/data/createStructuredSelector.ts +62 -62
  123. package/src/data/defaultCompare.ts +14 -14
  124. package/src/data/diff/diffArrays.ts +49 -49
  125. package/src/data/diff/diffs.spec.ts +49 -49
  126. package/src/data/diff/index.ts +1 -1
  127. package/src/data/enableFatArrowExpansion.ts +6 -6
  128. package/src/data/getAccessor.spec.ts +11 -11
  129. package/src/data/getAccessor.ts +74 -74
  130. package/src/data/getSelector.spec.ts +43 -43
  131. package/src/data/getSelector.ts +66 -66
  132. package/src/data/index.ts +30 -30
  133. package/src/data/isSelector.ts +26 -26
  134. package/src/data/ops/append.spec.ts +28 -28
  135. package/src/data/ops/append.ts +5 -5
  136. package/src/data/ops/filter.spec.ts +35 -35
  137. package/src/data/ops/filter.ts +9 -9
  138. package/src/data/ops/findTreeNode.spec.ts +23 -23
  139. package/src/data/ops/findTreeNode.ts +14 -14
  140. package/src/data/ops/findTreePath.ts +23 -23
  141. package/src/data/ops/index.ts +11 -11
  142. package/src/data/ops/insertElement.ts +3 -3
  143. package/src/data/ops/merge.spec.ts +27 -27
  144. package/src/data/ops/merge.ts +13 -13
  145. package/src/data/ops/moveElement.ts +21 -21
  146. package/src/data/ops/removeTreeNodes.spec.ts +37 -37
  147. package/src/data/ops/removeTreeNodes.ts +15 -15
  148. package/src/data/ops/updateArray.spec.ts +69 -69
  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 -99
  165. package/src/hooks/useTrigger.ts +26 -26
  166. package/src/index.ts +7 -7
  167. package/src/jsx-runtime.spec.tsx +431 -431
  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/CSSHelper.ts +17 -17
  190. package/src/ui/Container.tsx +216 -216
  191. package/src/ui/ContentResolver.spec.tsx +585 -583
  192. package/src/ui/ContentResolver.ts +132 -132
  193. package/src/ui/Controller.spec.tsx +574 -566
  194. package/src/ui/Controller.ts +202 -202
  195. package/src/ui/Culture.ts +159 -159
  196. package/src/ui/Cx.spec.tsx +210 -208
  197. package/src/ui/Cx.tsx +386 -386
  198. package/src/ui/DataProxy.spec.tsx +337 -337
  199. package/src/ui/DetachedScope.tsx +159 -159
  200. package/src/ui/Format.ts +108 -108
  201. package/src/ui/HoverSync.tsx +189 -189
  202. package/src/ui/Instance.ts +866 -866
  203. package/src/ui/IsolatedScope.spec.tsx +62 -55
  204. package/src/ui/IsolatedScope.ts +50 -50
  205. package/src/ui/Localization.ts +70 -70
  206. package/src/ui/Prop.ts +140 -140
  207. package/src/ui/PureContainer.spec.tsx +232 -230
  208. package/src/ui/PureContainer.tsx +19 -19
  209. package/src/ui/RenderingContext.ts +99 -99
  210. package/src/ui/Repeater.spec.tsx +143 -141
  211. package/src/ui/Repeater.ts +194 -194
  212. package/src/ui/Rescope.spec.tsx +199 -199
  213. package/src/ui/ResizeManager.ts +30 -30
  214. package/src/ui/Restate.spec.tsx +422 -418
  215. package/src/ui/Restate.tsx +217 -217
  216. package/src/ui/StaticText.ts +11 -11
  217. package/src/ui/StructuredInstanceDataAccessor.ts +32 -32
  218. package/src/ui/Text.ts +49 -49
  219. package/src/ui/Widget.spec.tsx +53 -53
  220. package/src/ui/Widget.tsx +301 -308
  221. package/src/ui/ZIndexManager.ts +11 -11
  222. package/src/ui/adapter/ArrayAdapter.ts +229 -229
  223. package/src/ui/adapter/DataAdapter.ts +52 -52
  224. package/src/ui/adapter/GroupAdapter.ts +235 -235
  225. package/src/ui/adapter/TreeAdapter.spec.ts +76 -76
  226. package/src/ui/adapter/TreeAdapter.ts +185 -185
  227. package/src/ui/adapter/index.ts +4 -4
  228. package/src/ui/app/History.ts +133 -133
  229. package/src/ui/app/Url.spec.ts +50 -50
  230. package/src/ui/app/Url.ts +102 -102
  231. package/src/ui/app/index.ts +5 -5
  232. package/src/ui/app/startAppLoop.tsx +71 -71
  233. package/src/ui/app/startHotAppLoop.ts +41 -41
  234. package/src/ui/batchUpdates.ts +77 -77
  235. package/src/ui/bind.ts +10 -10
  236. package/src/ui/createFunctionalComponent.spec.tsx +454 -452
  237. package/src/ui/createFunctionalComponent.ts +86 -86
  238. package/src/ui/expr.ts +47 -47
  239. package/src/ui/exprHelpers.spec.ts +379 -379
  240. package/src/ui/exprHelpers.ts +78 -78
  241. package/src/ui/flattenProps.ts +21 -21
  242. package/src/ui/index.scss +2 -2
  243. package/src/ui/index.ts +47 -47
  244. package/src/ui/keyboardShortcuts.ts +40 -40
  245. package/src/ui/layout/ContentPlaceholder.spec.tsx +599 -587
  246. package/src/ui/layout/ContentPlaceholder.ts +133 -133
  247. package/src/ui/layout/FirstVisibleChildLayout.spec.tsx +207 -195
  248. package/src/ui/layout/FirstVisibleChildLayout.ts +60 -60
  249. package/src/ui/layout/LabelsLeftLayout.scss +46 -46
  250. package/src/ui/layout/LabelsLeftLayout.tsx +76 -76
  251. package/src/ui/layout/LabelsTopLayout.scss +64 -64
  252. package/src/ui/layout/LabelsTopLayout.tsx +156 -156
  253. package/src/ui/layout/UseParentLayout.ts +8 -8
  254. package/src/ui/layout/exploreChildren.ts +38 -38
  255. package/src/ui/layout/index.scss +3 -3
  256. package/src/ui/layout/index.ts +10 -10
  257. package/src/ui/layout/variables.scss +2 -2
  258. package/src/ui/selection/KeySelection.ts +153 -153
  259. package/src/ui/selection/Selection.ts +128 -128
  260. package/src/ui/selection/index.ts +3 -3
  261. package/src/ui/tpl.ts +4 -4
  262. package/src/ui/variables.scss +1 -1
  263. package/src/util/Component.spec.ts +411 -381
  264. package/src/util/Component.ts +301 -296
  265. package/src/util/Console.ts +13 -13
  266. package/src/util/Debug.ts +71 -71
  267. package/src/util/GlobalCacheIdentifier.ts +11 -11
  268. package/src/util/KeyCode.ts +21 -21
  269. package/src/util/SubscriberList.ts +86 -86
  270. package/src/util/Timing.ts +58 -58
  271. package/src/util/TraversalStack.spec.ts +53 -53
  272. package/src/util/TraversalStack.ts +47 -47
  273. package/src/util/calculateNaturalElementHeight.ts +22 -22
  274. package/src/util/call-once.scss +6 -6
  275. package/src/util/capitalize.ts +4 -4
  276. package/src/util/coalesce.ts +6 -6
  277. package/src/util/color/hslToRgb.ts +34 -34
  278. package/src/util/color/index.ts +4 -4
  279. package/src/util/color/parseColor.ts +173 -173
  280. package/src/util/color/rgbToHex.ts +14 -14
  281. package/src/util/date/dateDiff.ts +9 -9
  282. package/src/util/date/diff.ts +13 -13
  283. package/src/util/date/encodeDate.ts +8 -8
  284. package/src/util/date/encodeDateWithTimezoneOffset.ts +18 -18
  285. package/src/util/date/index.ts +11 -11
  286. package/src/util/date/lowerBoundCheck.ts +13 -13
  287. package/src/util/date/maxDate.ts +14 -14
  288. package/src/util/date/minDate.ts +14 -14
  289. package/src/util/date/monthStart.ts +8 -8
  290. package/src/util/date/parseDateInvariant.ts +20 -20
  291. package/src/util/date/sameDate.ts +11 -11
  292. package/src/util/date/upperBoundCheck.spec.ts +30 -30
  293. package/src/util/date/upperBoundCheck.ts +13 -13
  294. package/src/util/date/zeroTime.ts +9 -9
  295. package/src/util/debounce.ts +26 -26
  296. package/src/util/dummyCallback.ts +1 -1
  297. package/src/util/escapeSpecialRegexCharacters.ts +8 -8
  298. package/src/util/eventCallbacks.ts +12 -12
  299. package/src/util/expandFatArrows.ts +118 -118
  300. package/src/util/findScrollableParent.ts +15 -15
  301. package/src/util/getParentFrameBoundingClientRect.ts +13 -13
  302. package/src/util/getScrollerBoundingClientRect.ts +12 -12
  303. package/src/util/getSearchQueryPredicate.spec.ts +40 -40
  304. package/src/util/getSearchQueryPredicate.ts +58 -58
  305. package/src/util/getTopLevelBoundingClientRect.ts +7 -7
  306. package/src/util/getVendorPrefix.ts +33 -33
  307. package/src/util/hasKey.ts +18 -18
  308. package/src/util/index.scss +10 -10
  309. package/src/util/index.ts +55 -55
  310. package/src/util/isArray.ts +3 -3
  311. package/src/util/isDefined.ts +3 -3
  312. package/src/util/isDigit.ts +8 -8
  313. package/src/util/isFunction.ts +3 -3
  314. package/src/util/isNonEmptyArray.ts +3 -3
  315. package/src/util/isNumber.ts +3 -3
  316. package/src/util/isObject.ts +3 -3
  317. package/src/util/isPromise.ts +6 -6
  318. package/src/util/isString.ts +3 -3
  319. package/src/util/isTextInputElement.ts +2 -2
  320. package/src/util/isTouchDevice.ts +7 -7
  321. package/src/util/isTouchEvent.ts +64 -64
  322. package/src/util/isUndefined.ts +3 -3
  323. package/src/util/isValidIdentifierName.spec.ts +33 -33
  324. package/src/util/isValidIdentifierName.ts +5 -5
  325. package/src/util/onIdleCallback.ts +10 -10
  326. package/src/util/parseStyle.ts +29 -29
  327. package/src/util/quote.ts +6 -6
  328. package/src/util/reverseSlice.ts +9 -9
  329. package/src/util/routeAppend.spec.ts +19 -19
  330. package/src/util/routeAppend.ts +15 -15
  331. package/src/util/scrollElementIntoView.ts +40 -40
  332. package/src/util/scss/add-rules.scss +40 -40
  333. package/src/util/scss/calc.scss +44 -44
  334. package/src/util/scss/call-once.scss +12 -12
  335. package/src/util/scss/clockwise.scss +49 -49
  336. package/src/util/scss/colors.scss +9 -9
  337. package/src/util/scss/deep-get.scss +11 -11
  338. package/src/util/scss/deep-merge.scss +21 -21
  339. package/src/util/scss/divide.scss +3 -3
  340. package/src/util/scss/include.scss +48 -48
  341. package/src/util/scss/index.scss +9 -9
  342. package/src/util/shallowEquals.ts +43 -43
  343. package/src/util/test/createTestRenderer.tsx +19 -12
  344. package/src/util/throttle.ts +21 -21
  345. package/src/util/validatedDebounce.ts +23 -23
  346. package/src/variables.scss +217 -217
  347. package/src/widgets/AccessorBindings.spec.tsx +90 -90
  348. package/src/widgets/Button.scss +119 -119
  349. package/src/widgets/Button.tsx +189 -189
  350. package/src/widgets/Button.variables.scss +117 -117
  351. package/src/widgets/CxCredit.scss +39 -39
  352. package/src/widgets/CxCredit.tsx +46 -46
  353. package/src/widgets/DocumentTitle.ts +95 -95
  354. package/src/widgets/FlexBox.scss +148 -148
  355. package/src/widgets/FlexBox.tsx +168 -168
  356. package/src/widgets/Heading.scss +40 -40
  357. package/src/widgets/Heading.ts +42 -42
  358. package/src/widgets/HighlightedSearchText.scss +20 -20
  359. package/src/widgets/HighlightedSearchText.tsx +54 -54
  360. package/src/widgets/HtmlElement.spec.helpers.tsx +108 -108
  361. package/src/widgets/HtmlElement.spec.tsx +89 -89
  362. package/src/widgets/HtmlElement.tsx +407 -407
  363. package/src/widgets/Icon.scss +22 -22
  364. package/src/widgets/Icon.ts +64 -64
  365. package/src/widgets/List.scss +93 -93
  366. package/src/widgets/List.tsx +793 -793
  367. package/src/widgets/ProgressBar.scss +50 -50
  368. package/src/widgets/ProgressBar.tsx +66 -66
  369. package/src/widgets/ReactElementWrapper.spec.tsx +452 -452
  370. package/src/widgets/ReactElementWrapper.tsx +108 -108
  371. package/src/widgets/Resizer.scss +43 -43
  372. package/src/widgets/Resizer.tsx +200 -200
  373. package/src/widgets/Section.scss +55 -55
  374. package/src/widgets/Section.tsx +187 -187
  375. package/src/widgets/animations.scss +10 -10
  376. package/src/widgets/autoFocus.ts +9 -9
  377. package/src/widgets/cx.ts +63 -63
  378. package/src/widgets/drag-drop/DragClone.scss +35 -35
  379. package/src/widgets/drag-drop/DragHandle.scss +18 -18
  380. package/src/widgets/drag-drop/DragHandle.tsx +47 -47
  381. package/src/widgets/drag-drop/DragSource.scss +26 -26
  382. package/src/widgets/drag-drop/DragSource.tsx +237 -237
  383. package/src/widgets/drag-drop/DropZone.scss +76 -76
  384. package/src/widgets/drag-drop/DropZone.tsx +353 -353
  385. package/src/widgets/drag-drop/index.scss +3 -3
  386. package/src/widgets/drag-drop/index.ts +4 -4
  387. package/src/widgets/drag-drop/ops.tsx +422 -422
  388. package/src/widgets/drag-drop/variables.scss +14 -14
  389. package/src/widgets/enableAllInternalDependencies.ts +11 -11
  390. package/src/widgets/form/Calendar.scss +199 -199
  391. package/src/widgets/form/Calendar.tsx +760 -760
  392. package/src/widgets/form/Calendar.variables.scss +63 -63
  393. package/src/widgets/form/Checkbox.scss +129 -129
  394. package/src/widgets/form/Checkbox.tsx +287 -287
  395. package/src/widgets/form/Checkbox.variables.scss +39 -39
  396. package/src/widgets/form/ColorField.scss +98 -98
  397. package/src/widgets/form/ColorField.tsx +497 -497
  398. package/src/widgets/form/ColorPicker.scss +285 -285
  399. package/src/widgets/form/ColorPicker.tsx +544 -544
  400. package/src/widgets/form/ColorPicker.variables.scss +22 -22
  401. package/src/widgets/form/DateField.ts +21 -21
  402. package/src/widgets/form/DateTimeField.scss +92 -92
  403. package/src/widgets/form/DateTimeField.tsx +726 -726
  404. package/src/widgets/form/DateTimePicker.scss +46 -46
  405. package/src/widgets/form/DateTimePicker.tsx +429 -429
  406. package/src/widgets/form/Field.scss +164 -164
  407. package/src/widgets/form/Field.tsx +608 -608
  408. package/src/widgets/form/FieldGroup.ts +10 -10
  409. package/src/widgets/form/FieldIcon.ts +61 -61
  410. package/src/widgets/form/HelpText.scss +24 -24
  411. package/src/widgets/form/HelpText.ts +15 -15
  412. package/src/widgets/form/Label.scss +37 -37
  413. package/src/widgets/form/Label.tsx +117 -117
  414. package/src/widgets/form/LabeledContainer.ts +77 -77
  415. package/src/widgets/form/LookupField.scss +221 -221
  416. package/src/widgets/form/LookupField.spec.tsx +93 -93
  417. package/src/widgets/form/LookupField.tsx +1421 -1421
  418. package/src/widgets/form/MonthField.scss +100 -100
  419. package/src/widgets/form/MonthField.tsx +670 -670
  420. package/src/widgets/form/MonthPicker.scss +125 -125
  421. package/src/widgets/form/MonthPicker.tsx +822 -822
  422. package/src/widgets/form/NumberField.scss +63 -63
  423. package/src/widgets/form/NumberField.tsx +543 -543
  424. package/src/widgets/form/Radio.scss +123 -123
  425. package/src/widgets/form/Radio.tsx +249 -249
  426. package/src/widgets/form/Radio.variables.scss +45 -45
  427. package/src/widgets/form/Select.scss +101 -101
  428. package/src/widgets/form/Select.tsx +327 -327
  429. package/src/widgets/form/Slider.scss +121 -121
  430. package/src/widgets/form/Slider.tsx +473 -473
  431. package/src/widgets/form/Switch.scss +142 -142
  432. package/src/widgets/form/Switch.tsx +176 -176
  433. package/src/widgets/form/TextArea.scss +45 -45
  434. package/src/widgets/form/TextArea.tsx +229 -229
  435. package/src/widgets/form/TextField.scss +57 -57
  436. package/src/widgets/form/TextField.tsx +407 -407
  437. package/src/widgets/form/TimeField.ts +10 -10
  438. package/src/widgets/form/TimeList.tsx +105 -105
  439. package/src/widgets/form/UploadButton.scss +49 -49
  440. package/src/widgets/form/UploadButton.tsx +307 -307
  441. package/src/widgets/form/ValidationError.scss +22 -22
  442. package/src/widgets/form/ValidationError.tsx +72 -72
  443. package/src/widgets/form/ValidationGroup.spec.tsx +147 -147
  444. package/src/widgets/form/ValidationGroup.ts +141 -141
  445. package/src/widgets/form/Validator.ts +60 -60
  446. package/src/widgets/form/Wheel.scss +152 -152
  447. package/src/widgets/form/Wheel.tsx +314 -314
  448. package/src/widgets/form/index.scss +24 -24
  449. package/src/widgets/form/index.ts +28 -28
  450. package/src/widgets/form/variables.scss +355 -355
  451. package/src/widgets/grid/Grid.scss +640 -640
  452. package/src/widgets/grid/Grid.tsx +4243 -4243
  453. package/src/widgets/grid/GridCellEditor.tsx +58 -58
  454. package/src/widgets/grid/GridRow.ts +302 -302
  455. package/src/widgets/grid/GridRowLine.ts +49 -49
  456. package/src/widgets/grid/Pagination.scss +115 -115
  457. package/src/widgets/grid/Pagination.tsx +126 -126
  458. package/src/widgets/grid/TreeNode.scss +90 -90
  459. package/src/widgets/grid/TreeNode.tsx +154 -154
  460. package/src/widgets/grid/createGridCellEditor.tsx +18 -18
  461. package/src/widgets/grid/index.scss +3 -3
  462. package/src/widgets/grid/index.ts +16 -16
  463. package/src/widgets/grid/variables.scss +137 -137
  464. package/src/widgets/icons/arrow-down.svg +3 -3
  465. package/src/widgets/icons/arrow-right.svg +2 -2
  466. package/src/widgets/icons/base.svg +104 -104
  467. package/src/widgets/icons/calendar-old.svg +169 -169
  468. package/src/widgets/icons/calendar.svg +187 -187
  469. package/src/widgets/icons/calendar.tsx +20 -15
  470. package/src/widgets/icons/check.tsx +2 -1
  471. package/src/widgets/icons/clear.svg +74 -74
  472. package/src/widgets/icons/clear.tsx +2 -1
  473. package/src/widgets/icons/close.svg +74 -74
  474. package/src/widgets/icons/close.tsx +2 -2
  475. package/src/widgets/icons/cx.tsx +2 -1
  476. package/src/widgets/icons/drop-down.tsx +2 -1
  477. package/src/widgets/icons/dropdown-arrow.svg +61 -61
  478. package/src/widgets/icons/file.svg +4 -4
  479. package/src/widgets/icons/file.tsx +2 -1
  480. package/src/widgets/icons/folder-open.svg +5 -5
  481. package/src/widgets/icons/folder-open.tsx +2 -1
  482. package/src/widgets/icons/folder.svg +58 -58
  483. package/src/widgets/icons/folder.tsx +2 -1
  484. package/src/widgets/icons/forward.svg +67 -67
  485. package/src/widgets/icons/forward.tsx +2 -1
  486. package/src/widgets/icons/index.ts +14 -14
  487. package/src/widgets/icons/loading.svg +4 -4
  488. package/src/widgets/icons/loading.tsx +2 -1
  489. package/src/widgets/icons/menu.tsx +2 -1
  490. package/src/widgets/icons/pixel-picker.tsx +2 -2
  491. package/src/widgets/icons/registry.ts +56 -56
  492. package/src/widgets/icons/search.svg +107 -107
  493. package/src/widgets/icons/search.tsx +2 -1
  494. package/src/widgets/icons/sort-asc.svg +3 -3
  495. package/src/widgets/icons/sort-asc.tsx +2 -1
  496. package/src/widgets/icons/square.tsx +2 -1
  497. package/src/widgets/index.d.ts +55 -55
  498. package/src/widgets/index.scss +16 -16
  499. package/src/widgets/index.ts +58 -58
  500. package/src/widgets/nav/Link.scss +20 -20
  501. package/src/widgets/nav/Link.ts +11 -11
  502. package/src/widgets/nav/LinkButton.ts +176 -176
  503. package/src/widgets/nav/Menu.scss +76 -76
  504. package/src/widgets/nav/Menu.tsx +489 -489
  505. package/src/widgets/nav/Menu.variables.scss +25 -25
  506. package/src/widgets/nav/MenuItem.scss +130 -130
  507. package/src/widgets/nav/MenuItem.tsx +525 -525
  508. package/src/widgets/nav/MenuSpacer.ts +18 -18
  509. package/src/widgets/nav/RedirectRoute.ts +49 -49
  510. package/src/widgets/nav/Route.spec.tsx +24 -24
  511. package/src/widgets/nav/Scroller.scss +148 -148
  512. package/src/widgets/nav/Scroller.tsx +252 -252
  513. package/src/widgets/nav/Submenu.ts +6 -6
  514. package/src/widgets/nav/Tab.scss +82 -82
  515. package/src/widgets/nav/Tab.ts +120 -120
  516. package/src/widgets/nav/Tab.variables.scss +84 -84
  517. package/src/widgets/nav/cover.scss +22 -22
  518. package/src/widgets/nav/index.scss +5 -5
  519. package/src/widgets/nav/index.ts +10 -10
  520. package/src/widgets/nav/variables.scss +27 -27
  521. package/src/widgets/overlay/ContextMenu.ts +42 -42
  522. package/src/widgets/overlay/Dropdown.scss +186 -186
  523. package/src/widgets/overlay/FlyweightTooltipTracker.ts +57 -57
  524. package/src/widgets/overlay/Overlay.scss +68 -68
  525. package/src/widgets/overlay/Overlay.tsx +947 -947
  526. package/src/widgets/overlay/Toast.scss +163 -163
  527. package/src/widgets/overlay/Tooltip.scss +177 -177
  528. package/src/widgets/overlay/Tooltip.tsx +393 -393
  529. package/src/widgets/overlay/Window.scss +129 -129
  530. package/src/widgets/overlay/Window.variables.scss +62 -62
  531. package/src/widgets/overlay/captureMouse.scss +13 -13
  532. package/src/widgets/overlay/captureMouse.ts +195 -195
  533. package/src/widgets/overlay/createHotPromiseWindowFactory.ts +71 -71
  534. package/src/widgets/overlay/index.scss +15 -15
  535. package/src/widgets/overlay/tooltip-ops.ts +173 -173
  536. package/src/widgets/overlay/variables.scss +85 -85
  537. package/src/widgets/variables.scss +146 -146
  538. package/tsconfig.compile.json +4 -4
  539. package/tsconfig.json +34 -34
  540. package/tsconfig.mocha.json +14 -14
package/dist/widgets.js CHANGED
@@ -542,171 +542,203 @@ function restoreDefaultIcons() {
542
542
 
543
543
  registerIcon(
544
544
  "calendar",
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
- });
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
+ );
577
581
  },
578
582
  true,
579
583
  );
580
584
 
581
585
  var CheckIcon = registerIcon(
582
586
  "check",
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
- });
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
+ );
592
600
  },
593
601
  true,
594
602
  );
595
603
 
596
604
  var ClearIcon = registerIcon(
597
605
  "clear",
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
- });
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
+ );
609
621
  },
610
622
  true,
611
623
  );
612
624
 
613
625
  registerIcon(
614
626
  "close",
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
- });
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
+ );
626
642
  },
627
643
  true,
628
644
  );
629
645
 
630
646
  var DropdownIcon = registerIcon(
631
647
  "drop-down",
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
- });
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
+ );
643
663
  },
644
664
  true,
645
665
  );
646
666
 
647
667
  registerIcon(
648
668
  "folder",
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
- });
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
+ );
659
683
  },
660
684
  true,
661
685
  );
662
686
 
663
687
  registerIcon(
664
688
  "folder-open",
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
- });
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
+ );
682
710
  },
683
711
  true,
684
712
  );
685
713
 
686
714
  registerIcon(
687
715
  "menu",
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
- });
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
+ );
703
735
  },
704
736
  true,
705
737
  );
706
738
 
707
739
  registerIcon(
708
740
  "loading",
709
- (props) => {
741
+ ({ key, ...props }) => {
710
742
  let style = {
711
743
  animation: "linear infinite 0.5s cx-rotate",
712
744
  };
@@ -715,173 +747,189 @@ registerIcon(
715
747
  ...props,
716
748
  style,
717
749
  };
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
- });
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
+ );
726
762
  },
727
763
  true,
728
764
  );
729
765
 
730
766
  registerIcon(
731
767
  "search",
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
- });
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
+ );
741
781
  },
742
782
  true,
743
783
  );
744
784
 
745
785
  registerIcon(
746
786
  "cx",
747
- (props) => {
748
- return jsx("svg", {
749
- ...props,
750
- viewBox: "-347 249.7 48 48",
751
- children: jsxs("g", {
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",
752
918
  children: [
753
919
  jsx("path", {
920
+ d: "M2 2h5v5h5v7H2z",
754
921
  fill: "currentColor",
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",
922
+ stroke: "none",
850
923
  }),
851
924
  jsx("path", {
925
+ d: "M8 2v4h4z",
852
926
  fill: "currentColor",
853
- d: "M-318.75 289.7h-8.5l4.28-7.33z",
854
- }),
855
- jsx("path", {
856
- fill: "currentColor",
857
- d: "M-300.02 289.7h-8.45l4.23-7.33z",
927
+ stroke: "none",
858
928
  }),
859
929
  ],
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
- });
930
+ },
931
+ key,
932
+ );
885
933
  },
886
934
  true,
887
935
  );
@@ -6603,18 +6651,22 @@ Widget.alias("textfield", TextField);
6603
6651
 
6604
6652
  var SquareIcon = registerIcon(
6605
6653
  "square",
6606
- (props) => {
6607
- return jsx("svg", {
6608
- ...props,
6609
- viewBox: "0 0 64 64",
6610
- children: jsx("rect", {
6611
- x: "12",
6612
- y: "12",
6613
- width: "40",
6614
- height: "40",
6615
- fill: "currentColor",
6616
- }),
6617
- });
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
+ );
6618
6670
  },
6619
6671
  true,
6620
6672
  );
@@ -7266,25 +7318,29 @@ Widget.alias("option", Option);
7266
7318
 
7267
7319
  var ForwardIcon = registerIcon(
7268
7320
  "forward",
7269
- (props) => {
7270
- return jsxs("svg", {
7271
- ...props,
7272
- viewBox: "0 0 20 20",
7273
- children: [
7274
- jsx("path", {
7275
- fill: "currentColor",
7276
- strokeWidth: "0",
7277
- stroke: "currentColor",
7278
- d: "M10.15 15.5L14.5 10l-4.33-5.47-.65.47 3.98 5-4 5z",
7279
- }),
7280
- jsx("path", {
7281
- fill: "currentColor",
7282
- strokeWidth: "0",
7283
- stroke: "currentColor",
7284
- d: "M6.15 15.5L10.5 10 6.17 4.53 5.52 5l3.98 5-4 5z",
7285
- }),
7286
- ],
7287
- });
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
+ );
7288
7344
  },
7289
7345
  true,
7290
7346
  );
@@ -10321,15 +10377,19 @@ function floor5(x) {
10321
10377
 
10322
10378
  var PixelPickerIcon = registerIcon(
10323
10379
  "pixel-picker",
10324
- (props) => {
10325
- return jsx("svg", {
10326
- ...props,
10327
- viewBox: "0 0 30 30",
10328
- children: jsx("path", {
10329
- 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",
10330
- fill: "currentColor",
10331
- }),
10332
- });
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
+ );
10333
10393
  },
10334
10394
  true,
10335
10395
  );
@@ -13652,15 +13712,19 @@ class Validator extends Field {
13652
13712
 
13653
13713
  var DropDownIcon = registerIcon(
13654
13714
  "sort-asc",
13655
- (props) => {
13656
- return jsx("svg", {
13657
- ...props,
13658
- viewBox: "0 0 16 16",
13659
- children: jsx("path", {
13660
- fill: "currentColor",
13661
- d: "M10.5 5.8l-3-3-3 3 .707.708L7 4.688v8.312h1V4.69l1.793 1.817z",
13662
- }),
13663
- });
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
+ );
13664
13728
  },
13665
13729
  true,
13666
13730
  );