@openwebf/react-cupertino-ui 0.3.4 → 0.3.5
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.d.mts +103 -69
- package/dist/index.d.ts +103 -69
- package/dist/index.js +114 -77
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +111 -75
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -245,42 +245,42 @@ declare const FlutterCupertinoTextarea: React.ForwardRefExoticComponent<FlutterC
|
|
|
245
245
|
children?: React.ReactNode;
|
|
246
246
|
} & React.RefAttributes<FlutterCupertinoTextareaElement>>;
|
|
247
247
|
|
|
248
|
-
type CupertinoTabBarIcon$1 = "home" | "house" | "house_fill" | "search" | "search_circle" | "search_circle_fill" | "add" | "add_circled" | "add_circled_solid" | "plus" | "plus_circle" | "plus_circle_fill" | "person" | "person_fill" | "person_circle" | "person_circle_fill" | "profile_circled" | "bell" | "bell_fill" | "bell_circle" | "bell_circle_fill" | "chat_bubble" | "chat_bubble_fill" | "chat_bubble_2" | "chat_bubble_2_fill" | "mail" | "mail_solid" | "envelope" | "envelope_fill" | "phone" | "phone_fill" | "compass" | "compass_fill" | "location" | "location_fill" | "map" | "map_fill" | "photo" | "photo_fill" | "camera" | "camera_fill" | "video_camera" | "video_camera_solid" | "play" | "play_fill" | "play_circle" | "play_circle_fill" | "gear" | "gear_solid" | "settings" | "settings_solid" | "ellipsis" | "ellipsis_circle" | "ellipsis_circle_fill" | "creditcard" | "creditcard_fill" | "cart" | "cart_fill" | "bag" | "bag_fill" | "doc" | "doc_fill" | "doc_text" | "doc_text_fill" | "folder" | "folder_fill" | "book" | "book_fill" | "heart" | "heart_fill" | "star" | "star_fill" | "hand_thumbsup" | "hand_thumbsup_fill" | "bookmark" | "bookmark_fill" | "money_dollar" | "money_dollar_circle" | "money_dollar_circle_fill" | "info" | "info_circle" | "info_circle_fill" | "question" | "question_circle" | "question_circle_fill" | "exclamationmark" | "exclamationmark_circle" | "exclamationmark_circle_fill";
|
|
249
248
|
interface FlutterCupertinoTabBarProps {
|
|
250
249
|
/**
|
|
251
|
-
*
|
|
252
|
-
*
|
|
250
|
+
* Zero-based active item index.
|
|
251
|
+
* Default: 0. Values outside range are clamped.
|
|
253
252
|
*/
|
|
254
|
-
currentIndex?:
|
|
253
|
+
currentIndex?: number;
|
|
255
254
|
/**
|
|
256
|
-
*
|
|
257
|
-
*
|
|
255
|
+
* Background color of the tab bar.
|
|
256
|
+
* Hex string: '#RRGGBB' or '#AARRGGBB'.
|
|
258
257
|
*/
|
|
259
258
|
backgroundColor?: string;
|
|
260
259
|
/**
|
|
261
|
-
*
|
|
262
|
-
*
|
|
260
|
+
* Color of the active item.
|
|
261
|
+
* Hex string: '#RRGGBB' or '#AARRGGBB'.
|
|
263
262
|
*/
|
|
264
263
|
activeColor?: string;
|
|
265
264
|
/**
|
|
266
|
-
*
|
|
267
|
-
*
|
|
265
|
+
* Color of inactive items.
|
|
266
|
+
* Hex string: '#RRGGBB' or '#AARRGGBB'.
|
|
268
267
|
*/
|
|
269
268
|
inactiveColor?: string;
|
|
270
269
|
/**
|
|
271
|
-
*
|
|
272
|
-
*
|
|
270
|
+
* Icon size in logical pixels.
|
|
271
|
+
* Default: 30.
|
|
273
272
|
*/
|
|
274
|
-
iconSize?:
|
|
273
|
+
iconSize?: number;
|
|
275
274
|
/**
|
|
276
|
-
*
|
|
277
|
-
*
|
|
275
|
+
* Remove the top border when present.
|
|
276
|
+
* Boolean attribute; presence means true.
|
|
277
|
+
* Default: false.
|
|
278
278
|
*/
|
|
279
|
-
|
|
279
|
+
noTopBorder?: string;
|
|
280
280
|
/**
|
|
281
|
-
*
|
|
281
|
+
* Fired when a different tab is selected. detail = selected index
|
|
282
282
|
*/
|
|
283
|
-
|
|
283
|
+
onChange?: (event: CustomEvent<number>) => void;
|
|
284
284
|
/**
|
|
285
285
|
* HTML id attribute
|
|
286
286
|
*/
|
|
@@ -298,35 +298,20 @@ interface FlutterCupertinoTabBarProps {
|
|
|
298
298
|
*/
|
|
299
299
|
className?: string;
|
|
300
300
|
}
|
|
301
|
-
|
|
302
|
-
* Element interface with methods accessible via ref
|
|
303
|
-
* @example
|
|
304
|
-
* ```tsx
|
|
305
|
-
* const ref = useRef<FlutterCupertinoTabBarElement>(null);
|
|
306
|
-
* // Call methods on the element
|
|
307
|
-
* ref.current?.finishRefresh('success');
|
|
308
|
-
* ```
|
|
309
|
-
*/
|
|
310
|
-
interface FlutterCupertinoTabBarElement extends WebFElementWithMethods<{
|
|
311
|
-
switchTab(path: string): void;
|
|
312
|
-
}> {
|
|
301
|
+
interface FlutterCupertinoTabBarElement extends WebFElementWithMethods<{}> {
|
|
313
302
|
}
|
|
314
303
|
/**
|
|
315
|
-
*
|
|
304
|
+
* Properties for <flutter-cupertino-tab-bar>
|
|
305
|
+
Bottom navigation bar with iOS styling.
|
|
316
306
|
*
|
|
317
307
|
* @example
|
|
318
308
|
* ```tsx
|
|
319
|
-
* const ref = useRef<FlutterCupertinoTabBarElement>(null);
|
|
320
309
|
*
|
|
321
310
|
* <FlutterCupertinoTabBar
|
|
322
|
-
* ref={ref}
|
|
323
311
|
* // Add props here
|
|
324
312
|
* >
|
|
325
313
|
* Content
|
|
326
314
|
* </FlutterCupertinoTabBar>
|
|
327
|
-
*
|
|
328
|
-
* // Call methods on the element
|
|
329
|
-
* ref.current?.finishRefresh('success');
|
|
330
315
|
* ```
|
|
331
316
|
*/
|
|
332
317
|
declare const FlutterCupertinoTabBar: React.ForwardRefExoticComponent<FlutterCupertinoTabBarProps & {
|
|
@@ -334,22 +319,12 @@ declare const FlutterCupertinoTabBar: React.ForwardRefExoticComponent<FlutterCup
|
|
|
334
319
|
style?: React.CSSProperties;
|
|
335
320
|
children?: React.ReactNode;
|
|
336
321
|
} & React.RefAttributes<FlutterCupertinoTabBarElement>>;
|
|
322
|
+
|
|
337
323
|
interface FlutterCupertinoTabBarItemProps {
|
|
338
324
|
/**
|
|
339
|
-
*
|
|
340
|
-
* @default undefined
|
|
325
|
+
* Label displayed under the icon for this item.
|
|
341
326
|
*/
|
|
342
327
|
title?: string;
|
|
343
|
-
/**
|
|
344
|
-
* icon property
|
|
345
|
-
* @default undefined
|
|
346
|
-
*/
|
|
347
|
-
icon?: CupertinoTabBarIcon$1;
|
|
348
|
-
/**
|
|
349
|
-
* path property
|
|
350
|
-
* @default undefined
|
|
351
|
-
*/
|
|
352
|
-
path?: string;
|
|
353
328
|
/**
|
|
354
329
|
* HTML id attribute
|
|
355
330
|
*/
|
|
@@ -370,7 +345,8 @@ interface FlutterCupertinoTabBarItemProps {
|
|
|
370
345
|
interface FlutterCupertinoTabBarItemElement extends WebFElementWithMethods<{}> {
|
|
371
346
|
}
|
|
372
347
|
/**
|
|
373
|
-
*
|
|
348
|
+
* Properties for <flutter-cupertino-tab-bar-item>
|
|
349
|
+
Child item used within the TabBar; provides title and icon.
|
|
374
350
|
*
|
|
375
351
|
* @example
|
|
376
352
|
* ```tsx
|
|
@@ -388,9 +364,68 @@ declare const FlutterCupertinoTabBarItem: React.ForwardRefExoticComponent<Flutte
|
|
|
388
364
|
children?: React.ReactNode;
|
|
389
365
|
} & React.RefAttributes<FlutterCupertinoTabBarItemElement>>;
|
|
390
366
|
|
|
391
|
-
interface
|
|
367
|
+
interface FlutterCupertinoTabViewProps {
|
|
392
368
|
/**
|
|
393
|
-
*
|
|
369
|
+
* Default title used by the Navigator for the top-most route.
|
|
370
|
+
*/
|
|
371
|
+
defaultTitle?: string;
|
|
372
|
+
/**
|
|
373
|
+
* Restoration scope ID to enable state restoration for this tab's Navigator.
|
|
374
|
+
*/
|
|
375
|
+
restorationScopeId?: string;
|
|
376
|
+
/**
|
|
377
|
+
* HTML id attribute
|
|
378
|
+
*/
|
|
379
|
+
id?: string;
|
|
380
|
+
/**
|
|
381
|
+
* Additional CSS styles
|
|
382
|
+
*/
|
|
383
|
+
style?: React.CSSProperties;
|
|
384
|
+
/**
|
|
385
|
+
* Children elements
|
|
386
|
+
*/
|
|
387
|
+
children?: React.ReactNode;
|
|
388
|
+
/**
|
|
389
|
+
* Additional CSS class names
|
|
390
|
+
*/
|
|
391
|
+
className?: string;
|
|
392
|
+
}
|
|
393
|
+
interface FlutterCupertinoTabViewElement extends WebFElementWithMethods<{}> {
|
|
394
|
+
}
|
|
395
|
+
/**
|
|
396
|
+
* Properties for <flutter-cupertino-tab-view>
|
|
397
|
+
Provides an iOS-style per-tab Navigator. Used inside TabScaffold tabs.
|
|
398
|
+
*
|
|
399
|
+
* @example
|
|
400
|
+
* ```tsx
|
|
401
|
+
*
|
|
402
|
+
* <FlutterCupertinoTabView
|
|
403
|
+
* // Add props here
|
|
404
|
+
* >
|
|
405
|
+
* Content
|
|
406
|
+
* </FlutterCupertinoTabView>
|
|
407
|
+
* ```
|
|
408
|
+
*/
|
|
409
|
+
declare const FlutterCupertinoTabView: React.ForwardRefExoticComponent<FlutterCupertinoTabViewProps & {
|
|
410
|
+
className?: string;
|
|
411
|
+
style?: React.CSSProperties;
|
|
412
|
+
children?: React.ReactNode;
|
|
413
|
+
} & React.RefAttributes<FlutterCupertinoTabViewElement>>;
|
|
414
|
+
|
|
415
|
+
interface FlutterCupertinoTabScaffoldProps {
|
|
416
|
+
/**
|
|
417
|
+
* Zero-based index of the active tab.
|
|
418
|
+
* Default: 0. Values outside range are clamped.
|
|
419
|
+
*/
|
|
420
|
+
currentIndex?: number;
|
|
421
|
+
/**
|
|
422
|
+
* Whether to avoid bottom insets (e.g., when keyboard appears).
|
|
423
|
+
* Boolean attribute; presence means true.
|
|
424
|
+
* Default: true.
|
|
425
|
+
*/
|
|
426
|
+
resizeToAvoidBottomInset?: string;
|
|
427
|
+
/**
|
|
428
|
+
* Fired when the active tab changes. detail = current index
|
|
394
429
|
*/
|
|
395
430
|
onChange?: (event: CustomEvent<number>) => void;
|
|
396
431
|
/**
|
|
@@ -410,30 +445,30 @@ interface FlutterCupertinoTabProps {
|
|
|
410
445
|
*/
|
|
411
446
|
className?: string;
|
|
412
447
|
}
|
|
413
|
-
interface
|
|
448
|
+
interface FlutterCupertinoTabScaffoldElement extends WebFElementWithMethods<{}> {
|
|
414
449
|
}
|
|
415
450
|
/**
|
|
416
|
-
*
|
|
451
|
+
* Properties for <flutter-cupertino-tab-scaffold>
|
|
452
|
+
A container that renders a bottom tab bar and tabbed content (iOS style).
|
|
417
453
|
*
|
|
418
454
|
* @example
|
|
419
455
|
* ```tsx
|
|
420
456
|
*
|
|
421
|
-
* <
|
|
457
|
+
* <FlutterCupertinoTabScaffold
|
|
422
458
|
* // Add props here
|
|
423
459
|
* >
|
|
424
460
|
* Content
|
|
425
|
-
* </
|
|
461
|
+
* </FlutterCupertinoTabScaffold>
|
|
426
462
|
* ```
|
|
427
463
|
*/
|
|
428
|
-
declare const
|
|
464
|
+
declare const FlutterCupertinoTabScaffold: React.ForwardRefExoticComponent<FlutterCupertinoTabScaffoldProps & {
|
|
429
465
|
className?: string;
|
|
430
466
|
style?: React.CSSProperties;
|
|
431
467
|
children?: React.ReactNode;
|
|
432
|
-
} & React.RefAttributes<
|
|
433
|
-
interface
|
|
468
|
+
} & React.RefAttributes<FlutterCupertinoTabScaffoldElement>>;
|
|
469
|
+
interface FlutterCupertinoTabScaffoldTabProps {
|
|
434
470
|
/**
|
|
435
|
-
*
|
|
436
|
-
* @default undefined
|
|
471
|
+
* Label shown in the tab bar for this tab.
|
|
437
472
|
*/
|
|
438
473
|
title?: string;
|
|
439
474
|
/**
|
|
@@ -453,26 +488,27 @@ interface FlutterCupertinoTabItemProps {
|
|
|
453
488
|
*/
|
|
454
489
|
className?: string;
|
|
455
490
|
}
|
|
456
|
-
interface
|
|
491
|
+
interface FlutterCupertinoTabScaffoldTabElement extends WebFElementWithMethods<{}> {
|
|
457
492
|
}
|
|
458
493
|
/**
|
|
459
|
-
*
|
|
494
|
+
* Properties for <flutter-cupertino-tab-scaffold-tab>
|
|
495
|
+
Child item used within the TabScaffold; provides title and content for a tab.
|
|
460
496
|
*
|
|
461
497
|
* @example
|
|
462
498
|
* ```tsx
|
|
463
499
|
*
|
|
464
|
-
* <
|
|
500
|
+
* <FlutterCupertinoTabScaffoldTab
|
|
465
501
|
* // Add props here
|
|
466
502
|
* >
|
|
467
503
|
* Content
|
|
468
|
-
* </
|
|
504
|
+
* </FlutterCupertinoTabScaffoldTab>
|
|
469
505
|
* ```
|
|
470
506
|
*/
|
|
471
|
-
declare const
|
|
507
|
+
declare const FlutterCupertinoTabScaffoldTab: React.ForwardRefExoticComponent<FlutterCupertinoTabScaffoldTabProps & {
|
|
472
508
|
className?: string;
|
|
473
509
|
style?: React.CSSProperties;
|
|
474
510
|
children?: React.ReactNode;
|
|
475
|
-
} & React.RefAttributes<
|
|
511
|
+
} & React.RefAttributes<FlutterCupertinoTabScaffoldTabElement>>;
|
|
476
512
|
|
|
477
513
|
interface FlutterCupertinoSwitchProps {
|
|
478
514
|
/**
|
|
@@ -2480,8 +2516,6 @@ declare const FlutterCupertinoActionSheet: React.ForwardRefExoticComponent<Flutt
|
|
|
2480
2516
|
children?: React.ReactNode;
|
|
2481
2517
|
} & React.RefAttributes<FlutterCupertinoActionSheetElement>>;
|
|
2482
2518
|
|
|
2483
|
-
type CupertinoTabBarIcon = "home" | "house" | "house_fill" | "search" | "search_circle" | "search_circle_fill" | "add" | "add_circled" | "add_circled_solid" | "plus" | "plus_circle" | "plus_circle_fill" | "person" | "person_fill" | "person_circle" | "person_circle_fill" | "profile_circled" | "bell" | "bell_fill" | "bell_circle" | "bell_circle_fill" | "chat_bubble" | "chat_bubble_fill" | "chat_bubble_2" | "chat_bubble_2_fill" | "mail" | "mail_solid" | "envelope" | "envelope_fill" | "phone" | "phone_fill" | "compass" | "compass_fill" | "location" | "location_fill" | "map" | "map_fill" | "photo" | "photo_fill" | "camera" | "camera_fill" | "video_camera" | "video_camera_solid" | "play" | "play_fill" | "play_circle" | "play_circle_fill" | "gear" | "gear_solid" | "settings" | "settings_solid" | "ellipsis" | "ellipsis_circle" | "ellipsis_circle_fill" | "creditcard" | "creditcard_fill" | "cart" | "cart_fill" | "bag" | "bag_fill" | "doc" | "doc_fill" | "doc_text" | "doc_text_fill" | "folder" | "folder_fill" | "book" | "book_fill" | "heart" | "heart_fill" | "star" | "star_fill" | "hand_thumbsup" | "hand_thumbsup_fill" | "bookmark" | "bookmark_fill" | "money_dollar" | "money_dollar_circle" | "money_dollar_circle_fill" | "info" | "info_circle" | "info_circle_fill" | "question" | "question_circle" | "question_circle_fill" | "exclamationmark" | "exclamationmark_circle" | "exclamationmark_circle_fill";
|
|
2484
|
-
type int = number;
|
|
2485
2519
|
declare enum CupertinoColors {
|
|
2486
2520
|
activeBlue = "rgba(0, 122, 255, 1)",
|
|
2487
2521
|
activeGreen = "rgba(52, 199, 89, 1)",
|
|
@@ -2532,4 +2566,4 @@ declare enum CupertinoColors {
|
|
|
2532
2566
|
white = "rgba(255, 255, 255, 1)"
|
|
2533
2567
|
}
|
|
2534
2568
|
|
|
2535
|
-
export { CupertinoColors,
|
|
2569
|
+
export { CupertinoColors, FlutterCupertinoActionSheet, type FlutterCupertinoActionSheetElement, FlutterCupertinoAlert, type FlutterCupertinoAlertElement, FlutterCupertinoButton, type FlutterCupertinoButtonElement, FlutterCupertinoCheckbox, type FlutterCupertinoCheckboxElement, FlutterCupertinoContextMenu, type FlutterCupertinoContextMenuElement, FlutterCupertinoDatePicker, type FlutterCupertinoDatePickerElement, FlutterCupertinoFormRow, type FlutterCupertinoFormRowElement, FlutterCupertinoFormRowError, type FlutterCupertinoFormRowErrorElement, FlutterCupertinoFormRowHelper, type FlutterCupertinoFormRowHelperElement, FlutterCupertinoFormRowPrefix, type FlutterCupertinoFormRowPrefixElement, FlutterCupertinoFormSection, type FlutterCupertinoFormSectionElement, FlutterCupertinoFormSectionFooter, type FlutterCupertinoFormSectionFooterElement, FlutterCupertinoFormSectionHeader, type FlutterCupertinoFormSectionHeaderElement, FlutterCupertinoIcon, type FlutterCupertinoIconElement, FlutterCupertinoInput, type FlutterCupertinoInputElement, FlutterCupertinoInputPrefix, type FlutterCupertinoInputPrefixElement, FlutterCupertinoInputSuffix, type FlutterCupertinoInputSuffixElement, FlutterCupertinoListSection, type FlutterCupertinoListSectionElement, FlutterCupertinoListSectionFooter, type FlutterCupertinoListSectionFooterElement, FlutterCupertinoListSectionHeader, type FlutterCupertinoListSectionHeaderElement, FlutterCupertinoListTile, FlutterCupertinoListTileAdditionalInfo, type FlutterCupertinoListTileAdditionalInfoElement, type FlutterCupertinoListTileElement, FlutterCupertinoListTileLeading, type FlutterCupertinoListTileLeadingElement, FlutterCupertinoListTileSubtitle, type FlutterCupertinoListTileSubtitleElement, FlutterCupertinoListTileTrailing, type FlutterCupertinoListTileTrailingElement, FlutterCupertinoLoading, type FlutterCupertinoLoadingElement, FlutterCupertinoModalPopup, type FlutterCupertinoModalPopupElement, FlutterCupertinoPicker, type FlutterCupertinoPickerElement, FlutterCupertinoPickerItem, type FlutterCupertinoPickerItemElement, FlutterCupertinoRadio, type FlutterCupertinoRadioElement, FlutterCupertinoSearchInput, type FlutterCupertinoSearchInputElement, FlutterCupertinoSegmentedTab, type FlutterCupertinoSegmentedTabElement, FlutterCupertinoSlider, type FlutterCupertinoSliderElement, FlutterCupertinoSwitch, type FlutterCupertinoSwitchElement, FlutterCupertinoTabBar, type FlutterCupertinoTabBarElement, FlutterCupertinoTabBarItem, type FlutterCupertinoTabBarItemElement, FlutterCupertinoTabScaffold, type FlutterCupertinoTabScaffoldElement, FlutterCupertinoTabScaffoldTab, type FlutterCupertinoTabScaffoldTabElement, FlutterCupertinoTabView, type FlutterCupertinoTabViewElement, FlutterCupertinoTextarea, type FlutterCupertinoTextareaElement, FlutterCupertinoTimerPicker, type FlutterCupertinoTimerPickerElement, FlutterCupertinoToast, type FlutterCupertinoToastElement };
|
package/dist/index.d.ts
CHANGED
|
@@ -245,42 +245,42 @@ declare const FlutterCupertinoTextarea: React.ForwardRefExoticComponent<FlutterC
|
|
|
245
245
|
children?: React.ReactNode;
|
|
246
246
|
} & React.RefAttributes<FlutterCupertinoTextareaElement>>;
|
|
247
247
|
|
|
248
|
-
type CupertinoTabBarIcon$1 = "home" | "house" | "house_fill" | "search" | "search_circle" | "search_circle_fill" | "add" | "add_circled" | "add_circled_solid" | "plus" | "plus_circle" | "plus_circle_fill" | "person" | "person_fill" | "person_circle" | "person_circle_fill" | "profile_circled" | "bell" | "bell_fill" | "bell_circle" | "bell_circle_fill" | "chat_bubble" | "chat_bubble_fill" | "chat_bubble_2" | "chat_bubble_2_fill" | "mail" | "mail_solid" | "envelope" | "envelope_fill" | "phone" | "phone_fill" | "compass" | "compass_fill" | "location" | "location_fill" | "map" | "map_fill" | "photo" | "photo_fill" | "camera" | "camera_fill" | "video_camera" | "video_camera_solid" | "play" | "play_fill" | "play_circle" | "play_circle_fill" | "gear" | "gear_solid" | "settings" | "settings_solid" | "ellipsis" | "ellipsis_circle" | "ellipsis_circle_fill" | "creditcard" | "creditcard_fill" | "cart" | "cart_fill" | "bag" | "bag_fill" | "doc" | "doc_fill" | "doc_text" | "doc_text_fill" | "folder" | "folder_fill" | "book" | "book_fill" | "heart" | "heart_fill" | "star" | "star_fill" | "hand_thumbsup" | "hand_thumbsup_fill" | "bookmark" | "bookmark_fill" | "money_dollar" | "money_dollar_circle" | "money_dollar_circle_fill" | "info" | "info_circle" | "info_circle_fill" | "question" | "question_circle" | "question_circle_fill" | "exclamationmark" | "exclamationmark_circle" | "exclamationmark_circle_fill";
|
|
249
248
|
interface FlutterCupertinoTabBarProps {
|
|
250
249
|
/**
|
|
251
|
-
*
|
|
252
|
-
*
|
|
250
|
+
* Zero-based active item index.
|
|
251
|
+
* Default: 0. Values outside range are clamped.
|
|
253
252
|
*/
|
|
254
|
-
currentIndex?:
|
|
253
|
+
currentIndex?: number;
|
|
255
254
|
/**
|
|
256
|
-
*
|
|
257
|
-
*
|
|
255
|
+
* Background color of the tab bar.
|
|
256
|
+
* Hex string: '#RRGGBB' or '#AARRGGBB'.
|
|
258
257
|
*/
|
|
259
258
|
backgroundColor?: string;
|
|
260
259
|
/**
|
|
261
|
-
*
|
|
262
|
-
*
|
|
260
|
+
* Color of the active item.
|
|
261
|
+
* Hex string: '#RRGGBB' or '#AARRGGBB'.
|
|
263
262
|
*/
|
|
264
263
|
activeColor?: string;
|
|
265
264
|
/**
|
|
266
|
-
*
|
|
267
|
-
*
|
|
265
|
+
* Color of inactive items.
|
|
266
|
+
* Hex string: '#RRGGBB' or '#AARRGGBB'.
|
|
268
267
|
*/
|
|
269
268
|
inactiveColor?: string;
|
|
270
269
|
/**
|
|
271
|
-
*
|
|
272
|
-
*
|
|
270
|
+
* Icon size in logical pixels.
|
|
271
|
+
* Default: 30.
|
|
273
272
|
*/
|
|
274
|
-
iconSize?:
|
|
273
|
+
iconSize?: number;
|
|
275
274
|
/**
|
|
276
|
-
*
|
|
277
|
-
*
|
|
275
|
+
* Remove the top border when present.
|
|
276
|
+
* Boolean attribute; presence means true.
|
|
277
|
+
* Default: false.
|
|
278
278
|
*/
|
|
279
|
-
|
|
279
|
+
noTopBorder?: string;
|
|
280
280
|
/**
|
|
281
|
-
*
|
|
281
|
+
* Fired when a different tab is selected. detail = selected index
|
|
282
282
|
*/
|
|
283
|
-
|
|
283
|
+
onChange?: (event: CustomEvent<number>) => void;
|
|
284
284
|
/**
|
|
285
285
|
* HTML id attribute
|
|
286
286
|
*/
|
|
@@ -298,35 +298,20 @@ interface FlutterCupertinoTabBarProps {
|
|
|
298
298
|
*/
|
|
299
299
|
className?: string;
|
|
300
300
|
}
|
|
301
|
-
|
|
302
|
-
* Element interface with methods accessible via ref
|
|
303
|
-
* @example
|
|
304
|
-
* ```tsx
|
|
305
|
-
* const ref = useRef<FlutterCupertinoTabBarElement>(null);
|
|
306
|
-
* // Call methods on the element
|
|
307
|
-
* ref.current?.finishRefresh('success');
|
|
308
|
-
* ```
|
|
309
|
-
*/
|
|
310
|
-
interface FlutterCupertinoTabBarElement extends WebFElementWithMethods<{
|
|
311
|
-
switchTab(path: string): void;
|
|
312
|
-
}> {
|
|
301
|
+
interface FlutterCupertinoTabBarElement extends WebFElementWithMethods<{}> {
|
|
313
302
|
}
|
|
314
303
|
/**
|
|
315
|
-
*
|
|
304
|
+
* Properties for <flutter-cupertino-tab-bar>
|
|
305
|
+
Bottom navigation bar with iOS styling.
|
|
316
306
|
*
|
|
317
307
|
* @example
|
|
318
308
|
* ```tsx
|
|
319
|
-
* const ref = useRef<FlutterCupertinoTabBarElement>(null);
|
|
320
309
|
*
|
|
321
310
|
* <FlutterCupertinoTabBar
|
|
322
|
-
* ref={ref}
|
|
323
311
|
* // Add props here
|
|
324
312
|
* >
|
|
325
313
|
* Content
|
|
326
314
|
* </FlutterCupertinoTabBar>
|
|
327
|
-
*
|
|
328
|
-
* // Call methods on the element
|
|
329
|
-
* ref.current?.finishRefresh('success');
|
|
330
315
|
* ```
|
|
331
316
|
*/
|
|
332
317
|
declare const FlutterCupertinoTabBar: React.ForwardRefExoticComponent<FlutterCupertinoTabBarProps & {
|
|
@@ -334,22 +319,12 @@ declare const FlutterCupertinoTabBar: React.ForwardRefExoticComponent<FlutterCup
|
|
|
334
319
|
style?: React.CSSProperties;
|
|
335
320
|
children?: React.ReactNode;
|
|
336
321
|
} & React.RefAttributes<FlutterCupertinoTabBarElement>>;
|
|
322
|
+
|
|
337
323
|
interface FlutterCupertinoTabBarItemProps {
|
|
338
324
|
/**
|
|
339
|
-
*
|
|
340
|
-
* @default undefined
|
|
325
|
+
* Label displayed under the icon for this item.
|
|
341
326
|
*/
|
|
342
327
|
title?: string;
|
|
343
|
-
/**
|
|
344
|
-
* icon property
|
|
345
|
-
* @default undefined
|
|
346
|
-
*/
|
|
347
|
-
icon?: CupertinoTabBarIcon$1;
|
|
348
|
-
/**
|
|
349
|
-
* path property
|
|
350
|
-
* @default undefined
|
|
351
|
-
*/
|
|
352
|
-
path?: string;
|
|
353
328
|
/**
|
|
354
329
|
* HTML id attribute
|
|
355
330
|
*/
|
|
@@ -370,7 +345,8 @@ interface FlutterCupertinoTabBarItemProps {
|
|
|
370
345
|
interface FlutterCupertinoTabBarItemElement extends WebFElementWithMethods<{}> {
|
|
371
346
|
}
|
|
372
347
|
/**
|
|
373
|
-
*
|
|
348
|
+
* Properties for <flutter-cupertino-tab-bar-item>
|
|
349
|
+
Child item used within the TabBar; provides title and icon.
|
|
374
350
|
*
|
|
375
351
|
* @example
|
|
376
352
|
* ```tsx
|
|
@@ -388,9 +364,68 @@ declare const FlutterCupertinoTabBarItem: React.ForwardRefExoticComponent<Flutte
|
|
|
388
364
|
children?: React.ReactNode;
|
|
389
365
|
} & React.RefAttributes<FlutterCupertinoTabBarItemElement>>;
|
|
390
366
|
|
|
391
|
-
interface
|
|
367
|
+
interface FlutterCupertinoTabViewProps {
|
|
392
368
|
/**
|
|
393
|
-
*
|
|
369
|
+
* Default title used by the Navigator for the top-most route.
|
|
370
|
+
*/
|
|
371
|
+
defaultTitle?: string;
|
|
372
|
+
/**
|
|
373
|
+
* Restoration scope ID to enable state restoration for this tab's Navigator.
|
|
374
|
+
*/
|
|
375
|
+
restorationScopeId?: string;
|
|
376
|
+
/**
|
|
377
|
+
* HTML id attribute
|
|
378
|
+
*/
|
|
379
|
+
id?: string;
|
|
380
|
+
/**
|
|
381
|
+
* Additional CSS styles
|
|
382
|
+
*/
|
|
383
|
+
style?: React.CSSProperties;
|
|
384
|
+
/**
|
|
385
|
+
* Children elements
|
|
386
|
+
*/
|
|
387
|
+
children?: React.ReactNode;
|
|
388
|
+
/**
|
|
389
|
+
* Additional CSS class names
|
|
390
|
+
*/
|
|
391
|
+
className?: string;
|
|
392
|
+
}
|
|
393
|
+
interface FlutterCupertinoTabViewElement extends WebFElementWithMethods<{}> {
|
|
394
|
+
}
|
|
395
|
+
/**
|
|
396
|
+
* Properties for <flutter-cupertino-tab-view>
|
|
397
|
+
Provides an iOS-style per-tab Navigator. Used inside TabScaffold tabs.
|
|
398
|
+
*
|
|
399
|
+
* @example
|
|
400
|
+
* ```tsx
|
|
401
|
+
*
|
|
402
|
+
* <FlutterCupertinoTabView
|
|
403
|
+
* // Add props here
|
|
404
|
+
* >
|
|
405
|
+
* Content
|
|
406
|
+
* </FlutterCupertinoTabView>
|
|
407
|
+
* ```
|
|
408
|
+
*/
|
|
409
|
+
declare const FlutterCupertinoTabView: React.ForwardRefExoticComponent<FlutterCupertinoTabViewProps & {
|
|
410
|
+
className?: string;
|
|
411
|
+
style?: React.CSSProperties;
|
|
412
|
+
children?: React.ReactNode;
|
|
413
|
+
} & React.RefAttributes<FlutterCupertinoTabViewElement>>;
|
|
414
|
+
|
|
415
|
+
interface FlutterCupertinoTabScaffoldProps {
|
|
416
|
+
/**
|
|
417
|
+
* Zero-based index of the active tab.
|
|
418
|
+
* Default: 0. Values outside range are clamped.
|
|
419
|
+
*/
|
|
420
|
+
currentIndex?: number;
|
|
421
|
+
/**
|
|
422
|
+
* Whether to avoid bottom insets (e.g., when keyboard appears).
|
|
423
|
+
* Boolean attribute; presence means true.
|
|
424
|
+
* Default: true.
|
|
425
|
+
*/
|
|
426
|
+
resizeToAvoidBottomInset?: string;
|
|
427
|
+
/**
|
|
428
|
+
* Fired when the active tab changes. detail = current index
|
|
394
429
|
*/
|
|
395
430
|
onChange?: (event: CustomEvent<number>) => void;
|
|
396
431
|
/**
|
|
@@ -410,30 +445,30 @@ interface FlutterCupertinoTabProps {
|
|
|
410
445
|
*/
|
|
411
446
|
className?: string;
|
|
412
447
|
}
|
|
413
|
-
interface
|
|
448
|
+
interface FlutterCupertinoTabScaffoldElement extends WebFElementWithMethods<{}> {
|
|
414
449
|
}
|
|
415
450
|
/**
|
|
416
|
-
*
|
|
451
|
+
* Properties for <flutter-cupertino-tab-scaffold>
|
|
452
|
+
A container that renders a bottom tab bar and tabbed content (iOS style).
|
|
417
453
|
*
|
|
418
454
|
* @example
|
|
419
455
|
* ```tsx
|
|
420
456
|
*
|
|
421
|
-
* <
|
|
457
|
+
* <FlutterCupertinoTabScaffold
|
|
422
458
|
* // Add props here
|
|
423
459
|
* >
|
|
424
460
|
* Content
|
|
425
|
-
* </
|
|
461
|
+
* </FlutterCupertinoTabScaffold>
|
|
426
462
|
* ```
|
|
427
463
|
*/
|
|
428
|
-
declare const
|
|
464
|
+
declare const FlutterCupertinoTabScaffold: React.ForwardRefExoticComponent<FlutterCupertinoTabScaffoldProps & {
|
|
429
465
|
className?: string;
|
|
430
466
|
style?: React.CSSProperties;
|
|
431
467
|
children?: React.ReactNode;
|
|
432
|
-
} & React.RefAttributes<
|
|
433
|
-
interface
|
|
468
|
+
} & React.RefAttributes<FlutterCupertinoTabScaffoldElement>>;
|
|
469
|
+
interface FlutterCupertinoTabScaffoldTabProps {
|
|
434
470
|
/**
|
|
435
|
-
*
|
|
436
|
-
* @default undefined
|
|
471
|
+
* Label shown in the tab bar for this tab.
|
|
437
472
|
*/
|
|
438
473
|
title?: string;
|
|
439
474
|
/**
|
|
@@ -453,26 +488,27 @@ interface FlutterCupertinoTabItemProps {
|
|
|
453
488
|
*/
|
|
454
489
|
className?: string;
|
|
455
490
|
}
|
|
456
|
-
interface
|
|
491
|
+
interface FlutterCupertinoTabScaffoldTabElement extends WebFElementWithMethods<{}> {
|
|
457
492
|
}
|
|
458
493
|
/**
|
|
459
|
-
*
|
|
494
|
+
* Properties for <flutter-cupertino-tab-scaffold-tab>
|
|
495
|
+
Child item used within the TabScaffold; provides title and content for a tab.
|
|
460
496
|
*
|
|
461
497
|
* @example
|
|
462
498
|
* ```tsx
|
|
463
499
|
*
|
|
464
|
-
* <
|
|
500
|
+
* <FlutterCupertinoTabScaffoldTab
|
|
465
501
|
* // Add props here
|
|
466
502
|
* >
|
|
467
503
|
* Content
|
|
468
|
-
* </
|
|
504
|
+
* </FlutterCupertinoTabScaffoldTab>
|
|
469
505
|
* ```
|
|
470
506
|
*/
|
|
471
|
-
declare const
|
|
507
|
+
declare const FlutterCupertinoTabScaffoldTab: React.ForwardRefExoticComponent<FlutterCupertinoTabScaffoldTabProps & {
|
|
472
508
|
className?: string;
|
|
473
509
|
style?: React.CSSProperties;
|
|
474
510
|
children?: React.ReactNode;
|
|
475
|
-
} & React.RefAttributes<
|
|
511
|
+
} & React.RefAttributes<FlutterCupertinoTabScaffoldTabElement>>;
|
|
476
512
|
|
|
477
513
|
interface FlutterCupertinoSwitchProps {
|
|
478
514
|
/**
|
|
@@ -2480,8 +2516,6 @@ declare const FlutterCupertinoActionSheet: React.ForwardRefExoticComponent<Flutt
|
|
|
2480
2516
|
children?: React.ReactNode;
|
|
2481
2517
|
} & React.RefAttributes<FlutterCupertinoActionSheetElement>>;
|
|
2482
2518
|
|
|
2483
|
-
type CupertinoTabBarIcon = "home" | "house" | "house_fill" | "search" | "search_circle" | "search_circle_fill" | "add" | "add_circled" | "add_circled_solid" | "plus" | "plus_circle" | "plus_circle_fill" | "person" | "person_fill" | "person_circle" | "person_circle_fill" | "profile_circled" | "bell" | "bell_fill" | "bell_circle" | "bell_circle_fill" | "chat_bubble" | "chat_bubble_fill" | "chat_bubble_2" | "chat_bubble_2_fill" | "mail" | "mail_solid" | "envelope" | "envelope_fill" | "phone" | "phone_fill" | "compass" | "compass_fill" | "location" | "location_fill" | "map" | "map_fill" | "photo" | "photo_fill" | "camera" | "camera_fill" | "video_camera" | "video_camera_solid" | "play" | "play_fill" | "play_circle" | "play_circle_fill" | "gear" | "gear_solid" | "settings" | "settings_solid" | "ellipsis" | "ellipsis_circle" | "ellipsis_circle_fill" | "creditcard" | "creditcard_fill" | "cart" | "cart_fill" | "bag" | "bag_fill" | "doc" | "doc_fill" | "doc_text" | "doc_text_fill" | "folder" | "folder_fill" | "book" | "book_fill" | "heart" | "heart_fill" | "star" | "star_fill" | "hand_thumbsup" | "hand_thumbsup_fill" | "bookmark" | "bookmark_fill" | "money_dollar" | "money_dollar_circle" | "money_dollar_circle_fill" | "info" | "info_circle" | "info_circle_fill" | "question" | "question_circle" | "question_circle_fill" | "exclamationmark" | "exclamationmark_circle" | "exclamationmark_circle_fill";
|
|
2484
|
-
type int = number;
|
|
2485
2519
|
declare enum CupertinoColors {
|
|
2486
2520
|
activeBlue = "rgba(0, 122, 255, 1)",
|
|
2487
2521
|
activeGreen = "rgba(52, 199, 89, 1)",
|
|
@@ -2532,4 +2566,4 @@ declare enum CupertinoColors {
|
|
|
2532
2566
|
white = "rgba(255, 255, 255, 1)"
|
|
2533
2567
|
}
|
|
2534
2568
|
|
|
2535
|
-
export { CupertinoColors,
|
|
2569
|
+
export { CupertinoColors, FlutterCupertinoActionSheet, type FlutterCupertinoActionSheetElement, FlutterCupertinoAlert, type FlutterCupertinoAlertElement, FlutterCupertinoButton, type FlutterCupertinoButtonElement, FlutterCupertinoCheckbox, type FlutterCupertinoCheckboxElement, FlutterCupertinoContextMenu, type FlutterCupertinoContextMenuElement, FlutterCupertinoDatePicker, type FlutterCupertinoDatePickerElement, FlutterCupertinoFormRow, type FlutterCupertinoFormRowElement, FlutterCupertinoFormRowError, type FlutterCupertinoFormRowErrorElement, FlutterCupertinoFormRowHelper, type FlutterCupertinoFormRowHelperElement, FlutterCupertinoFormRowPrefix, type FlutterCupertinoFormRowPrefixElement, FlutterCupertinoFormSection, type FlutterCupertinoFormSectionElement, FlutterCupertinoFormSectionFooter, type FlutterCupertinoFormSectionFooterElement, FlutterCupertinoFormSectionHeader, type FlutterCupertinoFormSectionHeaderElement, FlutterCupertinoIcon, type FlutterCupertinoIconElement, FlutterCupertinoInput, type FlutterCupertinoInputElement, FlutterCupertinoInputPrefix, type FlutterCupertinoInputPrefixElement, FlutterCupertinoInputSuffix, type FlutterCupertinoInputSuffixElement, FlutterCupertinoListSection, type FlutterCupertinoListSectionElement, FlutterCupertinoListSectionFooter, type FlutterCupertinoListSectionFooterElement, FlutterCupertinoListSectionHeader, type FlutterCupertinoListSectionHeaderElement, FlutterCupertinoListTile, FlutterCupertinoListTileAdditionalInfo, type FlutterCupertinoListTileAdditionalInfoElement, type FlutterCupertinoListTileElement, FlutterCupertinoListTileLeading, type FlutterCupertinoListTileLeadingElement, FlutterCupertinoListTileSubtitle, type FlutterCupertinoListTileSubtitleElement, FlutterCupertinoListTileTrailing, type FlutterCupertinoListTileTrailingElement, FlutterCupertinoLoading, type FlutterCupertinoLoadingElement, FlutterCupertinoModalPopup, type FlutterCupertinoModalPopupElement, FlutterCupertinoPicker, type FlutterCupertinoPickerElement, FlutterCupertinoPickerItem, type FlutterCupertinoPickerItemElement, FlutterCupertinoRadio, type FlutterCupertinoRadioElement, FlutterCupertinoSearchInput, type FlutterCupertinoSearchInputElement, FlutterCupertinoSegmentedTab, type FlutterCupertinoSegmentedTabElement, FlutterCupertinoSlider, type FlutterCupertinoSliderElement, FlutterCupertinoSwitch, type FlutterCupertinoSwitchElement, FlutterCupertinoTabBar, type FlutterCupertinoTabBarElement, FlutterCupertinoTabBarItem, type FlutterCupertinoTabBarItemElement, FlutterCupertinoTabScaffold, type FlutterCupertinoTabScaffoldElement, FlutterCupertinoTabScaffoldTab, type FlutterCupertinoTabScaffoldTabElement, FlutterCupertinoTabView, type FlutterCupertinoTabViewElement, FlutterCupertinoTextarea, type FlutterCupertinoTextareaElement, FlutterCupertinoTimerPicker, type FlutterCupertinoTimerPickerElement, FlutterCupertinoToast, type FlutterCupertinoToastElement };
|