@bryntum/core-react-thin 7.2.4 → 7.3.1

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 (204) hide show
  1. package/lib/BryntumBooleanCombo.d.ts +262 -0
  2. package/lib/BryntumBooleanCombo.js +205 -0
  3. package/lib/BryntumBooleanCombo.js.map +1 -0
  4. package/lib/BryntumButton.d.ts +9 -17
  5. package/lib/BryntumButton.js +1 -2
  6. package/lib/BryntumButton.js.map +1 -1
  7. package/lib/BryntumButtonGroup.d.ts +9 -16
  8. package/lib/BryntumButtonGroup.js +2 -5
  9. package/lib/BryntumButtonGroup.js.map +1 -1
  10. package/lib/BryntumChatPanel.d.ts +19 -23
  11. package/lib/BryntumChatPanel.js +7 -6
  12. package/lib/BryntumChatPanel.js.map +1 -1
  13. package/lib/BryntumCheckbox.d.ts +10 -17
  14. package/lib/BryntumCheckbox.js +2 -2
  15. package/lib/BryntumCheckbox.js.map +1 -1
  16. package/lib/BryntumCheckboxGroup.d.ts +12 -24
  17. package/lib/BryntumCheckboxGroup.js +2 -6
  18. package/lib/BryntumCheckboxGroup.js.map +1 -1
  19. package/lib/BryntumChipView.d.ts +8 -16
  20. package/lib/BryntumChipView.js +1 -2
  21. package/lib/BryntumChipView.js.map +1 -1
  22. package/lib/BryntumCodeEditor.d.ts +12 -23
  23. package/lib/BryntumCodeEditor.js +2 -5
  24. package/lib/BryntumCodeEditor.js.map +1 -1
  25. package/lib/BryntumColorField.d.ts +9 -16
  26. package/lib/BryntumColorField.js +2 -2
  27. package/lib/BryntumColorField.js.map +1 -1
  28. package/lib/BryntumCombo.d.ts +12 -19
  29. package/lib/BryntumCombo.js +2 -2
  30. package/lib/BryntumCombo.js.map +1 -1
  31. package/lib/BryntumContainer.d.ts +8 -15
  32. package/lib/BryntumContainer.js +2 -5
  33. package/lib/BryntumContainer.js.map +1 -1
  34. package/lib/BryntumDateField.d.ts +9 -16
  35. package/lib/BryntumDateField.js +2 -2
  36. package/lib/BryntumDateField.js.map +1 -1
  37. package/lib/BryntumDatePicker.d.ts +12 -23
  38. package/lib/BryntumDatePicker.js +2 -5
  39. package/lib/BryntumDatePicker.js.map +1 -1
  40. package/lib/BryntumDateRangeField.d.ts +12 -19
  41. package/lib/BryntumDateRangeField.js +2 -2
  42. package/lib/BryntumDateRangeField.js.map +1 -1
  43. package/lib/BryntumDateTimeField.d.ts +9 -16
  44. package/lib/BryntumDateTimeField.js +2 -2
  45. package/lib/BryntumDateTimeField.js.map +1 -1
  46. package/lib/BryntumDemoCodeEditor.d.ts +12 -23
  47. package/lib/BryntumDemoCodeEditor.js +2 -5
  48. package/lib/BryntumDemoCodeEditor.js.map +1 -1
  49. package/lib/BryntumDisplayField.d.ts +9 -16
  50. package/lib/BryntumDisplayField.js +2 -2
  51. package/lib/BryntumDisplayField.js.map +1 -1
  52. package/lib/BryntumDurationField.d.ts +9 -16
  53. package/lib/BryntumDurationField.js +2 -2
  54. package/lib/BryntumDurationField.js.map +1 -1
  55. package/lib/BryntumEditor.d.ts +14 -24
  56. package/lib/BryntumEditor.js +2 -5
  57. package/lib/BryntumEditor.js.map +1 -1
  58. package/lib/BryntumFieldFilterPicker.d.ts +8 -15
  59. package/lib/BryntumFieldFilterPicker.js +2 -5
  60. package/lib/BryntumFieldFilterPicker.js.map +1 -1
  61. package/lib/BryntumFieldFilterPickerGroup.d.ts +9 -16
  62. package/lib/BryntumFieldFilterPickerGroup.js +2 -5
  63. package/lib/BryntumFieldFilterPickerGroup.js.map +1 -1
  64. package/lib/BryntumFieldSet.d.ts +12 -24
  65. package/lib/BryntumFieldSet.js +2 -6
  66. package/lib/BryntumFieldSet.js.map +1 -1
  67. package/lib/BryntumFileField.d.ts +9 -16
  68. package/lib/BryntumFileField.js +2 -2
  69. package/lib/BryntumFileField.js.map +1 -1
  70. package/lib/BryntumFilePicker.d.ts +8 -15
  71. package/lib/BryntumFilePicker.js +2 -5
  72. package/lib/BryntumFilePicker.js.map +1 -1
  73. package/lib/BryntumFilterField.d.ts +9 -16
  74. package/lib/BryntumFilterField.js +2 -2
  75. package/lib/BryntumFilterField.js.map +1 -1
  76. package/lib/BryntumHint.d.ts +24 -33
  77. package/lib/BryntumHint.js +2 -5
  78. package/lib/BryntumHint.js.map +1 -1
  79. package/lib/BryntumLabel.d.ts +7 -15
  80. package/lib/BryntumLabel.js +1 -2
  81. package/lib/BryntumLabel.js.map +1 -1
  82. package/lib/BryntumList.d.ts +8 -16
  83. package/lib/BryntumList.js +1 -2
  84. package/lib/BryntumList.js.map +1 -1
  85. package/lib/BryntumMenu.d.ts +23 -28
  86. package/lib/BryntumMenu.js +2 -6
  87. package/lib/BryntumMenu.js.map +1 -1
  88. package/lib/BryntumMonthPicker.d.ts +12 -23
  89. package/lib/BryntumMonthPicker.js +2 -5
  90. package/lib/BryntumMonthPicker.js.map +1 -1
  91. package/lib/BryntumNumberField.d.ts +9 -16
  92. package/lib/BryntumNumberField.js +2 -2
  93. package/lib/BryntumNumberField.js.map +1 -1
  94. package/lib/BryntumPagingToolbar.d.ts +12 -19
  95. package/lib/BryntumPagingToolbar.js +2 -5
  96. package/lib/BryntumPagingToolbar.js.map +1 -1
  97. package/lib/BryntumPanel.d.ts +12 -23
  98. package/lib/BryntumPanel.js +2 -5
  99. package/lib/BryntumPanel.js.map +1 -1
  100. package/lib/BryntumPasswordField.d.ts +9 -16
  101. package/lib/BryntumPasswordField.js +2 -2
  102. package/lib/BryntumPasswordField.js.map +1 -1
  103. package/lib/BryntumProgressBar.d.ts +7 -15
  104. package/lib/BryntumProgressBar.js +1 -2
  105. package/lib/BryntumProgressBar.js.map +1 -1
  106. package/lib/BryntumRadio.d.ts +10 -17
  107. package/lib/BryntumRadio.js +2 -2
  108. package/lib/BryntumRadio.js.map +1 -1
  109. package/lib/BryntumRadioGroup.d.ts +12 -24
  110. package/lib/BryntumRadioGroup.js +2 -6
  111. package/lib/BryntumRadioGroup.js.map +1 -1
  112. package/lib/BryntumSlideToggle.d.ts +10 -17
  113. package/lib/BryntumSlideToggle.js +2 -2
  114. package/lib/BryntumSlideToggle.js.map +1 -1
  115. package/lib/BryntumSlider.d.ts +8 -15
  116. package/lib/BryntumSlider.js +2 -2
  117. package/lib/BryntumSlider.js.map +1 -1
  118. package/lib/BryntumSplitter.d.ts +7 -15
  119. package/lib/BryntumSplitter.js +1 -2
  120. package/lib/BryntumSplitter.js.map +1 -1
  121. package/lib/BryntumTabPanel.d.ts +13 -24
  122. package/lib/BryntumTabPanel.js +2 -5
  123. package/lib/BryntumTabPanel.js.map +1 -1
  124. package/lib/BryntumTextAreaField.d.ts +10 -16
  125. package/lib/BryntumTextAreaField.js +3 -2
  126. package/lib/BryntumTextAreaField.js.map +1 -1
  127. package/lib/BryntumTextAreaPickerField.d.ts +10 -17
  128. package/lib/BryntumTextAreaPickerField.js +2 -2
  129. package/lib/BryntumTextAreaPickerField.js.map +1 -1
  130. package/lib/BryntumTextField.d.ts +9 -16
  131. package/lib/BryntumTextField.js +2 -2
  132. package/lib/BryntumTextField.js.map +1 -1
  133. package/lib/BryntumTimeField.d.ts +10 -17
  134. package/lib/BryntumTimeField.js +2 -2
  135. package/lib/BryntumTimeField.js.map +1 -1
  136. package/lib/BryntumTimePicker.d.ts +8 -15
  137. package/lib/BryntumTimePicker.js +2 -5
  138. package/lib/BryntumTimePicker.js.map +1 -1
  139. package/lib/BryntumToolbar.d.ts +12 -19
  140. package/lib/BryntumToolbar.js +2 -5
  141. package/lib/BryntumToolbar.js.map +1 -1
  142. package/lib/BryntumWidget.d.ts +7 -15
  143. package/lib/BryntumWidget.js +1 -2
  144. package/lib/BryntumWidget.js.map +1 -1
  145. package/lib/BryntumYearPicker.d.ts +12 -23
  146. package/lib/BryntumYearPicker.js +2 -5
  147. package/lib/BryntumYearPicker.js.map +1 -1
  148. package/lib/WrapperHelper.js +2 -2
  149. package/lib/WrapperHelper.js.map +1 -1
  150. package/lib/index.d.ts +1 -0
  151. package/lib/index.js +1 -0
  152. package/lib/index.js.map +1 -1
  153. package/package.json +1 -1
  154. package/src/BryntumBooleanCombo.tsx +1190 -0
  155. package/src/BryntumButton.tsx +72 -118
  156. package/src/BryntumButtonGroup.tsx +79 -124
  157. package/src/BryntumChatPanel.tsx +142 -172
  158. package/src/BryntumCheckbox.tsx +85 -119
  159. package/src/BryntumCheckboxGroup.tsx +112 -182
  160. package/src/BryntumChipView.tsx +67 -107
  161. package/src/BryntumCodeEditor.tsx +109 -170
  162. package/src/BryntumColorField.tsx +84 -118
  163. package/src/BryntumCombo.tsx +103 -153
  164. package/src/BryntumContainer.tsx +79 -125
  165. package/src/BryntumDateField.tsx +91 -124
  166. package/src/BryntumDatePicker.tsx +122 -196
  167. package/src/BryntumDateRangeField.tsx +90 -127
  168. package/src/BryntumDateTimeField.tsx +84 -118
  169. package/src/BryntumDemoCodeEditor.tsx +109 -170
  170. package/src/BryntumDisplayField.tsx +85 -120
  171. package/src/BryntumDurationField.tsx +91 -126
  172. package/src/BryntumEditor.tsx +95 -145
  173. package/src/BryntumFieldFilterPicker.tsx +81 -129
  174. package/src/BryntumFieldFilterPickerGroup.tsx +84 -134
  175. package/src/BryntumFieldSet.tsx +108 -175
  176. package/src/BryntumFileField.tsx +84 -118
  177. package/src/BryntumFilePicker.tsx +79 -125
  178. package/src/BryntumFilterField.tsx +87 -124
  179. package/src/BryntumHint.tsx +136 -193
  180. package/src/BryntumLabel.tsx +60 -96
  181. package/src/BryntumList.tsx +64 -103
  182. package/src/BryntumMenu.tsx +131 -191
  183. package/src/BryntumMonthPicker.tsx +109 -170
  184. package/src/BryntumNumberField.tsx +88 -122
  185. package/src/BryntumPagingToolbar.tsx +84 -131
  186. package/src/BryntumPanel.tsx +109 -170
  187. package/src/BryntumPasswordField.tsx +84 -118
  188. package/src/BryntumProgressBar.tsx +59 -94
  189. package/src/BryntumRadio.tsx +85 -119
  190. package/src/BryntumRadioGroup.tsx +112 -181
  191. package/src/BryntumSlideToggle.tsx +85 -119
  192. package/src/BryntumSlider.tsx +68 -102
  193. package/src/BryntumSplitter.tsx +62 -100
  194. package/src/BryntumTabPanel.tsx +111 -173
  195. package/src/BryntumTextAreaField.tsx +92 -120
  196. package/src/BryntumTextAreaPickerField.tsx +86 -121
  197. package/src/BryntumTextField.tsx +85 -120
  198. package/src/BryntumTimeField.tsx +90 -121
  199. package/src/BryntumTimePicker.tsx +79 -125
  200. package/src/BryntumToolbar.tsx +84 -131
  201. package/src/BryntumWidget.tsx +60 -96
  202. package/src/BryntumYearPicker.tsx +110 -172
  203. package/src/WrapperHelper.tsx +2 -2
  204. package/src/index.ts +1 -0
@@ -3,7 +3,7 @@
3
3
  */
4
4
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
5
5
  import React, { RefObject } from 'react';
6
- import { AlignSpec, Base, Checkbox, CoreContainerItemConfig, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Radio, RadioListeners, Rectangle, Scroller, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
6
+ import { AlignSpec, Base, Checkbox, CoreContainerItemConfig, DomConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Radio, RadioListeners, ReactJSX, Rectangle, Scroller, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
7
7
 
8
8
  import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
9
9
 
@@ -12,14 +12,12 @@ export type BryntumRadioProps = {
12
12
  /**
13
13
  * Element (or element id) to adopt as this Widget's encapsulating element. The widget's
14
14
  * content will be placed inside this element.
15
- * ...
16
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-adopt)
15
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-adopt)
17
16
  */
18
17
  adopt? : HTMLElement|string
19
18
  /**
20
19
  * *Only valid if this Widget is [floating](https://bryntum.com/products/core/docs/api/Core/widget/Widget#config-floating).*
21
- * ...
22
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-align)
20
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-align)
23
21
  */
24
22
  align? : AlignSpec|string
25
23
  /**
@@ -41,22 +39,19 @@ export type BryntumRadioProps = {
41
39
  /**
42
40
  * A localizable string (May contain `'L{}'` tokens which resolve in the locale file) to inject
43
41
  * into an element which will be linked using the `aria-describedby` attribute.
44
- * ...
45
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-ariaDescription)
42
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-ariaDescription)
46
43
  */
47
44
  ariaDescription? : string
48
45
  /**
49
46
  * A localizable string (May contain `'L{}'` tokens which resolve in the locale file) to inject as
50
47
  * the `aria-label` attribute.
51
- * ...
52
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-ariaLabel)
48
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-ariaLabel)
53
49
  */
54
50
  ariaLabel? : string
55
51
  /**
56
52
  * Specify `true` to automatically [collapse](https://bryntum.com/products/core/docs/api/Core/widget/FieldContainer#config-collapsed) the field's
57
53
  * [container](https://bryntum.com/products/core/docs/api/Core/widget/Checkbox#config-container) when the field is not [checked](#Core/widget/Checkbox#property-checked).
58
- * ...
59
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-autoCollapse)
54
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-autoCollapse)
60
55
  * @returns {boolean}
61
56
  */
62
57
  autoCollapse? : boolean|(() => boolean)
@@ -76,21 +71,18 @@ export type BryntumRadioProps = {
76
71
  /**
77
72
  * An object where property names with a truthy value indicate which events should bubble up the ownership
78
73
  * hierarchy when triggered.
79
- * ...
80
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-bubbleEvents)
74
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-bubbleEvents)
81
75
  */
82
76
  bubbleEvents? : object
83
77
  /**
84
78
  * Set to `false` to not call onXXX method names (e.g. `onShow`, `onClick`), as an easy way to listen for events.
85
- * ...
86
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-callOnFunctions)
79
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-callOnFunctions)
87
80
  */
88
81
  callOnFunctions? : boolean
89
82
  /**
90
83
  * By default, if an event handler throws an exception, the error propagates up the stack and the
91
84
  * application state is undefined. Code which follows the event handler will *not* be executed.
92
- * ...
93
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-catchEventHandlerExceptions)
85
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-catchEventHandlerExceptions)
94
86
  */
95
87
  catchEventHandlerExceptions? : boolean
96
88
  /**
@@ -108,12 +100,20 @@ export type BryntumRadioProps = {
108
100
  * A value of `undefined` will cause this widget not to include its value when checked.
109
101
  */
110
102
  checkedValue? : any
103
+ /**
104
+ * A function (or the name of a function in the ownership hierarchy) called during field validation
105
+ * to perform custom validity checks. The function is called as part of the [isValid](https://bryntum.com/products/core/docs/api/Core/widget/Field#property-isValid)
106
+ * evaluation, after the built-in [required](https://bryntum.com/products/core/docs/api/Core/widget/Field#config-required) check.
107
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-checkValidity)
108
+ * @param {Core.widget.Field} field The field being validated
109
+ * @returns {void}
110
+ */
111
+ checkValidity? : ((field: Field) => void)|string
111
112
  /**
112
113
  * Custom CSS classes to add to element.
113
114
  * May be specified as a space separated string, or as an object in which property names
114
115
  * with truthy values are used as the class names:
115
- * ...
116
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-cls)
116
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-cls)
117
117
  */
118
118
  cls? : string|object
119
119
  /**
@@ -134,15 +134,13 @@ export type BryntumRadioProps = {
134
134
  * The configuration for additional items associated to this field. This is typically used to add contextual
135
135
  * fields related to a [checkbox](https://bryntum.com/products/core/docs/api/Core/widget/Checkbox) or [radio button](#Core/widget/Radio). See
136
136
  * these classes for examples of nested fields.
137
- * ...
138
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-container)
137
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-container)
139
138
  */
140
- container? : Record<string, CoreContainerItemConfig>|CoreContainerItemConfig[]|FieldContainerConfig|FieldContainer
139
+ container? : Record<string, CoreContainerItemConfig>|CoreContainerItemConfig[]|FieldContainerConfig
141
140
  /**
142
141
  * The config controls how the value of nested items are handled when a parent container gets or sets its
143
142
  * [values](https://bryntum.com/products/core/docs/api/Core/widget/Container#property-values).
144
- * ...
145
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-containValues)
143
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-containValues)
146
144
  * @param {Core.widget.Field} field Field instance
147
145
  * @returns {boolean}
148
146
  */
@@ -151,8 +149,7 @@ export type BryntumRadioProps = {
151
149
  * Custom CSS classes to add to the [contentElement](https://bryntum.com/products/core/docs/api/Core/widget/Widget#property-contentElement).
152
150
  * May be specified as a space separated string, or as an object in which property names
153
151
  * with truthy values are used as the class names:
154
- * ...
155
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-contentElementCls)
152
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-contentElementCls)
156
153
  */
157
154
  contentElementCls? : string|object
158
155
  /**
@@ -170,16 +167,15 @@ export type BryntumRadioProps = {
170
167
  */
171
168
  defaultBindProperty? : string
172
169
  /**
173
- * Check for CSS compatibility issues when upgrading to v7. Performs the following checks:
174
- * ...
175
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-detectCSSCompatibilityIssues)
170
+ * Check for CSS compatibility and inclusion related issues and try to auto fix them. Performs the following
171
+ * checks:
172
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-detectCSSCompatibilityIssues)
176
173
  */
177
174
  detectCSSCompatibilityIssues? : boolean
178
175
  /**
179
176
  * Disable or enable the widget. It is similar to [readOnly](https://bryntum.com/products/core/docs/api/Core/widget/Widget#config-readOnly) except a disabled widget
180
177
  * cannot be focused, uses a different rendition (usually greyish) and does not allow selecting its value.
181
- * ...
182
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-disabled)
178
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-disabled)
183
179
  */
184
180
  disabled? : boolean|'inert'
185
181
  /**
@@ -187,25 +183,21 @@ export type BryntumRadioProps = {
187
183
  * [strips collection](https://bryntum.com/products/core/docs/api/Core/widget/Panel#config-strips). Typical values for this config are `'top'`,
188
184
  * `'bottom'`, `'left'`, or `'right'`, which cause the widget to be placed on that side of the panel's
189
185
  * body. Such widgets are called "edge strips".
190
- * ...
191
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-dock)
186
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-dock)
192
187
  */
193
188
  dock? : 'top'|'bottom'|'left'|'right'|'start'|'end'|'header'|'pre-header'|object
194
189
  /**
195
190
  * *Only valid if this Widget is [floating](https://bryntum.com/products/core/docs/api/Core/widget/Widget#config-floating).*
196
191
  * Set to `true` to be able to drag a widget freely on the page. Or set to an object with a ´handleSelector´
197
192
  * property which controls when a drag should start.
198
- * ...
199
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-draggable)
193
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-draggable)
194
+ * @property {string} handleSelector CSS selector used to determine if drag can be started from a mouse-downed element inside the widget
200
195
  */
201
- draggable? : boolean|{
202
- handleSelector?: string
203
- }
196
+ draggable? : boolean|object
204
197
  /**
205
198
  * An object specifying attributes to assign to the root element of this widget.
206
199
  * Set `null` value to attribute to remove it.
207
- * ...
208
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-elementAttributes)
200
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-elementAttributes)
209
201
  */
210
202
  elementAttributes? : Record<string, string|null>
211
203
  extraData? : any
@@ -234,8 +226,7 @@ export type BryntumRadioProps = {
234
226
  hidden? : boolean
235
227
  /**
236
228
  * *Only valid if this Widget is [floating](https://bryntum.com/products/core/docs/api/Core/widget/Widget#config-floating).*
237
- * ...
238
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-hideAnimation)
229
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-hideAnimation)
239
230
  */
240
231
  hideAnimation? : boolean|object
241
232
  /**
@@ -245,8 +236,7 @@ export type BryntumRadioProps = {
245
236
  /**
246
237
  * An optional string to display inside the input field as an overlay. This can be useful for displaying
247
238
  * a field's units.
248
- * ...
249
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-hint)
239
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-hint)
250
240
  * @param {object} data A data object
251
241
  * @param {Core.widget.Field} data.source A reference to the field instance
252
242
  * @param {any} data.value The current value of the field
@@ -257,8 +247,7 @@ export type BryntumRadioProps = {
257
247
  * This config is similar to [hint](https://bryntum.com/products/core/docs/api/Core/widget/Field#config-hint) except that this config is used to display HTML content.
258
248
  * Since this can allow malicious content to be executed, be sure not to include user-entered data or to
259
249
  * encode such data (see [encodeHtml](https://bryntum.com/products/core/docs/api/Core/helper/StringHelper#function-encodeHtml-static)).
260
- * ...
261
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-hintHtml)
250
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-hintHtml)
262
251
  * @param {object} data A data object
263
252
  * @param {Core.widget.Field} data.source A reference to the field instance
264
253
  * @param {any} data.value The current value of the field
@@ -271,16 +260,14 @@ export type BryntumRadioProps = {
271
260
  id? : string
272
261
  /**
273
262
  * Determines if the widgets read-only state should be controlled by its parent.
274
- * ...
275
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-ignoreParentReadOnly)
263
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-ignoreParentReadOnly)
276
264
  */
277
265
  ignoreParentReadOnly? : boolean
278
266
  /**
279
267
  * Set this config to `true` to always display items horizontally along with this field. This assigns an
280
268
  * [hbox](https://bryntum.com/products/core/docs/api/Core/widget/layout/Box) as the [layout](#Core/widget/Container#config-layout) to the
281
269
  * [container](https://bryntum.com/products/core/docs/api/Core/widget/Field#config-container).
282
- * ...
283
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-inline)
270
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-inline)
284
271
  */
285
272
  inline? : boolean
286
273
  /**
@@ -320,16 +307,14 @@ export type BryntumRadioProps = {
320
307
  * An object whose keys are the [key](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key) name
321
308
  * and optional modifier prefixes: `'Ctrl+'`, `'Alt+'`, `'Meta+'`, and `'Shift+'` (case-insensitive). The values
322
309
  * are the name of the instance method to call when the keystroke is received.
323
- * ...
324
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-keyMap)
310
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-keyMap)
325
311
  */
326
312
  keyMap? : Record<string, KeyMapConfig>
327
313
  /**
328
314
  * The delay in milliseconds to wait after the last keystroke before triggering a change event.
329
315
  * Set to 0 to not trigger change events from keystrokes (listen for input event instead to have
330
316
  * immediate feedback, change will still be triggered on blur).
331
- * ...
332
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-keyStrokeChangeDelay)
317
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-keyStrokeChangeDelay)
333
318
  */
334
319
  keyStrokeChangeDelay? : number
335
320
  /**
@@ -342,15 +327,15 @@ export type BryntumRadioProps = {
342
327
  labelCls? : string|object
343
328
  /**
344
329
  * Label position, either 'before' the field or 'above' the field
345
- * ...
346
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-labelPosition)
330
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-labelPosition)
347
331
  */
348
332
  labelPosition? : 'before'|'above'|null
349
333
  /**
350
334
  * The labels to add either before or after the input field.
351
335
  * Each label may have the following properties:
352
- * ...
353
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-labels)
336
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-labels)
337
+ * @property {string} html Label text
338
+ * @property {'start','end'} align Which end of the file the label should go
354
339
  */
355
340
  labels? : object[]
356
341
  /**
@@ -359,16 +344,14 @@ export type BryntumRadioProps = {
359
344
  labelWidth? : string|number
360
345
  /**
361
346
  * The listener set for this object.
362
- * ...
363
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-listeners)
347
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-listeners)
364
348
  */
365
349
  listeners? : RadioListeners
366
350
  /**
367
351
  * A class translations of which are used for translating this entity.
368
352
  * This is often used when translations of an item are defined on its container class.
369
353
  * For example:
370
- * ...
371
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-localeClass)
354
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-localeClass)
372
355
  */
373
356
  localeClass? : typeof Base
374
357
  /**
@@ -380,8 +363,7 @@ export type BryntumRadioProps = {
380
363
  * In case there is a need to localize not typical value (not a String value or a field with re-defined setter/getter),
381
364
  * you could use 'localeKey' meta configuration.
382
365
  * Example:
383
- * ...
384
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-localizableProperties)
366
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-localizableProperties)
385
367
  */
386
368
  localizableProperties? : string[]
387
369
  /**
@@ -407,8 +389,7 @@ export type BryntumRadioProps = {
407
389
  maxHeight? : string|number
408
390
  /**
409
391
  * *Only valid if this Widget is [floating](https://bryntum.com/products/core/docs/api/Core/widget/Widget#config-floating).*
410
- * ...
411
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-maximizeOnMobile)
392
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-maximizeOnMobile)
412
393
  */
413
394
  maximizeOnMobile? : number|string
414
395
  /**
@@ -430,26 +411,22 @@ export type BryntumRadioProps = {
430
411
  * When this is configured as `true` a [ResizeObserver](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver)
431
412
  * is used to monitor this element for size changes caused by either style manipulation, or by CSS
432
413
  * layout.
433
- * ...
434
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-monitorResize)
414
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-monitorResize)
415
+ * @property {boolean} immediate Set to `true` to receive resize notifications immediately.
435
416
  */
436
- monitorResize? : boolean|{
437
- immediate?: boolean
438
- }
417
+ monitorResize? : boolean|object
439
418
  /**
440
419
  * Name of the field which is used as a key to get/set values from/to the field.
441
420
  * Used prior to [ref](https://bryntum.com/products/core/docs/api/Core/widget/Widget#config-ref) and [id](#Core/widget/Widget#config-id) in
442
421
  * [Container.values](https://bryntum.com/products/core/docs/api/Core/widget/Container#property-values).
443
- * ...
444
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-name)
422
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-name)
445
423
  */
446
424
  name? : string
447
425
  /**
448
426
  * Set to `true` when a widget is rendered into another widget's [contentElement](https://bryntum.com/products/core/docs/api/Core/widget/Widget#property-contentElement), but must
449
427
  * not participate in the standard layout of that widget, and must be positioned relatively to that
450
428
  * widget's [contentElement](https://bryntum.com/products/core/docs/api/Core/widget/Widget#property-contentElement).
451
- * ...
452
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-positioned)
429
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-positioned)
453
430
  */
454
431
  positioned? : boolean
455
432
  /**
@@ -460,8 +437,7 @@ export type BryntumRadioProps = {
460
437
  /**
461
438
  * Makes the field unmodifiable by user action. The input area is not editable, and triggers
462
439
  * are unresponsive.
463
- * ...
464
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-readOnly)
440
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-readOnly)
465
441
  */
466
442
  readOnly? : boolean
467
443
  relayStoreEvents? : boolean
@@ -481,23 +457,26 @@ export type BryntumRadioProps = {
481
457
  * Configure as `true` to have the component display a translucent ripple when its
482
458
  * [focusElement](https://bryntum.com/products/core/docs/api/Core/widget/Widget#property-focusElement), or [element](#Core/widget/Widget#property-element) is tapped <em>if the
483
459
  * current theme supports ripples</em>. Out of the box, only the Material theme supports ripples.
484
- * ...
485
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-ripple)
486
- */
487
- ripple? : boolean|{
488
- delegate?: string
489
- color?: string
490
- radius?: number
491
- clip?: string
492
- }
460
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-ripple)
461
+ * @property {string} [delegate] A CSS selector to filter which child elements trigger ripples. By default, the ripple is clipped to the triggering element.
462
+ * @property {string} [color] A CSS color name or specification.
463
+ * @property {number} [radius] The ending radius of the ripple. Note that it will be clipped by the target element by default.
464
+ * @property {string} [clip] A string which describes how to clip the ripple if it is not to be clipped to the default element. Either the property of the widget to use as the clipping element, or a selector to allow clipping to the closest matching ancestor to the target element.
465
+ */
466
+ ripple? : boolean|object
467
+ /**
468
+ * The ARIA role to apply to this widget's element. By default, this is set to `'presentation'` to avoid
469
+ * accidentally applying a role which may interfere with screen readers.
470
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-role)
471
+ */
472
+ role? : string
493
473
  /**
494
474
  * If you are rendering this widget to a shadow root inside a web component, set this config to the shadowRoot. If not inside a web component, set it to `document.body`
495
475
  */
496
476
  rootElement? : ShadowRoot|HTMLElement
497
477
  /**
498
478
  * This may be configured as `true` to make the widget's element use the `direction:rtl` style.
499
- * ...
500
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-rtl)
479
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-rtl)
501
480
  */
502
481
  rtl? : boolean
503
482
  /**
@@ -507,8 +486,7 @@ export type BryntumRadioProps = {
507
486
  scrollAction? : 'hide'|'realign'|null
508
487
  /**
509
488
  * *Only valid if this Widget is [floating](https://bryntum.com/products/core/docs/api/Core/widget/Widget#config-floating).*
510
- * ...
511
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-showAnimation)
489
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-showAnimation)
512
490
  */
513
491
  showAnimation? : boolean|object
514
492
  /**
@@ -537,8 +515,7 @@ export type BryntumRadioProps = {
537
515
  * A configuration for the [tab](https://bryntum.com/products/core/docs/api/Core/widget/Tab) created for this widget when it is placed in a
538
516
  * [TabPanel](https://bryntum.com/products/core/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
539
517
  * this widget:
540
- * ...
541
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-tab)
518
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-tab)
542
519
  */
543
520
  tab? : boolean|TabConfig
544
521
  /**
@@ -546,8 +523,7 @@ export type BryntumRadioProps = {
546
523
  * is equivalent to natural tab order, but is unnecessary for fields since they are naturally tabbable
547
524
  * (i.e., accessible via the TAB key). Setting to `-1` disables tabbability but allows for focus to be set
548
525
  * to the element programmatically.
549
- * ...
550
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-tabIndex)
526
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-tabIndex)
551
527
  */
552
528
  tabIndex? : number
553
529
  /**
@@ -556,8 +532,7 @@ export type BryntumRadioProps = {
556
532
  text? : string
557
533
  /**
558
534
  * Text alignment: 'left', 'center' or 'right'. Also accepts direction neutral 'start' and 'end'.
559
- * ...
560
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-textAlign)
535
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-textAlign)
561
536
  */
562
537
  textAlign? : 'left'|'center'|'right'|'start'|'end'
563
538
  /**
@@ -566,31 +541,27 @@ export type BryntumRadioProps = {
566
541
  title? : string
567
542
  /**
568
543
  * Tooltip for the widget, either as a string or as a Tooltip config object.
569
- * ...
570
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-tooltip)
544
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-tooltip)
571
545
  */
572
546
  tooltip? : string|TooltipConfig|null
573
547
  /**
574
548
  * The triggers to add either before or after the input field. Each property name is the reference by which
575
549
  * an instantiated Trigger Widget may be retrieved from the live `triggers` property.
576
- * ...
577
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-triggers)
550
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-triggers)
578
551
  */
579
- triggers? : Record<string, FieldTriggerConfig>|Record<string, Widget>
552
+ triggers? : Record<string, FieldTriggerConfig>
580
553
  type? : 'radio'|'radiobutton'
581
554
  /**
582
555
  * Custom CSS class name suffixes to apply to the elements rendered by this widget. This may be specified
583
556
  * as a space separated string, an array of strings, or as an object in which property names with truthy
584
557
  * values are used as the class names.
585
- * ...
586
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-ui)
558
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-ui)
587
559
  */
588
560
  ui? : string|object
589
561
  /**
590
562
  * The value to provide for this widget in [values](https://bryntum.com/products/core/docs/api/Core/widget/Container#property-values) when it is not
591
563
  * [checked](https://bryntum.com/products/core/docs/api/Core/widget/Checkbox#property-checked).
592
- * ...
593
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-uncheckedValue)
564
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-uncheckedValue)
594
565
  */
595
566
  uncheckedValue? : any
596
567
  /**
@@ -615,14 +586,12 @@ export type BryntumRadioProps = {
615
586
  width? : string|number
616
587
  /**
617
588
  * The x position for the widget.
618
- * ...
619
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-x)
589
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-x)
620
590
  */
621
591
  x? : number
622
592
  /**
623
593
  * The y position for the widget.
624
- * ...
625
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-y)
594
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-y)
626
595
  */
627
596
  y? : number
628
597
 
@@ -650,7 +619,7 @@ export type BryntumRadioProps = {
650
619
  * @param {boolean} event.valid True if this field is in a valid state.
651
620
  * @param {Event} event.event The triggering DOM event if any
652
621
  */
653
- onBeforeChange? : ((event: { source: Checkbox, checked: boolean, value: boolean, oldValue: boolean, userAction: boolean, valid: boolean, event: Event }) => Promise<boolean>|boolean|void)|string
622
+ onBeforeChange? : ((event: { source: Checkbox, checked: boolean, value: boolean, oldValue: boolean, userAction: boolean, valid: boolean, event: Event }) => boolean|void)|string
654
623
  /**
655
624
  * Fires before an object is destroyed.
656
625
  * @param {object} event Event object
@@ -662,7 +631,7 @@ export type BryntumRadioProps = {
662
631
  * @param {object} event Event object
663
632
  * @param {Core.widget.Widget} event.source The widget being hidden.
664
633
  */
665
- onBeforeHide? : ((event: { source: Widget }) => Promise<boolean>|boolean|void)|string
634
+ onBeforeHide? : ((event: { source: Widget }) => boolean|void)|string
666
635
  /**
667
636
  * Triggered before a widget is shown. Return `false` to prevent the action.
668
637
  * @param {object} event Event object
@@ -671,8 +640,7 @@ export type BryntumRadioProps = {
671
640
  onBeforeShow? : ((event: { source: Widget|any }) => Promise<boolean>|boolean|void)|string
672
641
  /**
673
642
  * Fires when any other event is fired from the object.
674
- * ...
675
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#event-catchAll)
643
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#event-catchAll)
676
644
  * @param {object} event Event object
677
645
  * @param {{[key: string]: any, type: string}} event.event The Object that contains event details
678
646
  * @param {string} event.event.type The type of the event which is caught by the listener
@@ -692,8 +660,7 @@ export type BryntumRadioProps = {
692
660
  onChange? : ((event: { source: Checkbox, checked: boolean, value: boolean, oldValue: boolean, userAction: boolean, valid: boolean, event: Event }) => void)|string
693
661
  /**
694
662
  * Fired when this field is [cleared](https://bryntum.com/products/core/docs/api/Core/widget/Field#function-clear).
695
- * ...
696
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#event-clear)
663
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#event-clear)
697
664
  * @param {object} event Event object
698
665
  * @param {Core.widget.Field,any} event.source This Field
699
666
  */
@@ -758,8 +725,7 @@ export type BryntumRadioProps = {
758
725
  /**
759
726
  * Triggered when a widget which had been in a non-visible state for any reason
760
727
  * achieves visibility.
761
- * ...
762
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#event-paint)
728
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#event-paint)
763
729
  * @param {object} event Event object
764
730
  * @param {Core.widget.Widget} event.source The widget being painted.
765
731
  * @param {boolean} event.firstPaint `true` if this is the first paint.
@@ -822,6 +788,7 @@ export class BryntumRadio extends React.Component<BryntumRadioProps> {
822
788
  'bubbleEvents',
823
789
  'centered',
824
790
  'checkedValue',
791
+ 'checkValidity',
825
792
  'color',
826
793
  'config',
827
794
  'constrainTo',
@@ -863,6 +830,7 @@ export class BryntumRadio extends React.Component<BryntumRadioProps> {
863
830
  'relayStoreEvents',
864
831
  'revertOnEscape',
865
832
  'ripple',
833
+ 'role',
866
834
  'rootElement',
867
835
  'scrollAction',
868
836
  'showAnimation',
@@ -943,10 +911,8 @@ export class BryntumRadio extends React.Component<BryntumRadioProps> {
943
911
  ];
944
912
 
945
913
  static propertyNames = [
946
- 'anchorSize',
947
914
  'content',
948
915
  'editable',
949
- 'focusVisible',
950
916
  'html',
951
917
  'input',
952
918
  'parent',