@resistdesign/voltra 3.0.0-alpha.24 → 3.0.0-alpha.25
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/native/forms/primitives/index.d.ts +6 -16
- package/native/index.js +3 -27
- package/package.json +1 -1
|
@@ -3,38 +3,31 @@
|
|
|
3
3
|
*
|
|
4
4
|
* React Native primitives for the form generation system.
|
|
5
5
|
*/
|
|
6
|
+
import { Text, View } from "react-native";
|
|
6
7
|
/**
|
|
7
8
|
* Wrapper for grouped field content.
|
|
8
9
|
*/
|
|
9
10
|
export declare const FieldWrapper: (props: {
|
|
10
11
|
children?: React.ReactNode;
|
|
11
|
-
}) => import("react").CElement<
|
|
12
|
+
}) => import("react").CElement<import("react-native").ViewProps, View>;
|
|
12
13
|
/**
|
|
13
14
|
* Inline error message renderer.
|
|
14
15
|
*/
|
|
15
16
|
export declare const ErrorMessage: ({ children }: {
|
|
16
17
|
children: React.ReactNode;
|
|
17
|
-
}) => import("react").CElement<
|
|
18
|
-
style: {
|
|
19
|
-
color: string;
|
|
20
|
-
};
|
|
21
|
-
}, import("react").Component<{
|
|
22
|
-
style: {
|
|
23
|
-
color: string;
|
|
24
|
-
};
|
|
25
|
-
}, any, any>>;
|
|
18
|
+
}) => import("react").CElement<import("react-native").TextProps, Text>;
|
|
26
19
|
/**
|
|
27
20
|
* Container for array field items.
|
|
28
21
|
*/
|
|
29
22
|
export declare const ArrayContainer: (props: {
|
|
30
23
|
children?: React.ReactNode;
|
|
31
|
-
}) => import("react").CElement<
|
|
24
|
+
}) => import("react").CElement<import("react-native").ViewProps, View>;
|
|
32
25
|
/**
|
|
33
26
|
* Wrapper for an individual array item row.
|
|
34
27
|
*/
|
|
35
28
|
export declare const ArrayItemWrapper: (props: {
|
|
36
29
|
children?: React.ReactNode;
|
|
37
|
-
}) => import("react").CElement<
|
|
30
|
+
}) => import("react").CElement<import("react-native").ViewProps, View>;
|
|
38
31
|
/**
|
|
39
32
|
* Minimal button primitive.
|
|
40
33
|
*/
|
|
@@ -42,7 +35,4 @@ export declare const Button: ({ children, disabled, onPress, }: {
|
|
|
42
35
|
children?: React.ReactNode;
|
|
43
36
|
disabled?: boolean;
|
|
44
37
|
onPress?: () => void;
|
|
45
|
-
}) => import("react").FunctionComponentElement<
|
|
46
|
-
onPress: (() => void) | undefined;
|
|
47
|
-
disabled: boolean | undefined;
|
|
48
|
-
}>;
|
|
38
|
+
}) => import("react").FunctionComponentElement<import("react-native").PressableProps & import("react").RefAttributes<View>>;
|
package/native/index.js
CHANGED
|
@@ -1,12 +1,8 @@
|
|
|
1
1
|
import { createContext, createElement, useMemo, useEffect, useState, useCallback } from 'react';
|
|
2
|
+
import { View, Text, Pressable, TextInput, Switch, Platform } from 'react-native';
|
|
2
3
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
3
4
|
|
|
4
|
-
|
|
5
|
-
get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
|
|
6
|
-
}) : x)(function(x) {
|
|
7
|
-
if (typeof require !== "undefined") return require.apply(this, arguments);
|
|
8
|
-
throw Error('Dynamic require of "' + x + '" is not supported');
|
|
9
|
-
});
|
|
5
|
+
// src/native/forms/suite.ts
|
|
10
6
|
|
|
11
7
|
// src/app/forms/core/getFieldKind.ts
|
|
12
8
|
var hasSelectableValues = (field) => {
|
|
@@ -112,21 +108,16 @@ var createFormRenderer = (options) => {
|
|
|
112
108
|
suite: resolvedSuite
|
|
113
109
|
};
|
|
114
110
|
};
|
|
115
|
-
var getNative = () => __require("react-native");
|
|
116
111
|
var FieldWrapper = (props) => {
|
|
117
|
-
const { View } = getNative();
|
|
118
112
|
return createElement(View, null, props.children);
|
|
119
113
|
};
|
|
120
114
|
var ErrorMessage = ({ children }) => {
|
|
121
|
-
const { Text } = getNative();
|
|
122
115
|
return createElement(Text, { style: { color: "#AA0000" } }, children);
|
|
123
116
|
};
|
|
124
117
|
var ArrayContainer = (props) => {
|
|
125
|
-
const { View } = getNative();
|
|
126
118
|
return createElement(View, null, props.children);
|
|
127
119
|
};
|
|
128
120
|
var ArrayItemWrapper = (props) => {
|
|
129
|
-
const { View } = getNative();
|
|
130
121
|
return createElement(View, null, props.children);
|
|
131
122
|
};
|
|
132
123
|
var Button = ({
|
|
@@ -134,7 +125,6 @@ var Button = ({
|
|
|
134
125
|
disabled,
|
|
135
126
|
onPress
|
|
136
127
|
}) => {
|
|
137
|
-
const { Pressable, Text } = getNative();
|
|
138
128
|
return createElement(
|
|
139
129
|
Pressable,
|
|
140
130
|
{ onPress, disabled },
|
|
@@ -143,7 +133,6 @@ var Button = ({
|
|
|
143
133
|
};
|
|
144
134
|
|
|
145
135
|
// src/native/forms/suite.ts
|
|
146
|
-
var getNative2 = () => __require("react-native");
|
|
147
136
|
var createArrayItemField = (field) => ({
|
|
148
137
|
...field,
|
|
149
138
|
array: false,
|
|
@@ -164,7 +153,6 @@ var formatCustomValue = (val) => {
|
|
|
164
153
|
return JSON.stringify(val, null, 2);
|
|
165
154
|
};
|
|
166
155
|
var renderRelationSingle = (context) => {
|
|
167
|
-
const { Text } = getNative2();
|
|
168
156
|
const { field, fieldKey, label, required, disabled, error, onRelationAction } = context;
|
|
169
157
|
return createElement(
|
|
170
158
|
FieldWrapper,
|
|
@@ -189,7 +177,6 @@ var renderRelationSingle = (context) => {
|
|
|
189
177
|
);
|
|
190
178
|
};
|
|
191
179
|
var renderRelationArray = (context) => {
|
|
192
|
-
const { Text } = getNative2();
|
|
193
180
|
const { field, fieldKey, label, required, disabled, error, onRelationAction } = context;
|
|
194
181
|
return createElement(
|
|
195
182
|
FieldWrapper,
|
|
@@ -214,7 +201,6 @@ var renderRelationArray = (context) => {
|
|
|
214
201
|
);
|
|
215
202
|
};
|
|
216
203
|
var renderCustomSingle = (context) => {
|
|
217
|
-
const { Text } = getNative2();
|
|
218
204
|
const { field, fieldKey, label, required, disabled, error } = context;
|
|
219
205
|
const customType = field.tags?.customType;
|
|
220
206
|
const onCustomTypeAction = context.onCustomTypeAction;
|
|
@@ -242,7 +228,6 @@ var renderCustomSingle = (context) => {
|
|
|
242
228
|
);
|
|
243
229
|
};
|
|
244
230
|
var renderCustomArray = (context) => {
|
|
245
|
-
const { Text, View } = getNative2();
|
|
246
231
|
const { field, fieldKey, label, required, disabled, error } = context;
|
|
247
232
|
const customType = field.tags?.customType;
|
|
248
233
|
const onCustomTypeAction = context.onCustomTypeAction;
|
|
@@ -318,7 +303,6 @@ var renderCustomArray = (context) => {
|
|
|
318
303
|
};
|
|
319
304
|
var autoFieldRenderer;
|
|
320
305
|
var renderArray = (context) => {
|
|
321
|
-
const { Text, View } = getNative2();
|
|
322
306
|
const { field, fieldKey, label, required, disabled, error } = context;
|
|
323
307
|
const itemField = createArrayItemField(field);
|
|
324
308
|
const arrayValue = Array.isArray(context.value) ? [...context.value] : [];
|
|
@@ -381,7 +365,6 @@ var renderArray = (context) => {
|
|
|
381
365
|
);
|
|
382
366
|
};
|
|
383
367
|
var renderString = (context) => {
|
|
384
|
-
const { Text, TextInput } = getNative2();
|
|
385
368
|
const { label, required, disabled, error } = context;
|
|
386
369
|
return createElement(
|
|
387
370
|
FieldWrapper,
|
|
@@ -397,7 +380,6 @@ var renderString = (context) => {
|
|
|
397
380
|
);
|
|
398
381
|
};
|
|
399
382
|
var renderNumber = (context) => {
|
|
400
|
-
const { Text, TextInput } = getNative2();
|
|
401
383
|
const { label, required, disabled, error } = context;
|
|
402
384
|
return createElement(
|
|
403
385
|
FieldWrapper,
|
|
@@ -414,7 +396,6 @@ var renderNumber = (context) => {
|
|
|
414
396
|
);
|
|
415
397
|
};
|
|
416
398
|
var renderBoolean = (context) => {
|
|
417
|
-
const { Text, View, Switch } = getNative2();
|
|
418
399
|
const { label, disabled, error } = context;
|
|
419
400
|
return createElement(
|
|
420
401
|
FieldWrapper,
|
|
@@ -433,7 +414,6 @@ var renderBoolean = (context) => {
|
|
|
433
414
|
);
|
|
434
415
|
};
|
|
435
416
|
var renderEnumSelect = (context) => {
|
|
436
|
-
const { Text, View } = getNative2();
|
|
437
417
|
const { field, label, required, disabled, error } = context;
|
|
438
418
|
const selectableValues = getSelectableValues(context.possibleValues) ?? [];
|
|
439
419
|
return createElement(
|
|
@@ -464,7 +444,6 @@ var FormRoot = ({
|
|
|
464
444
|
children,
|
|
465
445
|
onSubmit
|
|
466
446
|
}) => {
|
|
467
|
-
const { Platform, View } = getNative2();
|
|
468
447
|
if (Platform?.OS === "web") {
|
|
469
448
|
return createElement(
|
|
470
449
|
"form",
|
|
@@ -502,10 +481,7 @@ var nativeSuite = {
|
|
|
502
481
|
FormRoot,
|
|
503
482
|
FieldWrapper,
|
|
504
483
|
ErrorMessage,
|
|
505
|
-
Label: ({ children }) =>
|
|
506
|
-
const { Text } = getNative2();
|
|
507
|
-
return createElement(Text, null, children);
|
|
508
|
-
},
|
|
484
|
+
Label: ({ children }) => createElement(Text, null, children),
|
|
509
485
|
Button: SuiteButton
|
|
510
486
|
}
|
|
511
487
|
};
|