react-crud-mobile 1.3.69 → 1.3.70

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.
@@ -1622,17 +1622,25 @@ function UIOrder(props) {
1622
1622
  var item = _ref.item,
1623
1623
  drag = _ref.drag,
1624
1624
  isActive = _ref.isActive;
1625
+ var state = _extends({}, scope.getStyle('row'));
1626
+ if (isActive) {
1627
+ state = _extends({}, state, scope.getStyle('active'));
1628
+ }
1625
1629
  return /*#__PURE__*/jsx(ScaleDecorator, {
1626
- children: /*#__PURE__*/jsx(TouchableOpacity, {
1630
+ children: /*#__PURE__*/jsxs(TouchableOpacity, {
1627
1631
  style: [styles$a.row, {
1628
1632
  backgroundColor: isActive ? 'lightblue' : 'white'
1629
- }],
1633
+ }, _extends({}, state)],
1630
1634
  onLongPress: drag // Initiate drag on long press
1631
1635
  ,
1632
- children: /*#__PURE__*/jsx(Text, {
1636
+ children: [/*#__PURE__*/jsx(MaterialCommunityIcons, {
1637
+ name: "drag",
1638
+ size: 24,
1639
+ color: "black"
1640
+ }), /*#__PURE__*/jsx(Text, {
1633
1641
  style: styles$a.text,
1634
1642
  children: scope.getItemLabel(item)
1635
- })
1643
+ })]
1636
1644
  })
1637
1645
  });
1638
1646
  };
@@ -1664,7 +1672,8 @@ var styles$a = /*#__PURE__*/StyleSheet.create({
1664
1672
  row: {
1665
1673
  padding: 20,
1666
1674
  borderBottomWidth: 1,
1667
- borderBottomColor: '#ccc'
1675
+ borderBottomColor: '#ccc',
1676
+ borderRadius: 5
1668
1677
  },
1669
1678
  text: {
1670
1679
  fontSize: 18