@openwebf/react-cupertino-ui 0.3.24 → 0.3.26
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 +199 -1
- package/dist/index.d.ts +199 -1
- package/dist/index.js +100 -22
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +97 -22
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -629,6 +629,107 @@ declare const FlutterCupertinoRadio: React.ForwardRefExoticComponent<FlutterCupe
|
|
|
629
629
|
children?: React.ReactNode;
|
|
630
630
|
} & React.RefAttributes<FlutterCupertinoRadioElement>>;
|
|
631
631
|
|
|
632
|
+
interface FlutterCupertinoModalPopupProps {
|
|
633
|
+
/**
|
|
634
|
+
* Whether the popup is currently visible.
|
|
635
|
+
*
|
|
636
|
+
* Usually controlled via the imperative `show()` / `hide()` methods,
|
|
637
|
+
* but can also be toggled directly via this property.
|
|
638
|
+
*/
|
|
639
|
+
visible?: boolean;
|
|
640
|
+
/**
|
|
641
|
+
* Fixed height of the popup content in logical pixels.
|
|
642
|
+
* Example: 200 for ~200px popup height.
|
|
643
|
+
* When omitted, the popup height is driven by its content.
|
|
644
|
+
*/
|
|
645
|
+
height?: number;
|
|
646
|
+
/**
|
|
647
|
+
* Whether the popup surface should use the standard Cupertino
|
|
648
|
+
* background and border styling.
|
|
649
|
+
* Default: true.
|
|
650
|
+
*/
|
|
651
|
+
surfacePainted?: boolean;
|
|
652
|
+
/**
|
|
653
|
+
* Whether tapping on the background mask should dismiss the popup.
|
|
654
|
+
* Default: true.
|
|
655
|
+
*/
|
|
656
|
+
maskClosable?: boolean;
|
|
657
|
+
/**
|
|
658
|
+
* Background mask opacity (0.0–1.0).
|
|
659
|
+
* Default: 0.4 (semi-opaque).
|
|
660
|
+
*/
|
|
661
|
+
backgroundOpacity?: number;
|
|
662
|
+
/**
|
|
663
|
+
* Fired when the popup is dismissed, either by:
|
|
664
|
+
* - tapping the mask (when maskClosable is true),
|
|
665
|
+
* - calling hide(),
|
|
666
|
+
* - or system back gesture.
|
|
667
|
+
*/
|
|
668
|
+
onClose?: (event: CustomEvent<void>) => void;
|
|
669
|
+
/**
|
|
670
|
+
* HTML id attribute
|
|
671
|
+
*/
|
|
672
|
+
id?: string;
|
|
673
|
+
/**
|
|
674
|
+
* Additional CSS styles
|
|
675
|
+
*/
|
|
676
|
+
style?: React.CSSProperties;
|
|
677
|
+
/**
|
|
678
|
+
* Children elements
|
|
679
|
+
*/
|
|
680
|
+
children?: React.ReactNode;
|
|
681
|
+
/**
|
|
682
|
+
* Additional CSS class names
|
|
683
|
+
*/
|
|
684
|
+
className?: string;
|
|
685
|
+
}
|
|
686
|
+
/**
|
|
687
|
+
* Element interface with methods accessible via ref
|
|
688
|
+
* @example
|
|
689
|
+
* ```tsx
|
|
690
|
+
* const ref = useRef<FlutterCupertinoModalPopupElement>(null);
|
|
691
|
+
* // Call methods on the element
|
|
692
|
+
* ref.current?.finishRefresh('success');
|
|
693
|
+
* ```
|
|
694
|
+
*/
|
|
695
|
+
interface FlutterCupertinoModalPopupElement extends WebFElementWithMethods<{
|
|
696
|
+
/**
|
|
697
|
+
* Show the popup.
|
|
698
|
+
*/
|
|
699
|
+
show(): void;
|
|
700
|
+
/**
|
|
701
|
+
* Hide the popup if it is currently visible.
|
|
702
|
+
*/
|
|
703
|
+
hide(): void;
|
|
704
|
+
}> {
|
|
705
|
+
}
|
|
706
|
+
/**
|
|
707
|
+
* Properties for <flutter-cupertino-modal-popup>.
|
|
708
|
+
Generic Cupertino-style modal popup overlay driven by WebF and Flutter.
|
|
709
|
+
Content is provided by the element's children and is shown in a bottom
|
|
710
|
+
sheet using Flutter's `showCupertinoModalPopup`.
|
|
711
|
+
*
|
|
712
|
+
* @example
|
|
713
|
+
* ```tsx
|
|
714
|
+
* const ref = useRef<FlutterCupertinoModalPopupElement>(null);
|
|
715
|
+
*
|
|
716
|
+
* <FlutterCupertinoModalPopup
|
|
717
|
+
* ref={ref}
|
|
718
|
+
* // Add props here
|
|
719
|
+
* >
|
|
720
|
+
* Content
|
|
721
|
+
* </FlutterCupertinoModalPopup>
|
|
722
|
+
*
|
|
723
|
+
* // Call methods on the element
|
|
724
|
+
* ref.current?.finishRefresh('success');
|
|
725
|
+
* ```
|
|
726
|
+
*/
|
|
727
|
+
declare const FlutterCupertinoModalPopup: React.ForwardRefExoticComponent<FlutterCupertinoModalPopupProps & {
|
|
728
|
+
className?: string;
|
|
729
|
+
style?: React.CSSProperties;
|
|
730
|
+
children?: React.ReactNode;
|
|
731
|
+
} & React.RefAttributes<FlutterCupertinoModalPopupElement>>;
|
|
732
|
+
|
|
632
733
|
interface FlutterCupertinoListTileProps {
|
|
633
734
|
/**
|
|
634
735
|
* Whether to render the iOS-style chevron indicator on the trailing edge.
|
|
@@ -2387,6 +2488,103 @@ declare const FlutterCupertinoIcon: React.ForwardRefExoticComponent<FlutterCuper
|
|
|
2387
2488
|
children?: React.ReactNode;
|
|
2388
2489
|
} & React.RefAttributes<FlutterCupertinoIconElement>>;
|
|
2389
2490
|
|
|
2491
|
+
interface FlutterCupertinoFormSectionProps {
|
|
2492
|
+
/**
|
|
2493
|
+
* Whether this section uses the "insetGrouped" style.
|
|
2494
|
+
* When true, the section has insets and rounded corners similar to
|
|
2495
|
+
* `CupertinoFormSection.insetGrouped`.
|
|
2496
|
+
* Default: false.
|
|
2497
|
+
*/
|
|
2498
|
+
insetGrouped?: boolean;
|
|
2499
|
+
/**
|
|
2500
|
+
* Clip behavior applied to the section's background and children.
|
|
2501
|
+
* Accepts Flutter `Clip` values as strings, e.g.:
|
|
2502
|
+
* - 'none'
|
|
2503
|
+
* - 'hardEdge'
|
|
2504
|
+
* - 'antiAlias'
|
|
2505
|
+
* - 'antiAliasWithSaveLayer'
|
|
2506
|
+
*
|
|
2507
|
+
* Default: 'hardEdge'.
|
|
2508
|
+
*/
|
|
2509
|
+
clipBehavior?: string;
|
|
2510
|
+
/**
|
|
2511
|
+
* HTML id attribute
|
|
2512
|
+
*/
|
|
2513
|
+
id?: string;
|
|
2514
|
+
/**
|
|
2515
|
+
* Additional CSS styles
|
|
2516
|
+
*/
|
|
2517
|
+
style?: React.CSSProperties;
|
|
2518
|
+
/**
|
|
2519
|
+
* Children elements
|
|
2520
|
+
*/
|
|
2521
|
+
children?: React.ReactNode;
|
|
2522
|
+
/**
|
|
2523
|
+
* Additional CSS class names
|
|
2524
|
+
*/
|
|
2525
|
+
className?: string;
|
|
2526
|
+
}
|
|
2527
|
+
interface FlutterCupertinoFormSectionElement extends WebFElementWithMethods<{}> {
|
|
2528
|
+
}
|
|
2529
|
+
/**
|
|
2530
|
+
* Properties for <flutter-cupertino-form-section>.
|
|
2531
|
+
Wraps `CupertinoFormSection` with optional inset grouped styling.
|
|
2532
|
+
*
|
|
2533
|
+
* @example
|
|
2534
|
+
* ```tsx
|
|
2535
|
+
*
|
|
2536
|
+
* <FlutterCupertinoFormSection
|
|
2537
|
+
* // Add props here
|
|
2538
|
+
* >
|
|
2539
|
+
* Content
|
|
2540
|
+
* </FlutterCupertinoFormSection>
|
|
2541
|
+
* ```
|
|
2542
|
+
*/
|
|
2543
|
+
declare const FlutterCupertinoFormSection: React.ForwardRefExoticComponent<FlutterCupertinoFormSectionProps & {
|
|
2544
|
+
className?: string;
|
|
2545
|
+
style?: React.CSSProperties;
|
|
2546
|
+
children?: React.ReactNode;
|
|
2547
|
+
} & React.RefAttributes<FlutterCupertinoFormSectionElement>>;
|
|
2548
|
+
interface FlutterCupertinoFormRowProps {
|
|
2549
|
+
/**
|
|
2550
|
+
* HTML id attribute
|
|
2551
|
+
*/
|
|
2552
|
+
id?: string;
|
|
2553
|
+
/**
|
|
2554
|
+
* Additional CSS styles
|
|
2555
|
+
*/
|
|
2556
|
+
style?: React.CSSProperties;
|
|
2557
|
+
/**
|
|
2558
|
+
* Children elements
|
|
2559
|
+
*/
|
|
2560
|
+
children?: React.ReactNode;
|
|
2561
|
+
/**
|
|
2562
|
+
* Additional CSS class names
|
|
2563
|
+
*/
|
|
2564
|
+
className?: string;
|
|
2565
|
+
}
|
|
2566
|
+
interface FlutterCupertinoFormRowElement extends WebFElementWithMethods<{}> {
|
|
2567
|
+
}
|
|
2568
|
+
/**
|
|
2569
|
+
* Properties for <flutter-cupertino-form-row>.
|
|
2570
|
+
Individual row inside a `CupertinoFormSection`.
|
|
2571
|
+
*
|
|
2572
|
+
* @example
|
|
2573
|
+
* ```tsx
|
|
2574
|
+
*
|
|
2575
|
+
* <FlutterCupertinoFormRow
|
|
2576
|
+
* // Add props here
|
|
2577
|
+
* >
|
|
2578
|
+
* Content
|
|
2579
|
+
* </FlutterCupertinoFormRow>
|
|
2580
|
+
* ```
|
|
2581
|
+
*/
|
|
2582
|
+
declare const FlutterCupertinoFormRow: React.ForwardRefExoticComponent<FlutterCupertinoFormRowProps & {
|
|
2583
|
+
className?: string;
|
|
2584
|
+
style?: React.CSSProperties;
|
|
2585
|
+
children?: React.ReactNode;
|
|
2586
|
+
} & React.RefAttributes<FlutterCupertinoFormRowElement>>;
|
|
2587
|
+
|
|
2390
2588
|
/**
|
|
2391
2589
|
* Properties for <flutter-cupertino-context-menu>.
|
|
2392
2590
|
* Wraps Flutter's CupertinoContextMenu.
|
|
@@ -2931,4 +3129,4 @@ declare const FlutterCupertinoActionSheet: React.ForwardRefExoticComponent<Flutt
|
|
|
2931
3129
|
children?: React.ReactNode;
|
|
2932
3130
|
} & React.RefAttributes<FlutterCupertinoActionSheetElement>>;
|
|
2933
3131
|
|
|
2934
|
-
export { CupertinoColors, CupertinoIcons, FlutterCupertinoActionSheet, type FlutterCupertinoActionSheetElement, FlutterCupertinoAlert, type FlutterCupertinoAlertElement, FlutterCupertinoButton, type FlutterCupertinoButtonElement, FlutterCupertinoCheckbox, type FlutterCupertinoCheckboxElement, FlutterCupertinoContextMenu, type FlutterCupertinoContextMenuElement, FlutterCupertinoIcon, type FlutterCupertinoIconElement, FlutterCupertinoListSection, type FlutterCupertinoListSectionElement, FlutterCupertinoListSectionFooter, type FlutterCupertinoListSectionFooterElement, FlutterCupertinoListSectionHeader, type FlutterCupertinoListSectionHeaderElement, FlutterCupertinoListTile, FlutterCupertinoListTileAdditionalInfo, type FlutterCupertinoListTileAdditionalInfoElement, type FlutterCupertinoListTileElement, FlutterCupertinoListTileLeading, type FlutterCupertinoListTileLeadingElement, FlutterCupertinoListTileSubtitle, type FlutterCupertinoListTileSubtitleElement, FlutterCupertinoListTileTrailing, type FlutterCupertinoListTileTrailingElement, FlutterCupertinoRadio, type FlutterCupertinoRadioElement, FlutterCupertinoSlider, type FlutterCupertinoSliderElement, FlutterCupertinoSlidingSegmentedControl, type FlutterCupertinoSlidingSegmentedControlElement, FlutterCupertinoSlidingSegmentedControlItem, type FlutterCupertinoSlidingSegmentedControlItemElement, FlutterCupertinoSwitch, type FlutterCupertinoSwitchElement, FlutterCupertinoTabBar, type FlutterCupertinoTabBarElement, FlutterCupertinoTabBarItem, type FlutterCupertinoTabBarItemElement, FlutterCupertinoTabScaffold, type FlutterCupertinoTabScaffoldElement, FlutterCupertinoTabScaffoldTab, type FlutterCupertinoTabScaffoldTabElement, FlutterCupertinoTabView, type FlutterCupertinoTabViewElement };
|
|
3132
|
+
export { CupertinoColors, CupertinoIcons, FlutterCupertinoActionSheet, type FlutterCupertinoActionSheetElement, FlutterCupertinoAlert, type FlutterCupertinoAlertElement, FlutterCupertinoButton, type FlutterCupertinoButtonElement, FlutterCupertinoCheckbox, type FlutterCupertinoCheckboxElement, FlutterCupertinoContextMenu, type FlutterCupertinoContextMenuElement, FlutterCupertinoFormRow, type FlutterCupertinoFormRowElement, FlutterCupertinoFormSection, type FlutterCupertinoFormSectionElement, FlutterCupertinoIcon, type FlutterCupertinoIconElement, FlutterCupertinoListSection, type FlutterCupertinoListSectionElement, FlutterCupertinoListSectionFooter, type FlutterCupertinoListSectionFooterElement, FlutterCupertinoListSectionHeader, type FlutterCupertinoListSectionHeaderElement, FlutterCupertinoListTile, FlutterCupertinoListTileAdditionalInfo, type FlutterCupertinoListTileAdditionalInfoElement, type FlutterCupertinoListTileElement, FlutterCupertinoListTileLeading, type FlutterCupertinoListTileLeadingElement, FlutterCupertinoListTileSubtitle, type FlutterCupertinoListTileSubtitleElement, FlutterCupertinoListTileTrailing, type FlutterCupertinoListTileTrailingElement, FlutterCupertinoModalPopup, type FlutterCupertinoModalPopupElement, FlutterCupertinoRadio, type FlutterCupertinoRadioElement, FlutterCupertinoSlider, type FlutterCupertinoSliderElement, FlutterCupertinoSlidingSegmentedControl, type FlutterCupertinoSlidingSegmentedControlElement, FlutterCupertinoSlidingSegmentedControlItem, type FlutterCupertinoSlidingSegmentedControlItemElement, FlutterCupertinoSwitch, type FlutterCupertinoSwitchElement, FlutterCupertinoTabBar, type FlutterCupertinoTabBarElement, FlutterCupertinoTabBarItem, type FlutterCupertinoTabBarItemElement, FlutterCupertinoTabScaffold, type FlutterCupertinoTabScaffoldElement, FlutterCupertinoTabScaffoldTab, type FlutterCupertinoTabScaffoldTabElement, FlutterCupertinoTabView, type FlutterCupertinoTabViewElement };
|
package/dist/index.d.ts
CHANGED
|
@@ -629,6 +629,107 @@ declare const FlutterCupertinoRadio: React.ForwardRefExoticComponent<FlutterCupe
|
|
|
629
629
|
children?: React.ReactNode;
|
|
630
630
|
} & React.RefAttributes<FlutterCupertinoRadioElement>>;
|
|
631
631
|
|
|
632
|
+
interface FlutterCupertinoModalPopupProps {
|
|
633
|
+
/**
|
|
634
|
+
* Whether the popup is currently visible.
|
|
635
|
+
*
|
|
636
|
+
* Usually controlled via the imperative `show()` / `hide()` methods,
|
|
637
|
+
* but can also be toggled directly via this property.
|
|
638
|
+
*/
|
|
639
|
+
visible?: boolean;
|
|
640
|
+
/**
|
|
641
|
+
* Fixed height of the popup content in logical pixels.
|
|
642
|
+
* Example: 200 for ~200px popup height.
|
|
643
|
+
* When omitted, the popup height is driven by its content.
|
|
644
|
+
*/
|
|
645
|
+
height?: number;
|
|
646
|
+
/**
|
|
647
|
+
* Whether the popup surface should use the standard Cupertino
|
|
648
|
+
* background and border styling.
|
|
649
|
+
* Default: true.
|
|
650
|
+
*/
|
|
651
|
+
surfacePainted?: boolean;
|
|
652
|
+
/**
|
|
653
|
+
* Whether tapping on the background mask should dismiss the popup.
|
|
654
|
+
* Default: true.
|
|
655
|
+
*/
|
|
656
|
+
maskClosable?: boolean;
|
|
657
|
+
/**
|
|
658
|
+
* Background mask opacity (0.0–1.0).
|
|
659
|
+
* Default: 0.4 (semi-opaque).
|
|
660
|
+
*/
|
|
661
|
+
backgroundOpacity?: number;
|
|
662
|
+
/**
|
|
663
|
+
* Fired when the popup is dismissed, either by:
|
|
664
|
+
* - tapping the mask (when maskClosable is true),
|
|
665
|
+
* - calling hide(),
|
|
666
|
+
* - or system back gesture.
|
|
667
|
+
*/
|
|
668
|
+
onClose?: (event: CustomEvent<void>) => void;
|
|
669
|
+
/**
|
|
670
|
+
* HTML id attribute
|
|
671
|
+
*/
|
|
672
|
+
id?: string;
|
|
673
|
+
/**
|
|
674
|
+
* Additional CSS styles
|
|
675
|
+
*/
|
|
676
|
+
style?: React.CSSProperties;
|
|
677
|
+
/**
|
|
678
|
+
* Children elements
|
|
679
|
+
*/
|
|
680
|
+
children?: React.ReactNode;
|
|
681
|
+
/**
|
|
682
|
+
* Additional CSS class names
|
|
683
|
+
*/
|
|
684
|
+
className?: string;
|
|
685
|
+
}
|
|
686
|
+
/**
|
|
687
|
+
* Element interface with methods accessible via ref
|
|
688
|
+
* @example
|
|
689
|
+
* ```tsx
|
|
690
|
+
* const ref = useRef<FlutterCupertinoModalPopupElement>(null);
|
|
691
|
+
* // Call methods on the element
|
|
692
|
+
* ref.current?.finishRefresh('success');
|
|
693
|
+
* ```
|
|
694
|
+
*/
|
|
695
|
+
interface FlutterCupertinoModalPopupElement extends WebFElementWithMethods<{
|
|
696
|
+
/**
|
|
697
|
+
* Show the popup.
|
|
698
|
+
*/
|
|
699
|
+
show(): void;
|
|
700
|
+
/**
|
|
701
|
+
* Hide the popup if it is currently visible.
|
|
702
|
+
*/
|
|
703
|
+
hide(): void;
|
|
704
|
+
}> {
|
|
705
|
+
}
|
|
706
|
+
/**
|
|
707
|
+
* Properties for <flutter-cupertino-modal-popup>.
|
|
708
|
+
Generic Cupertino-style modal popup overlay driven by WebF and Flutter.
|
|
709
|
+
Content is provided by the element's children and is shown in a bottom
|
|
710
|
+
sheet using Flutter's `showCupertinoModalPopup`.
|
|
711
|
+
*
|
|
712
|
+
* @example
|
|
713
|
+
* ```tsx
|
|
714
|
+
* const ref = useRef<FlutterCupertinoModalPopupElement>(null);
|
|
715
|
+
*
|
|
716
|
+
* <FlutterCupertinoModalPopup
|
|
717
|
+
* ref={ref}
|
|
718
|
+
* // Add props here
|
|
719
|
+
* >
|
|
720
|
+
* Content
|
|
721
|
+
* </FlutterCupertinoModalPopup>
|
|
722
|
+
*
|
|
723
|
+
* // Call methods on the element
|
|
724
|
+
* ref.current?.finishRefresh('success');
|
|
725
|
+
* ```
|
|
726
|
+
*/
|
|
727
|
+
declare const FlutterCupertinoModalPopup: React.ForwardRefExoticComponent<FlutterCupertinoModalPopupProps & {
|
|
728
|
+
className?: string;
|
|
729
|
+
style?: React.CSSProperties;
|
|
730
|
+
children?: React.ReactNode;
|
|
731
|
+
} & React.RefAttributes<FlutterCupertinoModalPopupElement>>;
|
|
732
|
+
|
|
632
733
|
interface FlutterCupertinoListTileProps {
|
|
633
734
|
/**
|
|
634
735
|
* Whether to render the iOS-style chevron indicator on the trailing edge.
|
|
@@ -2387,6 +2488,103 @@ declare const FlutterCupertinoIcon: React.ForwardRefExoticComponent<FlutterCuper
|
|
|
2387
2488
|
children?: React.ReactNode;
|
|
2388
2489
|
} & React.RefAttributes<FlutterCupertinoIconElement>>;
|
|
2389
2490
|
|
|
2491
|
+
interface FlutterCupertinoFormSectionProps {
|
|
2492
|
+
/**
|
|
2493
|
+
* Whether this section uses the "insetGrouped" style.
|
|
2494
|
+
* When true, the section has insets and rounded corners similar to
|
|
2495
|
+
* `CupertinoFormSection.insetGrouped`.
|
|
2496
|
+
* Default: false.
|
|
2497
|
+
*/
|
|
2498
|
+
insetGrouped?: boolean;
|
|
2499
|
+
/**
|
|
2500
|
+
* Clip behavior applied to the section's background and children.
|
|
2501
|
+
* Accepts Flutter `Clip` values as strings, e.g.:
|
|
2502
|
+
* - 'none'
|
|
2503
|
+
* - 'hardEdge'
|
|
2504
|
+
* - 'antiAlias'
|
|
2505
|
+
* - 'antiAliasWithSaveLayer'
|
|
2506
|
+
*
|
|
2507
|
+
* Default: 'hardEdge'.
|
|
2508
|
+
*/
|
|
2509
|
+
clipBehavior?: string;
|
|
2510
|
+
/**
|
|
2511
|
+
* HTML id attribute
|
|
2512
|
+
*/
|
|
2513
|
+
id?: string;
|
|
2514
|
+
/**
|
|
2515
|
+
* Additional CSS styles
|
|
2516
|
+
*/
|
|
2517
|
+
style?: React.CSSProperties;
|
|
2518
|
+
/**
|
|
2519
|
+
* Children elements
|
|
2520
|
+
*/
|
|
2521
|
+
children?: React.ReactNode;
|
|
2522
|
+
/**
|
|
2523
|
+
* Additional CSS class names
|
|
2524
|
+
*/
|
|
2525
|
+
className?: string;
|
|
2526
|
+
}
|
|
2527
|
+
interface FlutterCupertinoFormSectionElement extends WebFElementWithMethods<{}> {
|
|
2528
|
+
}
|
|
2529
|
+
/**
|
|
2530
|
+
* Properties for <flutter-cupertino-form-section>.
|
|
2531
|
+
Wraps `CupertinoFormSection` with optional inset grouped styling.
|
|
2532
|
+
*
|
|
2533
|
+
* @example
|
|
2534
|
+
* ```tsx
|
|
2535
|
+
*
|
|
2536
|
+
* <FlutterCupertinoFormSection
|
|
2537
|
+
* // Add props here
|
|
2538
|
+
* >
|
|
2539
|
+
* Content
|
|
2540
|
+
* </FlutterCupertinoFormSection>
|
|
2541
|
+
* ```
|
|
2542
|
+
*/
|
|
2543
|
+
declare const FlutterCupertinoFormSection: React.ForwardRefExoticComponent<FlutterCupertinoFormSectionProps & {
|
|
2544
|
+
className?: string;
|
|
2545
|
+
style?: React.CSSProperties;
|
|
2546
|
+
children?: React.ReactNode;
|
|
2547
|
+
} & React.RefAttributes<FlutterCupertinoFormSectionElement>>;
|
|
2548
|
+
interface FlutterCupertinoFormRowProps {
|
|
2549
|
+
/**
|
|
2550
|
+
* HTML id attribute
|
|
2551
|
+
*/
|
|
2552
|
+
id?: string;
|
|
2553
|
+
/**
|
|
2554
|
+
* Additional CSS styles
|
|
2555
|
+
*/
|
|
2556
|
+
style?: React.CSSProperties;
|
|
2557
|
+
/**
|
|
2558
|
+
* Children elements
|
|
2559
|
+
*/
|
|
2560
|
+
children?: React.ReactNode;
|
|
2561
|
+
/**
|
|
2562
|
+
* Additional CSS class names
|
|
2563
|
+
*/
|
|
2564
|
+
className?: string;
|
|
2565
|
+
}
|
|
2566
|
+
interface FlutterCupertinoFormRowElement extends WebFElementWithMethods<{}> {
|
|
2567
|
+
}
|
|
2568
|
+
/**
|
|
2569
|
+
* Properties for <flutter-cupertino-form-row>.
|
|
2570
|
+
Individual row inside a `CupertinoFormSection`.
|
|
2571
|
+
*
|
|
2572
|
+
* @example
|
|
2573
|
+
* ```tsx
|
|
2574
|
+
*
|
|
2575
|
+
* <FlutterCupertinoFormRow
|
|
2576
|
+
* // Add props here
|
|
2577
|
+
* >
|
|
2578
|
+
* Content
|
|
2579
|
+
* </FlutterCupertinoFormRow>
|
|
2580
|
+
* ```
|
|
2581
|
+
*/
|
|
2582
|
+
declare const FlutterCupertinoFormRow: React.ForwardRefExoticComponent<FlutterCupertinoFormRowProps & {
|
|
2583
|
+
className?: string;
|
|
2584
|
+
style?: React.CSSProperties;
|
|
2585
|
+
children?: React.ReactNode;
|
|
2586
|
+
} & React.RefAttributes<FlutterCupertinoFormRowElement>>;
|
|
2587
|
+
|
|
2390
2588
|
/**
|
|
2391
2589
|
* Properties for <flutter-cupertino-context-menu>.
|
|
2392
2590
|
* Wraps Flutter's CupertinoContextMenu.
|
|
@@ -2931,4 +3129,4 @@ declare const FlutterCupertinoActionSheet: React.ForwardRefExoticComponent<Flutt
|
|
|
2931
3129
|
children?: React.ReactNode;
|
|
2932
3130
|
} & React.RefAttributes<FlutterCupertinoActionSheetElement>>;
|
|
2933
3131
|
|
|
2934
|
-
export { CupertinoColors, CupertinoIcons, FlutterCupertinoActionSheet, type FlutterCupertinoActionSheetElement, FlutterCupertinoAlert, type FlutterCupertinoAlertElement, FlutterCupertinoButton, type FlutterCupertinoButtonElement, FlutterCupertinoCheckbox, type FlutterCupertinoCheckboxElement, FlutterCupertinoContextMenu, type FlutterCupertinoContextMenuElement, FlutterCupertinoIcon, type FlutterCupertinoIconElement, FlutterCupertinoListSection, type FlutterCupertinoListSectionElement, FlutterCupertinoListSectionFooter, type FlutterCupertinoListSectionFooterElement, FlutterCupertinoListSectionHeader, type FlutterCupertinoListSectionHeaderElement, FlutterCupertinoListTile, FlutterCupertinoListTileAdditionalInfo, type FlutterCupertinoListTileAdditionalInfoElement, type FlutterCupertinoListTileElement, FlutterCupertinoListTileLeading, type FlutterCupertinoListTileLeadingElement, FlutterCupertinoListTileSubtitle, type FlutterCupertinoListTileSubtitleElement, FlutterCupertinoListTileTrailing, type FlutterCupertinoListTileTrailingElement, FlutterCupertinoRadio, type FlutterCupertinoRadioElement, FlutterCupertinoSlider, type FlutterCupertinoSliderElement, FlutterCupertinoSlidingSegmentedControl, type FlutterCupertinoSlidingSegmentedControlElement, FlutterCupertinoSlidingSegmentedControlItem, type FlutterCupertinoSlidingSegmentedControlItemElement, FlutterCupertinoSwitch, type FlutterCupertinoSwitchElement, FlutterCupertinoTabBar, type FlutterCupertinoTabBarElement, FlutterCupertinoTabBarItem, type FlutterCupertinoTabBarItemElement, FlutterCupertinoTabScaffold, type FlutterCupertinoTabScaffoldElement, FlutterCupertinoTabScaffoldTab, type FlutterCupertinoTabScaffoldTabElement, FlutterCupertinoTabView, type FlutterCupertinoTabViewElement };
|
|
3132
|
+
export { CupertinoColors, CupertinoIcons, FlutterCupertinoActionSheet, type FlutterCupertinoActionSheetElement, FlutterCupertinoAlert, type FlutterCupertinoAlertElement, FlutterCupertinoButton, type FlutterCupertinoButtonElement, FlutterCupertinoCheckbox, type FlutterCupertinoCheckboxElement, FlutterCupertinoContextMenu, type FlutterCupertinoContextMenuElement, FlutterCupertinoFormRow, type FlutterCupertinoFormRowElement, FlutterCupertinoFormSection, type FlutterCupertinoFormSectionElement, FlutterCupertinoIcon, type FlutterCupertinoIconElement, FlutterCupertinoListSection, type FlutterCupertinoListSectionElement, FlutterCupertinoListSectionFooter, type FlutterCupertinoListSectionFooterElement, FlutterCupertinoListSectionHeader, type FlutterCupertinoListSectionHeaderElement, FlutterCupertinoListTile, FlutterCupertinoListTileAdditionalInfo, type FlutterCupertinoListTileAdditionalInfoElement, type FlutterCupertinoListTileElement, FlutterCupertinoListTileLeading, type FlutterCupertinoListTileLeadingElement, FlutterCupertinoListTileSubtitle, type FlutterCupertinoListTileSubtitleElement, FlutterCupertinoListTileTrailing, type FlutterCupertinoListTileTrailingElement, FlutterCupertinoModalPopup, type FlutterCupertinoModalPopupElement, FlutterCupertinoRadio, type FlutterCupertinoRadioElement, FlutterCupertinoSlider, type FlutterCupertinoSliderElement, FlutterCupertinoSlidingSegmentedControl, type FlutterCupertinoSlidingSegmentedControlElement, FlutterCupertinoSlidingSegmentedControlItem, type FlutterCupertinoSlidingSegmentedControlItemElement, FlutterCupertinoSwitch, type FlutterCupertinoSwitchElement, FlutterCupertinoTabBar, type FlutterCupertinoTabBarElement, FlutterCupertinoTabBarItem, type FlutterCupertinoTabBarItemElement, FlutterCupertinoTabScaffold, type FlutterCupertinoTabScaffoldElement, FlutterCupertinoTabScaffoldTab, type FlutterCupertinoTabScaffoldTabElement, FlutterCupertinoTabView, type FlutterCupertinoTabViewElement };
|
package/dist/index.js
CHANGED
|
@@ -27,6 +27,8 @@ __export(index_exports, {
|
|
|
27
27
|
FlutterCupertinoButton: () => FlutterCupertinoButton,
|
|
28
28
|
FlutterCupertinoCheckbox: () => FlutterCupertinoCheckbox,
|
|
29
29
|
FlutterCupertinoContextMenu: () => FlutterCupertinoContextMenu,
|
|
30
|
+
FlutterCupertinoFormRow: () => FlutterCupertinoFormRow,
|
|
31
|
+
FlutterCupertinoFormSection: () => FlutterCupertinoFormSection,
|
|
30
32
|
FlutterCupertinoIcon: () => FlutterCupertinoIcon,
|
|
31
33
|
FlutterCupertinoListSection: () => FlutterCupertinoListSection,
|
|
32
34
|
FlutterCupertinoListSectionFooter: () => FlutterCupertinoListSectionFooter,
|
|
@@ -36,6 +38,7 @@ __export(index_exports, {
|
|
|
36
38
|
FlutterCupertinoListTileLeading: () => FlutterCupertinoListTileLeading,
|
|
37
39
|
FlutterCupertinoListTileSubtitle: () => FlutterCupertinoListTileSubtitle,
|
|
38
40
|
FlutterCupertinoListTileTrailing: () => FlutterCupertinoListTileTrailing,
|
|
41
|
+
FlutterCupertinoModalPopup: () => FlutterCupertinoModalPopup,
|
|
39
42
|
FlutterCupertinoRadio: () => FlutterCupertinoRadio,
|
|
40
43
|
FlutterCupertinoSlider: () => FlutterCupertinoSlider,
|
|
41
44
|
FlutterCupertinoSlidingSegmentedControl: () => FlutterCupertinoSlidingSegmentedControl,
|
|
@@ -347,9 +350,44 @@ var FlutterCupertinoRadio = (0, import_react_core_ui8.createWebFComponent)({
|
|
|
347
350
|
}
|
|
348
351
|
});
|
|
349
352
|
|
|
350
|
-
// src/lib/src/
|
|
353
|
+
// src/lib/src/modal-popup.tsx
|
|
351
354
|
var import_react_core_ui9 = require("@openwebf/react-core-ui");
|
|
352
|
-
var
|
|
355
|
+
var FlutterCupertinoModalPopup = (0, import_react_core_ui9.createWebFComponent)({
|
|
356
|
+
tagName: "flutter-cupertino-modal-popup",
|
|
357
|
+
displayName: "FlutterCupertinoModalPopup",
|
|
358
|
+
// Map props to attributes
|
|
359
|
+
attributeProps: [
|
|
360
|
+
"visible",
|
|
361
|
+
"height",
|
|
362
|
+
"surfacePainted",
|
|
363
|
+
"maskClosable",
|
|
364
|
+
"backgroundOpacity"
|
|
365
|
+
],
|
|
366
|
+
// Convert prop names to attribute names if needed
|
|
367
|
+
attributeMap: {
|
|
368
|
+
surfacePainted: "surface-painted",
|
|
369
|
+
maskClosable: "mask-closable",
|
|
370
|
+
backgroundOpacity: "background-opacity"
|
|
371
|
+
},
|
|
372
|
+
// Event handlers
|
|
373
|
+
events: [
|
|
374
|
+
{
|
|
375
|
+
propName: "onClose",
|
|
376
|
+
eventName: "close",
|
|
377
|
+
handler: (callback) => (event) => {
|
|
378
|
+
callback(event);
|
|
379
|
+
}
|
|
380
|
+
}
|
|
381
|
+
],
|
|
382
|
+
// Default prop values
|
|
383
|
+
defaultProps: {
|
|
384
|
+
// Add default values here
|
|
385
|
+
}
|
|
386
|
+
});
|
|
387
|
+
|
|
388
|
+
// src/lib/src/list_tile.tsx
|
|
389
|
+
var import_react_core_ui10 = require("@openwebf/react-core-ui");
|
|
390
|
+
var FlutterCupertinoListTile = (0, import_react_core_ui10.createWebFComponent)({
|
|
353
391
|
tagName: "flutter-cupertino-list-tile",
|
|
354
392
|
displayName: "FlutterCupertinoListTile",
|
|
355
393
|
// Map props to attributes
|
|
@@ -376,7 +414,7 @@ var FlutterCupertinoListTile = (0, import_react_core_ui9.createWebFComponent)({
|
|
|
376
414
|
// Add default values here
|
|
377
415
|
}
|
|
378
416
|
});
|
|
379
|
-
var FlutterCupertinoListTileLeading = (0,
|
|
417
|
+
var FlutterCupertinoListTileLeading = (0, import_react_core_ui10.createWebFComponent)({
|
|
380
418
|
tagName: "flutter-cupertino-list-tile-leading",
|
|
381
419
|
displayName: "FlutterCupertinoListTileLeading",
|
|
382
420
|
// Map props to attributes
|
|
@@ -390,7 +428,7 @@ var FlutterCupertinoListTileLeading = (0, import_react_core_ui9.createWebFCompon
|
|
|
390
428
|
// Add default values here
|
|
391
429
|
}
|
|
392
430
|
});
|
|
393
|
-
var FlutterCupertinoListTileSubtitle = (0,
|
|
431
|
+
var FlutterCupertinoListTileSubtitle = (0, import_react_core_ui10.createWebFComponent)({
|
|
394
432
|
tagName: "flutter-cupertino-list-tile-subtitle",
|
|
395
433
|
displayName: "FlutterCupertinoListTileSubtitle",
|
|
396
434
|
// Map props to attributes
|
|
@@ -404,7 +442,7 @@ var FlutterCupertinoListTileSubtitle = (0, import_react_core_ui9.createWebFCompo
|
|
|
404
442
|
// Add default values here
|
|
405
443
|
}
|
|
406
444
|
});
|
|
407
|
-
var FlutterCupertinoListTileAdditionalInfo = (0,
|
|
445
|
+
var FlutterCupertinoListTileAdditionalInfo = (0, import_react_core_ui10.createWebFComponent)({
|
|
408
446
|
tagName: "flutter-cupertino-list-tile-additional-info",
|
|
409
447
|
displayName: "FlutterCupertinoListTileAdditionalInfo",
|
|
410
448
|
// Map props to attributes
|
|
@@ -418,7 +456,7 @@ var FlutterCupertinoListTileAdditionalInfo = (0, import_react_core_ui9.createWeb
|
|
|
418
456
|
// Add default values here
|
|
419
457
|
}
|
|
420
458
|
});
|
|
421
|
-
var FlutterCupertinoListTileTrailing = (0,
|
|
459
|
+
var FlutterCupertinoListTileTrailing = (0, import_react_core_ui10.createWebFComponent)({
|
|
422
460
|
tagName: "flutter-cupertino-list-tile-trailing",
|
|
423
461
|
displayName: "FlutterCupertinoListTileTrailing",
|
|
424
462
|
// Map props to attributes
|
|
@@ -434,8 +472,8 @@ var FlutterCupertinoListTileTrailing = (0, import_react_core_ui9.createWebFCompo
|
|
|
434
472
|
});
|
|
435
473
|
|
|
436
474
|
// src/lib/src/list_section.tsx
|
|
437
|
-
var
|
|
438
|
-
var FlutterCupertinoListSection = (0,
|
|
475
|
+
var import_react_core_ui11 = require("@openwebf/react-core-ui");
|
|
476
|
+
var FlutterCupertinoListSection = (0, import_react_core_ui11.createWebFComponent)({
|
|
439
477
|
tagName: "flutter-cupertino-list-section",
|
|
440
478
|
displayName: "FlutterCupertinoListSection",
|
|
441
479
|
// Map props to attributes
|
|
@@ -453,7 +491,7 @@ var FlutterCupertinoListSection = (0, import_react_core_ui10.createWebFComponent
|
|
|
453
491
|
// Add default values here
|
|
454
492
|
}
|
|
455
493
|
});
|
|
456
|
-
var FlutterCupertinoListSectionHeader = (0,
|
|
494
|
+
var FlutterCupertinoListSectionHeader = (0, import_react_core_ui11.createWebFComponent)({
|
|
457
495
|
tagName: "flutter-cupertino-list-section-header",
|
|
458
496
|
displayName: "FlutterCupertinoListSectionHeader",
|
|
459
497
|
// Map props to attributes
|
|
@@ -467,7 +505,7 @@ var FlutterCupertinoListSectionHeader = (0, import_react_core_ui10.createWebFCom
|
|
|
467
505
|
// Add default values here
|
|
468
506
|
}
|
|
469
507
|
});
|
|
470
|
-
var FlutterCupertinoListSectionFooter = (0,
|
|
508
|
+
var FlutterCupertinoListSectionFooter = (0, import_react_core_ui11.createWebFComponent)({
|
|
471
509
|
tagName: "flutter-cupertino-list-section-footer",
|
|
472
510
|
displayName: "FlutterCupertinoListSectionFooter",
|
|
473
511
|
// Map props to attributes
|
|
@@ -483,8 +521,8 @@ var FlutterCupertinoListSectionFooter = (0, import_react_core_ui10.createWebFCom
|
|
|
483
521
|
});
|
|
484
522
|
|
|
485
523
|
// src/lib/src/icon.tsx
|
|
486
|
-
var
|
|
487
|
-
var FlutterCupertinoIcon = (0,
|
|
524
|
+
var import_react_core_ui12 = require("@openwebf/react-core-ui");
|
|
525
|
+
var FlutterCupertinoIcon = (0, import_react_core_ui12.createWebFComponent)({
|
|
488
526
|
tagName: "flutter-cupertino-icon",
|
|
489
527
|
displayName: "FlutterCupertinoIcon",
|
|
490
528
|
// Map props to attributes
|
|
@@ -500,9 +538,46 @@ var FlutterCupertinoIcon = (0, import_react_core_ui11.createWebFComponent)({
|
|
|
500
538
|
}
|
|
501
539
|
});
|
|
502
540
|
|
|
541
|
+
// src/lib/src/form-section.tsx
|
|
542
|
+
var import_react_core_ui13 = require("@openwebf/react-core-ui");
|
|
543
|
+
var FlutterCupertinoFormSection = (0, import_react_core_ui13.createWebFComponent)({
|
|
544
|
+
tagName: "flutter-cupertino-form-section",
|
|
545
|
+
displayName: "FlutterCupertinoFormSection",
|
|
546
|
+
// Map props to attributes
|
|
547
|
+
attributeProps: [
|
|
548
|
+
"insetGrouped",
|
|
549
|
+
"clipBehavior"
|
|
550
|
+
],
|
|
551
|
+
// Convert prop names to attribute names if needed
|
|
552
|
+
attributeMap: {
|
|
553
|
+
insetGrouped: "inset-grouped",
|
|
554
|
+
clipBehavior: "clip-behavior"
|
|
555
|
+
},
|
|
556
|
+
// Event handlers
|
|
557
|
+
events: [],
|
|
558
|
+
// Default prop values
|
|
559
|
+
defaultProps: {
|
|
560
|
+
// Add default values here
|
|
561
|
+
}
|
|
562
|
+
});
|
|
563
|
+
var FlutterCupertinoFormRow = (0, import_react_core_ui13.createWebFComponent)({
|
|
564
|
+
tagName: "flutter-cupertino-form-row",
|
|
565
|
+
displayName: "FlutterCupertinoFormRow",
|
|
566
|
+
// Map props to attributes
|
|
567
|
+
attributeProps: [],
|
|
568
|
+
// Convert prop names to attribute names if needed
|
|
569
|
+
attributeMap: {},
|
|
570
|
+
// Event handlers
|
|
571
|
+
events: [],
|
|
572
|
+
// Default prop values
|
|
573
|
+
defaultProps: {
|
|
574
|
+
// Add default values here
|
|
575
|
+
}
|
|
576
|
+
});
|
|
577
|
+
|
|
503
578
|
// src/lib/src/context-menu.tsx
|
|
504
|
-
var
|
|
505
|
-
var FlutterCupertinoContextMenu = (0,
|
|
579
|
+
var import_react_core_ui14 = require("@openwebf/react-core-ui");
|
|
580
|
+
var FlutterCupertinoContextMenu = (0, import_react_core_ui14.createWebFComponent)({
|
|
506
581
|
tagName: "flutter-cupertino-context-menu",
|
|
507
582
|
displayName: "FlutterCupertinoContextMenu",
|
|
508
583
|
// Map props to attributes
|
|
@@ -530,8 +605,8 @@ var FlutterCupertinoContextMenu = (0, import_react_core_ui12.createWebFComponent
|
|
|
530
605
|
});
|
|
531
606
|
|
|
532
607
|
// src/lib/src/checkbox.tsx
|
|
533
|
-
var
|
|
534
|
-
var FlutterCupertinoCheckbox = (0,
|
|
608
|
+
var import_react_core_ui15 = require("@openwebf/react-core-ui");
|
|
609
|
+
var FlutterCupertinoCheckbox = (0, import_react_core_ui15.createWebFComponent)({
|
|
535
610
|
tagName: "flutter-cupertino-checkbox",
|
|
536
611
|
displayName: "FlutterCupertinoCheckbox",
|
|
537
612
|
// Map props to attributes
|
|
@@ -580,8 +655,8 @@ var FlutterCupertinoCheckbox = (0, import_react_core_ui13.createWebFComponent)({
|
|
|
580
655
|
});
|
|
581
656
|
|
|
582
657
|
// src/lib/src/button.tsx
|
|
583
|
-
var
|
|
584
|
-
var FlutterCupertinoButton = (0,
|
|
658
|
+
var import_react_core_ui16 = require("@openwebf/react-core-ui");
|
|
659
|
+
var FlutterCupertinoButton = (0, import_react_core_ui16.createWebFComponent)({
|
|
585
660
|
tagName: "flutter-cupertino-button",
|
|
586
661
|
displayName: "FlutterCupertinoButton",
|
|
587
662
|
// Map props to attributes
|
|
@@ -614,8 +689,8 @@ var FlutterCupertinoButton = (0, import_react_core_ui14.createWebFComponent)({
|
|
|
614
689
|
});
|
|
615
690
|
|
|
616
691
|
// src/lib/src/alert.tsx
|
|
617
|
-
var
|
|
618
|
-
var FlutterCupertinoAlert = (0,
|
|
692
|
+
var import_react_core_ui17 = require("@openwebf/react-core-ui");
|
|
693
|
+
var FlutterCupertinoAlert = (0, import_react_core_ui17.createWebFComponent)({
|
|
619
694
|
tagName: "flutter-cupertino-alert",
|
|
620
695
|
displayName: "FlutterCupertinoAlert",
|
|
621
696
|
// Map props to attributes
|
|
@@ -666,8 +741,8 @@ var FlutterCupertinoAlert = (0, import_react_core_ui15.createWebFComponent)({
|
|
|
666
741
|
});
|
|
667
742
|
|
|
668
743
|
// src/lib/src/action-sheet.tsx
|
|
669
|
-
var
|
|
670
|
-
var FlutterCupertinoActionSheet = (0,
|
|
744
|
+
var import_react_core_ui18 = require("@openwebf/react-core-ui");
|
|
745
|
+
var FlutterCupertinoActionSheet = (0, import_react_core_ui18.createWebFComponent)({
|
|
671
746
|
tagName: "flutter-cupertino-action-sheet",
|
|
672
747
|
displayName: "FlutterCupertinoActionSheet",
|
|
673
748
|
// Map props to attributes
|
|
@@ -2075,6 +2150,8 @@ var CupertinoColors = /* @__PURE__ */ ((CupertinoColors2) => {
|
|
|
2075
2150
|
FlutterCupertinoButton,
|
|
2076
2151
|
FlutterCupertinoCheckbox,
|
|
2077
2152
|
FlutterCupertinoContextMenu,
|
|
2153
|
+
FlutterCupertinoFormRow,
|
|
2154
|
+
FlutterCupertinoFormSection,
|
|
2078
2155
|
FlutterCupertinoIcon,
|
|
2079
2156
|
FlutterCupertinoListSection,
|
|
2080
2157
|
FlutterCupertinoListSectionFooter,
|
|
@@ -2084,6 +2161,7 @@ var CupertinoColors = /* @__PURE__ */ ((CupertinoColors2) => {
|
|
|
2084
2161
|
FlutterCupertinoListTileLeading,
|
|
2085
2162
|
FlutterCupertinoListTileSubtitle,
|
|
2086
2163
|
FlutterCupertinoListTileTrailing,
|
|
2164
|
+
FlutterCupertinoModalPopup,
|
|
2087
2165
|
FlutterCupertinoRadio,
|
|
2088
2166
|
FlutterCupertinoSlider,
|
|
2089
2167
|
FlutterCupertinoSlidingSegmentedControl,
|