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
|
@@ -1228,7 +1228,8 @@ function UIToggle(props) {
|
|
|
1228
1228
|
style.width = width;
|
|
1229
1229
|
return style;
|
|
1230
1230
|
};
|
|
1231
|
-
return /*#__PURE__*/jsx(
|
|
1231
|
+
return /*#__PURE__*/jsx(View, {
|
|
1232
|
+
style: _extends({}, styles$7.container, scope.getStyle('items')),
|
|
1232
1233
|
children: options.map(function (item, i) {
|
|
1233
1234
|
return /*#__PURE__*/jsx(TouchableHighlight, {
|
|
1234
1235
|
style: getItemStyle(item),
|
|
@@ -1249,14 +1250,14 @@ var styles$7 = /*#__PURE__*/StyleSheet.create({
|
|
|
1249
1250
|
width: '100%',
|
|
1250
1251
|
gap: 10,
|
|
1251
1252
|
justifyContent: 'center',
|
|
1252
|
-
flexDirection: 'row'
|
|
1253
|
+
flexDirection: 'row',
|
|
1254
|
+
alignItems: 'center'
|
|
1253
1255
|
},
|
|
1254
1256
|
item: {
|
|
1255
|
-
|
|
1256
|
-
marginVertical: 8,
|
|
1257
|
+
margin: 5,
|
|
1257
1258
|
backgroundColor: 'background',
|
|
1258
|
-
borderRadius: 8,
|
|
1259
1259
|
justifyContent: 'center',
|
|
1260
|
+
alignItems: 'center',
|
|
1260
1261
|
width: 'auto',
|
|
1261
1262
|
flexDirection: 'row'
|
|
1262
1263
|
},
|
|
@@ -2429,14 +2430,15 @@ elementStyle.quantity = {
|
|
|
2429
2430
|
})
|
|
2430
2431
|
};
|
|
2431
2432
|
elementStyle.toggle = /*#__PURE__*/StyleSheet.create({
|
|
2433
|
+
root: {
|
|
2434
|
+
height: 45
|
|
2435
|
+
},
|
|
2432
2436
|
inner: /*#__PURE__*/_extends({}, box, {
|
|
2433
2437
|
flex: 1,
|
|
2434
2438
|
width: '100%',
|
|
2435
2439
|
gap: 10,
|
|
2436
2440
|
justifyContent: 'center',
|
|
2437
2441
|
flexDirection: 'row',
|
|
2438
|
-
paddingHorizontal: 10,
|
|
2439
|
-
paddingVertical: 0,
|
|
2440
2442
|
alignSelf: 'flex-start',
|
|
2441
2443
|
flexWrap: 'nowrap'
|
|
2442
2444
|
})
|