react-msaview 8.4.0 → 8.4.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.
@@ -1,5 +1,337 @@
1
1
  import React from 'react';
2
2
  import type { MsaViewModel } from '../../model.ts';
3
+ import type { AutocompleteRenderInputParams } from '@mui/material';
4
+ export declare function labelledInput(params: AutocompleteRenderInputParams): {
5
+ slotProps: {
6
+ inputLabel: ReturnType<ReturnType<typeof import("@mui/material").useAutocomplete>['getInputLabelProps']>;
7
+ input: {
8
+ ref: React.Ref<any>;
9
+ className: string;
10
+ startAdornment: React.ReactNode;
11
+ endAdornment: React.ReactNode;
12
+ onMouseDown: React.MouseEventHandler;
13
+ };
14
+ htmlInput: {
15
+ children?: React.ReactNode | undefined;
16
+ dangerouslySetInnerHTML?: {
17
+ __html: string | TrustedHTML;
18
+ } | undefined;
19
+ onCopy?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
20
+ onCopyCapture?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
21
+ onCut?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
22
+ onCutCapture?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
23
+ onPaste?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
24
+ onPasteCapture?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
25
+ onCompositionEnd?: React.CompositionEventHandler<HTMLInputElement> | undefined;
26
+ onCompositionEndCapture?: React.CompositionEventHandler<HTMLInputElement> | undefined;
27
+ onCompositionStart?: React.CompositionEventHandler<HTMLInputElement> | undefined;
28
+ onCompositionStartCapture?: React.CompositionEventHandler<HTMLInputElement> | undefined;
29
+ onCompositionUpdate?: React.CompositionEventHandler<HTMLInputElement> | undefined;
30
+ onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLInputElement> | undefined;
31
+ onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
32
+ onFocusCapture?: React.FocusEventHandler<HTMLInputElement> | undefined;
33
+ onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
34
+ onBlurCapture?: React.FocusEventHandler<HTMLInputElement> | undefined;
35
+ onChangeCapture?: React.ChangeEventHandler<HTMLInputElement, Element> | undefined;
36
+ onBeforeInput?: React.InputEventHandler<HTMLInputElement> | undefined;
37
+ onBeforeInputCapture?: React.InputEventHandler<HTMLInputElement> | undefined;
38
+ onInput?: React.InputEventHandler<HTMLInputElement> | undefined;
39
+ onInputCapture?: React.InputEventHandler<HTMLInputElement> | undefined;
40
+ onReset?: React.ReactEventHandler<HTMLInputElement> | undefined;
41
+ onResetCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
42
+ onSubmit?: React.SubmitEventHandler<HTMLInputElement> | undefined;
43
+ onSubmitCapture?: React.SubmitEventHandler<HTMLInputElement> | undefined;
44
+ onInvalid?: React.ReactEventHandler<HTMLInputElement> | undefined;
45
+ onInvalidCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
46
+ onLoad?: React.ReactEventHandler<HTMLInputElement> | undefined;
47
+ onLoadCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
48
+ onError?: React.ReactEventHandler<HTMLInputElement> | undefined;
49
+ onErrorCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
50
+ onKeyDown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
51
+ onKeyDownCapture?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
52
+ onKeyPress?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
53
+ onKeyPressCapture?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
54
+ onKeyUp?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
55
+ onKeyUpCapture?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
56
+ onAbort?: React.ReactEventHandler<HTMLInputElement> | undefined;
57
+ onAbortCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
58
+ onCanPlay?: React.ReactEventHandler<HTMLInputElement> | undefined;
59
+ onCanPlayCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
60
+ onCanPlayThrough?: React.ReactEventHandler<HTMLInputElement> | undefined;
61
+ onCanPlayThroughCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
62
+ onDurationChange?: React.ReactEventHandler<HTMLInputElement> | undefined;
63
+ onDurationChangeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
64
+ onEmptied?: React.ReactEventHandler<HTMLInputElement> | undefined;
65
+ onEmptiedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
66
+ onEncrypted?: React.ReactEventHandler<HTMLInputElement> | undefined;
67
+ onEncryptedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
68
+ onEnded?: React.ReactEventHandler<HTMLInputElement> | undefined;
69
+ onEndedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
70
+ onLoadedData?: React.ReactEventHandler<HTMLInputElement> | undefined;
71
+ onLoadedDataCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
72
+ onLoadedMetadata?: React.ReactEventHandler<HTMLInputElement> | undefined;
73
+ onLoadedMetadataCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
74
+ onLoadStart?: React.ReactEventHandler<HTMLInputElement> | undefined;
75
+ onLoadStartCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
76
+ onPause?: React.ReactEventHandler<HTMLInputElement> | undefined;
77
+ onPauseCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
78
+ onPlay?: React.ReactEventHandler<HTMLInputElement> | undefined;
79
+ onPlayCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
80
+ onPlaying?: React.ReactEventHandler<HTMLInputElement> | undefined;
81
+ onPlayingCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
82
+ onProgress?: React.ReactEventHandler<HTMLInputElement> | undefined;
83
+ onProgressCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
84
+ onRateChange?: React.ReactEventHandler<HTMLInputElement> | undefined;
85
+ onRateChangeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
86
+ onSeeked?: React.ReactEventHandler<HTMLInputElement> | undefined;
87
+ onSeekedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
88
+ onSeeking?: React.ReactEventHandler<HTMLInputElement> | undefined;
89
+ onSeekingCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
90
+ onStalled?: React.ReactEventHandler<HTMLInputElement> | undefined;
91
+ onStalledCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
92
+ onSuspend?: React.ReactEventHandler<HTMLInputElement> | undefined;
93
+ onSuspendCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
94
+ onTimeUpdate?: React.ReactEventHandler<HTMLInputElement> | undefined;
95
+ onTimeUpdateCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
96
+ onVolumeChange?: React.ReactEventHandler<HTMLInputElement> | undefined;
97
+ onVolumeChangeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
98
+ onWaiting?: React.ReactEventHandler<HTMLInputElement> | undefined;
99
+ onWaitingCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
100
+ onAuxClick?: React.MouseEventHandler<HTMLInputElement> | undefined;
101
+ onAuxClickCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
102
+ onClick?: React.MouseEventHandler<HTMLInputElement> | undefined;
103
+ onClickCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
104
+ onContextMenu?: React.MouseEventHandler<HTMLInputElement> | undefined;
105
+ onContextMenuCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
106
+ onDoubleClick?: React.MouseEventHandler<HTMLInputElement> | undefined;
107
+ onDoubleClickCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
108
+ onDrag?: React.DragEventHandler<HTMLInputElement> | undefined;
109
+ onDragCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
110
+ onDragEnd?: React.DragEventHandler<HTMLInputElement> | undefined;
111
+ onDragEndCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
112
+ onDragEnter?: React.DragEventHandler<HTMLInputElement> | undefined;
113
+ onDragEnterCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
114
+ onDragExit?: React.DragEventHandler<HTMLInputElement> | undefined;
115
+ onDragExitCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
116
+ onDragLeave?: React.DragEventHandler<HTMLInputElement> | undefined;
117
+ onDragLeaveCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
118
+ onDragOver?: React.DragEventHandler<HTMLInputElement> | undefined;
119
+ onDragOverCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
120
+ onDragStart?: React.DragEventHandler<HTMLInputElement> | undefined;
121
+ onDragStartCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
122
+ onDrop?: React.DragEventHandler<HTMLInputElement> | undefined;
123
+ onDropCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
124
+ onMouseDown?: React.MouseEventHandler<HTMLInputElement> | undefined;
125
+ onMouseDownCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
126
+ onMouseEnter?: React.MouseEventHandler<HTMLInputElement> | undefined;
127
+ onMouseLeave?: React.MouseEventHandler<HTMLInputElement> | undefined;
128
+ onMouseMove?: React.MouseEventHandler<HTMLInputElement> | undefined;
129
+ onMouseMoveCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
130
+ onMouseOut?: React.MouseEventHandler<HTMLInputElement> | undefined;
131
+ onMouseOutCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
132
+ onMouseOver?: React.MouseEventHandler<HTMLInputElement> | undefined;
133
+ onMouseOverCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
134
+ onMouseUp?: React.MouseEventHandler<HTMLInputElement> | undefined;
135
+ onMouseUpCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
136
+ onSelect?: React.ReactEventHandler<HTMLInputElement> | undefined;
137
+ onSelectCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
138
+ onTouchCancel?: React.TouchEventHandler<HTMLInputElement> | undefined;
139
+ onTouchCancelCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
140
+ onTouchEnd?: React.TouchEventHandler<HTMLInputElement> | undefined;
141
+ onTouchEndCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
142
+ onTouchMove?: React.TouchEventHandler<HTMLInputElement> | undefined;
143
+ onTouchMoveCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
144
+ onTouchStart?: React.TouchEventHandler<HTMLInputElement> | undefined;
145
+ onTouchStartCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
146
+ onPointerDown?: React.PointerEventHandler<HTMLInputElement> | undefined;
147
+ onPointerDownCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
148
+ onPointerMove?: React.PointerEventHandler<HTMLInputElement> | undefined;
149
+ onPointerMoveCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
150
+ onPointerUp?: React.PointerEventHandler<HTMLInputElement> | undefined;
151
+ onPointerUpCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
152
+ onPointerCancel?: React.PointerEventHandler<HTMLInputElement> | undefined;
153
+ onPointerCancelCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
154
+ onPointerEnter?: React.PointerEventHandler<HTMLInputElement> | undefined;
155
+ onPointerLeave?: React.PointerEventHandler<HTMLInputElement> | undefined;
156
+ onPointerOver?: React.PointerEventHandler<HTMLInputElement> | undefined;
157
+ onPointerOverCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
158
+ onPointerOut?: React.PointerEventHandler<HTMLInputElement> | undefined;
159
+ onPointerOutCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
160
+ onGotPointerCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
161
+ onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
162
+ onLostPointerCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
163
+ onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
164
+ onScroll?: React.UIEventHandler<HTMLInputElement> | undefined;
165
+ onScrollCapture?: React.UIEventHandler<HTMLInputElement> | undefined;
166
+ onScrollEnd?: React.UIEventHandler<HTMLInputElement> | undefined;
167
+ onScrollEndCapture?: React.UIEventHandler<HTMLInputElement> | undefined;
168
+ onWheel?: React.WheelEventHandler<HTMLInputElement> | undefined;
169
+ onWheelCapture?: React.WheelEventHandler<HTMLInputElement> | undefined;
170
+ onAnimationStart?: React.AnimationEventHandler<HTMLInputElement> | undefined;
171
+ onAnimationStartCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
172
+ onAnimationEnd?: React.AnimationEventHandler<HTMLInputElement> | undefined;
173
+ onAnimationEndCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
174
+ onAnimationIteration?: React.AnimationEventHandler<HTMLInputElement> | undefined;
175
+ onAnimationIterationCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
176
+ onToggle?: React.ToggleEventHandler<HTMLInputElement> | undefined;
177
+ onBeforeToggle?: React.ToggleEventHandler<HTMLInputElement> | undefined;
178
+ onTransitionCancel?: React.TransitionEventHandler<HTMLInputElement> | undefined;
179
+ onTransitionCancelCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
180
+ onTransitionEnd?: React.TransitionEventHandler<HTMLInputElement> | undefined;
181
+ onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
182
+ onTransitionRun?: React.TransitionEventHandler<HTMLInputElement> | undefined;
183
+ onTransitionRunCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
184
+ onTransitionStart?: React.TransitionEventHandler<HTMLInputElement> | undefined;
185
+ onTransitionStartCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
186
+ "aria-activedescendant"?: string | undefined;
187
+ "aria-atomic"?: ("false" | "true" | boolean) | undefined;
188
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
189
+ "aria-braillelabel"?: string | undefined;
190
+ "aria-brailleroledescription"?: string | undefined;
191
+ "aria-busy"?: ("false" | "true" | boolean) | undefined;
192
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
193
+ "aria-colcount"?: number | undefined;
194
+ "aria-colindex"?: number | undefined;
195
+ "aria-colindextext"?: string | undefined;
196
+ "aria-colspan"?: number | undefined;
197
+ "aria-controls"?: string | undefined;
198
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
199
+ "aria-describedby"?: string | undefined;
200
+ "aria-description"?: string | undefined;
201
+ "aria-details"?: string | undefined;
202
+ "aria-disabled"?: ("false" | "true" | boolean) | undefined;
203
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
204
+ "aria-errormessage"?: string | undefined;
205
+ "aria-expanded"?: ("false" | "true" | boolean) | undefined;
206
+ "aria-flowto"?: string | undefined;
207
+ "aria-grabbed"?: ("false" | "true" | boolean) | undefined;
208
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
209
+ "aria-hidden"?: ("false" | "true" | boolean) | undefined;
210
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
211
+ "aria-keyshortcuts"?: string | undefined;
212
+ "aria-labelledby"?: string | undefined;
213
+ "aria-level"?: number | undefined;
214
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
215
+ "aria-modal"?: ("false" | "true" | boolean) | undefined;
216
+ "aria-multiline"?: ("false" | "true" | boolean) | undefined;
217
+ "aria-multiselectable"?: ("false" | "true" | boolean) | undefined;
218
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
219
+ "aria-owns"?: string | undefined;
220
+ "aria-placeholder"?: string | undefined;
221
+ "aria-posinset"?: number | undefined;
222
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
223
+ "aria-readonly"?: ("false" | "true" | boolean) | undefined;
224
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
225
+ "aria-required"?: ("false" | "true" | boolean) | undefined;
226
+ "aria-roledescription"?: string | undefined;
227
+ "aria-rowcount"?: number | undefined;
228
+ "aria-rowindex"?: number | undefined;
229
+ "aria-rowindextext"?: string | undefined;
230
+ "aria-rowspan"?: number | undefined;
231
+ "aria-selected"?: ("false" | "true" | boolean) | undefined;
232
+ "aria-setsize"?: number | undefined;
233
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
234
+ "aria-valuemax"?: number | undefined;
235
+ "aria-valuemin"?: number | undefined;
236
+ "aria-valuenow"?: number | undefined;
237
+ "aria-valuetext"?: string | undefined;
238
+ defaultChecked?: boolean | undefined;
239
+ defaultValue?: string | number | readonly string[] | undefined;
240
+ suppressContentEditableWarning?: boolean | undefined;
241
+ suppressHydrationWarning?: boolean | undefined;
242
+ accessKey?: string | undefined;
243
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
244
+ autoFocus?: boolean | undefined;
245
+ className?: string | undefined;
246
+ contentEditable?: ("false" | "true" | boolean) | "inherit" | "plaintext-only" | undefined;
247
+ contextMenu?: string | undefined;
248
+ dir?: string | undefined;
249
+ draggable?: ("false" | "true" | boolean) | undefined;
250
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
251
+ hidden?: boolean | undefined;
252
+ id?: string | undefined;
253
+ lang?: string | undefined;
254
+ nonce?: string | undefined;
255
+ slot?: string | undefined;
256
+ spellCheck?: ("false" | "true" | boolean) | undefined;
257
+ style?: React.CSSProperties | undefined;
258
+ tabIndex?: number | undefined;
259
+ title?: string | undefined;
260
+ translate?: "yes" | "no" | undefined;
261
+ radioGroup?: string | undefined;
262
+ role?: React.AriaRole | undefined;
263
+ about?: string | undefined;
264
+ content?: string | undefined;
265
+ datatype?: string | undefined;
266
+ inlist?: any;
267
+ prefix?: string | undefined;
268
+ property?: string | undefined;
269
+ rel?: string | undefined;
270
+ resource?: string | undefined;
271
+ rev?: string | undefined;
272
+ typeof?: string | undefined;
273
+ vocab?: string | undefined;
274
+ autoCorrect?: string | undefined;
275
+ autoSave?: string | undefined;
276
+ color?: string | undefined;
277
+ itemProp?: string | undefined;
278
+ itemScope?: boolean | undefined;
279
+ itemType?: string | undefined;
280
+ itemID?: string | undefined;
281
+ itemRef?: string | undefined;
282
+ results?: number | undefined;
283
+ security?: string | undefined;
284
+ unselectable?: "on" | "off" | undefined;
285
+ popover?: "" | "auto" | "manual" | "hint" | undefined;
286
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
287
+ popoverTarget?: string | undefined;
288
+ inert?: boolean | undefined;
289
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
290
+ is?: string | undefined;
291
+ exportparts?: string | undefined;
292
+ part?: string | undefined;
293
+ accept?: string | undefined;
294
+ alt?: string | undefined;
295
+ autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
296
+ capture?: boolean | "user" | "environment" | undefined;
297
+ checked?: boolean | undefined;
298
+ disabled?: boolean | undefined;
299
+ form?: string | undefined;
300
+ formAction?: string | ((formData: FormData) => void | Promise<void>) | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
301
+ formEncType?: string | undefined;
302
+ formMethod?: string | undefined;
303
+ formNoValidate?: boolean | undefined;
304
+ formTarget?: string | undefined;
305
+ height?: number | string | undefined;
306
+ list?: string | undefined;
307
+ max?: number | string | undefined;
308
+ maxLength?: number | undefined;
309
+ min?: number | string | undefined;
310
+ minLength?: number | undefined;
311
+ multiple?: boolean | undefined;
312
+ name?: string | undefined;
313
+ pattern?: string | undefined;
314
+ placeholder?: string | undefined;
315
+ readOnly?: boolean | undefined;
316
+ required?: boolean | undefined;
317
+ size?: number | undefined;
318
+ src?: string | undefined;
319
+ step?: number | string | undefined;
320
+ type?: React.HTMLInputTypeAttribute | undefined;
321
+ value?: string | readonly string[] | number | undefined;
322
+ width?: number | string | undefined;
323
+ onChange?: React.ChangeEventHandler<HTMLInputElement, HTMLInputElement> | undefined;
324
+ ref: React.Ref<HTMLInputElement>;
325
+ 'aria-label': string;
326
+ };
327
+ };
328
+ inputProps?: undefined;
329
+ } | {
330
+ slotProps?: undefined;
331
+ inputProps: {
332
+ 'aria-label': string;
333
+ };
334
+ };
3
335
  declare const GoToBox: ({ model }: {
4
336
  model: MsaViewModel;
5
337
  }) => React.JSX.Element | null;
@@ -3,6 +3,19 @@ import { Autocomplete, TextField } from '@mui/material';
3
3
  import { observer } from 'mobx-react';
4
4
  import { findableRowNames, goTo, rowNameSuggestions } from './goTo.js';
5
5
  const label = 'Go to row or column';
6
+ // MUI 9 hands renderInput `slotProps`; MUI 7, which every released JBrowse host
7
+ // serves, hands it `inputProps` and no `slotProps` at all
8
+ export function labelledInput(params) {
9
+ const { slotProps, inputProps } = params;
10
+ return slotProps
11
+ ? {
12
+ slotProps: {
13
+ ...slotProps,
14
+ htmlInput: { ...slotProps.htmlInput, 'aria-label': label },
15
+ },
16
+ }
17
+ : { inputProps: { ...inputProps, 'aria-label': label } };
18
+ }
6
19
  const GoToBox = observer(function ({ model }) {
7
20
  const [missed, setMissed] = useState(false);
8
21
  const names = findableRowNames(model);
@@ -12,10 +25,7 @@ const GoToBox = observer(function ({ model }) {
12
25
  if (text) {
13
26
  setMissed(!goTo(model, text));
14
27
  }
15
- }, style: { width: 180, margin: 'auto 8px' }, renderInput: params => (React.createElement(TextField, { ...params, error: missed, placeholder: label, title: "A row name, a column number, or name:residue", slotProps: {
16
- ...params.slotProps,
17
- htmlInput: { ...params.slotProps.htmlInput, 'aria-label': label },
18
- } })) })) : null;
28
+ }, style: { width: 180, margin: 'auto 8px' }, renderInput: params => (React.createElement(TextField, { ...params, error: missed, placeholder: label, title: "A row name, a column number, or name:residue", ...labelledInput(params) })) })) : null;
19
29
  });
20
30
  export default GoToBox;
21
31
  //# sourceMappingURL=GoToBox.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"GoToBox.js","sourceRoot":"","sources":["../../../src/components/header/GoToBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAItE,MAAM,KAAK,GAAG,qBAAqB,CAAA;AAEnC,MAAM,OAAO,GAAG,QAAQ,CAAC,UAAU,EAAE,KAAK,EAA2B;IACnE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,KAAK,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAA;IACrC,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAChD,oBAAC,YAAY,IACX,QAAQ,QACR,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,KAAK,EACd,aAAa,EAAE,CAAC,OAAO,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,CACzC,kBAAkB,CAAC,OAAO,EAAE,UAAU,CAAC,EAEzC,KAAK,EAAE,IAAI,EACX,YAAY,QACZ,aAAa,EAAE,GAAG,EAAE;YAClB,SAAS,CAAC,KAAK,CAAC,CAAA;QAClB,CAAC,EACD,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE;YACpB,IAAI,IAAI,EAAE,CAAC;gBACT,SAAS,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAA;YAC/B,CAAC;QACH,CAAC,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,EACzC,WAAW,EAAE,MAAM,CAAC,EAAE,CAAC,CACrB,oBAAC,SAAS,OACJ,MAAM,EACV,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,KAAK,EAClB,KAAK,EAAC,8CAA8C,EACpD,SAAS,EAAE;gBACT,GAAG,MAAM,CAAC,SAAS;gBACnB,SAAS,EAAE,EAAE,GAAG,MAAM,CAAC,SAAS,CAAC,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE;aAClE,GACD,CACH,GACD,CACH,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAC,CAAA;AAEF,eAAe,OAAO,CAAA"}
1
+ {"version":3,"file":"GoToBox.js","sourceRoot":"","sources":["../../../src/components/header/GoToBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAKtE,MAAM,KAAK,GAAG,qBAAqB,CAAA;AAEnC,gFAAgF;AAChF,0DAA0D;AAC1D,MAAM,UAAU,aAAa,CAAC,MAAqC;IACjE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,MAEjC,CAAA;IACD,OAAO,SAAS;QACd,CAAC,CAAC;YACE,SAAS,EAAE;gBACT,GAAG,SAAS;gBACZ,SAAS,EAAE,EAAE,GAAG,SAAS,CAAC,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE;aAC3D;SACF;QACH,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,GAAG,UAAU,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,CAAA;AAC5D,CAAC;AAED,MAAM,OAAO,GAAG,QAAQ,CAAC,UAAU,EAAE,KAAK,EAA2B;IACnE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,KAAK,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAA;IACrC,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAChD,oBAAC,YAAY,IACX,QAAQ,QACR,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,KAAK,EACd,aAAa,EAAE,CAAC,OAAO,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,CACzC,kBAAkB,CAAC,OAAO,EAAE,UAAU,CAAC,EAEzC,KAAK,EAAE,IAAI,EACX,YAAY,QACZ,aAAa,EAAE,GAAG,EAAE;YAClB,SAAS,CAAC,KAAK,CAAC,CAAA;QAClB,CAAC,EACD,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE;YACpB,IAAI,IAAI,EAAE,CAAC;gBACT,SAAS,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAA;YAC/B,CAAC;QACH,CAAC,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,EACzC,WAAW,EAAE,MAAM,CAAC,EAAE,CAAC,CACrB,oBAAC,SAAS,OACJ,MAAM,EACV,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,KAAK,EAClB,KAAK,EAAC,8CAA8C,KAChD,aAAa,CAAC,MAAM,CAAC,GACzB,CACH,GACD,CACH,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAC,CAAA;AAEF,eAAe,OAAO,CAAA"}