@openwebf/react-cupertino-ui 0.3.30 → 0.3.32
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 +151 -21
- package/dist/index.d.ts +151 -21
- package/dist/index.js +85 -22
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +83 -21
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { WebFElementWithMethods } from '@openwebf/react-core-ui';
|
|
3
3
|
|
|
4
|
-
interface
|
|
4
|
+
interface FlutterCupertinoTextFormFieldRowProps {
|
|
5
5
|
/**
|
|
6
|
-
* Current text value of the
|
|
6
|
+
* Current text value of the field.
|
|
7
7
|
*/
|
|
8
8
|
val?: string;
|
|
9
9
|
/**
|
|
@@ -31,12 +31,6 @@ interface FlutterCupertinoInputProps {
|
|
|
31
31
|
* Default: false.
|
|
32
32
|
*/
|
|
33
33
|
autofocus?: boolean;
|
|
34
|
-
/**
|
|
35
|
-
* Whether to show a clear button while editing.
|
|
36
|
-
* When true, a clear icon appears while text is non-empty.
|
|
37
|
-
* Default: false.
|
|
38
|
-
*/
|
|
39
|
-
clearable?: boolean;
|
|
40
34
|
/**
|
|
41
35
|
* Maximum number of characters allowed.
|
|
42
36
|
* When set, input is truncated to this length.
|
|
@@ -66,7 +60,7 @@ interface FlutterCupertinoInputProps {
|
|
|
66
60
|
*/
|
|
67
61
|
onBlur?: (event: CustomEvent<void>) => void;
|
|
68
62
|
/**
|
|
69
|
-
* Fired when the text is cleared via clear
|
|
63
|
+
* Fired when the text is cleared via clear() or internal clear logic.
|
|
70
64
|
*/
|
|
71
65
|
onClear?: (event: CustomEvent<void>) => void;
|
|
72
66
|
/**
|
|
@@ -90,18 +84,18 @@ interface FlutterCupertinoInputProps {
|
|
|
90
84
|
* Element interface with methods accessible via ref
|
|
91
85
|
* @example
|
|
92
86
|
* ```tsx
|
|
93
|
-
* const ref = useRef<
|
|
87
|
+
* const ref = useRef<FlutterCupertinoTextFormFieldRowElement>(null);
|
|
94
88
|
* // Call methods on the element
|
|
95
89
|
* ref.current?.finishRefresh('success');
|
|
96
90
|
* ```
|
|
97
91
|
*/
|
|
98
|
-
interface
|
|
92
|
+
interface FlutterCupertinoTextFormFieldRowElement extends WebFElementWithMethods<{
|
|
99
93
|
/**
|
|
100
|
-
* Programmatically focus the input.
|
|
94
|
+
* Programmatically focus the input inside the row.
|
|
101
95
|
*/
|
|
102
96
|
focus(): void;
|
|
103
97
|
/**
|
|
104
|
-
* Programmatically blur (unfocus) the input.
|
|
98
|
+
* Programmatically blur (unfocus) the input inside the row.
|
|
105
99
|
*/
|
|
106
100
|
blur(): void;
|
|
107
101
|
/**
|
|
@@ -111,28 +105,31 @@ interface FlutterCupertinoInputElement extends WebFElementWithMethods<{
|
|
|
111
105
|
}> {
|
|
112
106
|
}
|
|
113
107
|
/**
|
|
114
|
-
* Properties for <flutter-cupertino-
|
|
108
|
+
* Properties for <flutter-cupertino-text-form-field-row>.
|
|
109
|
+
This element behaves similarly to using a <flutter-cupertino-form-row>
|
|
110
|
+
with a <flutter-cupertino-input> as its child, but wrapped into a single
|
|
111
|
+
convenience component.
|
|
115
112
|
*
|
|
116
113
|
* @example
|
|
117
114
|
* ```tsx
|
|
118
|
-
* const ref = useRef<
|
|
115
|
+
* const ref = useRef<FlutterCupertinoTextFormFieldRowElement>(null);
|
|
119
116
|
*
|
|
120
|
-
* <
|
|
117
|
+
* <FlutterCupertinoTextFormFieldRow
|
|
121
118
|
* ref={ref}
|
|
122
119
|
* // Add props here
|
|
123
120
|
* >
|
|
124
121
|
* Content
|
|
125
|
-
* </
|
|
122
|
+
* </FlutterCupertinoTextFormFieldRow>
|
|
126
123
|
*
|
|
127
124
|
* // Call methods on the element
|
|
128
125
|
* ref.current?.finishRefresh('success');
|
|
129
126
|
* ```
|
|
130
127
|
*/
|
|
131
|
-
declare const
|
|
128
|
+
declare const FlutterCupertinoTextFormFieldRow: React.ForwardRefExoticComponent<FlutterCupertinoTextFormFieldRowProps & {
|
|
132
129
|
className?: string;
|
|
133
130
|
style?: React.CSSProperties;
|
|
134
131
|
children?: React.ReactNode;
|
|
135
|
-
} & React.RefAttributes<
|
|
132
|
+
} & React.RefAttributes<FlutterCupertinoTextFormFieldRowElement>>;
|
|
136
133
|
|
|
137
134
|
interface FlutterCupertinoTabBarProps {
|
|
138
135
|
/**
|
|
@@ -1198,6 +1195,139 @@ declare const FlutterCupertinoListSectionFooter: React.ForwardRefExoticComponent
|
|
|
1198
1195
|
children?: React.ReactNode;
|
|
1199
1196
|
} & React.RefAttributes<FlutterCupertinoListSectionFooterElement>>;
|
|
1200
1197
|
|
|
1198
|
+
interface FlutterCupertinoInputProps {
|
|
1199
|
+
/**
|
|
1200
|
+
* Current text value of the input.
|
|
1201
|
+
*/
|
|
1202
|
+
val?: string;
|
|
1203
|
+
/**
|
|
1204
|
+
* Placeholder text shown when the field is empty.
|
|
1205
|
+
*/
|
|
1206
|
+
placeholder?: string;
|
|
1207
|
+
/**
|
|
1208
|
+
* Input type / keyboard type.
|
|
1209
|
+
* Supported values:
|
|
1210
|
+
* - 'text' (default)
|
|
1211
|
+
* - 'password'
|
|
1212
|
+
* - 'number'
|
|
1213
|
+
* - 'tel'
|
|
1214
|
+
* - 'email'
|
|
1215
|
+
* - 'url'
|
|
1216
|
+
*/
|
|
1217
|
+
type?: string;
|
|
1218
|
+
/**
|
|
1219
|
+
* Whether the field is disabled (non-editable and dimmed).
|
|
1220
|
+
* Default: false.
|
|
1221
|
+
*/
|
|
1222
|
+
disabled?: boolean;
|
|
1223
|
+
/**
|
|
1224
|
+
* Whether the field should autofocus when inserted.
|
|
1225
|
+
* Default: false.
|
|
1226
|
+
*/
|
|
1227
|
+
autofocus?: boolean;
|
|
1228
|
+
/**
|
|
1229
|
+
* Whether to show a clear button while editing.
|
|
1230
|
+
* When true, a clear icon appears while text is non-empty.
|
|
1231
|
+
* Default: false.
|
|
1232
|
+
*/
|
|
1233
|
+
clearable?: boolean;
|
|
1234
|
+
/**
|
|
1235
|
+
* Maximum number of characters allowed.
|
|
1236
|
+
* When set, input is truncated to this length.
|
|
1237
|
+
*/
|
|
1238
|
+
maxlength?: number;
|
|
1239
|
+
/**
|
|
1240
|
+
* Whether the field is read-only (focusable but not editable).
|
|
1241
|
+
* Default: false.
|
|
1242
|
+
*/
|
|
1243
|
+
readonly?: boolean;
|
|
1244
|
+
/**
|
|
1245
|
+
* Fired whenever the text changes.
|
|
1246
|
+
* detail = current value.
|
|
1247
|
+
*/
|
|
1248
|
+
onInput?: (event: CustomEvent<string>) => void;
|
|
1249
|
+
/**
|
|
1250
|
+
* Fired when the user submits the field (e.g., presses the done/enter key).
|
|
1251
|
+
* detail = current value.
|
|
1252
|
+
*/
|
|
1253
|
+
onSubmit?: (event: CustomEvent<string>) => void;
|
|
1254
|
+
/**
|
|
1255
|
+
* Fired when the field gains focus.
|
|
1256
|
+
*/
|
|
1257
|
+
onFocus?: (event: CustomEvent<void>) => void;
|
|
1258
|
+
/**
|
|
1259
|
+
* Fired when the field loses focus.
|
|
1260
|
+
*/
|
|
1261
|
+
onBlur?: (event: CustomEvent<void>) => void;
|
|
1262
|
+
/**
|
|
1263
|
+
* Fired when the text is cleared via clear button or clear().
|
|
1264
|
+
*/
|
|
1265
|
+
onClear?: (event: CustomEvent<void>) => void;
|
|
1266
|
+
/**
|
|
1267
|
+
* HTML id attribute
|
|
1268
|
+
*/
|
|
1269
|
+
id?: string;
|
|
1270
|
+
/**
|
|
1271
|
+
* Additional CSS styles
|
|
1272
|
+
*/
|
|
1273
|
+
style?: React.CSSProperties;
|
|
1274
|
+
/**
|
|
1275
|
+
* Children elements
|
|
1276
|
+
*/
|
|
1277
|
+
children?: React.ReactNode;
|
|
1278
|
+
/**
|
|
1279
|
+
* Additional CSS class names
|
|
1280
|
+
*/
|
|
1281
|
+
className?: string;
|
|
1282
|
+
}
|
|
1283
|
+
/**
|
|
1284
|
+
* Element interface with methods accessible via ref
|
|
1285
|
+
* @example
|
|
1286
|
+
* ```tsx
|
|
1287
|
+
* const ref = useRef<FlutterCupertinoInputElement>(null);
|
|
1288
|
+
* // Call methods on the element
|
|
1289
|
+
* ref.current?.finishRefresh('success');
|
|
1290
|
+
* ```
|
|
1291
|
+
*/
|
|
1292
|
+
interface FlutterCupertinoInputElement extends WebFElementWithMethods<{
|
|
1293
|
+
/**
|
|
1294
|
+
* Programmatically focus the input.
|
|
1295
|
+
*/
|
|
1296
|
+
focus(): void;
|
|
1297
|
+
/**
|
|
1298
|
+
* Programmatically blur (unfocus) the input.
|
|
1299
|
+
*/
|
|
1300
|
+
blur(): void;
|
|
1301
|
+
/**
|
|
1302
|
+
* Clear the current value. Triggers the `clear` event.
|
|
1303
|
+
*/
|
|
1304
|
+
clear(): void;
|
|
1305
|
+
}> {
|
|
1306
|
+
}
|
|
1307
|
+
/**
|
|
1308
|
+
* Properties for <flutter-cupertino-input>.
|
|
1309
|
+
*
|
|
1310
|
+
* @example
|
|
1311
|
+
* ```tsx
|
|
1312
|
+
* const ref = useRef<FlutterCupertinoInputElement>(null);
|
|
1313
|
+
*
|
|
1314
|
+
* <FlutterCupertinoInput
|
|
1315
|
+
* ref={ref}
|
|
1316
|
+
* // Add props here
|
|
1317
|
+
* >
|
|
1318
|
+
* Content
|
|
1319
|
+
* </FlutterCupertinoInput>
|
|
1320
|
+
*
|
|
1321
|
+
* // Call methods on the element
|
|
1322
|
+
* ref.current?.finishRefresh('success');
|
|
1323
|
+
* ```
|
|
1324
|
+
*/
|
|
1325
|
+
declare const FlutterCupertinoInput: React.ForwardRefExoticComponent<FlutterCupertinoInputProps & {
|
|
1326
|
+
className?: string;
|
|
1327
|
+
style?: React.CSSProperties;
|
|
1328
|
+
children?: React.ReactNode;
|
|
1329
|
+
} & React.RefAttributes<FlutterCupertinoInputElement>>;
|
|
1330
|
+
|
|
1201
1331
|
declare enum CupertinoIcons {
|
|
1202
1332
|
add = "add",
|
|
1203
1333
|
add_circled = "add_circled",
|
|
@@ -2840,7 +2970,7 @@ interface FlutterCupertinoCheckboxProps {
|
|
|
2840
2970
|
* Whether the checkbox is checked.
|
|
2841
2971
|
* Default: false.
|
|
2842
2972
|
*/
|
|
2843
|
-
checked?:
|
|
2973
|
+
checked?: boolean | null;
|
|
2844
2974
|
/**
|
|
2845
2975
|
* Whether the checkbox is disabled.
|
|
2846
2976
|
* Default: false.
|
|
@@ -3262,4 +3392,4 @@ declare const FlutterCupertinoActionSheet: React.ForwardRefExoticComponent<Flutt
|
|
|
3262
3392
|
children?: React.ReactNode;
|
|
3263
3393
|
} & React.RefAttributes<FlutterCupertinoActionSheetElement>>;
|
|
3264
3394
|
|
|
3265
|
-
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, FlutterCupertinoInput, type FlutterCupertinoInputElement, 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 };
|
|
3395
|
+
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, FlutterCupertinoInput, type FlutterCupertinoInputElement, 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, FlutterCupertinoTextFormFieldRow, type FlutterCupertinoTextFormFieldRowElement };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { WebFElementWithMethods } from '@openwebf/react-core-ui';
|
|
3
3
|
|
|
4
|
-
interface
|
|
4
|
+
interface FlutterCupertinoTextFormFieldRowProps {
|
|
5
5
|
/**
|
|
6
|
-
* Current text value of the
|
|
6
|
+
* Current text value of the field.
|
|
7
7
|
*/
|
|
8
8
|
val?: string;
|
|
9
9
|
/**
|
|
@@ -31,12 +31,6 @@ interface FlutterCupertinoInputProps {
|
|
|
31
31
|
* Default: false.
|
|
32
32
|
*/
|
|
33
33
|
autofocus?: boolean;
|
|
34
|
-
/**
|
|
35
|
-
* Whether to show a clear button while editing.
|
|
36
|
-
* When true, a clear icon appears while text is non-empty.
|
|
37
|
-
* Default: false.
|
|
38
|
-
*/
|
|
39
|
-
clearable?: boolean;
|
|
40
34
|
/**
|
|
41
35
|
* Maximum number of characters allowed.
|
|
42
36
|
* When set, input is truncated to this length.
|
|
@@ -66,7 +60,7 @@ interface FlutterCupertinoInputProps {
|
|
|
66
60
|
*/
|
|
67
61
|
onBlur?: (event: CustomEvent<void>) => void;
|
|
68
62
|
/**
|
|
69
|
-
* Fired when the text is cleared via clear
|
|
63
|
+
* Fired when the text is cleared via clear() or internal clear logic.
|
|
70
64
|
*/
|
|
71
65
|
onClear?: (event: CustomEvent<void>) => void;
|
|
72
66
|
/**
|
|
@@ -90,18 +84,18 @@ interface FlutterCupertinoInputProps {
|
|
|
90
84
|
* Element interface with methods accessible via ref
|
|
91
85
|
* @example
|
|
92
86
|
* ```tsx
|
|
93
|
-
* const ref = useRef<
|
|
87
|
+
* const ref = useRef<FlutterCupertinoTextFormFieldRowElement>(null);
|
|
94
88
|
* // Call methods on the element
|
|
95
89
|
* ref.current?.finishRefresh('success');
|
|
96
90
|
* ```
|
|
97
91
|
*/
|
|
98
|
-
interface
|
|
92
|
+
interface FlutterCupertinoTextFormFieldRowElement extends WebFElementWithMethods<{
|
|
99
93
|
/**
|
|
100
|
-
* Programmatically focus the input.
|
|
94
|
+
* Programmatically focus the input inside the row.
|
|
101
95
|
*/
|
|
102
96
|
focus(): void;
|
|
103
97
|
/**
|
|
104
|
-
* Programmatically blur (unfocus) the input.
|
|
98
|
+
* Programmatically blur (unfocus) the input inside the row.
|
|
105
99
|
*/
|
|
106
100
|
blur(): void;
|
|
107
101
|
/**
|
|
@@ -111,28 +105,31 @@ interface FlutterCupertinoInputElement extends WebFElementWithMethods<{
|
|
|
111
105
|
}> {
|
|
112
106
|
}
|
|
113
107
|
/**
|
|
114
|
-
* Properties for <flutter-cupertino-
|
|
108
|
+
* Properties for <flutter-cupertino-text-form-field-row>.
|
|
109
|
+
This element behaves similarly to using a <flutter-cupertino-form-row>
|
|
110
|
+
with a <flutter-cupertino-input> as its child, but wrapped into a single
|
|
111
|
+
convenience component.
|
|
115
112
|
*
|
|
116
113
|
* @example
|
|
117
114
|
* ```tsx
|
|
118
|
-
* const ref = useRef<
|
|
115
|
+
* const ref = useRef<FlutterCupertinoTextFormFieldRowElement>(null);
|
|
119
116
|
*
|
|
120
|
-
* <
|
|
117
|
+
* <FlutterCupertinoTextFormFieldRow
|
|
121
118
|
* ref={ref}
|
|
122
119
|
* // Add props here
|
|
123
120
|
* >
|
|
124
121
|
* Content
|
|
125
|
-
* </
|
|
122
|
+
* </FlutterCupertinoTextFormFieldRow>
|
|
126
123
|
*
|
|
127
124
|
* // Call methods on the element
|
|
128
125
|
* ref.current?.finishRefresh('success');
|
|
129
126
|
* ```
|
|
130
127
|
*/
|
|
131
|
-
declare const
|
|
128
|
+
declare const FlutterCupertinoTextFormFieldRow: React.ForwardRefExoticComponent<FlutterCupertinoTextFormFieldRowProps & {
|
|
132
129
|
className?: string;
|
|
133
130
|
style?: React.CSSProperties;
|
|
134
131
|
children?: React.ReactNode;
|
|
135
|
-
} & React.RefAttributes<
|
|
132
|
+
} & React.RefAttributes<FlutterCupertinoTextFormFieldRowElement>>;
|
|
136
133
|
|
|
137
134
|
interface FlutterCupertinoTabBarProps {
|
|
138
135
|
/**
|
|
@@ -1198,6 +1195,139 @@ declare const FlutterCupertinoListSectionFooter: React.ForwardRefExoticComponent
|
|
|
1198
1195
|
children?: React.ReactNode;
|
|
1199
1196
|
} & React.RefAttributes<FlutterCupertinoListSectionFooterElement>>;
|
|
1200
1197
|
|
|
1198
|
+
interface FlutterCupertinoInputProps {
|
|
1199
|
+
/**
|
|
1200
|
+
* Current text value of the input.
|
|
1201
|
+
*/
|
|
1202
|
+
val?: string;
|
|
1203
|
+
/**
|
|
1204
|
+
* Placeholder text shown when the field is empty.
|
|
1205
|
+
*/
|
|
1206
|
+
placeholder?: string;
|
|
1207
|
+
/**
|
|
1208
|
+
* Input type / keyboard type.
|
|
1209
|
+
* Supported values:
|
|
1210
|
+
* - 'text' (default)
|
|
1211
|
+
* - 'password'
|
|
1212
|
+
* - 'number'
|
|
1213
|
+
* - 'tel'
|
|
1214
|
+
* - 'email'
|
|
1215
|
+
* - 'url'
|
|
1216
|
+
*/
|
|
1217
|
+
type?: string;
|
|
1218
|
+
/**
|
|
1219
|
+
* Whether the field is disabled (non-editable and dimmed).
|
|
1220
|
+
* Default: false.
|
|
1221
|
+
*/
|
|
1222
|
+
disabled?: boolean;
|
|
1223
|
+
/**
|
|
1224
|
+
* Whether the field should autofocus when inserted.
|
|
1225
|
+
* Default: false.
|
|
1226
|
+
*/
|
|
1227
|
+
autofocus?: boolean;
|
|
1228
|
+
/**
|
|
1229
|
+
* Whether to show a clear button while editing.
|
|
1230
|
+
* When true, a clear icon appears while text is non-empty.
|
|
1231
|
+
* Default: false.
|
|
1232
|
+
*/
|
|
1233
|
+
clearable?: boolean;
|
|
1234
|
+
/**
|
|
1235
|
+
* Maximum number of characters allowed.
|
|
1236
|
+
* When set, input is truncated to this length.
|
|
1237
|
+
*/
|
|
1238
|
+
maxlength?: number;
|
|
1239
|
+
/**
|
|
1240
|
+
* Whether the field is read-only (focusable but not editable).
|
|
1241
|
+
* Default: false.
|
|
1242
|
+
*/
|
|
1243
|
+
readonly?: boolean;
|
|
1244
|
+
/**
|
|
1245
|
+
* Fired whenever the text changes.
|
|
1246
|
+
* detail = current value.
|
|
1247
|
+
*/
|
|
1248
|
+
onInput?: (event: CustomEvent<string>) => void;
|
|
1249
|
+
/**
|
|
1250
|
+
* Fired when the user submits the field (e.g., presses the done/enter key).
|
|
1251
|
+
* detail = current value.
|
|
1252
|
+
*/
|
|
1253
|
+
onSubmit?: (event: CustomEvent<string>) => void;
|
|
1254
|
+
/**
|
|
1255
|
+
* Fired when the field gains focus.
|
|
1256
|
+
*/
|
|
1257
|
+
onFocus?: (event: CustomEvent<void>) => void;
|
|
1258
|
+
/**
|
|
1259
|
+
* Fired when the field loses focus.
|
|
1260
|
+
*/
|
|
1261
|
+
onBlur?: (event: CustomEvent<void>) => void;
|
|
1262
|
+
/**
|
|
1263
|
+
* Fired when the text is cleared via clear button or clear().
|
|
1264
|
+
*/
|
|
1265
|
+
onClear?: (event: CustomEvent<void>) => void;
|
|
1266
|
+
/**
|
|
1267
|
+
* HTML id attribute
|
|
1268
|
+
*/
|
|
1269
|
+
id?: string;
|
|
1270
|
+
/**
|
|
1271
|
+
* Additional CSS styles
|
|
1272
|
+
*/
|
|
1273
|
+
style?: React.CSSProperties;
|
|
1274
|
+
/**
|
|
1275
|
+
* Children elements
|
|
1276
|
+
*/
|
|
1277
|
+
children?: React.ReactNode;
|
|
1278
|
+
/**
|
|
1279
|
+
* Additional CSS class names
|
|
1280
|
+
*/
|
|
1281
|
+
className?: string;
|
|
1282
|
+
}
|
|
1283
|
+
/**
|
|
1284
|
+
* Element interface with methods accessible via ref
|
|
1285
|
+
* @example
|
|
1286
|
+
* ```tsx
|
|
1287
|
+
* const ref = useRef<FlutterCupertinoInputElement>(null);
|
|
1288
|
+
* // Call methods on the element
|
|
1289
|
+
* ref.current?.finishRefresh('success');
|
|
1290
|
+
* ```
|
|
1291
|
+
*/
|
|
1292
|
+
interface FlutterCupertinoInputElement extends WebFElementWithMethods<{
|
|
1293
|
+
/**
|
|
1294
|
+
* Programmatically focus the input.
|
|
1295
|
+
*/
|
|
1296
|
+
focus(): void;
|
|
1297
|
+
/**
|
|
1298
|
+
* Programmatically blur (unfocus) the input.
|
|
1299
|
+
*/
|
|
1300
|
+
blur(): void;
|
|
1301
|
+
/**
|
|
1302
|
+
* Clear the current value. Triggers the `clear` event.
|
|
1303
|
+
*/
|
|
1304
|
+
clear(): void;
|
|
1305
|
+
}> {
|
|
1306
|
+
}
|
|
1307
|
+
/**
|
|
1308
|
+
* Properties for <flutter-cupertino-input>.
|
|
1309
|
+
*
|
|
1310
|
+
* @example
|
|
1311
|
+
* ```tsx
|
|
1312
|
+
* const ref = useRef<FlutterCupertinoInputElement>(null);
|
|
1313
|
+
*
|
|
1314
|
+
* <FlutterCupertinoInput
|
|
1315
|
+
* ref={ref}
|
|
1316
|
+
* // Add props here
|
|
1317
|
+
* >
|
|
1318
|
+
* Content
|
|
1319
|
+
* </FlutterCupertinoInput>
|
|
1320
|
+
*
|
|
1321
|
+
* // Call methods on the element
|
|
1322
|
+
* ref.current?.finishRefresh('success');
|
|
1323
|
+
* ```
|
|
1324
|
+
*/
|
|
1325
|
+
declare const FlutterCupertinoInput: React.ForwardRefExoticComponent<FlutterCupertinoInputProps & {
|
|
1326
|
+
className?: string;
|
|
1327
|
+
style?: React.CSSProperties;
|
|
1328
|
+
children?: React.ReactNode;
|
|
1329
|
+
} & React.RefAttributes<FlutterCupertinoInputElement>>;
|
|
1330
|
+
|
|
1201
1331
|
declare enum CupertinoIcons {
|
|
1202
1332
|
add = "add",
|
|
1203
1333
|
add_circled = "add_circled",
|
|
@@ -2840,7 +2970,7 @@ interface FlutterCupertinoCheckboxProps {
|
|
|
2840
2970
|
* Whether the checkbox is checked.
|
|
2841
2971
|
* Default: false.
|
|
2842
2972
|
*/
|
|
2843
|
-
checked?:
|
|
2973
|
+
checked?: boolean | null;
|
|
2844
2974
|
/**
|
|
2845
2975
|
* Whether the checkbox is disabled.
|
|
2846
2976
|
* Default: false.
|
|
@@ -3262,4 +3392,4 @@ declare const FlutterCupertinoActionSheet: React.ForwardRefExoticComponent<Flutt
|
|
|
3262
3392
|
children?: React.ReactNode;
|
|
3263
3393
|
} & React.RefAttributes<FlutterCupertinoActionSheetElement>>;
|
|
3264
3394
|
|
|
3265
|
-
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, FlutterCupertinoInput, type FlutterCupertinoInputElement, 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 };
|
|
3395
|
+
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, FlutterCupertinoInput, type FlutterCupertinoInputElement, 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, FlutterCupertinoTextFormFieldRow, type FlutterCupertinoTextFormFieldRowElement };
|
package/dist/index.js
CHANGED
|
@@ -49,15 +49,16 @@ __export(index_exports, {
|
|
|
49
49
|
FlutterCupertinoTabBarItem: () => FlutterCupertinoTabBarItem,
|
|
50
50
|
FlutterCupertinoTabScaffold: () => FlutterCupertinoTabScaffold,
|
|
51
51
|
FlutterCupertinoTabScaffoldTab: () => FlutterCupertinoTabScaffoldTab,
|
|
52
|
-
FlutterCupertinoTabView: () => FlutterCupertinoTabView
|
|
52
|
+
FlutterCupertinoTabView: () => FlutterCupertinoTabView,
|
|
53
|
+
FlutterCupertinoTextFormFieldRow: () => FlutterCupertinoTextFormFieldRow
|
|
53
54
|
});
|
|
54
55
|
module.exports = __toCommonJS(index_exports);
|
|
55
56
|
|
|
56
|
-
// src/
|
|
57
|
+
// src/lib/src/text-form-field-row.tsx
|
|
57
58
|
var import_react_core_ui = require("@openwebf/react-core-ui");
|
|
58
|
-
var
|
|
59
|
-
tagName: "flutter-cupertino-
|
|
60
|
-
displayName: "
|
|
59
|
+
var FlutterCupertinoTextFormFieldRow = (0, import_react_core_ui.createWebFComponent)({
|
|
60
|
+
tagName: "flutter-cupertino-text-form-field-row",
|
|
61
|
+
displayName: "FlutterCupertinoTextFormFieldRow",
|
|
61
62
|
// Map props to attributes
|
|
62
63
|
attributeProps: [
|
|
63
64
|
"val",
|
|
@@ -65,7 +66,6 @@ var FlutterCupertinoInput = (0, import_react_core_ui.createWebFComponent)({
|
|
|
65
66
|
"type",
|
|
66
67
|
"disabled",
|
|
67
68
|
"autofocus",
|
|
68
|
-
"clearable",
|
|
69
69
|
"maxlength",
|
|
70
70
|
"readonly"
|
|
71
71
|
],
|
|
@@ -583,9 +583,71 @@ var FlutterCupertinoListSectionFooter = (0, import_react_core_ui12.createWebFCom
|
|
|
583
583
|
}
|
|
584
584
|
});
|
|
585
585
|
|
|
586
|
-
// src/lib/src/
|
|
586
|
+
// src/lib/src/input.tsx
|
|
587
587
|
var import_react_core_ui13 = require("@openwebf/react-core-ui");
|
|
588
|
-
var
|
|
588
|
+
var FlutterCupertinoInput = (0, import_react_core_ui13.createWebFComponent)({
|
|
589
|
+
tagName: "flutter-cupertino-input",
|
|
590
|
+
displayName: "FlutterCupertinoInput",
|
|
591
|
+
// Map props to attributes
|
|
592
|
+
attributeProps: [
|
|
593
|
+
"val",
|
|
594
|
+
"placeholder",
|
|
595
|
+
"type",
|
|
596
|
+
"disabled",
|
|
597
|
+
"autofocus",
|
|
598
|
+
"clearable",
|
|
599
|
+
"maxlength",
|
|
600
|
+
"readonly"
|
|
601
|
+
],
|
|
602
|
+
// Convert prop names to attribute names if needed
|
|
603
|
+
attributeMap: {},
|
|
604
|
+
// Event handlers
|
|
605
|
+
events: [
|
|
606
|
+
{
|
|
607
|
+
propName: "onInput",
|
|
608
|
+
eventName: "input",
|
|
609
|
+
handler: (callback) => (event) => {
|
|
610
|
+
callback(event);
|
|
611
|
+
}
|
|
612
|
+
},
|
|
613
|
+
{
|
|
614
|
+
propName: "onSubmit",
|
|
615
|
+
eventName: "submit",
|
|
616
|
+
handler: (callback) => (event) => {
|
|
617
|
+
callback(event);
|
|
618
|
+
}
|
|
619
|
+
},
|
|
620
|
+
{
|
|
621
|
+
propName: "onFocus",
|
|
622
|
+
eventName: "focus",
|
|
623
|
+
handler: (callback) => (event) => {
|
|
624
|
+
callback(event);
|
|
625
|
+
}
|
|
626
|
+
},
|
|
627
|
+
{
|
|
628
|
+
propName: "onBlur",
|
|
629
|
+
eventName: "blur",
|
|
630
|
+
handler: (callback) => (event) => {
|
|
631
|
+
callback(event);
|
|
632
|
+
}
|
|
633
|
+
},
|
|
634
|
+
{
|
|
635
|
+
propName: "onClear",
|
|
636
|
+
eventName: "clear",
|
|
637
|
+
handler: (callback) => (event) => {
|
|
638
|
+
callback(event);
|
|
639
|
+
}
|
|
640
|
+
}
|
|
641
|
+
],
|
|
642
|
+
// Default prop values
|
|
643
|
+
defaultProps: {
|
|
644
|
+
// Add default values here
|
|
645
|
+
}
|
|
646
|
+
});
|
|
647
|
+
|
|
648
|
+
// src/lib/src/icon.tsx
|
|
649
|
+
var import_react_core_ui14 = require("@openwebf/react-core-ui");
|
|
650
|
+
var FlutterCupertinoIcon = (0, import_react_core_ui14.createWebFComponent)({
|
|
589
651
|
tagName: "flutter-cupertino-icon",
|
|
590
652
|
displayName: "FlutterCupertinoIcon",
|
|
591
653
|
// Map props to attributes
|
|
@@ -602,8 +664,8 @@ var FlutterCupertinoIcon = (0, import_react_core_ui13.createWebFComponent)({
|
|
|
602
664
|
});
|
|
603
665
|
|
|
604
666
|
// src/lib/src/form-section.tsx
|
|
605
|
-
var
|
|
606
|
-
var FlutterCupertinoFormSection = (0,
|
|
667
|
+
var import_react_core_ui15 = require("@openwebf/react-core-ui");
|
|
668
|
+
var FlutterCupertinoFormSection = (0, import_react_core_ui15.createWebFComponent)({
|
|
607
669
|
tagName: "flutter-cupertino-form-section",
|
|
608
670
|
displayName: "FlutterCupertinoFormSection",
|
|
609
671
|
// Map props to attributes
|
|
@@ -623,7 +685,7 @@ var FlutterCupertinoFormSection = (0, import_react_core_ui14.createWebFComponent
|
|
|
623
685
|
// Add default values here
|
|
624
686
|
}
|
|
625
687
|
});
|
|
626
|
-
var FlutterCupertinoFormRow = (0,
|
|
688
|
+
var FlutterCupertinoFormRow = (0, import_react_core_ui15.createWebFComponent)({
|
|
627
689
|
tagName: "flutter-cupertino-form-row",
|
|
628
690
|
displayName: "FlutterCupertinoFormRow",
|
|
629
691
|
// Map props to attributes
|
|
@@ -639,8 +701,8 @@ var FlutterCupertinoFormRow = (0, import_react_core_ui14.createWebFComponent)({
|
|
|
639
701
|
});
|
|
640
702
|
|
|
641
703
|
// src/lib/src/context-menu.tsx
|
|
642
|
-
var
|
|
643
|
-
var FlutterCupertinoContextMenu = (0,
|
|
704
|
+
var import_react_core_ui16 = require("@openwebf/react-core-ui");
|
|
705
|
+
var FlutterCupertinoContextMenu = (0, import_react_core_ui16.createWebFComponent)({
|
|
644
706
|
tagName: "flutter-cupertino-context-menu",
|
|
645
707
|
displayName: "FlutterCupertinoContextMenu",
|
|
646
708
|
// Map props to attributes
|
|
@@ -668,8 +730,8 @@ var FlutterCupertinoContextMenu = (0, import_react_core_ui15.createWebFComponent
|
|
|
668
730
|
});
|
|
669
731
|
|
|
670
732
|
// src/lib/src/checkbox.tsx
|
|
671
|
-
var
|
|
672
|
-
var FlutterCupertinoCheckbox = (0,
|
|
733
|
+
var import_react_core_ui17 = require("@openwebf/react-core-ui");
|
|
734
|
+
var FlutterCupertinoCheckbox = (0, import_react_core_ui17.createWebFComponent)({
|
|
673
735
|
tagName: "flutter-cupertino-checkbox",
|
|
674
736
|
displayName: "FlutterCupertinoCheckbox",
|
|
675
737
|
// Map props to attributes
|
|
@@ -718,8 +780,8 @@ var FlutterCupertinoCheckbox = (0, import_react_core_ui16.createWebFComponent)({
|
|
|
718
780
|
});
|
|
719
781
|
|
|
720
782
|
// src/lib/src/button.tsx
|
|
721
|
-
var
|
|
722
|
-
var FlutterCupertinoButton = (0,
|
|
783
|
+
var import_react_core_ui18 = require("@openwebf/react-core-ui");
|
|
784
|
+
var FlutterCupertinoButton = (0, import_react_core_ui18.createWebFComponent)({
|
|
723
785
|
tagName: "flutter-cupertino-button",
|
|
724
786
|
displayName: "FlutterCupertinoButton",
|
|
725
787
|
// Map props to attributes
|
|
@@ -752,8 +814,8 @@ var FlutterCupertinoButton = (0, import_react_core_ui17.createWebFComponent)({
|
|
|
752
814
|
});
|
|
753
815
|
|
|
754
816
|
// src/lib/src/alert.tsx
|
|
755
|
-
var
|
|
756
|
-
var FlutterCupertinoAlert = (0,
|
|
817
|
+
var import_react_core_ui19 = require("@openwebf/react-core-ui");
|
|
818
|
+
var FlutterCupertinoAlert = (0, import_react_core_ui19.createWebFComponent)({
|
|
757
819
|
tagName: "flutter-cupertino-alert",
|
|
758
820
|
displayName: "FlutterCupertinoAlert",
|
|
759
821
|
// Map props to attributes
|
|
@@ -804,8 +866,8 @@ var FlutterCupertinoAlert = (0, import_react_core_ui18.createWebFComponent)({
|
|
|
804
866
|
});
|
|
805
867
|
|
|
806
868
|
// src/lib/src/action-sheet.tsx
|
|
807
|
-
var
|
|
808
|
-
var FlutterCupertinoActionSheet = (0,
|
|
869
|
+
var import_react_core_ui20 = require("@openwebf/react-core-ui");
|
|
870
|
+
var FlutterCupertinoActionSheet = (0, import_react_core_ui20.createWebFComponent)({
|
|
809
871
|
tagName: "flutter-cupertino-action-sheet",
|
|
810
872
|
displayName: "FlutterCupertinoActionSheet",
|
|
811
873
|
// Map props to attributes
|
|
@@ -2235,6 +2297,7 @@ var CupertinoColors = /* @__PURE__ */ ((CupertinoColors2) => {
|
|
|
2235
2297
|
FlutterCupertinoTabBarItem,
|
|
2236
2298
|
FlutterCupertinoTabScaffold,
|
|
2237
2299
|
FlutterCupertinoTabScaffoldTab,
|
|
2238
|
-
FlutterCupertinoTabView
|
|
2300
|
+
FlutterCupertinoTabView,
|
|
2301
|
+
FlutterCupertinoTextFormFieldRow
|
|
2239
2302
|
});
|
|
2240
2303
|
//# sourceMappingURL=index.js.map
|