react-crud-mobile 1.3.316 → 1.3.318
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/react-crud-mobile.cjs.development.js +9 -7
- package/dist/react-crud-mobile.cjs.development.js.map +1 -1
- package/dist/react-crud-mobile.cjs.production.min.js +1 -1
- package/dist/react-crud-mobile.cjs.production.min.js.map +1 -1
- package/dist/react-crud-mobile.esm.js +9 -7
- package/dist/react-crud-mobile.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/elements/UIElement.tsx +3 -2
- package/src/elements/core/UIAutoComplete.tsx +17 -17
- package/src/elements/core/UILink.tsx +17 -17
- package/src/elements/core/UIListItem.tsx +32 -32
- package/src/elements/core/UIOption.tsx +17 -17
- package/src/elements/core/UIRadio.tsx +17 -17
- package/src/elements/core/UISlider.tsx +61 -61
- package/src/elements/core/UIStatusBar.tsx +5 -5
- package/src/elements/core/UISwitch.tsx +27 -27
- package/src/elements/core/UIToggle.tsx +5 -5
- package/src/hooks/useIsVisible.ts +39 -39
- package/src/utils/MobileUtils.ts +12 -12
|
@@ -1237,7 +1237,8 @@ function UIToggle(props) {
|
|
|
1237
1237
|
style.width = width;
|
|
1238
1238
|
return style;
|
|
1239
1239
|
};
|
|
1240
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
1240
|
+
return /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
|
|
1241
|
+
style: _extends({}, styles$7.container, scope.getStyle('items')),
|
|
1241
1242
|
children: options.map(function (item, i) {
|
|
1242
1243
|
return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableHighlight, {
|
|
1243
1244
|
style: getItemStyle(item),
|
|
@@ -1258,14 +1259,14 @@ var styles$7 = /*#__PURE__*/reactNative.StyleSheet.create({
|
|
|
1258
1259
|
width: '100%',
|
|
1259
1260
|
gap: 10,
|
|
1260
1261
|
justifyContent: 'center',
|
|
1261
|
-
flexDirection: 'row'
|
|
1262
|
+
flexDirection: 'row',
|
|
1263
|
+
alignItems: 'center'
|
|
1262
1264
|
},
|
|
1263
1265
|
item: {
|
|
1264
|
-
|
|
1265
|
-
marginVertical: 8,
|
|
1266
|
+
margin: 5,
|
|
1266
1267
|
backgroundColor: 'background',
|
|
1267
|
-
borderRadius: 8,
|
|
1268
1268
|
justifyContent: 'center',
|
|
1269
|
+
alignItems: 'center',
|
|
1269
1270
|
width: 'auto',
|
|
1270
1271
|
flexDirection: 'row'
|
|
1271
1272
|
},
|
|
@@ -2438,14 +2439,15 @@ elementStyle.quantity = {
|
|
|
2438
2439
|
})
|
|
2439
2440
|
};
|
|
2440
2441
|
elementStyle.toggle = /*#__PURE__*/reactNative.StyleSheet.create({
|
|
2442
|
+
root: {
|
|
2443
|
+
height: 45
|
|
2444
|
+
},
|
|
2441
2445
|
inner: /*#__PURE__*/_extends({}, box, {
|
|
2442
2446
|
flex: 1,
|
|
2443
2447
|
width: '100%',
|
|
2444
2448
|
gap: 10,
|
|
2445
2449
|
justifyContent: 'center',
|
|
2446
2450
|
flexDirection: 'row',
|
|
2447
|
-
paddingHorizontal: 10,
|
|
2448
|
-
paddingVertical: 0,
|
|
2449
2451
|
alignSelf: 'flex-start',
|
|
2450
2452
|
flexWrap: 'nowrap'
|
|
2451
2453
|
})
|