@truedat/qx 7.5.9 → 7.5.11

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 (229) hide show
  1. package/package.json +45 -64
  2. package/src/components/QxRoutes.js +38 -19
  3. package/src/components/__tests__/QxRoutes.spec.js +73 -0
  4. package/src/components/__tests__/__snapshots__/QxRoutes.spec.js.snap +60 -0
  5. package/src/components/common/ClauseViewer.js +6 -6
  6. package/src/components/common/DescriptionInput.js +0 -1
  7. package/src/components/common/ResourceSelector.js +2 -3
  8. package/src/components/common/TestFormWrapper.js +2 -13
  9. package/src/components/common/TypeSelector.js +0 -1
  10. package/src/components/common/__tests__/DescriptionInput.spec.js +12 -21
  11. package/src/components/common/__tests__/ResourceSelector.spec.js +42 -87
  12. package/src/components/common/__tests__/TypeSelector.spec.js +0 -1
  13. package/src/components/common/__tests__/__snapshots__/ResourceSelector.spec.js.snap +32 -22
  14. package/src/components/common/expressions/Clauses.js +5 -6
  15. package/src/components/common/expressions/Condition.js +8 -9
  16. package/src/components/common/expressions/ConstantSelector.js +2 -2
  17. package/src/components/common/expressions/Expression.js +2 -2
  18. package/src/components/common/expressions/FieldSelector.js +2 -2
  19. package/src/components/common/expressions/FunctionArgs.js +5 -6
  20. package/src/components/common/expressions/FunctionSelector.js +2 -2
  21. package/src/components/common/expressions/ParamSelector.js +2 -2
  22. package/src/components/common/expressions/ShapeSelector.js +7 -16
  23. package/src/components/common/expressions/__tests__/Clauses.spec.js +10 -9
  24. package/src/components/common/expressions/__tests__/Condition.spec.js +6 -26
  25. package/src/components/common/expressions/__tests__/ConstantSelector.spec.js +14 -30
  26. package/src/components/common/expressions/__tests__/Expression.spec.js +44 -51
  27. package/src/components/common/expressions/__tests__/FieldSelector.spec.js +2 -7
  28. package/src/components/common/expressions/__tests__/FunctionArgs.spec.js +18 -44
  29. package/src/components/common/expressions/__tests__/FunctionSelector.spec.js +19 -27
  30. package/src/components/common/expressions/__tests__/ParamSelector.spec.js +28 -58
  31. package/src/components/common/expressions/__tests__/ShapeSelector.spec.js +42 -43
  32. package/src/components/common/expressions/__tests__/__snapshots__/Condition.spec.js.snap +6 -6
  33. package/src/components/common/expressions/__tests__/__snapshots__/ConstantSelector.spec.js.snap +6 -7
  34. package/src/components/common/expressions/__tests__/__snapshots__/Expression.spec.js.snap +20 -20
  35. package/src/components/common/expressions/__tests__/__snapshots__/FunctionArgs.spec.js.snap +8 -9
  36. package/src/components/common/expressions/__tests__/__snapshots__/FunctionSelector.spec.js.snap +670 -8
  37. package/src/components/common/expressions/__tests__/__snapshots__/ParamSelector.spec.js.snap +5 -5
  38. package/src/components/common/expressions/__tests__/__snapshots__/ShapeSelector.spec.js.snap +9 -9
  39. package/src/components/common/expressions/__tests__/useWatchParams.spec.js +1 -4
  40. package/src/components/common/expressions/constantInputs/AnySelector.js +5 -6
  41. package/src/components/common/expressions/constantInputs/BooleanSelector.js +2 -2
  42. package/src/components/common/expressions/constantInputs/DefaultSelector.js +2 -2
  43. package/src/components/common/expressions/constantInputs/__tests__/AnySelector.spec.js +16 -37
  44. package/src/components/common/expressions/constantInputs/__tests__/BooleanSelector.spec.js +14 -17
  45. package/src/components/common/expressions/constantInputs/__tests__/DefaultSelector.spec.js +12 -27
  46. package/src/components/common/expressions/constantInputs/__tests__/__snapshots__/AnySelector.spec.js.snap +11 -11
  47. package/src/components/common/expressions/constantInputs/__tests__/__snapshots__/DefaultSelector.spec.js.snap +0 -1
  48. package/src/components/common/resourceSelectors/DataStructureSelector.js +2 -2
  49. package/src/components/common/resourceSelectors/DataViewSelector.js +2 -2
  50. package/src/components/common/resourceSelectors/ReferenceDatasetSelector.js +2 -2
  51. package/src/components/common/resourceSelectors/__tests__/DataStructureSelector.spec.js +5 -29
  52. package/src/components/common/resourceSelectors/__tests__/DataViewSelector.spec.js +23 -25
  53. package/src/components/common/resourceSelectors/__tests__/ReferenceDatasetSelector.spec.js +21 -32
  54. package/src/components/common/resourceSelectors/__tests__/__snapshots__/DataStructureSelector.spec.js.snap +3 -4
  55. package/src/components/common/resourceSelectors/__tests__/__snapshots__/DataViewSelector.spec.js.snap +1 -1
  56. package/src/components/common/resourceSelectors/__tests__/__snapshots__/ReferenceDatasetSelector.spec.js.snap +1 -1
  57. package/src/components/dataViews/DataViewEditor.js +5 -6
  58. package/src/components/dataViews/DataViewSelect.js +4 -5
  59. package/src/components/dataViews/DataViews.js +1 -2
  60. package/src/components/dataViews/Queryable.js +4 -4
  61. package/src/components/dataViews/Queryables.js +0 -1
  62. package/src/components/dataViews/__tests__/DataViewEditor.spec.js +36 -111
  63. package/src/components/dataViews/__tests__/DataViewSelect.spec.js +0 -1
  64. package/src/components/dataViews/__tests__/DataViews.spec.js +15 -16
  65. package/src/components/dataViews/__tests__/Queryable.spec.js +0 -1
  66. package/src/components/dataViews/__tests__/Queryables.spec.js +35 -74
  67. package/src/components/dataViews/__tests__/__snapshots__/DataViewEditor.spec.js.snap +61 -55
  68. package/src/components/dataViews/__tests__/__snapshots__/DataViews.spec.js.snap +5 -5
  69. package/src/components/dataViews/__tests__/__snapshots__/Queryables.spec.js.snap +59 -59
  70. package/src/components/dataViews/queryableProperties/From.js +4 -4
  71. package/src/components/dataViews/queryableProperties/GroupBy.js +6 -6
  72. package/src/components/dataViews/queryableProperties/Join.js +6 -6
  73. package/src/components/dataViews/queryableProperties/JoinTypeIcon.js +8 -9
  74. package/src/components/dataViews/queryableProperties/Select.js +4 -5
  75. package/src/components/dataViews/queryableProperties/SelectField.js +4 -4
  76. package/src/components/dataViews/queryableProperties/Where.js +4 -4
  77. package/src/components/dataViews/queryableProperties/__tests__/From.spec.js +0 -1
  78. package/src/components/dataViews/queryableProperties/__tests__/GroupBy.spec.js +16 -42
  79. package/src/components/dataViews/queryableProperties/__tests__/Join.spec.js +6 -29
  80. package/src/components/dataViews/queryableProperties/__tests__/JoinTypeIcon.spec.js +0 -1
  81. package/src/components/dataViews/queryableProperties/__tests__/Select.spec.js +26 -50
  82. package/src/components/dataViews/queryableProperties/__tests__/SelectField.spec.js +22 -42
  83. package/src/components/dataViews/queryableProperties/__tests__/Where.spec.js +6 -17
  84. package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/GroupBy.spec.js.snap +309 -9
  85. package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/Join.spec.js.snap +12 -12
  86. package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/Select.spec.js.snap +192 -18
  87. package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/SelectField.spec.js.snap +6 -8
  88. package/src/components/dataViews/queryableProperties/__tests__/__snapshots__/Where.spec.js.snap +2 -2
  89. package/src/components/functions/FunctionEditor.js +3 -5
  90. package/src/components/functions/FunctionParams.js +2 -3
  91. package/src/components/functions/Functions.js +3 -4
  92. package/src/components/functions/__tests__/FunctionEditor.spec.js +61 -57
  93. package/src/components/functions/__tests__/FunctionParams.spec.js +50 -47
  94. package/src/components/functions/__tests__/Functions.spec.js +5 -12
  95. package/src/components/functions/__tests__/__snapshots__/FunctionParams.spec.js.snap +11 -11
  96. package/src/components/functions/__tests__/__snapshots__/Functions.spec.js.snap +4 -5
  97. package/src/components/qualityControls/ControlProperties.js +4 -4
  98. package/src/components/qualityControls/ControlPropertiesView.js +0 -1
  99. package/src/components/qualityControls/EditQualityControl.js +5 -5
  100. package/src/components/qualityControls/IconPopup.js +0 -1
  101. package/src/components/qualityControls/NewDraftQualityControl.js +8 -6
  102. package/src/components/qualityControls/NewQualityControl.js +5 -6
  103. package/src/components/qualityControls/QualityBadge.js +29 -30
  104. package/src/components/qualityControls/QualityControl.js +4 -7
  105. package/src/components/qualityControls/QualityControlActions.js +7 -7
  106. package/src/components/qualityControls/QualityControlCrumbs.js +1 -3
  107. package/src/components/qualityControls/QualityControlEditor.js +5 -11
  108. package/src/components/qualityControls/QualityControlHeader.js +4 -6
  109. package/src/components/qualityControls/QualityControlHistory.js +3 -3
  110. package/src/components/qualityControls/QualityControlManageDomain.js +2 -2
  111. package/src/components/qualityControls/QualityControlQueryModal.js +1 -1
  112. package/src/components/qualityControls/QualityControlRoutes.js +27 -54
  113. package/src/components/qualityControls/QualityControlRow.js +0 -2
  114. package/src/components/qualityControls/QualityControlScores.js +7 -5
  115. package/src/components/qualityControls/QualityControlTabs.js +2 -2
  116. package/src/components/qualityControls/QualityControls.js +10 -8
  117. package/src/components/qualityControls/QualityControlsLabelResults.js +0 -2
  118. package/src/components/qualityControls/QualityControlsPagination.js +0 -1
  119. package/src/components/qualityControls/QualityControlsTable.js +1 -2
  120. package/src/components/qualityControls/ScoreCriteria.js +4 -4
  121. package/src/components/qualityControls/ScoreCriteriaView.js +0 -1
  122. package/src/components/qualityControls/__tests__/ControlProperties.spec.js +10 -15
  123. package/src/components/qualityControls/__tests__/ControlPropertiesView.spec.js +0 -1
  124. package/src/components/qualityControls/__tests__/EditQualityControl.spec.js +28 -70
  125. package/src/components/qualityControls/__tests__/IconPopup.spec.js +10 -11
  126. package/src/components/qualityControls/__tests__/NewDraftQualityControl.spec.js +33 -70
  127. package/src/components/qualityControls/__tests__/NewQualityControl.spec.js +81 -113
  128. package/src/components/qualityControls/__tests__/QualityBadge.spec.js +50 -58
  129. package/src/components/qualityControls/__tests__/QualityControl.spec.js +19 -31
  130. package/src/components/qualityControls/__tests__/QualityControlActions.spec.js +49 -46
  131. package/src/components/qualityControls/__tests__/QualityControlCrumbs.spec.js +0 -1
  132. package/src/components/qualityControls/__tests__/QualityControlEditor.spec.js +68 -107
  133. package/src/components/qualityControls/__tests__/QualityControlHeader.spec.js +22 -25
  134. package/src/components/qualityControls/__tests__/QualityControlHistory.spec.js +6 -6
  135. package/src/components/qualityControls/__tests__/QualityControlManageDomain.spec.js +0 -1
  136. package/src/components/qualityControls/__tests__/QualityControlQueryModal.spec.js +12 -11
  137. package/src/components/qualityControls/__tests__/QualityControlRow.spec.js +4 -8
  138. package/src/components/qualityControls/__tests__/QualityControlScores.spec.js +23 -19
  139. package/src/components/qualityControls/__tests__/QualityControlTabs.spec.js +2 -3
  140. package/src/components/qualityControls/__tests__/QualityControls.spec.js +69 -53
  141. package/src/components/qualityControls/__tests__/QualityControlsLabelResults.spec.js +0 -1
  142. package/src/components/qualityControls/__tests__/QualityControlsPagination.spec.js +0 -1
  143. package/src/components/qualityControls/__tests__/QualityControlsTable.spec.js +2 -3
  144. package/src/components/qualityControls/__tests__/ScoreCriteria.spec.js +0 -1
  145. package/src/components/qualityControls/__tests__/ScoreCriteriaView.spec.js +0 -1
  146. package/src/components/qualityControls/__tests__/__fixtures__/qualityControlHelper.js +1 -1
  147. package/src/components/qualityControls/__tests__/__snapshots__/EditQualityControl.spec.js.snap +32 -34
  148. package/src/components/qualityControls/__tests__/__snapshots__/NewDraftQualityControl.spec.js.snap +31 -33
  149. package/src/components/qualityControls/__tests__/__snapshots__/NewQualityControl.spec.js.snap +17 -19
  150. package/src/components/qualityControls/__tests__/__snapshots__/QualityControl.spec.js.snap +9 -15
  151. package/src/components/qualityControls/__tests__/__snapshots__/QualityControlActions.spec.js.snap +5 -4
  152. package/src/components/qualityControls/__tests__/__snapshots__/QualityControlCrumbs.spec.js.snap +1 -0
  153. package/src/components/qualityControls/__tests__/__snapshots__/QualityControlEditor.spec.js.snap +0 -3
  154. package/src/components/qualityControls/__tests__/__snapshots__/QualityControlHeader.spec.js.snap +16 -11
  155. package/src/components/qualityControls/__tests__/__snapshots__/QualityControlHistory.spec.js.snap +2 -0
  156. package/src/components/qualityControls/__tests__/__snapshots__/QualityControlRow.spec.js.snap +2 -1
  157. package/src/components/qualityControls/__tests__/__snapshots__/QualityControlScores.spec.js.snap +3 -0
  158. package/src/components/qualityControls/__tests__/__snapshots__/QualityControlTabs.spec.js.snap +3 -0
  159. package/src/components/qualityControls/__tests__/__snapshots__/QualityControls.spec.js.snap +11 -21
  160. package/src/components/qualityControls/__tests__/__snapshots__/QualityControlsTable.spec.js.snap +2 -0
  161. package/src/components/qualityControls/controlProperties/Count.js +5 -5
  162. package/src/components/qualityControls/controlProperties/Ratio.js +6 -8
  163. package/src/components/qualityControls/controlProperties/__tests__/Count.spec.js +6 -11
  164. package/src/components/qualityControls/controlProperties/__tests__/Ratio.spec.js +9 -27
  165. package/src/components/qualityControls/controlProperties/__tests__/__snapshots__/Ratio.spec.js.snap +10 -10
  166. package/src/components/qualityControls/qualityByControlMode.js +14 -14
  167. package/src/components/qualityControls/qualityControlScoresColumns.js +1 -2
  168. package/src/components/qualityControls/scoreCriterias/Deviation.js +2 -2
  169. package/src/components/qualityControls/scoreCriterias/ErrorCount.js +3 -4
  170. package/src/components/qualityControls/scoreCriterias/Percentage.js +2 -2
  171. package/src/components/qualityControls/scoreCriterias/__tests__/Deviation.spec.js +0 -1
  172. package/src/components/qualityControls/scoreCriterias/__tests__/ErrorCount.spec.js +39 -43
  173. package/src/components/qualityControls/scoreCriterias/__tests__/Percentage.spec.js +23 -19
  174. package/src/components/qualityControls/scoreCriterias/__tests__/__snapshots__/ErrorCount.spec.js.snap +4 -7
  175. package/src/components/scores/MyScoreGroups.js +0 -1
  176. package/src/components/scores/QualityBar.js +24 -22
  177. package/src/components/scores/Score.js +4 -5
  178. package/src/components/scores/ScoreCrumbs.js +3 -5
  179. package/src/components/scores/ScoreDetails.js +2 -2
  180. package/src/components/scores/ScoreEvents.js +2 -2
  181. package/src/components/scores/ScoreGroup.js +5 -4
  182. package/src/components/scores/ScoreGroupBreadcrumbs.js +1 -2
  183. package/src/components/scores/ScoreGroupForm.js +2 -4
  184. package/src/components/scores/ScoreGroupLink.js +1 -2
  185. package/src/components/scores/ScoreGroupMessage.js +0 -1
  186. package/src/components/scores/ScoreGroupPopup.js +1 -1
  187. package/src/components/scores/ScoreGroupsRoutes.js +19 -0
  188. package/src/components/scores/ScoreGroupsTable.js +15 -48
  189. package/src/components/scores/ScoreRoutes.js +9 -24
  190. package/src/components/scores/ScoreStatusDecorator.js +1 -2
  191. package/src/components/scores/ScoreTabs.js +2 -2
  192. package/src/components/scores/__tests__/MyScoreGroups.spec.js +0 -1
  193. package/src/components/scores/__tests__/QualityBar.spec.js +19 -26
  194. package/src/components/scores/__tests__/Score.spec.js +2 -3
  195. package/src/components/scores/__tests__/ScoreCrumbs.spec.js +4 -5
  196. package/src/components/scores/__tests__/ScoreDetails.spec.js +4 -5
  197. package/src/components/scores/__tests__/ScoreEvents.spec.js +2 -3
  198. package/src/components/scores/__tests__/ScoreGroup.spec.js +15 -14
  199. package/src/components/scores/__tests__/ScoreGroupBreadcrumbs.spec.js +0 -1
  200. package/src/components/scores/__tests__/ScoreGroupForm.spec.js +18 -34
  201. package/src/components/scores/__tests__/ScoreGroupLink.spec.js +0 -1
  202. package/src/components/scores/__tests__/ScoreGroupMessage.spec.js +0 -1
  203. package/src/components/scores/__tests__/ScoreGroupPopup.spec.js +0 -2
  204. package/src/components/scores/__tests__/ScoreGroupsRoutes.spec.js +32 -0
  205. package/src/components/scores/__tests__/ScoreGroupsTable.spec.js +0 -1
  206. package/src/components/scores/__tests__/ScoreStatusDecorator.spec.js +0 -1
  207. package/src/components/scores/__tests__/ScoreTabs.spec.js +3 -4
  208. package/src/components/scores/__tests__/__snapshots__/MyScoreGroups.spec.js.snap +2 -0
  209. package/src/components/scores/__tests__/__snapshots__/Score.spec.js.snap +4 -0
  210. package/src/components/scores/__tests__/__snapshots__/ScoreCrumbs.spec.js.snap +2 -0
  211. package/src/components/scores/__tests__/__snapshots__/ScoreDetails.spec.js.snap +1 -0
  212. package/src/components/scores/__tests__/__snapshots__/ScoreGroup.spec.js.snap +39 -10
  213. package/src/components/scores/__tests__/__snapshots__/ScoreGroupBreadcrumbs.spec.js.snap +1 -0
  214. package/src/components/scores/__tests__/__snapshots__/ScoreGroupForm.spec.js.snap +10 -10
  215. package/src/components/scores/__tests__/__snapshots__/ScoreGroupLink.spec.js.snap +1 -0
  216. package/src/components/scores/__tests__/__snapshots__/ScoreGroupsRoutes.spec.js.snap +19 -0
  217. package/src/components/scores/__tests__/__snapshots__/ScoreGroupsTable.spec.js.snap +2 -0
  218. package/src/components/scores/__tests__/__snapshots__/ScoreStatusDecorator.spec.js.snap +5 -0
  219. package/src/components/scores/__tests__/__snapshots__/ScoreTabs.spec.js.snap +4 -0
  220. package/src/hooks/__tests__/useDataViews.spec.js +1 -1
  221. package/src/hooks/__tests__/useFunctions.spec.js +5 -5
  222. package/src/hooks/useDataViews.js +2 -2
  223. package/src/hooks/useExecutionGroups.js +1 -1
  224. package/src/hooks/useFunctions.js +4 -4
  225. package/src/hooks/useQualityControls.js +13 -7
  226. package/src/hooks/useScoreGroups.js +1 -1
  227. package/src/hooks/useScores.js +2 -2
  228. package/src/styles/scores.less +21 -21
  229. package/src/types.js +1 -4
package/src/components/common/expressions/__tests__/__snapshots__/FunctionSelector.spec.js.snap CHANGED
@@ -34,7 +34,7 @@ exports[`<FunctionSelector /> matches the latest snapshot 1`] = `
34
34
  class="divider text"
35
35
  role="alert"
36
36
  >
37
- function.placeholder
37
+ functions.form.expression.function.placeholder
38
38
  </div>
39
39
  <i
40
40
  aria-hidden="true"
@@ -64,7 +64,7 @@ exports[`<FunctionSelector /> user interaction 1`] = `
64
64
  <div>
65
65
  <div
66
66
  class="accordion ui fluid no-margin"
67
- style="display: none;"
67
+ style=""
68
68
  >
69
69
  <div
70
70
  class="active title no-padding"
@@ -77,8 +77,8 @@ exports[`<FunctionSelector /> user interaction 1`] = `
77
77
  class="dropdown icon"
78
78
  />
79
79
  <div
80
- aria-expanded="true"
81
- class="ui active visible fluid search selection dropdown"
80
+ aria-expanded="false"
81
+ class="ui fluid search selection dropdown"
82
82
  role="combobox"
83
83
  >
84
84
  <input
@@ -102,7 +102,7 @@ exports[`<FunctionSelector /> user interaction 1`] = `
102
102
  class="dropdown icon"
103
103
  />
104
104
  <div
105
- class="visible menu transition"
105
+ class="menu transition"
106
106
  role="listbox"
107
107
  >
108
108
  <div
@@ -183,6 +183,172 @@ exports[`<FunctionSelector /> user interaction 1`] = `
183
183
  class="param-label-description"
184
184
  />
185
185
  </div>
186
+ <div
187
+ class="ui grid"
188
+ >
189
+ <div
190
+ class="sixteen wide column"
191
+ >
192
+ <div
193
+ class="expression-container"
194
+ >
195
+ <div
196
+ aria-expanded="false"
197
+ class="ui top left pointing dropdown"
198
+ role="listbox"
199
+ tabindex="0"
200
+ >
201
+ <div
202
+ class="shape-selector-trigger"
203
+ >
204
+ f(x)
205
+ </div>
206
+ <div
207
+ class="menu transition"
208
+ >
209
+ <div
210
+ aria-checked="false"
211
+ aria-selected="false"
212
+ class="item"
213
+ role="option"
214
+ style="pointer-events: all;"
215
+ >
216
+ <div
217
+ class="text flex-center"
218
+ >
219
+ <small
220
+ style="margin-right: 5px;"
221
+ >
222
+ <b>
223
+ <code>
224
+ [π]
225
+ </code>
226
+ </b>
227
+ </small>
228
+ functions.expression.shape.constant
229
+ </div>
230
+ </div>
231
+ <div
232
+ aria-checked="true"
233
+ aria-selected="true"
234
+ class="active selected item"
235
+ role="option"
236
+ style="pointer-events: all;"
237
+ >
238
+ <div
239
+ class="text flex-center"
240
+ >
241
+ <small
242
+ style="margin-right: 5px;"
243
+ >
244
+ <b>
245
+ <code>
246
+ f(x)
247
+ </code>
248
+ </b>
249
+ </small>
250
+ functions.expression.shape.function
251
+ </div>
252
+ </div>
253
+ </div>
254
+ </div>
255
+ <div
256
+ class="accordion ui fluid no-margin"
257
+ >
258
+ <div
259
+ class="active title no-padding"
260
+ >
261
+ <div
262
+ class="flex-center"
263
+ >
264
+ <i
265
+ aria-hidden="true"
266
+ class="dropdown icon"
267
+ />
268
+ <div
269
+ aria-expanded="false"
270
+ class="ui fluid search selection dropdown"
271
+ role="combobox"
272
+ >
273
+ <input
274
+ aria-autocomplete="list"
275
+ autocomplete="off"
276
+ class="search"
277
+ tabindex="0"
278
+ type="text"
279
+ value=""
280
+ />
281
+ <div
282
+ aria-atomic="true"
283
+ aria-live="polite"
284
+ class="divider text"
285
+ role="alert"
286
+ >
287
+ functions.form.expression.function.placeholder
288
+ </div>
289
+ <i
290
+ aria-hidden="true"
291
+ class="dropdown icon"
292
+ />
293
+ <div
294
+ class="menu transition"
295
+ role="listbox"
296
+ >
297
+ <div
298
+ aria-checked="false"
299
+ aria-selected="true"
300
+ class="selected item"
301
+ role="option"
302
+ style="pointer-events: all;"
303
+ >
304
+ <div
305
+ class="ui header"
306
+ >
307
+ <div
308
+ class="flex-center"
309
+ >
310
+ <div>
311
+ eq
312
+ </div>
313
+ <div
314
+ class="function-params-label"
315
+ >
316
+ <div
317
+ class="ui grey label"
318
+ >
319
+ <i
320
+ aria-hidden="true"
321
+ class="question circle outline icon"
322
+ />
323
+ arg1
324
+ </div>
325
+ <div
326
+ class="ui grey label"
327
+ >
328
+ <i
329
+ aria-hidden="true"
330
+ class="question circle outline icon"
331
+ />
332
+ arg2
333
+ </div>
334
+ </div>
335
+ </div>
336
+ </div>
337
+ <div
338
+ class="sub header"
339
+ />
340
+ </div>
341
+ </div>
342
+ </div>
343
+ </div>
344
+ </div>
345
+ <div
346
+ class="content active no-padding"
347
+ />
348
+ </div>
349
+ </div>
350
+ </div>
351
+ </div>
186
352
  </div>
187
353
  </li>
188
354
  <li>
@@ -209,12 +375,177 @@ exports[`<FunctionSelector /> user interaction 1`] = `
209
375
  class="param-label-description"
210
376
  />
211
377
  </div>
378
+ <div
379
+ class="ui grid"
380
+ >
381
+ <div
382
+ class="sixteen wide column"
383
+ >
384
+ <div
385
+ class="expression-container"
386
+ >
387
+ <div
388
+ aria-expanded="false"
389
+ class="ui top left pointing dropdown"
390
+ role="listbox"
391
+ tabindex="0"
392
+ >
393
+ <div
394
+ class="shape-selector-trigger"
395
+ >
396
+ f(x)
397
+ </div>
398
+ <div
399
+ class="menu transition"
400
+ >
401
+ <div
402
+ aria-checked="false"
403
+ aria-selected="false"
404
+ class="item"
405
+ role="option"
406
+ style="pointer-events: all;"
407
+ >
408
+ <div
409
+ class="text flex-center"
410
+ >
411
+ <small
412
+ style="margin-right: 5px;"
413
+ >
414
+ <b>
415
+ <code>
416
+ [π]
417
+ </code>
418
+ </b>
419
+ </small>
420
+ functions.expression.shape.constant
421
+ </div>
422
+ </div>
423
+ <div
424
+ aria-checked="true"
425
+ aria-selected="true"
426
+ class="active selected item"
427
+ role="option"
428
+ style="pointer-events: all;"
429
+ >
430
+ <div
431
+ class="text flex-center"
432
+ >
433
+ <small
434
+ style="margin-right: 5px;"
435
+ >
436
+ <b>
437
+ <code>
438
+ f(x)
439
+ </code>
440
+ </b>
441
+ </small>
442
+ functions.expression.shape.function
443
+ </div>
444
+ </div>
445
+ </div>
446
+ </div>
447
+ <div
448
+ class="accordion ui fluid no-margin"
449
+ >
450
+ <div
451
+ class="active title no-padding"
452
+ >
453
+ <div
454
+ class="flex-center"
455
+ >
456
+ <i
457
+ aria-hidden="true"
458
+ class="dropdown icon"
459
+ />
460
+ <div
461
+ aria-expanded="false"
462
+ class="ui fluid search selection dropdown"
463
+ role="combobox"
464
+ >
465
+ <input
466
+ aria-autocomplete="list"
467
+ autocomplete="off"
468
+ class="search"
469
+ tabindex="0"
470
+ type="text"
471
+ value=""
472
+ />
473
+ <div
474
+ aria-atomic="true"
475
+ aria-live="polite"
476
+ class="divider text"
477
+ role="alert"
478
+ >
479
+ functions.form.expression.function.placeholder
480
+ </div>
481
+ <i
482
+ aria-hidden="true"
483
+ class="dropdown icon"
484
+ />
485
+ <div
486
+ class="menu transition"
487
+ role="listbox"
488
+ >
489
+ <div
490
+ aria-checked="false"
491
+ aria-selected="true"
492
+ class="selected item"
493
+ role="option"
494
+ style="pointer-events: all;"
495
+ >
496
+ <div
497
+ class="ui header"
498
+ >
499
+ <div
500
+ class="flex-center"
501
+ >
502
+ <div>
503
+ eq
504
+ </div>
505
+ <div
506
+ class="function-params-label"
507
+ >
508
+ <div
509
+ class="ui grey label"
510
+ >
511
+ <i
512
+ aria-hidden="true"
513
+ class="question circle outline icon"
514
+ />
515
+ arg1
516
+ </div>
517
+ <div
518
+ class="ui grey label"
519
+ >
520
+ <i
521
+ aria-hidden="true"
522
+ class="question circle outline icon"
523
+ />
524
+ arg2
525
+ </div>
526
+ </div>
527
+ </div>
528
+ </div>
529
+ <div
530
+ class="sub header"
531
+ />
532
+ </div>
533
+ </div>
534
+ </div>
535
+ </div>
536
+ </div>
537
+ <div
538
+ class="content active no-padding"
539
+ />
540
+ </div>
541
+ </div>
542
+ </div>
543
+ </div>
212
544
  </div>
213
545
  </li>
214
546
  </ul>
215
547
  </div>
216
548
  </div>
217
- lazy
218
549
  </div>
219
550
  `;
220
551
 
@@ -222,7 +553,7 @@ exports[`<FunctionSelector /> user interaction 2`] = `
222
553
  <div>
223
554
  <div
224
555
  class="accordion ui fluid no-margin"
225
- style="display: none;"
556
+ style=""
226
557
  >
227
558
  <div
228
559
  class="title no-padding"
@@ -341,6 +672,172 @@ exports[`<FunctionSelector /> user interaction 2`] = `
341
672
  class="param-label-description"
342
673
  />
343
674
  </div>
675
+ <div
676
+ class="ui grid"
677
+ >
678
+ <div
679
+ class="sixteen wide column"
680
+ >
681
+ <div
682
+ class="expression-container"
683
+ >
684
+ <div
685
+ aria-expanded="false"
686
+ class="ui top left pointing dropdown"
687
+ role="listbox"
688
+ tabindex="0"
689
+ >
690
+ <div
691
+ class="shape-selector-trigger"
692
+ >
693
+ f(x)
694
+ </div>
695
+ <div
696
+ class="menu transition"
697
+ >
698
+ <div
699
+ aria-checked="false"
700
+ aria-selected="false"
701
+ class="item"
702
+ role="option"
703
+ style="pointer-events: all;"
704
+ >
705
+ <div
706
+ class="text flex-center"
707
+ >
708
+ <small
709
+ style="margin-right: 5px;"
710
+ >
711
+ <b>
712
+ <code>
713
+ [π]
714
+ </code>
715
+ </b>
716
+ </small>
717
+ functions.expression.shape.constant
718
+ </div>
719
+ </div>
720
+ <div
721
+ aria-checked="true"
722
+ aria-selected="true"
723
+ class="active selected item"
724
+ role="option"
725
+ style="pointer-events: all;"
726
+ >
727
+ <div
728
+ class="text flex-center"
729
+ >
730
+ <small
731
+ style="margin-right: 5px;"
732
+ >
733
+ <b>
734
+ <code>
735
+ f(x)
736
+ </code>
737
+ </b>
738
+ </small>
739
+ functions.expression.shape.function
740
+ </div>
741
+ </div>
742
+ </div>
743
+ </div>
744
+ <div
745
+ class="accordion ui fluid no-margin"
746
+ >
747
+ <div
748
+ class="active title no-padding"
749
+ >
750
+ <div
751
+ class="flex-center"
752
+ >
753
+ <i
754
+ aria-hidden="true"
755
+ class="dropdown icon"
756
+ />
757
+ <div
758
+ aria-expanded="false"
759
+ class="ui fluid search selection dropdown"
760
+ role="combobox"
761
+ >
762
+ <input
763
+ aria-autocomplete="list"
764
+ autocomplete="off"
765
+ class="search"
766
+ tabindex="0"
767
+ type="text"
768
+ value=""
769
+ />
770
+ <div
771
+ aria-atomic="true"
772
+ aria-live="polite"
773
+ class="divider text"
774
+ role="alert"
775
+ >
776
+ functions.form.expression.function.placeholder
777
+ </div>
778
+ <i
779
+ aria-hidden="true"
780
+ class="dropdown icon"
781
+ />
782
+ <div
783
+ class="menu transition"
784
+ role="listbox"
785
+ >
786
+ <div
787
+ aria-checked="false"
788
+ aria-selected="true"
789
+ class="selected item"
790
+ role="option"
791
+ style="pointer-events: all;"
792
+ >
793
+ <div
794
+ class="ui header"
795
+ >
796
+ <div
797
+ class="flex-center"
798
+ >
799
+ <div>
800
+ eq
801
+ </div>
802
+ <div
803
+ class="function-params-label"
804
+ >
805
+ <div
806
+ class="ui grey label"
807
+ >
808
+ <i
809
+ aria-hidden="true"
810
+ class="question circle outline icon"
811
+ />
812
+ arg1
813
+ </div>
814
+ <div
815
+ class="ui grey label"
816
+ >
817
+ <i
818
+ aria-hidden="true"
819
+ class="question circle outline icon"
820
+ />
821
+ arg2
822
+ </div>
823
+ </div>
824
+ </div>
825
+ </div>
826
+ <div
827
+ class="sub header"
828
+ />
829
+ </div>
830
+ </div>
831
+ </div>
832
+ </div>
833
+ </div>
834
+ <div
835
+ class="content active no-padding"
836
+ />
837
+ </div>
838
+ </div>
839
+ </div>
840
+ </div>
344
841
  </div>
345
842
  </li>
346
843
  <li>
@@ -367,11 +864,176 @@ exports[`<FunctionSelector /> user interaction 2`] = `
367
864
  class="param-label-description"
368
865
  />
369
866
  </div>
867
+ <div
868
+ class="ui grid"
869
+ >
870
+ <div
871
+ class="sixteen wide column"
872
+ >
873
+ <div
874
+ class="expression-container"
875
+ >
876
+ <div
877
+ aria-expanded="false"
878
+ class="ui top left pointing dropdown"
879
+ role="listbox"
880
+ tabindex="0"
881
+ >
882
+ <div
883
+ class="shape-selector-trigger"
884
+ >
885
+ f(x)
886
+ </div>
887
+ <div
888
+ class="menu transition"
889
+ >
890
+ <div
891
+ aria-checked="false"
892
+ aria-selected="false"
893
+ class="item"
894
+ role="option"
895
+ style="pointer-events: all;"
896
+ >
897
+ <div
898
+ class="text flex-center"
899
+ >
900
+ <small
901
+ style="margin-right: 5px;"
902
+ >
903
+ <b>
904
+ <code>
905
+ [π]
906
+ </code>
907
+ </b>
908
+ </small>
909
+ functions.expression.shape.constant
910
+ </div>
911
+ </div>
912
+ <div
913
+ aria-checked="true"
914
+ aria-selected="true"
915
+ class="active selected item"
916
+ role="option"
917
+ style="pointer-events: all;"
918
+ >
919
+ <div
920
+ class="text flex-center"
921
+ >
922
+ <small
923
+ style="margin-right: 5px;"
924
+ >
925
+ <b>
926
+ <code>
927
+ f(x)
928
+ </code>
929
+ </b>
930
+ </small>
931
+ functions.expression.shape.function
932
+ </div>
933
+ </div>
934
+ </div>
935
+ </div>
936
+ <div
937
+ class="accordion ui fluid no-margin"
938
+ >
939
+ <div
940
+ class="active title no-padding"
941
+ >
942
+ <div
943
+ class="flex-center"
944
+ >
945
+ <i
946
+ aria-hidden="true"
947
+ class="dropdown icon"
948
+ />
949
+ <div
950
+ aria-expanded="false"
951
+ class="ui fluid search selection dropdown"
952
+ role="combobox"
953
+ >
954
+ <input
955
+ aria-autocomplete="list"
956
+ autocomplete="off"
957
+ class="search"
958
+ tabindex="0"
959
+ type="text"
960
+ value=""
961
+ />
962
+ <div
963
+ aria-atomic="true"
964
+ aria-live="polite"
965
+ class="divider text"
966
+ role="alert"
967
+ >
968
+ functions.form.expression.function.placeholder
969
+ </div>
970
+ <i
971
+ aria-hidden="true"
972
+ class="dropdown icon"
973
+ />
974
+ <div
975
+ class="menu transition"
976
+ role="listbox"
977
+ >
978
+ <div
979
+ aria-checked="false"
980
+ aria-selected="true"
981
+ class="selected item"
982
+ role="option"
983
+ style="pointer-events: all;"
984
+ >
985
+ <div
986
+ class="ui header"
987
+ >
988
+ <div
989
+ class="flex-center"
990
+ >
991
+ <div>
992
+ eq
993
+ </div>
994
+ <div
995
+ class="function-params-label"
996
+ >
997
+ <div
998
+ class="ui grey label"
999
+ >
1000
+ <i
1001
+ aria-hidden="true"
1002
+ class="question circle outline icon"
1003
+ />
1004
+ arg1
1005
+ </div>
1006
+ <div
1007
+ class="ui grey label"
1008
+ >
1009
+ <i
1010
+ aria-hidden="true"
1011
+ class="question circle outline icon"
1012
+ />
1013
+ arg2
1014
+ </div>
1015
+ </div>
1016
+ </div>
1017
+ </div>
1018
+ <div
1019
+ class="sub header"
1020
+ />
1021
+ </div>
1022
+ </div>
1023
+ </div>
1024
+ </div>
1025
+ </div>
1026
+ <div
1027
+ class="content active no-padding"
1028
+ />
1029
+ </div>
1030
+ </div>
1031
+ </div>
1032
+ </div>
370
1033
  </div>
371
1034
  </li>
372
1035
  </ul>
373
1036
  </div>
374
1037
  </div>
375
- lazy
376
1038
  </div>
377
1039
  `;