opus-react 0.2.29 → 0.2.31
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.
- package/dist/index.cjs +3264 -2454
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +640 -84
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +151 -26
- package/dist/index.d.ts +151 -26
- package/dist/index.js +3162 -2350
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -6,6 +6,7 @@ type FieldMode = "stacked" | "flagged";
|
|
|
6
6
|
type LabelPosition = "left" | "right";
|
|
7
7
|
type ChoiceShape = "round" | "square";
|
|
8
8
|
type ChoiceControlSize = "lg" | "md" | "sm";
|
|
9
|
+
type InputControlSize = "lg" | "md" | "sm";
|
|
9
10
|
type ChipInputVariant = "filled" | "outlined" | "soft" | "glass" | "gradient";
|
|
10
11
|
type ChipInputPreset = "chip-input" | "tag-input" | "token-input";
|
|
11
12
|
type ChoiceOption = {
|
|
@@ -74,9 +75,10 @@ type StatisticTrend = "up" | "down" | "flat";
|
|
|
74
75
|
type ButtonVariant = "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "light" | "dark" | "link";
|
|
75
76
|
type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
76
77
|
children: ReactNode;
|
|
78
|
+
size?: InputControlSize;
|
|
77
79
|
variant?: ButtonVariant;
|
|
78
80
|
};
|
|
79
|
-
declare function Button({ children, className, variant, type, ...props }: ButtonProps): react.JSX.Element;
|
|
81
|
+
declare function Button({ children, className, size, variant, type, ...props }: ButtonProps): react.JSX.Element;
|
|
80
82
|
|
|
81
83
|
type FieldShellAriaContextValue = {
|
|
82
84
|
describedBy?: string;
|
|
@@ -138,9 +140,10 @@ type ColorFieldProps = {
|
|
|
138
140
|
labelPosition?: LabelPosition;
|
|
139
141
|
mode?: FieldMode;
|
|
140
142
|
onChange: ChangeEventHandler<HTMLInputElement>;
|
|
143
|
+
size?: InputControlSize;
|
|
141
144
|
value: string;
|
|
142
145
|
};
|
|
143
|
-
declare function ColorField({ error, help, id, label, labelPosition, mode, onChange, value, }: ColorFieldProps): react.JSX.Element;
|
|
146
|
+
declare function ColorField({ error, help, id, label, labelPosition, mode, onChange, size, value, }: ColorFieldProps): react.JSX.Element;
|
|
144
147
|
|
|
145
148
|
type DateInputType = "date" | "datetime-local" | "month" | "time" | "week";
|
|
146
149
|
type DateFieldProps = {
|
|
@@ -151,11 +154,12 @@ type DateFieldProps = {
|
|
|
151
154
|
labelPosition?: LabelPosition;
|
|
152
155
|
mode?: FieldMode;
|
|
153
156
|
required?: boolean;
|
|
157
|
+
size?: InputControlSize;
|
|
154
158
|
type?: DateInputType;
|
|
155
159
|
value: string;
|
|
156
160
|
onChange: ChangeEventHandler<HTMLInputElement>;
|
|
157
161
|
};
|
|
158
|
-
declare function DateField({ error, help, id, label, labelPosition, mode, required, type, value, onChange, }: DateFieldProps): react.JSX.Element;
|
|
162
|
+
declare function DateField({ error, help, id, label, labelPosition, mode, required, size, type, value, onChange, }: DateFieldProps): react.JSX.Element;
|
|
159
163
|
|
|
160
164
|
type HiddenFieldProps = {
|
|
161
165
|
help?: string;
|
|
@@ -165,9 +169,10 @@ type HiddenFieldProps = {
|
|
|
165
169
|
mode?: FieldMode;
|
|
166
170
|
name?: string;
|
|
167
171
|
required?: boolean;
|
|
172
|
+
size?: InputControlSize;
|
|
168
173
|
value: string;
|
|
169
174
|
};
|
|
170
|
-
declare function HiddenField({ help, id, label, labelPosition, mode, name, required, value, }: HiddenFieldProps): react.JSX.Element;
|
|
175
|
+
declare function HiddenField({ help, id, label, labelPosition, mode, name, required, size, value, }: HiddenFieldProps): react.JSX.Element;
|
|
171
176
|
|
|
172
177
|
type FileFieldProps = {
|
|
173
178
|
error?: string;
|
|
@@ -178,9 +183,46 @@ type FileFieldProps = {
|
|
|
178
183
|
labelPosition?: LabelPosition;
|
|
179
184
|
mode?: FieldMode;
|
|
180
185
|
onChange: ChangeEventHandler<HTMLInputElement>;
|
|
186
|
+
size?: InputControlSize;
|
|
181
187
|
fileName?: string;
|
|
182
188
|
};
|
|
183
|
-
declare function FileField({ error, fileName, footnote, help, id, label, labelPosition, mode, onChange, }: FileFieldProps): react.JSX.Element;
|
|
189
|
+
declare function FileField({ error, fileName, footnote, help, id, label, labelPosition, mode, onChange, size, }: FileFieldProps): react.JSX.Element;
|
|
190
|
+
|
|
191
|
+
type ImageCropUploadResult = {
|
|
192
|
+
file: File;
|
|
193
|
+
previewUrl: string;
|
|
194
|
+
};
|
|
195
|
+
type ImageCropUploadFieldProps = {
|
|
196
|
+
accept?: string;
|
|
197
|
+
changeButtonLabel?: string;
|
|
198
|
+
cropButtonLabel?: string;
|
|
199
|
+
embedded?: boolean;
|
|
200
|
+
error?: string;
|
|
201
|
+
help?: string;
|
|
202
|
+
hideActions?: boolean;
|
|
203
|
+
id: string;
|
|
204
|
+
label: string;
|
|
205
|
+
labelPosition?: LabelPosition;
|
|
206
|
+
labelVisuallyHidden?: boolean;
|
|
207
|
+
maxZoom?: number;
|
|
208
|
+
minZoom?: number;
|
|
209
|
+
mode?: FieldMode;
|
|
210
|
+
onChange?: (previewUrl: string) => void;
|
|
211
|
+
onCrop?: (result: ImageCropUploadResult) => void;
|
|
212
|
+
onCropAvailabilityChange?: (state: {
|
|
213
|
+
applyCrop: () => Promise<void>;
|
|
214
|
+
canApply: boolean;
|
|
215
|
+
isCropping: boolean;
|
|
216
|
+
}) => void;
|
|
217
|
+
outputSize?: number;
|
|
218
|
+
size?: InputControlSize;
|
|
219
|
+
uploadLabel?: string;
|
|
220
|
+
value?: string;
|
|
221
|
+
viewportSize?: number;
|
|
222
|
+
zoomLabel?: string;
|
|
223
|
+
zoomStep?: number;
|
|
224
|
+
};
|
|
225
|
+
declare function ImageCropUploadField({ accept, changeButtonLabel, cropButtonLabel, embedded, error, help, hideActions, id, label, labelPosition, labelVisuallyHidden, maxZoom, minZoom, mode, onChange, onCrop, onCropAvailabilityChange, outputSize, size, uploadLabel, value, viewportSize, zoomLabel, zoomStep, }: ImageCropUploadFieldProps): react.JSX.Element;
|
|
184
226
|
|
|
185
227
|
type NumberFieldProps = {
|
|
186
228
|
error?: string;
|
|
@@ -192,10 +234,11 @@ type NumberFieldProps = {
|
|
|
192
234
|
min?: number;
|
|
193
235
|
mode?: FieldMode;
|
|
194
236
|
onChange: ChangeEventHandler<HTMLInputElement>;
|
|
237
|
+
size?: InputControlSize;
|
|
195
238
|
step?: number;
|
|
196
239
|
value: number;
|
|
197
240
|
};
|
|
198
|
-
declare function NumberField({ error, help, id, label, labelPosition, max, min, mode, onChange, step, value, }: NumberFieldProps): react.JSX.Element;
|
|
241
|
+
declare function NumberField({ error, help, id, label, labelPosition, max, min, mode, onChange, size, step, value, }: NumberFieldProps): react.JSX.Element;
|
|
199
242
|
|
|
200
243
|
type RadioGroupProps = {
|
|
201
244
|
children: ReactNode;
|
|
@@ -234,10 +277,11 @@ type ChipInputProps = {
|
|
|
234
277
|
placeholder?: string;
|
|
235
278
|
readOnly?: boolean;
|
|
236
279
|
required?: boolean;
|
|
280
|
+
size?: InputControlSize;
|
|
237
281
|
value: string[];
|
|
238
282
|
variant?: ChipInputVariant;
|
|
239
283
|
};
|
|
240
|
-
declare function ChipInput({ disabled, error, help, id, label, labelPosition, mode, onChange, placeholder, readOnly, required, value, variant, }: ChipInputProps): react.JSX.Element;
|
|
284
|
+
declare function ChipInput({ disabled, error, help, id, label, labelPosition, mode, onChange, placeholder, readOnly, required, size, value, variant, }: ChipInputProps): react.JSX.Element;
|
|
241
285
|
declare const ChipInputField: typeof ChipInput;
|
|
242
286
|
|
|
243
287
|
type RangeFieldProps = {
|
|
@@ -249,12 +293,13 @@ type RangeFieldProps = {
|
|
|
249
293
|
max?: number;
|
|
250
294
|
min?: number;
|
|
251
295
|
mode?: FieldMode;
|
|
296
|
+
size?: InputControlSize;
|
|
252
297
|
step?: number;
|
|
253
298
|
value: number;
|
|
254
299
|
valueUnit?: string;
|
|
255
300
|
onChange: ChangeEventHandler<HTMLInputElement>;
|
|
256
301
|
};
|
|
257
|
-
declare function RangeField({ error, help, id, label, labelPosition, max, min, mode, step, value, valueUnit, onChange, }: RangeFieldProps): react.JSX.Element;
|
|
302
|
+
declare function RangeField({ error, help, id, label, labelPosition, max, min, mode, size, step, value, valueUnit, onChange, }: RangeFieldProps): react.JSX.Element;
|
|
258
303
|
|
|
259
304
|
type SelectFieldProps = {
|
|
260
305
|
error?: string;
|
|
@@ -265,10 +310,11 @@ type SelectFieldProps = {
|
|
|
265
310
|
mode?: FieldMode;
|
|
266
311
|
options: string[];
|
|
267
312
|
required?: boolean;
|
|
313
|
+
size?: InputControlSize;
|
|
268
314
|
value: string;
|
|
269
315
|
onChange: ChangeEventHandler<HTMLSelectElement>;
|
|
270
316
|
};
|
|
271
|
-
declare function SelectField({ error, help, id, label, labelPosition, mode, options, required, value, onChange, }: SelectFieldProps): react.JSX.Element;
|
|
317
|
+
declare function SelectField({ error, help, id, label, labelPosition, mode, options, required, size, value, onChange, }: SelectFieldProps): react.JSX.Element;
|
|
272
318
|
|
|
273
319
|
type SwitchFieldProps = {
|
|
274
320
|
checked: boolean;
|
|
@@ -278,9 +324,10 @@ type SwitchFieldProps = {
|
|
|
278
324
|
label: string;
|
|
279
325
|
labelPosition?: LabelPosition;
|
|
280
326
|
mode?: FieldMode;
|
|
327
|
+
size?: InputControlSize;
|
|
281
328
|
onChange: ChangeEventHandler<HTMLInputElement>;
|
|
282
329
|
};
|
|
283
|
-
declare function SwitchField({ checked, error, help, id, label, labelPosition, mode, onChange, }: SwitchFieldProps): react.JSX.Element;
|
|
330
|
+
declare function SwitchField({ checked, error, help, id, label, labelPosition, mode, size, onChange, }: SwitchFieldProps): react.JSX.Element;
|
|
284
331
|
|
|
285
332
|
type TextAreaFieldProps = {
|
|
286
333
|
error?: string;
|
|
@@ -292,10 +339,11 @@ type TextAreaFieldProps = {
|
|
|
292
339
|
mode?: FieldMode;
|
|
293
340
|
placeholder?: string;
|
|
294
341
|
required?: boolean;
|
|
342
|
+
size?: InputControlSize;
|
|
295
343
|
value: string;
|
|
296
344
|
onChange: ChangeEventHandler<HTMLTextAreaElement>;
|
|
297
345
|
};
|
|
298
|
-
declare function TextAreaField({ error, help, id, label, labelPosition, maxChars, mode, placeholder, required, value, onChange, }: TextAreaFieldProps): react.JSX.Element;
|
|
346
|
+
declare function TextAreaField({ error, help, id, label, labelPosition, maxChars, mode, placeholder, required, size, value, onChange, }: TextAreaFieldProps): react.JSX.Element;
|
|
299
347
|
|
|
300
348
|
type RichTextFieldProps = {
|
|
301
349
|
error?: string;
|
|
@@ -308,10 +356,11 @@ type RichTextFieldProps = {
|
|
|
308
356
|
placeholder?: string;
|
|
309
357
|
readOnly?: boolean;
|
|
310
358
|
required?: boolean;
|
|
359
|
+
size?: InputControlSize;
|
|
311
360
|
value: string;
|
|
312
361
|
onChange: (html: string) => void;
|
|
313
362
|
};
|
|
314
|
-
declare function RichTextField({ error, help, id, label, labelPosition, minHeight, mode, placeholder, readOnly, required, value, onChange, }: RichTextFieldProps): react.JSX.Element;
|
|
363
|
+
declare function RichTextField({ error, help, id, label, labelPosition, minHeight, mode, placeholder, readOnly, required, size, value, onChange, }: RichTextFieldProps): react.JSX.Element;
|
|
315
364
|
|
|
316
365
|
type TextFieldProps = {
|
|
317
366
|
error?: string;
|
|
@@ -322,11 +371,12 @@ type TextFieldProps = {
|
|
|
322
371
|
mode?: FieldMode;
|
|
323
372
|
placeholder?: string;
|
|
324
373
|
required?: boolean;
|
|
374
|
+
size?: InputControlSize;
|
|
325
375
|
type: "email" | "password" | "search" | "tel" | "text" | "url";
|
|
326
376
|
value: string;
|
|
327
377
|
onChange: ChangeEventHandler<HTMLInputElement>;
|
|
328
378
|
};
|
|
329
|
-
declare function TextField({ error, help, id, label, labelPosition, mode, placeholder, required, type, value, onChange, }: TextFieldProps): react.JSX.Element;
|
|
379
|
+
declare function TextField({ error, help, id, label, labelPosition, mode, placeholder, required, size, type, value, onChange, }: TextFieldProps): react.JSX.Element;
|
|
330
380
|
|
|
331
381
|
type ThemeToggleFieldProps = {
|
|
332
382
|
className?: string;
|
|
@@ -356,10 +406,11 @@ type FilterSelectFieldProps = {
|
|
|
356
406
|
placeholder?: string;
|
|
357
407
|
required?: boolean;
|
|
358
408
|
searchPlaceholder?: string;
|
|
409
|
+
size?: InputControlSize;
|
|
359
410
|
value: string[];
|
|
360
411
|
onChange: (value: string[]) => void;
|
|
361
412
|
};
|
|
362
|
-
declare function FilterSelectField({ error, groups, help, id, label, labelPosition, mode, placeholder, required, searchPlaceholder, value, onChange, }: FilterSelectFieldProps): react.JSX.Element;
|
|
413
|
+
declare function FilterSelectField({ error, groups, help, id, label, labelPosition, mode, placeholder, required, searchPlaceholder, size, value, onChange, }: FilterSelectFieldProps): react.JSX.Element;
|
|
363
414
|
|
|
364
415
|
type MultiSelectFieldProps = {
|
|
365
416
|
error?: string;
|
|
@@ -371,10 +422,11 @@ type MultiSelectFieldProps = {
|
|
|
371
422
|
options: string[];
|
|
372
423
|
placeholder?: string;
|
|
373
424
|
required?: boolean;
|
|
425
|
+
size?: InputControlSize;
|
|
374
426
|
value: string[];
|
|
375
427
|
onChange: (value: string[]) => void;
|
|
376
428
|
};
|
|
377
|
-
declare function MultiSelectField({ error, help, id, label, labelPosition, mode, options, placeholder, required, value, onChange, }: MultiSelectFieldProps): react.JSX.Element;
|
|
429
|
+
declare function MultiSelectField({ error, help, id, label, labelPosition, mode, options, placeholder, required, size, value, onChange, }: MultiSelectFieldProps): react.JSX.Element;
|
|
378
430
|
|
|
379
431
|
type TransferListFieldProps = {
|
|
380
432
|
available: string[];
|
|
@@ -385,10 +437,11 @@ type TransferListFieldProps = {
|
|
|
385
437
|
labelPosition?: LabelPosition;
|
|
386
438
|
mode?: FieldMode;
|
|
387
439
|
required?: boolean;
|
|
440
|
+
size?: InputControlSize;
|
|
388
441
|
selected: string[];
|
|
389
442
|
onChange: (selected: string[]) => void;
|
|
390
443
|
};
|
|
391
|
-
declare function TransferListField({ available, error, help, id, label, labelPosition, mode, required, selected, onChange, }: TransferListFieldProps): react.JSX.Element;
|
|
444
|
+
declare function TransferListField({ available, error, help, id, label, labelPosition, mode, required, size, selected, onChange, }: TransferListFieldProps): react.JSX.Element;
|
|
392
445
|
|
|
393
446
|
type PasswordRequirement = {
|
|
394
447
|
id: string;
|
|
@@ -406,10 +459,11 @@ type PasswordStrengthFieldProps = {
|
|
|
406
459
|
required?: boolean;
|
|
407
460
|
requirements?: PasswordRequirement[];
|
|
408
461
|
showRequirements?: boolean;
|
|
462
|
+
size?: InputControlSize;
|
|
409
463
|
value: string;
|
|
410
464
|
onChange: (value: string) => void;
|
|
411
465
|
};
|
|
412
|
-
declare function PasswordStrengthField({ error, help, id, label, labelPosition, mode, placeholder, required, requirements, showRequirements, value, onChange, }: PasswordStrengthFieldProps): react.JSX.Element;
|
|
466
|
+
declare function PasswordStrengthField({ error, help, id, label, labelPosition, mode, placeholder, required, requirements, showRequirements, size, value, onChange, }: PasswordStrengthFieldProps): react.JSX.Element;
|
|
413
467
|
|
|
414
468
|
type RatingVariant = "stars" | "hearts" | "numeric";
|
|
415
469
|
type RatingFieldProps = {
|
|
@@ -421,11 +475,12 @@ type RatingFieldProps = {
|
|
|
421
475
|
max?: number;
|
|
422
476
|
mode?: FieldMode;
|
|
423
477
|
required?: boolean;
|
|
478
|
+
size?: InputControlSize;
|
|
424
479
|
value: number;
|
|
425
480
|
variant?: RatingVariant;
|
|
426
481
|
onChange: (value: number) => void;
|
|
427
482
|
};
|
|
428
|
-
declare function RatingField({ error, help, id, label, labelPosition, max, mode, required, value, variant, onChange, }: RatingFieldProps): react.JSX.Element;
|
|
483
|
+
declare function RatingField({ error, help, id, label, labelPosition, max, mode, required, size, value, variant, onChange, }: RatingFieldProps): react.JSX.Element;
|
|
429
484
|
|
|
430
485
|
type SegmentedControlFieldProps = {
|
|
431
486
|
error?: string;
|
|
@@ -436,10 +491,11 @@ type SegmentedControlFieldProps = {
|
|
|
436
491
|
mode?: FieldMode;
|
|
437
492
|
options: string[];
|
|
438
493
|
required?: boolean;
|
|
494
|
+
size?: InputControlSize;
|
|
439
495
|
value: string;
|
|
440
496
|
onChange: (value: string) => void;
|
|
441
497
|
};
|
|
442
|
-
declare function SegmentedControlField({ error, help, id, label, labelPosition, mode, options, required, value, onChange, }: SegmentedControlFieldProps): react.JSX.Element;
|
|
498
|
+
declare function SegmentedControlField({ error, help, id, label, labelPosition, mode, options, required, size, value, onChange, }: SegmentedControlFieldProps): react.JSX.Element;
|
|
443
499
|
|
|
444
500
|
type SliderRangeFieldProps = {
|
|
445
501
|
error?: string;
|
|
@@ -451,11 +507,12 @@ type SliderRangeFieldProps = {
|
|
|
451
507
|
min?: number;
|
|
452
508
|
mode?: FieldMode;
|
|
453
509
|
required?: boolean;
|
|
510
|
+
size?: InputControlSize;
|
|
454
511
|
step?: number;
|
|
455
512
|
value: [number, number];
|
|
456
513
|
onChange: (value: [number, number]) => void;
|
|
457
514
|
};
|
|
458
|
-
declare function SliderRangeField({ error, help, id, label, labelPosition, max, min, mode, required, step, value, onChange, }: SliderRangeFieldProps): react.JSX.Element;
|
|
515
|
+
declare function SliderRangeField({ error, help, id, label, labelPosition, max, min, mode, required, size, step, value, onChange, }: SliderRangeFieldProps): react.JSX.Element;
|
|
459
516
|
|
|
460
517
|
type PhoneCountry = {
|
|
461
518
|
code: string;
|
|
@@ -480,11 +537,12 @@ type PhoneNumberFieldProps = {
|
|
|
480
537
|
mode?: FieldMode;
|
|
481
538
|
placeholder?: string;
|
|
482
539
|
required?: boolean;
|
|
540
|
+
size?: InputControlSize;
|
|
483
541
|
value: string;
|
|
484
542
|
onChange: (value: string) => void;
|
|
485
543
|
onCountryCodeChange: (countryCode: string) => void;
|
|
486
544
|
};
|
|
487
|
-
declare function PhoneNumberField({ countries, countryCode, error, help, id, label, labelPosition, mode, placeholder, required, value, onChange, onCountryCodeChange, }: PhoneNumberFieldProps): react.JSX.Element;
|
|
545
|
+
declare function PhoneNumberField({ countries, countryCode, error, help, id, label, labelPosition, mode, placeholder, required, size, value, onChange, onCountryCodeChange, }: PhoneNumberFieldProps): react.JSX.Element;
|
|
488
546
|
|
|
489
547
|
type CountryPickerFieldProps = {
|
|
490
548
|
countries?: PhoneCountry[];
|
|
@@ -497,10 +555,11 @@ type CountryPickerFieldProps = {
|
|
|
497
555
|
placeholder?: string;
|
|
498
556
|
required?: boolean;
|
|
499
557
|
searchPlaceholder?: string;
|
|
558
|
+
size?: InputControlSize;
|
|
500
559
|
value: string;
|
|
501
560
|
onChange: (countryCode: string) => void;
|
|
502
561
|
};
|
|
503
|
-
declare function CountryPickerField({ countries, error, help, id, label, labelPosition, mode, placeholder, required, searchPlaceholder, value, onChange, }: CountryPickerFieldProps): react.JSX.Element;
|
|
562
|
+
declare function CountryPickerField({ countries, error, help, id, label, labelPosition, mode, placeholder, required, searchPlaceholder, size, value, onChange, }: CountryPickerFieldProps): react.JSX.Element;
|
|
504
563
|
|
|
505
564
|
type TreeSelectNode = {
|
|
506
565
|
children?: TreeSelectNode[];
|
|
@@ -517,10 +576,11 @@ type TreeSelectFieldProps = {
|
|
|
517
576
|
nodes: TreeSelectNode[];
|
|
518
577
|
placeholder?: string;
|
|
519
578
|
required?: boolean;
|
|
579
|
+
size?: InputControlSize;
|
|
520
580
|
value: string | null;
|
|
521
581
|
onChange: (value: string | null) => void;
|
|
522
582
|
};
|
|
523
|
-
declare function TreeSelectField({ error, help, id, label, labelPosition, mode, nodes, placeholder, required, value, onChange, }: TreeSelectFieldProps): react.JSX.Element;
|
|
583
|
+
declare function TreeSelectField({ error, help, id, label, labelPosition, mode, nodes, placeholder, required, size, value, onChange, }: TreeSelectFieldProps): react.JSX.Element;
|
|
524
584
|
|
|
525
585
|
type CascaderOption = {
|
|
526
586
|
children?: CascaderOption[];
|
|
@@ -537,10 +597,11 @@ type CascaderFieldProps = {
|
|
|
537
597
|
options: CascaderOption[];
|
|
538
598
|
placeholder?: string;
|
|
539
599
|
required?: boolean;
|
|
600
|
+
size?: InputControlSize;
|
|
540
601
|
value: string[];
|
|
541
602
|
onChange: (value: string[]) => void;
|
|
542
603
|
};
|
|
543
|
-
declare function CascaderField({ error, help, id, label, labelPosition, mode, options, placeholder, required, value, onChange, }: CascaderFieldProps): react.JSX.Element;
|
|
604
|
+
declare function CascaderField({ error, help, id, label, labelPosition, mode, options, placeholder, required, size, value, onChange, }: CascaderFieldProps): react.JSX.Element;
|
|
544
605
|
|
|
545
606
|
type TooltipPlacement = "top" | "bottom" | "left" | "right";
|
|
546
607
|
type TooltipProps = {
|
|
@@ -1336,13 +1397,14 @@ type SplitterProps = {
|
|
|
1336
1397
|
children: [ReactNode, ReactNode];
|
|
1337
1398
|
className?: string;
|
|
1338
1399
|
defaultSize?: number;
|
|
1400
|
+
flush?: boolean;
|
|
1339
1401
|
minSize?: number;
|
|
1340
1402
|
onSizeChange?: (size: number) => void;
|
|
1341
1403
|
orientation?: SplitterOrientation;
|
|
1342
1404
|
size?: number;
|
|
1343
1405
|
style?: CSSProperties;
|
|
1344
1406
|
};
|
|
1345
|
-
declare function Splitter({ children, className, defaultSize, minSize, onSizeChange, orientation, size: controlledSize, style, }: SplitterProps): react.JSX.Element;
|
|
1407
|
+
declare function Splitter({ children, className, defaultSize, flush, minSize, onSizeChange, orientation, size: controlledSize, style, }: SplitterProps): react.JSX.Element;
|
|
1346
1408
|
|
|
1347
1409
|
type ResizablePanelProps = {
|
|
1348
1410
|
children: ReactNode;
|
|
@@ -1708,6 +1770,69 @@ type TopPerformingUsersProps = {
|
|
|
1708
1770
|
};
|
|
1709
1771
|
declare function TopPerformingUsers({ className, footerHref, footerLabel, onFooterClick, onPersonClick, title, users, }: TopPerformingUsersProps): react.JSX.Element;
|
|
1710
1772
|
|
|
1773
|
+
type UserProfileMenuItem = {
|
|
1774
|
+
destructive?: boolean;
|
|
1775
|
+
id: string;
|
|
1776
|
+
label: string;
|
|
1777
|
+
onSelect?: () => void;
|
|
1778
|
+
};
|
|
1779
|
+
type UserProfileWidgetProps = {
|
|
1780
|
+
avatarSize?: AvatarSize;
|
|
1781
|
+
className?: string;
|
|
1782
|
+
menuItems?: UserProfileMenuItem[];
|
|
1783
|
+
name: string;
|
|
1784
|
+
onAvatarClick?: () => void;
|
|
1785
|
+
onMenuSelect?: (item: UserProfileMenuItem) => void;
|
|
1786
|
+
role: string;
|
|
1787
|
+
src?: string;
|
|
1788
|
+
};
|
|
1789
|
+
declare function UserProfileWidget({ avatarSize, className, menuItems, name, onAvatarClick, onMenuSelect, role, src, }: UserProfileWidgetProps): react.JSX.Element;
|
|
1790
|
+
|
|
1791
|
+
type UserProfilePhotoUploadOptions = {
|
|
1792
|
+
cancelButtonLabel?: string;
|
|
1793
|
+
changeButtonLabel?: string;
|
|
1794
|
+
cropButtonLabel?: string;
|
|
1795
|
+
description?: string;
|
|
1796
|
+
label?: string;
|
|
1797
|
+
maxZoom?: number;
|
|
1798
|
+
minZoom?: number;
|
|
1799
|
+
outputSize?: number;
|
|
1800
|
+
title?: string;
|
|
1801
|
+
uploadLabel?: string;
|
|
1802
|
+
viewportSize?: number;
|
|
1803
|
+
zoomLabel?: string;
|
|
1804
|
+
zoomStep?: number;
|
|
1805
|
+
};
|
|
1806
|
+
type ProfilePhotoUploadModalProps = {
|
|
1807
|
+
fieldId: string;
|
|
1808
|
+
onClose: () => void;
|
|
1809
|
+
onPhotoChange?: (previewUrl: string) => void;
|
|
1810
|
+
open: boolean;
|
|
1811
|
+
options?: UserProfilePhotoUploadOptions;
|
|
1812
|
+
value?: string;
|
|
1813
|
+
};
|
|
1814
|
+
declare function ProfilePhotoUploadModal({ fieldId, onClose, onPhotoChange, open, options, value, }: ProfilePhotoUploadModalProps): react.JSX.Element;
|
|
1815
|
+
|
|
1816
|
+
type ImageCropUploadWidgetProps = {
|
|
1817
|
+
changeButtonLabel?: string;
|
|
1818
|
+
className?: string;
|
|
1819
|
+
cropButtonLabel?: string;
|
|
1820
|
+
id?: string;
|
|
1821
|
+
label?: string;
|
|
1822
|
+
maxZoom?: number;
|
|
1823
|
+
minZoom?: number;
|
|
1824
|
+
onChange?: (previewUrl: string) => void;
|
|
1825
|
+
onCrop?: (result: ImageCropUploadResult) => void;
|
|
1826
|
+
outputSize?: number;
|
|
1827
|
+
title?: string;
|
|
1828
|
+
uploadLabel?: string;
|
|
1829
|
+
value?: string;
|
|
1830
|
+
viewportSize?: number;
|
|
1831
|
+
zoomLabel?: string;
|
|
1832
|
+
zoomStep?: number;
|
|
1833
|
+
};
|
|
1834
|
+
declare function ImageCropUploadWidget({ changeButtonLabel, className, cropButtonLabel, id, label, maxZoom, minZoom, onChange, onCrop, outputSize, title, uploadLabel, value, viewportSize, zoomLabel, zoomStep, }: ImageCropUploadWidgetProps): react.JSX.Element;
|
|
1835
|
+
|
|
1711
1836
|
type DashboardContentContainerWidth = "full" | "widget";
|
|
1712
1837
|
type DashboardContentContainerProps = {
|
|
1713
1838
|
children: ReactNode;
|
|
@@ -2300,4 +2425,4 @@ type SankeyLinkDef = {
|
|
|
2300
2425
|
};
|
|
2301
2426
|
declare const demoSankeyLinks: SankeyLinkDef[];
|
|
2302
2427
|
|
|
2303
|
-
export { type AccentColor, AccentColorPicker, Accordion, AccordionGroup, type AccordionGroupType, Alert, type AlertStatus, AspectRatio, type AspectRatioProps, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarShape, type AvatarSize, Badge, type BadgeSize, type BadgeTone, type BadgeVariant, BottomNavigation, type BottomNavigationItem, type BottomNavigationProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonVariant, Calendar, type CalendarEvent, type CalendarProps, Card, Carousel, CascaderField, type CascaderOption, CatalogIcon, Chart, type ChartDatum, type ChartPalette, type ChartSeries, type ChartVariant, CheckboxField, ChipInput, ChipInputField, type ChipInputPreset, type ChipInputVariant, type ChoiceControlSize, type ChoiceOption, type ChoiceShape, Clipboard, ClipboardProvider, ColorField, Columns, type ColumnsDirection, type ColumnsProps, CommandPalette, type CommandPaletteItem, Container, type ContainerProps, type ContainerSize, ContentTimeline, type ContentTimelineItem, type ContentTimelineStatus, type ContentTimelineTag, ContextMenuProvider, ContextMenuTarget, CopyButton, CountryPickerField, DEFAULT_TOAST_DURATION_MS, DashboardContentContainer, type DashboardContentContainerProps, type DashboardContentContainerWidth, DataGrid, type DataGridColumn, type DataGridLayout, type DataGridPivotConfig, type DataGridRow, type DataGridRowHeaderColumn, DateField, type DateInputType, DealsOverTime, type DealsOverTimePoint, type DealsOverTimeProps, DescriptionList, type DescriptionListItem, type DescriptionListLayout, Dialog, type DialogActionSet, type DialogResult, Divider, type DividerOrientation, type DividerTone, DockLayout, type DockLayoutProps, Drawer, DrawerDefaultActions, type DrawerSide, DropdownMenu, DropdownMenuItem, type DropdownMenuItemData, type DropdownMenuPlacement, DualListBuilder, type DualListBuilderProps, type DualListItem, type ElementSize, EmojiPicker, type EmojiPickerPlacement, type EmojiPickerProps, EmptyState, type EmptyStateIcon, type FieldMode, FieldShell, FileField, FilterBuilder, type FilterBuilderProps, type FilterCondition, type FilterOperator, FilterSelectField, type FilterSelectGroup, FloatingActionButton, type FloatingActionButtonPosition, type FloatingActionButtonProps, type FloatingActionButtonSize, FocusTrap, type GalleryImage, Gauge, type GaugeFooterItem, type GaugeTrend, type GaugeVariant, Grid, type GridProps, HiddenField, type HotkeyCombo, HotkeyManager, Icon, IconBadge, type IconBadgeProps, type IconBadgeUrgency, IconPicker, type IconSize, type IconTone, ImageGallery, ImageThumbnail, type ImageThumbnailSize, IntersectionObserver, JsonViewer, KanbanBoard, type KanbanBoardProps, type KanbanCard, type KanbanColumn, KeyboardShortcut, type KeyboardShortcutSize, type LabelPosition, Lightbox, List, type ListItem, MasonryGrid, type MasonryGridItem, MegaMenu, type MegaMenuConfig, type MegaMenuFeatured, type MegaMenuItem, type MegaMenuSection, MetricTile, Modal, ModalDefaultActions, type ModalSize, type ModelAsset, ModelGallery, ModelLightbox, ModelThumbnail, type ModelThumbnailSize, ModelViewer, MultiSelectField, NavigationRail, type NavigationRailItem, type NavigationRailProps, NoteComposer, type NoteComposerProps, NotesActivity, type NotesActivityItem, type NotesActivityProps, NumberField, OpusThemeProvider, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, Panel, type PasswordRequirement, PasswordStrengthField, type PermissionLevel, PermissionsMatrix, type PermissionsMatrixProps, type PhoneCountry, PhoneNumberField, PipelineOverview, type PipelineOverviewProps, type PipelineStage, Popover, type PopoverPlacement, Portal, PortalHost, ProgressBar, ProgressRing, PropertyGrid, type PropertyGridItem, PropertyInspector, type PropertyInspectorItem, type PropertyInspectorValue, QueryBuilder, type QueryBuilderProps, type QueryCombinator, type QueryGroup, type QueryOperator, type QueryRule, Radio, RadioGroup, RangeField, RatingField, type RatingVariant, RecentActivity, type RecentActivityItem, type RecentActivityProps, ResizablePanel, type ResizablePanelProps, ResizeObserver, ResourcePlanner, type ResourcePlannerItem, type ResourcePlannerProps, type ResourcePlannerResource, RichTextField, RuleBuilder, type RuleBuilderProps, type RuleDefinition, type RuleEffect, Scheduler, type SchedulerEvent, type SchedulerProps, ScrollArea, type ScrollAreaProps, Section, type SectionAlign, type SectionColumns, type SectionGap, type SectionJustify, type SectionLayoutPreset, type SectionSidebar, type SectionSidebarRatio, type SectionSpan, type SectionStackBelow, type SectionTemplate, type SectionWidth, SegmentedControlField, SelectField, ShowMore, type ShowToastOptions, Sidebar, SidebarGroup, SidebarHeader, SidebarLayout, SidebarLink, SidebarNav, type SidebarSide, Skeleton, type SkeletonAnimation, type SkeletonVariant, SliderRangeField, Spacer, type SpacerProps, Sparkline, Speedometer, Spinner, type SpinnerSize, type SpinnerTone, SplitButton, type SplitButtonAction, type SplitButtonProps, Splitter, type SplitterOrientation, type SplitterProps, Stack, type StackAlign, type StackDirection, type StackJustify, type StackProps, StatCard, type StatCardTrend, StatTile, type StatTileItem, type StatTileProps, type StatTileTone, type StatTileTrend, StatTiles, type StatTilesProps, Statistic, type StatisticTrend, StatusIndicator, type StatusIndicatorState, type SurfaceDensity, type SurfaceTone, SwitchField, type TabItem, Table, type TableColumn, type TableDensity, type TableRow, Tabs, type TabsOrientation, type TabsVariant, TextAreaField, TextField, type Theme, OpusThemeProvider as ThemeProvider, ThemeSwitcher, ThemeToggleField, Tile, type TileItem, type TileProps, type TileTone, Tiles, type TilesLayout, type TilesProps, Toast, type ToastHorizontalPosition, ToastProvider, type ToastVerticalPosition, type ToastViewportPosition, Toolbar, type ToolbarProps, Tooltip, TopNavigation, type TopNavigationBarMenu, type TopNavigationDropdownMenu, type TopNavigationMegaMenu, TopNavigationMenu, type TopNavigationMenuConfig, type TopNavigationSelectItem, type TopPerformingUserItem, TopPerformingUsers, type TopPerformingUsersProps, TransferListField, TreeSelectField, type TreeSelectNode, TreeView, type TreeViewNode, TrendBadge, type TrendBadgeDirection, type UpcomingTaskItem, UpcomingTasks, type UpcomingTasksProps, VisuallyHidden, accentColors, cartesianSpecializedVariants, countryCodeToFlag, createAccentStyle, defaultMegaMenuFeatured, defaultMegaMenuMenus, defaultMegaMenuSections, defaultTopNavigationBarMenus, defaultTopNavigationMegaMenus, defaultTopNavigationMenus, demoSankeyLinks, fieldInputAriaProps, countries as phoneCountries, useAccentPreference, useClipboard, useContextMenu, useFieldShellAria, useHotkey, useHotkeyManager, useIntersectionObserver, useOpusTheme, usePortalHost, useResizeObserver, useToast, useTopNavigation, worldMapRegionIds };
|
|
2428
|
+
export { type AccentColor, AccentColorPicker, Accordion, AccordionGroup, type AccordionGroupType, Alert, type AlertStatus, AspectRatio, type AspectRatioProps, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarShape, type AvatarSize, Badge, type BadgeSize, type BadgeTone, type BadgeVariant, BottomNavigation, type BottomNavigationItem, type BottomNavigationProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonVariant, Calendar, type CalendarEvent, type CalendarProps, Card, Carousel, CascaderField, type CascaderOption, CatalogIcon, Chart, type ChartDatum, type ChartPalette, type ChartSeries, type ChartVariant, CheckboxField, ChipInput, ChipInputField, type ChipInputPreset, type ChipInputVariant, type ChoiceControlSize, type ChoiceOption, type ChoiceShape, Clipboard, ClipboardProvider, ColorField, Columns, type ColumnsDirection, type ColumnsProps, CommandPalette, type CommandPaletteItem, Container, type ContainerProps, type ContainerSize, ContentTimeline, type ContentTimelineItem, type ContentTimelineStatus, type ContentTimelineTag, ContextMenuProvider, ContextMenuTarget, CopyButton, CountryPickerField, DEFAULT_TOAST_DURATION_MS, DashboardContentContainer, type DashboardContentContainerProps, type DashboardContentContainerWidth, DataGrid, type DataGridColumn, type DataGridLayout, type DataGridPivotConfig, type DataGridRow, type DataGridRowHeaderColumn, DateField, type DateInputType, DealsOverTime, type DealsOverTimePoint, type DealsOverTimeProps, DescriptionList, type DescriptionListItem, type DescriptionListLayout, Dialog, type DialogActionSet, type DialogResult, Divider, type DividerOrientation, type DividerTone, DockLayout, type DockLayoutProps, Drawer, DrawerDefaultActions, type DrawerSide, DropdownMenu, DropdownMenuItem, type DropdownMenuItemData, type DropdownMenuPlacement, DualListBuilder, type DualListBuilderProps, type DualListItem, type ElementSize, EmojiPicker, type EmojiPickerPlacement, type EmojiPickerProps, EmptyState, type EmptyStateIcon, type FieldMode, FieldShell, FileField, FilterBuilder, type FilterBuilderProps, type FilterCondition, type FilterOperator, FilterSelectField, type FilterSelectGroup, FloatingActionButton, type FloatingActionButtonPosition, type FloatingActionButtonProps, type FloatingActionButtonSize, FocusTrap, type GalleryImage, Gauge, type GaugeFooterItem, type GaugeTrend, type GaugeVariant, Grid, type GridProps, HiddenField, type HotkeyCombo, HotkeyManager, Icon, IconBadge, type IconBadgeProps, type IconBadgeUrgency, IconPicker, type IconSize, type IconTone, ImageCropUploadField, type ImageCropUploadFieldProps, type ImageCropUploadResult, ImageCropUploadWidget, type ImageCropUploadWidgetProps, ImageGallery, ImageThumbnail, type ImageThumbnailSize, type InputControlSize, IntersectionObserver, JsonViewer, KanbanBoard, type KanbanBoardProps, type KanbanCard, type KanbanColumn, KeyboardShortcut, type KeyboardShortcutSize, type LabelPosition, Lightbox, List, type ListItem, MasonryGrid, type MasonryGridItem, MegaMenu, type MegaMenuConfig, type MegaMenuFeatured, type MegaMenuItem, type MegaMenuSection, MetricTile, Modal, ModalDefaultActions, type ModalSize, type ModelAsset, ModelGallery, ModelLightbox, ModelThumbnail, type ModelThumbnailSize, ModelViewer, MultiSelectField, NavigationRail, type NavigationRailItem, type NavigationRailProps, NoteComposer, type NoteComposerProps, NotesActivity, type NotesActivityItem, type NotesActivityProps, NumberField, OpusThemeProvider, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, Panel, type PasswordRequirement, PasswordStrengthField, type PermissionLevel, PermissionsMatrix, type PermissionsMatrixProps, type PhoneCountry, PhoneNumberField, PipelineOverview, type PipelineOverviewProps, type PipelineStage, Popover, type PopoverPlacement, Portal, PortalHost, ProfilePhotoUploadModal, ProgressBar, ProgressRing, PropertyGrid, type PropertyGridItem, PropertyInspector, type PropertyInspectorItem, type PropertyInspectorValue, QueryBuilder, type QueryBuilderProps, type QueryCombinator, type QueryGroup, type QueryOperator, type QueryRule, Radio, RadioGroup, RangeField, RatingField, type RatingVariant, RecentActivity, type RecentActivityItem, type RecentActivityProps, ResizablePanel, type ResizablePanelProps, ResizeObserver, ResourcePlanner, type ResourcePlannerItem, type ResourcePlannerProps, type ResourcePlannerResource, RichTextField, RuleBuilder, type RuleBuilderProps, type RuleDefinition, type RuleEffect, Scheduler, type SchedulerEvent, type SchedulerProps, ScrollArea, type ScrollAreaProps, Section, type SectionAlign, type SectionColumns, type SectionGap, type SectionJustify, type SectionLayoutPreset, type SectionSidebar, type SectionSidebarRatio, type SectionSpan, type SectionStackBelow, type SectionTemplate, type SectionWidth, SegmentedControlField, SelectField, ShowMore, type ShowToastOptions, Sidebar, SidebarGroup, SidebarHeader, SidebarLayout, SidebarLink, SidebarNav, type SidebarSide, Skeleton, type SkeletonAnimation, type SkeletonVariant, SliderRangeField, Spacer, type SpacerProps, Sparkline, Speedometer, Spinner, type SpinnerSize, type SpinnerTone, SplitButton, type SplitButtonAction, type SplitButtonProps, Splitter, type SplitterOrientation, type SplitterProps, Stack, type StackAlign, type StackDirection, type StackJustify, type StackProps, StatCard, type StatCardTrend, StatTile, type StatTileItem, type StatTileProps, type StatTileTone, type StatTileTrend, StatTiles, type StatTilesProps, Statistic, type StatisticTrend, StatusIndicator, type StatusIndicatorState, type SurfaceDensity, type SurfaceTone, SwitchField, type TabItem, Table, type TableColumn, type TableDensity, type TableRow, Tabs, type TabsOrientation, type TabsVariant, TextAreaField, TextField, type Theme, OpusThemeProvider as ThemeProvider, ThemeSwitcher, ThemeToggleField, Tile, type TileItem, type TileProps, type TileTone, Tiles, type TilesLayout, type TilesProps, Toast, type ToastHorizontalPosition, ToastProvider, type ToastVerticalPosition, type ToastViewportPosition, Toolbar, type ToolbarProps, Tooltip, TopNavigation, type TopNavigationBarMenu, type TopNavigationDropdownMenu, type TopNavigationMegaMenu, TopNavigationMenu, type TopNavigationMenuConfig, type TopNavigationSelectItem, type TopPerformingUserItem, TopPerformingUsers, type TopPerformingUsersProps, TransferListField, TreeSelectField, type TreeSelectNode, TreeView, type TreeViewNode, TrendBadge, type TrendBadgeDirection, type UpcomingTaskItem, UpcomingTasks, type UpcomingTasksProps, type UserProfileMenuItem, type UserProfilePhotoUploadOptions, UserProfileWidget, type UserProfileWidgetProps, VisuallyHidden, accentColors, cartesianSpecializedVariants, countryCodeToFlag, createAccentStyle, defaultMegaMenuFeatured, defaultMegaMenuMenus, defaultMegaMenuSections, defaultTopNavigationBarMenus, defaultTopNavigationMegaMenus, defaultTopNavigationMenus, demoSankeyLinks, fieldInputAriaProps, countries as phoneCountries, useAccentPreference, useClipboard, useContextMenu, useFieldShellAria, useHotkey, useHotkeyManager, useIntersectionObserver, useOpusTheme, usePortalHost, useResizeObserver, useToast, useTopNavigation, worldMapRegionIds };
|