@react-typed-forms/schemas-rn 2.0.0 → 2.0.1
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/lib/index.cjs +20 -10
- package/lib/index.cjs.map +1 -1
- package/lib/index.js +16 -8
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
package/lib/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import React__default, { useMemo, isValidElement, useEffect, Fragment as Fragment$1, useId } from 'react';
|
|
3
3
|
import { fontAwesomeIcon, deepMerge, IconLibrary, createDataRenderer, DataRenderType, rendererClass, FieldType, getLoadingControl, getHasMoreControl, getRefreshingControl, NoOpControlActionContext, DisplayDataType, coerceToString, getOverrideClass, createLayoutRenderer, renderLayoutParts, createVisibilityRenderer, mergeObjects, isArrayRenderer, createArrayActions, getLengthRestrictions, applyArrayLengthRestrictions, fieldOptionAdornment, setIncluded, useElementSelectedRenderer, createGroupRenderer, GroupRenderType, schemaDataForFieldRef, getLastDefinedValue, getNullToggler, createAction, IconPlacement, isTabsRenderer, isGridRenderer, isWizardRenderer, isDialogRenderer, isAccordionRenderer, isSelectChildRenderer, isFlexRenderer, isInlineRenderer, useExpression, createActionRenderer, ActionStyle, isDataGroupRenderer, isDisplayOnlyRenderer, hasOptions, isTextfieldRenderer, isOptionalAdornment, isSetFieldAdornment, wrapLayout, isIconAdornment, appendMarkupAt, AdornmentPlacement, isAccordionAdornment, LabelType } from '@react-typed-forms/schemas';
|
|
4
|
-
import { View, Text, Pressable, TextInput, Dimensions, Platform, StyleSheet, useWindowDimensions, TouchableOpacity, FlatList, RefreshControl, ActivityIndicator } from 'react-native';
|
|
4
|
+
import { View, Text, Pressable, TextInput, Dimensions, Platform, StyleSheet, useWindowDimensions, TouchableOpacity, FlatList, RefreshControl, ActivityIndicator, ScrollView as ScrollView$1 } from 'react-native';
|
|
5
5
|
import { jsx, jsxs, Fragment } from 'nativewind/jsx-runtime';
|
|
6
6
|
import { cva } from 'class-variance-authority';
|
|
7
7
|
import clsx$1, { clsx } from 'clsx';
|
|
@@ -517,7 +517,7 @@ function RNDateTimePicker(_ref) {
|
|
|
517
517
|
try {
|
|
518
518
|
switch (mode) {
|
|
519
519
|
case "date":
|
|
520
|
-
return parseDate(dateString).toDate(
|
|
520
|
+
return parseDate(dateString).toDate("UTC");
|
|
521
521
|
case "datetime":
|
|
522
522
|
return parseAbsolute(dateString, getLocalTimeZone()).toDate();
|
|
523
523
|
case "time":
|
|
@@ -537,7 +537,7 @@ function RNDateTimePicker(_ref) {
|
|
|
537
537
|
day: "2-digit",
|
|
538
538
|
month: "2-digit",
|
|
539
539
|
year: "numeric",
|
|
540
|
-
timeZone:
|
|
540
|
+
timeZone: "UTC"
|
|
541
541
|
};
|
|
542
542
|
break;
|
|
543
543
|
case "datetime":
|
|
@@ -764,10 +764,11 @@ function SelectTrigger(_ref2) {
|
|
|
764
764
|
props = _objectWithoutPropertiesLoose(_ref2, _excluded2$4);
|
|
765
765
|
return jsxs(SelectPrimitive.Trigger, _extends({
|
|
766
766
|
ref: ref,
|
|
767
|
-
className: cn("flex flex-row h-10 native:h-12 items-center text-sm justify-between border border-[#E7E7E8] bg-background px-3 py-2 [&>span]:line-clamp-1 min-w-[128px]", props.disabled && "opacity-50", className)
|
|
767
|
+
className: cn("flex flex-row min-h-10 native:min-h-12 items-center text-sm justify-between border border-[#E7E7E8] bg-background px-3 py-2 [&>span]:line-clamp-1 min-w-[128px]", props.disabled && "opacity-50", className)
|
|
768
768
|
}, props, {
|
|
769
769
|
children: [jsx(Pressable, {
|
|
770
770
|
pointerEvents: "none",
|
|
771
|
+
className: "flex-1",
|
|
771
772
|
children: children
|
|
772
773
|
}), jsx(Icon, {
|
|
773
774
|
name: "chevron-down",
|
|
@@ -1302,7 +1303,7 @@ function RNCheckButtons(props) {
|
|
|
1302
1303
|
const selOrUnsel = checked ? rendererClass(controlClasses == null ? void 0 : controlClasses.selectedClass, classes.selectedClass) : rendererClass(controlClasses == null ? void 0 : controlClasses.notSelectedClass, classes.notSelectedClass);
|
|
1303
1304
|
return jsxs(Button, {
|
|
1304
1305
|
className: clsx(rendererClass(controlClasses == null ? void 0 : controlClasses.entryWrapperClass, classes.entryWrapperClass), selOrUnsel),
|
|
1305
|
-
onClick: () => !readonly && setChecked(control, o, !checked),
|
|
1306
|
+
onClick: () => !(readonly || disabled) && setChecked(control, o, !checked),
|
|
1306
1307
|
notWrapInText: true,
|
|
1307
1308
|
children: [jsxs(Div, {
|
|
1308
1309
|
className: classes.entryClass,
|
|
@@ -2143,9 +2144,16 @@ function DefaultDialogRenderer({
|
|
|
2143
2144
|
})
|
|
2144
2145
|
})
|
|
2145
2146
|
})]
|
|
2146
|
-
}),
|
|
2147
|
-
|
|
2148
|
-
|
|
2147
|
+
}), jsx(ScrollView$1, {
|
|
2148
|
+
persistentScrollbar: true,
|
|
2149
|
+
children: jsx(View, {
|
|
2150
|
+
className: "flex flex-col gap-[12px]",
|
|
2151
|
+
onStartShouldSetResponder: () => true,
|
|
2152
|
+
children: allChildren.filter(x => !x.definition.placement || x.definition.placement === "dialog").map((x, i) => props.renderChild(x, {
|
|
2153
|
+
actionOnClick
|
|
2154
|
+
}))
|
|
2155
|
+
})
|
|
2156
|
+
})]
|
|
2149
2157
|
})]
|
|
2150
2158
|
});
|
|
2151
2159
|
} finally {
|