bootstrap-rn 0.2.7 → 0.2.9

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.
Files changed (5) hide show
  1. package/dist/bootstrap-rn.cjs.js +28 -44
  2. package/dist/bootstrap-rn.esm.js +28 -44
  3. package/dist/bootstrap-rn.umd.js +28 -44
  4. package/dist/bootstrap-rn.umd.min.js +1 -1
  5. package/package.json +1 -1
package/dist/bootstrap-rn.cjs.js CHANGED
@@ -3437,8 +3437,8 @@ var getBorderColorStyle = function getBorderColorStyle(color, direction) {
3437
3437
  var styles$18 = StyleSheet.create({
3438
3438
  caret: css(_templateObject$16 || (_templateObject$16 = _taggedTemplateLiteral(["\n // &::after styles\n // display: inline-block;\n margin-left: $caret-spacing;\n // vertical-align: $caret-vertical-align;\n align-self: center; // added for bootstrap-rn\n // content: \"\";\n "]))),
3439
3439
  'caret-down': css(_templateObject2$Q || (_templateObject2$Q = _taggedTemplateLiteral(["\n // &::after styles\n border-top-width: $caret-width;\n border-right-width: $caret-width;\n border-right-color: transparent;\n border-bottom-width: 0;\n border-left-width: $caret-width;\n border-left-color: transparent;\n "]))),
3440
- 'caret-up': css(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteral(["\n // &::after styles\n border-top: 0;\n border-right-width: $caret-width;\n border-right-color: transparent;\n border-bottom-width: $caret-width;\n border-left-width: $caret-width;\n border-left-color: transparent;\n "]))),
3441
- 'caret-end': css(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteral(["\n // &::after styles\n border-top-width: $caret-width;\n border-top-color: transparent;\n border-right: 0;\n border-bottom-width: $caret-width;\n border-bottom-color: transparent;\n border-left-width: $caret-width;\n "]))),
3440
+ 'caret-up': css(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteral(["\n // &::after styles\n border-top-width: 0;\n border-right-width: $caret-width;\n border-right-color: transparent;\n border-bottom-width: $caret-width;\n border-left-width: $caret-width;\n border-left-color: transparent;\n "]))),
3441
+ 'caret-end': css(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteral(["\n // &::after styles\n border-top-width: $caret-width;\n border-top-color: transparent;\n border-right-width: 0;\n border-bottom-width: $caret-width;\n border-bottom-color: transparent;\n border-left-width: $caret-width;\n "]))),
3442
3442
  'caret-start': css(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteral(["\n // &::after styles\n // display: none;\n\n // &::before styles\n // display: inline-block;\n margin-left: 0; // added for bootstrap-rn\n margin-right: $caret-spacing;\n // vertical-align: $vertical-align;\n // content: \"\";\n border-top-width: $caret-width;\n border-top-color: transparent;\n border-right-width: $caret-width;\n border-bottom-width: $caret-width;\n border-bottom-color: transparent;\n "])))
3443
3443
  });
3444
3444
  var Caret = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
@@ -3594,12 +3594,9 @@ function useToggleButton(props) {
3594
3594
  active: pressed,
3595
3595
  onPress: function onPress(event) {
3596
3596
  if (handlePress) handlePress(event);
3597
-
3598
- if (!event.defaultPrevented) {
3599
- setPressed(function (value) {
3600
- return !value;
3601
- });
3602
- }
3597
+ setPressed(function (value) {
3598
+ return !value;
3599
+ });
3603
3600
  },
3604
3601
  accessibilityPressed: pressed
3605
3602
  });
@@ -4435,12 +4432,9 @@ function useToggleCollapse(props) {
4435
4432
  return _objectSpread2(_objectSpread2({}, restProps), {}, {
4436
4433
  onPress: function onPress(event) {
4437
4434
  if (handlePress) handlePress(event);
4438
-
4439
- if (!event.defaultPrevented) {
4440
- context.setVisible(function (value) {
4441
- return !value;
4442
- });
4443
- }
4435
+ context.setVisible(function (value) {
4436
+ return !value;
4437
+ });
4444
4438
  },
4445
4439
  accessibilityExpanded: context.visible,
4446
4440
  accessibilityControls: context.identifier
@@ -4897,12 +4891,9 @@ function useToggleDropdown(props) {
4897
4891
  ref: context.toggleRef,
4898
4892
  onPress: function onPress(event) {
4899
4893
  if (handlePress) handlePress(event);
4900
-
4901
- if (!event.defaultPrevented) {
4902
- context.setVisible(function (value) {
4903
- return !value;
4904
- });
4905
- }
4894
+ context.setVisible(function (value) {
4895
+ return !value;
4896
+ });
4906
4897
  },
4907
4898
  accessibilityHasPopup: true,
4908
4899
  accessibilityExpanded: context.visible,
@@ -5343,9 +5334,11 @@ var DropdownItem = function DropdownItem(props) {
5343
5334
  onPress: function onPress(event) {
5344
5335
  if (handlePress) handlePress(event);
5345
5336
 
5346
- if (!event.defaultPrevented) {
5347
- dropdown.setVisible(false);
5337
+ if (event.defaultPrevented) {
5338
+ return;
5348
5339
  }
5340
+
5341
+ dropdown.setVisible(false);
5349
5342
  },
5350
5343
  disabled: disabled,
5351
5344
  style: [classes, style],
@@ -5445,10 +5438,7 @@ function useDismissDropdown(props) {
5445
5438
  return _objectSpread2(_objectSpread2({}, restProps), {}, {
5446
5439
  onPress: function onPress(event) {
5447
5440
  if (handlePress) handlePress(event);
5448
-
5449
- if (!event.defaultPrevented) {
5450
- context.setVisible(false);
5451
- }
5441
+ context.setVisible(false);
5452
5442
  }
5453
5443
  });
5454
5444
  }
@@ -7068,7 +7058,7 @@ var styles$r = StyleSheet.create({
7068
7058
  '.modal-dialog': css(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteral(["\n position: relative;\n width: auto;\n margin: $modal-dialog-margin;\n // allow clicks to pass through for custom click handling to close modal\n // pointer-events: none;\n\n @include media-breakpoint-up(sm) {\n width: 100%; // added for bootstrap-rn\n max-width: $modal-md;\n margin: $modal-dialog-margin-y-sm-up auto;\n }\n "]))),
7069
7059
  '.modal-dialog-scrollable': css(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteral(["\n flex-shrink: 1; // added for bootstrap-rn\n // height: calc(100% - var(--#{$prefix}modal-margin) * 2);\n "]))),
7070
7060
  '.modal-dialog-scrollable .modal-content': css(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral(["\n max-height: 100%;\n overflow: hidden;\n "]))),
7071
- '.modal-dialog-centered': css(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row; // added for bootstrap-rn\n flex-grow: 1; // added for bootstrap-rn\n align-items: center;\n // min-height: calc(100% - var(--#{$prefix}modal-margin) * 2);\n "]))),
7061
+ '.modal-dialog-centered': css(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteral(["\n display: flex;\n // align-items: center;\n // min-height: calc(100% - var(--#{$prefix}modal-margin) * 2);\n "]))),
7072
7062
  '.modal-content': css(_templateObject6$5 || (_templateObject6$5 = _taggedTemplateLiteral(["\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%; // Ensure \".modal-content\" extends the full width of the parent \".modal-dialog\"\n // counteract the pointer-events: none; in the .modal-dialog\n // pointer-events: auto;\n background-color: $modal-content-bg;\n // background-clip: padding-box;\n border: $modal-content-border-width solid $modal-content-border-color;\n border-radius: $modal-content-border-radius;\n // @include box-shadow($modal-content-box-shadow-xs);\n // Remove focus outline from opened modal\n // outline: 0;\n\n @include media-breakpoint-up(sm) {\n // @include box-shadow($modal-content-box-shadow-sm-up);\n }\n "]))),
7073
7063
  '.modal-content --text': css(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteral(["\n color: $modal-content-color;\n "]))),
7074
7064
  '.modal-backdrop': css(_templateObject8$3 || (_templateObject8$3 = _taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n left: 0;\n z-index: $zindex-modal-backdrop;\n width: 100%;\n height: 100%;\n background-color: $modal-backdrop-bg;\n opacity: $modal-backdrop-opacity;\n "]))),
@@ -7109,6 +7099,9 @@ var Modal = /*#__PURE__*/React__default["default"].forwardRef(function (props, r
7109
7099
  var contentTextClasses = getStyles(styles$r, ['.modal-content --text']); // If scrollable we use a ScrollView in ModalBody, so we can use a View here.
7110
7100
 
7111
7101
  var FlexView = scrollable ? View : ScrollView;
7102
+ var centeredStyle = centered && {
7103
+ justifyContent: 'center'
7104
+ };
7112
7105
  return /*#__PURE__*/React__default["default"].createElement(reactNative.Modal, {
7113
7106
  transparent: true,
7114
7107
  visible: visible,
@@ -7117,11 +7110,11 @@ var Modal = /*#__PURE__*/React__default["default"].forwardRef(function (props, r
7117
7110
  style: backdropClasses
7118
7111
  }), /*#__PURE__*/React__default["default"].createElement(FlexView, _extends({}, elementProps, {
7119
7112
  ref: ref,
7120
- style: [classes, style],
7113
+ style: [classes, scrollable && centeredStyle, style],
7121
7114
  textStyle: textStyle,
7122
7115
  contentContainerStyle: scrollable ? undefined : [{
7123
7116
  flexGrow: 1
7124
- }, contentContainerStyle]
7117
+ }, centeredStyle, contentContainerStyle]
7125
7118
  }), /*#__PURE__*/React__default["default"].createElement(BackdropHandler, {
7126
7119
  dialogRef: dialogRef,
7127
7120
  onClose: handleToggle,
@@ -7413,12 +7406,9 @@ function useToggleNavbar(props) {
7413
7406
  nativeID: context.identifier,
7414
7407
  onPress: function onPress(event) {
7415
7408
  if (handlePress) handlePress(event);
7416
-
7417
- if (!event.defaultPrevented) {
7418
- context.setExpanded(function (value) {
7419
- return !value;
7420
- });
7421
- }
7409
+ context.setExpanded(function (value) {
7410
+ return !value;
7411
+ });
7422
7412
  },
7423
7413
  accessibilitControls: context.identifier,
7424
7414
  accessibilityExpanded: context.expanded,
@@ -7515,10 +7505,7 @@ function useDismissNavbar(props) {
7515
7505
  return _objectSpread2(_objectSpread2({}, restProps), {}, {
7516
7506
  onPress: function onPress(event) {
7517
7507
  if (handlePress) handlePress(event);
7518
-
7519
- if (!event.defaultPrevented) {
7520
- context.setExpanded(false);
7521
- }
7508
+ context.setExpanded(false);
7522
7509
  },
7523
7510
  accessibilityLabel: 'Close'
7524
7511
  });
@@ -8745,11 +8732,8 @@ function useToggleTab(props) {
8745
8732
  nativeID: "".concat(id, "-tab"),
8746
8733
  onPress: function onPress(event) {
8747
8734
  if (handlePress) handlePress(event);
8748
-
8749
- if (!event.defaultPrevented) {
8750
- event.preventDefault();
8751
- context.setActiveTarget(target);
8752
- }
8735
+ event.preventDefault();
8736
+ context.setActiveTarget(target);
8753
8737
  },
8754
8738
  active: active,
8755
8739
  accessibilityRole: 'tab',
package/dist/bootstrap-rn.esm.js CHANGED
@@ -3428,8 +3428,8 @@ var getBorderColorStyle = function getBorderColorStyle(color, direction) {
3428
3428
  var styles$18 = StyleSheet.create({
3429
3429
  caret: css(_templateObject$16 || (_templateObject$16 = _taggedTemplateLiteral(["\n // &::after styles\n // display: inline-block;\n margin-left: $caret-spacing;\n // vertical-align: $caret-vertical-align;\n align-self: center; // added for bootstrap-rn\n // content: \"\";\n "]))),
3430
3430
  'caret-down': css(_templateObject2$Q || (_templateObject2$Q = _taggedTemplateLiteral(["\n // &::after styles\n border-top-width: $caret-width;\n border-right-width: $caret-width;\n border-right-color: transparent;\n border-bottom-width: 0;\n border-left-width: $caret-width;\n border-left-color: transparent;\n "]))),
3431
- 'caret-up': css(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteral(["\n // &::after styles\n border-top: 0;\n border-right-width: $caret-width;\n border-right-color: transparent;\n border-bottom-width: $caret-width;\n border-left-width: $caret-width;\n border-left-color: transparent;\n "]))),
3432
- 'caret-end': css(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteral(["\n // &::after styles\n border-top-width: $caret-width;\n border-top-color: transparent;\n border-right: 0;\n border-bottom-width: $caret-width;\n border-bottom-color: transparent;\n border-left-width: $caret-width;\n "]))),
3431
+ 'caret-up': css(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteral(["\n // &::after styles\n border-top-width: 0;\n border-right-width: $caret-width;\n border-right-color: transparent;\n border-bottom-width: $caret-width;\n border-left-width: $caret-width;\n border-left-color: transparent;\n "]))),
3432
+ 'caret-end': css(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteral(["\n // &::after styles\n border-top-width: $caret-width;\n border-top-color: transparent;\n border-right-width: 0;\n border-bottom-width: $caret-width;\n border-bottom-color: transparent;\n border-left-width: $caret-width;\n "]))),
3433
3433
  'caret-start': css(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteral(["\n // &::after styles\n // display: none;\n\n // &::before styles\n // display: inline-block;\n margin-left: 0; // added for bootstrap-rn\n margin-right: $caret-spacing;\n // vertical-align: $vertical-align;\n // content: \"\";\n border-top-width: $caret-width;\n border-top-color: transparent;\n border-right-width: $caret-width;\n border-bottom-width: $caret-width;\n border-bottom-color: transparent;\n "])))
3434
3434
  });
3435
3435
  var Caret = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -3585,12 +3585,9 @@ function useToggleButton(props) {
3585
3585
  active: pressed,
3586
3586
  onPress: function onPress(event) {
3587
3587
  if (handlePress) handlePress(event);
3588
-
3589
- if (!event.defaultPrevented) {
3590
- setPressed(function (value) {
3591
- return !value;
3592
- });
3593
- }
3588
+ setPressed(function (value) {
3589
+ return !value;
3590
+ });
3594
3591
  },
3595
3592
  accessibilityPressed: pressed
3596
3593
  });
@@ -4426,12 +4423,9 @@ function useToggleCollapse(props) {
4426
4423
  return _objectSpread2(_objectSpread2({}, restProps), {}, {
4427
4424
  onPress: function onPress(event) {
4428
4425
  if (handlePress) handlePress(event);
4429
-
4430
- if (!event.defaultPrevented) {
4431
- context.setVisible(function (value) {
4432
- return !value;
4433
- });
4434
- }
4426
+ context.setVisible(function (value) {
4427
+ return !value;
4428
+ });
4435
4429
  },
4436
4430
  accessibilityExpanded: context.visible,
4437
4431
  accessibilityControls: context.identifier
@@ -4888,12 +4882,9 @@ function useToggleDropdown(props) {
4888
4882
  ref: context.toggleRef,
4889
4883
  onPress: function onPress(event) {
4890
4884
  if (handlePress) handlePress(event);
4891
-
4892
- if (!event.defaultPrevented) {
4893
- context.setVisible(function (value) {
4894
- return !value;
4895
- });
4896
- }
4885
+ context.setVisible(function (value) {
4886
+ return !value;
4887
+ });
4897
4888
  },
4898
4889
  accessibilityHasPopup: true,
4899
4890
  accessibilityExpanded: context.visible,
@@ -5334,9 +5325,11 @@ var DropdownItem = function DropdownItem(props) {
5334
5325
  onPress: function onPress(event) {
5335
5326
  if (handlePress) handlePress(event);
5336
5327
 
5337
- if (!event.defaultPrevented) {
5338
- dropdown.setVisible(false);
5328
+ if (event.defaultPrevented) {
5329
+ return;
5339
5330
  }
5331
+
5332
+ dropdown.setVisible(false);
5340
5333
  },
5341
5334
  disabled: disabled,
5342
5335
  style: [classes, style],
@@ -5436,10 +5429,7 @@ function useDismissDropdown(props) {
5436
5429
  return _objectSpread2(_objectSpread2({}, restProps), {}, {
5437
5430
  onPress: function onPress(event) {
5438
5431
  if (handlePress) handlePress(event);
5439
-
5440
- if (!event.defaultPrevented) {
5441
- context.setVisible(false);
5442
- }
5432
+ context.setVisible(false);
5443
5433
  }
5444
5434
  });
5445
5435
  }
@@ -7059,7 +7049,7 @@ var styles$r = StyleSheet.create({
7059
7049
  '.modal-dialog': css(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteral(["\n position: relative;\n width: auto;\n margin: $modal-dialog-margin;\n // allow clicks to pass through for custom click handling to close modal\n // pointer-events: none;\n\n @include media-breakpoint-up(sm) {\n width: 100%; // added for bootstrap-rn\n max-width: $modal-md;\n margin: $modal-dialog-margin-y-sm-up auto;\n }\n "]))),
7060
7050
  '.modal-dialog-scrollable': css(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteral(["\n flex-shrink: 1; // added for bootstrap-rn\n // height: calc(100% - var(--#{$prefix}modal-margin) * 2);\n "]))),
7061
7051
  '.modal-dialog-scrollable .modal-content': css(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral(["\n max-height: 100%;\n overflow: hidden;\n "]))),
7062
- '.modal-dialog-centered': css(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row; // added for bootstrap-rn\n flex-grow: 1; // added for bootstrap-rn\n align-items: center;\n // min-height: calc(100% - var(--#{$prefix}modal-margin) * 2);\n "]))),
7052
+ '.modal-dialog-centered': css(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteral(["\n display: flex;\n // align-items: center;\n // min-height: calc(100% - var(--#{$prefix}modal-margin) * 2);\n "]))),
7063
7053
  '.modal-content': css(_templateObject6$5 || (_templateObject6$5 = _taggedTemplateLiteral(["\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%; // Ensure \".modal-content\" extends the full width of the parent \".modal-dialog\"\n // counteract the pointer-events: none; in the .modal-dialog\n // pointer-events: auto;\n background-color: $modal-content-bg;\n // background-clip: padding-box;\n border: $modal-content-border-width solid $modal-content-border-color;\n border-radius: $modal-content-border-radius;\n // @include box-shadow($modal-content-box-shadow-xs);\n // Remove focus outline from opened modal\n // outline: 0;\n\n @include media-breakpoint-up(sm) {\n // @include box-shadow($modal-content-box-shadow-sm-up);\n }\n "]))),
7064
7054
  '.modal-content --text': css(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteral(["\n color: $modal-content-color;\n "]))),
7065
7055
  '.modal-backdrop': css(_templateObject8$3 || (_templateObject8$3 = _taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n left: 0;\n z-index: $zindex-modal-backdrop;\n width: 100%;\n height: 100%;\n background-color: $modal-backdrop-bg;\n opacity: $modal-backdrop-opacity;\n "]))),
@@ -7100,6 +7090,9 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
7100
7090
  var contentTextClasses = getStyles(styles$r, ['.modal-content --text']); // If scrollable we use a ScrollView in ModalBody, so we can use a View here.
7101
7091
 
7102
7092
  var FlexView = scrollable ? View : ScrollView;
7093
+ var centeredStyle = centered && {
7094
+ justifyContent: 'center'
7095
+ };
7103
7096
  return /*#__PURE__*/React.createElement(Modal$1, {
7104
7097
  transparent: true,
7105
7098
  visible: visible,
@@ -7108,11 +7101,11 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
7108
7101
  style: backdropClasses
7109
7102
  }), /*#__PURE__*/React.createElement(FlexView, _extends({}, elementProps, {
7110
7103
  ref: ref,
7111
- style: [classes, style],
7104
+ style: [classes, scrollable && centeredStyle, style],
7112
7105
  textStyle: textStyle,
7113
7106
  contentContainerStyle: scrollable ? undefined : [{
7114
7107
  flexGrow: 1
7115
- }, contentContainerStyle]
7108
+ }, centeredStyle, contentContainerStyle]
7116
7109
  }), /*#__PURE__*/React.createElement(BackdropHandler, {
7117
7110
  dialogRef: dialogRef,
7118
7111
  onClose: handleToggle,
@@ -7404,12 +7397,9 @@ function useToggleNavbar(props) {
7404
7397
  nativeID: context.identifier,
7405
7398
  onPress: function onPress(event) {
7406
7399
  if (handlePress) handlePress(event);
7407
-
7408
- if (!event.defaultPrevented) {
7409
- context.setExpanded(function (value) {
7410
- return !value;
7411
- });
7412
- }
7400
+ context.setExpanded(function (value) {
7401
+ return !value;
7402
+ });
7413
7403
  },
7414
7404
  accessibilitControls: context.identifier,
7415
7405
  accessibilityExpanded: context.expanded,
@@ -7506,10 +7496,7 @@ function useDismissNavbar(props) {
7506
7496
  return _objectSpread2(_objectSpread2({}, restProps), {}, {
7507
7497
  onPress: function onPress(event) {
7508
7498
  if (handlePress) handlePress(event);
7509
-
7510
- if (!event.defaultPrevented) {
7511
- context.setExpanded(false);
7512
- }
7499
+ context.setExpanded(false);
7513
7500
  },
7514
7501
  accessibilityLabel: 'Close'
7515
7502
  });
@@ -8736,11 +8723,8 @@ function useToggleTab(props) {
8736
8723
  nativeID: "".concat(id, "-tab"),
8737
8724
  onPress: function onPress(event) {
8738
8725
  if (handlePress) handlePress(event);
8739
-
8740
- if (!event.defaultPrevented) {
8741
- event.preventDefault();
8742
- context.setActiveTarget(target);
8743
- }
8726
+ event.preventDefault();
8727
+ context.setActiveTarget(target);
8744
8728
  },
8745
8729
  active: active,
8746
8730
  accessibilityRole: 'tab',
package/dist/bootstrap-rn.umd.js CHANGED
@@ -7452,8 +7452,8 @@
7452
7452
  var styles$18 = StyleSheet.create({
7453
7453
  caret: css(_templateObject$16 || (_templateObject$16 = _taggedTemplateLiteral(["\n // &::after styles\n // display: inline-block;\n margin-left: $caret-spacing;\n // vertical-align: $caret-vertical-align;\n align-self: center; // added for bootstrap-rn\n // content: \"\";\n "]))),
7454
7454
  'caret-down': css(_templateObject2$Q || (_templateObject2$Q = _taggedTemplateLiteral(["\n // &::after styles\n border-top-width: $caret-width;\n border-right-width: $caret-width;\n border-right-color: transparent;\n border-bottom-width: 0;\n border-left-width: $caret-width;\n border-left-color: transparent;\n "]))),
7455
- 'caret-up': css(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteral(["\n // &::after styles\n border-top: 0;\n border-right-width: $caret-width;\n border-right-color: transparent;\n border-bottom-width: $caret-width;\n border-left-width: $caret-width;\n border-left-color: transparent;\n "]))),
7456
- 'caret-end': css(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteral(["\n // &::after styles\n border-top-width: $caret-width;\n border-top-color: transparent;\n border-right: 0;\n border-bottom-width: $caret-width;\n border-bottom-color: transparent;\n border-left-width: $caret-width;\n "]))),
7455
+ 'caret-up': css(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteral(["\n // &::after styles\n border-top-width: 0;\n border-right-width: $caret-width;\n border-right-color: transparent;\n border-bottom-width: $caret-width;\n border-left-width: $caret-width;\n border-left-color: transparent;\n "]))),
7456
+ 'caret-end': css(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteral(["\n // &::after styles\n border-top-width: $caret-width;\n border-top-color: transparent;\n border-right-width: 0;\n border-bottom-width: $caret-width;\n border-bottom-color: transparent;\n border-left-width: $caret-width;\n "]))),
7457
7457
  'caret-start': css(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteral(["\n // &::after styles\n // display: none;\n\n // &::before styles\n // display: inline-block;\n margin-left: 0; // added for bootstrap-rn\n margin-right: $caret-spacing;\n // vertical-align: $vertical-align;\n // content: \"\";\n border-top-width: $caret-width;\n border-top-color: transparent;\n border-right-width: $caret-width;\n border-bottom-width: $caret-width;\n border-bottom-color: transparent;\n "])))
7458
7458
  });
7459
7459
  var Caret = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
@@ -7609,12 +7609,9 @@
7609
7609
  active: pressed,
7610
7610
  onPress: function onPress(event) {
7611
7611
  if (handlePress) handlePress(event);
7612
-
7613
- if (!event.defaultPrevented) {
7614
- setPressed(function (value) {
7615
- return !value;
7616
- });
7617
- }
7612
+ setPressed(function (value) {
7613
+ return !value;
7614
+ });
7618
7615
  },
7619
7616
  accessibilityPressed: pressed
7620
7617
  });
@@ -8450,12 +8447,9 @@
8450
8447
  return _objectSpread2(_objectSpread2({}, restProps), {}, {
8451
8448
  onPress: function onPress(event) {
8452
8449
  if (handlePress) handlePress(event);
8453
-
8454
- if (!event.defaultPrevented) {
8455
- context.setVisible(function (value) {
8456
- return !value;
8457
- });
8458
- }
8450
+ context.setVisible(function (value) {
8451
+ return !value;
8452
+ });
8459
8453
  },
8460
8454
  accessibilityExpanded: context.visible,
8461
8455
  accessibilityControls: context.identifier
@@ -8912,12 +8906,9 @@
8912
8906
  ref: context.toggleRef,
8913
8907
  onPress: function onPress(event) {
8914
8908
  if (handlePress) handlePress(event);
8915
-
8916
- if (!event.defaultPrevented) {
8917
- context.setVisible(function (value) {
8918
- return !value;
8919
- });
8920
- }
8909
+ context.setVisible(function (value) {
8910
+ return !value;
8911
+ });
8921
8912
  },
8922
8913
  accessibilityHasPopup: true,
8923
8914
  accessibilityExpanded: context.visible,
@@ -9358,9 +9349,11 @@
9358
9349
  onPress: function onPress(event) {
9359
9350
  if (handlePress) handlePress(event);
9360
9351
 
9361
- if (!event.defaultPrevented) {
9362
- dropdown.setVisible(false);
9352
+ if (event.defaultPrevented) {
9353
+ return;
9363
9354
  }
9355
+
9356
+ dropdown.setVisible(false);
9364
9357
  },
9365
9358
  disabled: disabled,
9366
9359
  style: [classes, style],
@@ -9460,10 +9453,7 @@
9460
9453
  return _objectSpread2(_objectSpread2({}, restProps), {}, {
9461
9454
  onPress: function onPress(event) {
9462
9455
  if (handlePress) handlePress(event);
9463
-
9464
- if (!event.defaultPrevented) {
9465
- context.setVisible(false);
9466
- }
9456
+ context.setVisible(false);
9467
9457
  }
9468
9458
  });
9469
9459
  }
@@ -11083,7 +11073,7 @@
11083
11073
  '.modal-dialog': css(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteral(["\n position: relative;\n width: auto;\n margin: $modal-dialog-margin;\n // allow clicks to pass through for custom click handling to close modal\n // pointer-events: none;\n\n @include media-breakpoint-up(sm) {\n width: 100%; // added for bootstrap-rn\n max-width: $modal-md;\n margin: $modal-dialog-margin-y-sm-up auto;\n }\n "]))),
11084
11074
  '.modal-dialog-scrollable': css(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteral(["\n flex-shrink: 1; // added for bootstrap-rn\n // height: calc(100% - var(--#{$prefix}modal-margin) * 2);\n "]))),
11085
11075
  '.modal-dialog-scrollable .modal-content': css(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral(["\n max-height: 100%;\n overflow: hidden;\n "]))),
11086
- '.modal-dialog-centered': css(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row; // added for bootstrap-rn\n flex-grow: 1; // added for bootstrap-rn\n align-items: center;\n // min-height: calc(100% - var(--#{$prefix}modal-margin) * 2);\n "]))),
11076
+ '.modal-dialog-centered': css(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteral(["\n display: flex;\n // align-items: center;\n // min-height: calc(100% - var(--#{$prefix}modal-margin) * 2);\n "]))),
11087
11077
  '.modal-content': css(_templateObject6$5 || (_templateObject6$5 = _taggedTemplateLiteral(["\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%; // Ensure \".modal-content\" extends the full width of the parent \".modal-dialog\"\n // counteract the pointer-events: none; in the .modal-dialog\n // pointer-events: auto;\n background-color: $modal-content-bg;\n // background-clip: padding-box;\n border: $modal-content-border-width solid $modal-content-border-color;\n border-radius: $modal-content-border-radius;\n // @include box-shadow($modal-content-box-shadow-xs);\n // Remove focus outline from opened modal\n // outline: 0;\n\n @include media-breakpoint-up(sm) {\n // @include box-shadow($modal-content-box-shadow-sm-up);\n }\n "]))),
11088
11078
  '.modal-content --text': css(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteral(["\n color: $modal-content-color;\n "]))),
11089
11079
  '.modal-backdrop': css(_templateObject8$3 || (_templateObject8$3 = _taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n left: 0;\n z-index: $zindex-modal-backdrop;\n width: 100%;\n height: 100%;\n background-color: $modal-backdrop-bg;\n opacity: $modal-backdrop-opacity;\n "]))),
@@ -11124,6 +11114,9 @@
11124
11114
  var contentTextClasses = getStyles(styles$r, ['.modal-content --text']); // If scrollable we use a ScrollView in ModalBody, so we can use a View here.
11125
11115
 
11126
11116
  var FlexView = scrollable ? View : ScrollView;
11117
+ var centeredStyle = centered && {
11118
+ justifyContent: 'center'
11119
+ };
11127
11120
  return /*#__PURE__*/React__default["default"].createElement(reactNative.Modal, {
11128
11121
  transparent: true,
11129
11122
  visible: visible,
@@ -11132,11 +11125,11 @@
11132
11125
  style: backdropClasses
11133
11126
  }), /*#__PURE__*/React__default["default"].createElement(FlexView, _extends$1({}, elementProps, {
11134
11127
  ref: ref,
11135
- style: [classes, style],
11128
+ style: [classes, scrollable && centeredStyle, style],
11136
11129
  textStyle: textStyle,
11137
11130
  contentContainerStyle: scrollable ? undefined : [{
11138
11131
  flexGrow: 1
11139
- }, contentContainerStyle]
11132
+ }, centeredStyle, contentContainerStyle]
11140
11133
  }), /*#__PURE__*/React__default["default"].createElement(BackdropHandler, {
11141
11134
  dialogRef: dialogRef,
11142
11135
  onClose: handleToggle,
@@ -11428,12 +11421,9 @@
11428
11421
  nativeID: context.identifier,
11429
11422
  onPress: function onPress(event) {
11430
11423
  if (handlePress) handlePress(event);
11431
-
11432
- if (!event.defaultPrevented) {
11433
- context.setExpanded(function (value) {
11434
- return !value;
11435
- });
11436
- }
11424
+ context.setExpanded(function (value) {
11425
+ return !value;
11426
+ });
11437
11427
  },
11438
11428
  accessibilitControls: context.identifier,
11439
11429
  accessibilityExpanded: context.expanded,
@@ -11530,10 +11520,7 @@
11530
11520
  return _objectSpread2(_objectSpread2({}, restProps), {}, {
11531
11521
  onPress: function onPress(event) {
11532
11522
  if (handlePress) handlePress(event);
11533
-
11534
- if (!event.defaultPrevented) {
11535
- context.setExpanded(false);
11536
- }
11523
+ context.setExpanded(false);
11537
11524
  },
11538
11525
  accessibilityLabel: 'Close'
11539
11526
  });
@@ -12760,11 +12747,8 @@
12760
12747
  nativeID: "".concat(id, "-tab"),
12761
12748
  onPress: function onPress(event) {
12762
12749
  if (handlePress) handlePress(event);
12763
-
12764
- if (!event.defaultPrevented) {
12765
- event.preventDefault();
12766
- context.setActiveTarget(target);
12767
- }
12750
+ event.preventDefault();
12751
+ context.setActiveTarget(target);
12768
12752
  },
12769
12753
  active: active,
12770
12754
  accessibilityRole: 'tab',