bootstrap-rn 0.1.5 → 0.1.7

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 +207 -114
  2. package/dist/bootstrap-rn.esm.js +208 -115
  3. package/dist/bootstrap-rn.umd.js +207 -114
  4. package/dist/bootstrap-rn.umd.min.js +1 -1
  5. package/package.json +57 -57
package/dist/bootstrap-rn.cjs.js CHANGED
@@ -1972,7 +1972,7 @@ var utilities = {
1972
1972
 
1973
1973
  };
1974
1974
 
1975
- var _templateObject$1b, _templateObject2$M;
1975
+ var _templateObject$1b, _templateObject2$S;
1976
1976
  function makeUtility(options) {
1977
1977
  return each(options.values, function (key, value) {
1978
1978
  var name = options.class || options.property;
@@ -1989,7 +1989,7 @@ function makeUtility(options) {
1989
1989
  return null;
1990
1990
  }
1991
1991
 
1992
- return _defineProperty({}, "".concat(name, "-").concat(breakpoint).concat(suffix), css(_templateObject2$M || (_templateObject2$M = _taggedTemplateLiteral(["\n @include media-breakpoint-up(", ") {\n ", ": ", ";\n }\n "])), breakpoint, options.property, value));
1992
+ return _defineProperty({}, "".concat(name, "-").concat(breakpoint).concat(suffix), css(_templateObject2$S || (_templateObject2$S = _taggedTemplateLiteral(["\n @include media-breakpoint-up(", ") {\n ", ": ", ";\n }\n "])), breakpoint, options.property, value));
1993
1993
  }));
1994
1994
  });
1995
1995
  }
@@ -2967,7 +2967,7 @@ View.propTypes = propTypes$1p;
2967
2967
 
2968
2968
  var _excluded$1q = ["children", "color", "dismissible", "style", "textStyle"];
2969
2969
 
2970
- var _templateObject$19, _templateObject2$L, _templateObject3$q;
2970
+ var _templateObject$19, _templateObject2$R, _templateObject3$q;
2971
2971
  var propTypes$1o = {
2972
2972
  children: PropTypes__default["default"].node.isRequired,
2973
2973
  color: PropTypes__default["default"].oneOf(Object.keys(THEME_COLORS)),
@@ -2982,7 +2982,7 @@ var styles$18 = StyleSheet.create(_objectSpread2(_objectSpread2({
2982
2982
  }, each(THEME_COLORS, function (state, value) {
2983
2983
  var _ref;
2984
2984
 
2985
- return _ref = {}, _defineProperty(_ref, ".alert-".concat(state), css(_templateObject2$L || (_templateObject2$L = _taggedTemplateLiteral(["\n background-color: ", ";\n border-color: ", ";\n "])), shiftColor(function (t) {
2985
+ return _ref = {}, _defineProperty(_ref, ".alert-".concat(state), css(_templateObject2$R || (_templateObject2$R = _taggedTemplateLiteral(["\n background-color: ", ";\n border-color: ", ";\n "])), shiftColor(function (t) {
2986
2986
  return t['alert-bg-scale'];
2987
2987
  }, value), shiftColor(function (t) {
2988
2988
  return t['alert-border-scale'];
@@ -3017,7 +3017,7 @@ Alert.propTypes = propTypes$1o;
3017
3017
 
3018
3018
  var _excluded$1p = ["color", "bold", "italic", "mark", "small", "style", "styleName"];
3019
3019
 
3020
- var _templateObject$18, _templateObject2$K, _templateObject3$p, _templateObject4$m, _templateObject5$k;
3020
+ var _templateObject$18, _templateObject2$Q, _templateObject3$p, _templateObject4$m, _templateObject5$k;
3021
3021
  var propTypes$1n = {
3022
3022
  color: PropTypes__default["default"].oneOf([].concat(_toConsumableArray(Object.keys(THEME_COLORS)), ['muted', 'black-50', 'white-50'])),
3023
3023
  small: PropTypes__default["default"].bool,
@@ -3031,7 +3031,7 @@ var propTypes$1n = {
3031
3031
  };
3032
3032
  var styles$17 = StyleSheet.create({
3033
3033
  text: css(_templateObject$18 || (_templateObject$18 = _taggedTemplateLiteral(["\n font-family: $font-family-base;\n font-size: $font-size-base;\n font-weight: $font-weight-base;\n line-height: $font-size-base * $line-height-base;\n "]))),
3034
- strong: css(_templateObject2$K || (_templateObject2$K = _taggedTemplateLiteral(["\n font-weight: $font-weight-bolder;\n "]))),
3034
+ strong: css(_templateObject2$Q || (_templateObject2$Q = _taggedTemplateLiteral(["\n font-weight: $font-weight-bolder;\n "]))),
3035
3035
  italic: css(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteral(["\n font-style: italic;\n "]))),
3036
3036
  small: css(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteral(["\n font-size: $small-font-size;\n line-height: $small-font-size * $line-height-base;\n "]))),
3037
3037
  mark: css(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteral(["\n padding: $mark-padding;\n background-color: $mark-bg;\n "])))
@@ -3089,35 +3089,42 @@ var Text = /*#__PURE__*/React__default["default"].forwardRef(function (props, re
3089
3089
  Text.displayName = 'Text';
3090
3090
  Text.propTypes = propTypes$1n;
3091
3091
 
3092
- var _excluded$1o = ["children", "style"];
3092
+ var _excluded$1o = ["children", "style", "textStyle"];
3093
3093
 
3094
- var _templateObject$17, _templateObject2$J;
3094
+ var _templateObject$17, _templateObject2$P;
3095
3095
  var propTypes$1m = {
3096
3096
  children: PropTypes__default["default"].node.isRequired,
3097
3097
  // eslint-disable-next-line react/forbid-prop-types
3098
- style: PropTypes__default["default"].any
3098
+ style: PropTypes__default["default"].any,
3099
+ // eslint-disable-next-line react/forbid-prop-types
3100
+ textStyle: PropTypes__default["default"].any
3099
3101
  };
3100
3102
  var styles$16 = StyleSheet.create({
3101
3103
  '.badge': css(_templateObject$17 || (_templateObject$17 = _taggedTemplateLiteral(["\n // display: inline-block;\n padding: $badge-padding-y $badge-padding-x;\n border-radius: $badge-border-radius;\n // @include gradient-bg();\n "]))),
3102
- '.badge-text': css(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteral(["\n font-size: $badge-font-size;\n font-weight: $badge-font-weight;\n line-height: $badge-font-size * 1;\n color: $badge-color;\n text-align: center;\n // white-space: nowrap;\n // vertical-align: baseline;\n "])))
3104
+ '.badge-text': css(_templateObject2$P || (_templateObject2$P = _taggedTemplateLiteral(["\n font-size: $badge-font-size;\n font-weight: $badge-font-weight;\n line-height: $badge-font-size * 1;\n color: $badge-color;\n text-align: center;\n // white-space: nowrap;\n // vertical-align: baseline;\n "])))
3103
3105
  });
3104
3106
  var Badge = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
3105
3107
  var children = props.children,
3106
3108
  style = props.style,
3109
+ textStyle = props.textStyle,
3107
3110
  elementProps = _objectWithoutProperties(props, _excluded$1o);
3108
3111
 
3109
- var classes = getStyles(styles$16, ['.badge', '.badge-text']);
3110
- return /*#__PURE__*/React__default["default"].createElement(Text, _extends({}, elementProps, {
3112
+ var classes = getStyles(styles$16, ['.badge']);
3113
+ var textClasses = getStyles(styles$16, ['.badge-text']); // composite component
3114
+
3115
+ return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
3111
3116
  ref: ref,
3112
3117
  style: [classes, style]
3113
- }), children);
3118
+ }), /*#__PURE__*/React__default["default"].createElement(Text, {
3119
+ style: [textClasses, textStyle]
3120
+ }, children));
3114
3121
  });
3115
3122
  Badge.displayName = 'Badge';
3116
3123
  Badge.propTypes = propTypes$1m;
3117
3124
 
3118
3125
  var _excluded$1n = ["children", "active", "style", "textStyle"];
3119
3126
 
3120
- var _templateObject$16, _templateObject2$I, _templateObject3$o;
3127
+ var _templateObject$16, _templateObject2$O, _templateObject3$o;
3121
3128
  var propTypes$1l = {
3122
3129
  children: PropTypes__default["default"].node.isRequired,
3123
3130
  active: PropTypes__default["default"].bool,
@@ -3128,7 +3135,7 @@ var propTypes$1l = {
3128
3135
  };
3129
3136
  var styles$15 = StyleSheet.create({
3130
3137
  '.breadcrumb-item': css(_templateObject$16 || (_templateObject$16 = _taggedTemplateLiteral(["\n padding-left: $breadcrumb-item-padding-x;\n padding-right: $breadcrumb-item-padding-x;\n "]))),
3131
- '.breadcrumb-text': css(_templateObject2$I || (_templateObject2$I = _taggedTemplateLiteral(["\n color: $primary;\n "]))),
3138
+ '.breadcrumb-text': css(_templateObject2$O || (_templateObject2$O = _taggedTemplateLiteral(["\n color: $primary;\n "]))),
3132
3139
  '.breadcrumb-item-active': css(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteral(["\n color: $breadcrumb-active-color;\n "])))
3133
3140
  });
3134
3141
  var BreadcrumbItem = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
@@ -3441,7 +3448,7 @@ function useToggleButton(props) {
3441
3448
 
3442
3449
  var _excluded$1f = ["children", "color", "size", "outline", "first", "last", "active", "disabled", "style", "activeStyle", "textStyle", "activeTextStyle"];
3443
3450
 
3444
- var _templateObject$12, _templateObject2$H, _templateObject3$n, _templateObject4$l, _templateObject5$j, _templateObject6$g, _templateObject7$c, _templateObject8$b, _templateObject9$8, _templateObject10$8, _templateObject11$6, _templateObject12$5, _templateObject13$5, _templateObject14$3, _templateObject15$2, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1, _templateObject21, _templateObject22, _templateObject23;
3451
+ var _templateObject$12, _templateObject2$N, _templateObject3$n, _templateObject4$l, _templateObject5$j, _templateObject6$g, _templateObject7$c, _templateObject8$b, _templateObject9$8, _templateObject10$8, _templateObject11$6, _templateObject12$5, _templateObject13$5, _templateObject14$3, _templateObject15$2, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1, _templateObject21, _templateObject22, _templateObject23;
3445
3452
  var propTypes$1g = {
3446
3453
  children: PropTypes__default["default"].node.isRequired,
3447
3454
  color: PropTypes__default["default"].oneOf([].concat(_toConsumableArray(Object.keys(THEME_COLORS)), ['link'])),
@@ -3462,7 +3469,7 @@ var propTypes$1g = {
3462
3469
  };
3463
3470
  var styles$11 = StyleSheet.create(_objectSpread2(_objectSpread2({
3464
3471
  '.btn': css(_templateObject$12 || (_templateObject$12 = _taggedTemplateLiteral(["\n flex-direction: row; // added for bootstrap-rn\n justify-content: center; // added for bootstrap-rn\n // display: inline-block;\n @include platform(web) {\n // cursor: if($enable-button-pointers, pointer, null);\n user-select: none;\n }\n background-color: transparent;\n border: $btn-border-width solid transparent;\n padding: $btn-padding-y $btn-padding-x;\n // Manually declare to provide an override to the browser default\n border-radius: $btn-border-radius;\n // @include transition($btn-transition);\n\n &:focus {\n // outline: 0;\n // box-shadow: $btn-focus-box-shadow;\n }\n\n &:active {\n // @include box-shadow($btn-active-box-shadow);\n\n &:focus {\n // @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);\n }\n }\n "]))),
3465
- '.btn-text': css(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteral(["\n font-family: $btn-font-family;\n font-weight: $btn-font-weight;\n line-height: $btn-font-size * $btn-line-height;\n color: $body-color;\n text-align: center;\n text-decoration: none; // if($link-decoration == none, null, none);\n white-space: $btn-white-space;\n // vertical-align: middle;\n font-size: $btn-font-size;\n\n &:hover {\n color: $body-color;\n text-decoration: none; // if($link-decoration == none, null, none);\n }\n "]))),
3472
+ '.btn-text': css(_templateObject2$N || (_templateObject2$N = _taggedTemplateLiteral(["\n font-family: $btn-font-family;\n font-weight: $btn-font-weight;\n line-height: $btn-font-size * $btn-line-height;\n color: $body-color;\n text-align: center;\n text-decoration: none; // if($link-decoration == none, null, none);\n white-space: $btn-white-space;\n // vertical-align: middle;\n font-size: $btn-font-size;\n\n &:hover {\n color: $body-color;\n text-decoration: none; // if($link-decoration == none, null, none);\n }\n "]))),
3466
3473
  '.btn-disabled': css(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteral(["\n // pointer-events: none;\n opacity: $btn-disabled-opacity;\n // @include box-shadow(none);\n "])))
3467
3474
  }, each(THEME_COLORS, function (color, value) {
3468
3475
  var _ref;
@@ -3560,7 +3567,7 @@ Button.useToggle = useToggleButton;
3560
3567
 
3561
3568
  var _excluded$1e = ["children", "style", "textStyle"];
3562
3569
 
3563
- var _templateObject$11, _templateObject2$G;
3570
+ var _templateObject$11, _templateObject2$M;
3564
3571
  var propTypes$1f = {
3565
3572
  children: PropTypes__default["default"].node.isRequired,
3566
3573
  // eslint-disable-next-line react/forbid-prop-types
@@ -3570,7 +3577,7 @@ var propTypes$1f = {
3570
3577
  };
3571
3578
  var styles$10 = StyleSheet.create({
3572
3579
  blockquote: css(_templateObject$11 || (_templateObject$11 = _taggedTemplateLiteral(["\n margin-bottom: $blockquote-margin-y;\n "]))),
3573
- 'blockquote-text': css(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteral(["\n font-size: $blockquote-font-size;\n "])))
3580
+ 'blockquote-text': css(_templateObject2$M || (_templateObject2$M = _taggedTemplateLiteral(["\n font-size: $blockquote-font-size;\n "])))
3574
3581
  });
3575
3582
  var Blockquote = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
3576
3583
  var children = props.children,
@@ -3594,7 +3601,7 @@ Blockquote.propTypes = propTypes$1f;
3594
3601
 
3595
3602
  var _excluded$1d = ["children", "style", "textStyle"];
3596
3603
 
3597
- var _templateObject$10, _templateObject2$F;
3604
+ var _templateObject$10, _templateObject2$L;
3598
3605
  var propTypes$1e = {
3599
3606
  children: PropTypes__default["default"].node.isRequired,
3600
3607
  // eslint-disable-next-line react/forbid-prop-types
@@ -3604,7 +3611,7 @@ var propTypes$1e = {
3604
3611
  };
3605
3612
  var styles$$ = StyleSheet.create({
3606
3613
  body: css(_templateObject$10 || (_templateObject$10 = _taggedTemplateLiteral(["\n background-color: $body-bg;\n height: 100%; // added for bootstrap-rn\n "]))),
3607
- 'body-text': css(_templateObject2$F || (_templateObject2$F = _taggedTemplateLiteral(["\n color: $body-color;\n text-align: $body-text-align;\n "])))
3614
+ 'body-text': css(_templateObject2$L || (_templateObject2$L = _taggedTemplateLiteral(["\n color: $body-color;\n text-align: $body-text-align;\n "])))
3608
3615
  });
3609
3616
  var Body = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
3610
3617
  var children = props.children,
@@ -3625,7 +3632,7 @@ Body.propTypes = propTypes$1e;
3625
3632
 
3626
3633
  var _excluded$1c = ["children", "style", "textStyle"];
3627
3634
 
3628
- var _templateObject$$, _templateObject2$E;
3635
+ var _templateObject$$, _templateObject2$K;
3629
3636
  var propTypes$1d = {
3630
3637
  children: PropTypes__default["default"].node.isRequired,
3631
3638
  // eslint-disable-next-line react/forbid-prop-types
@@ -3635,7 +3642,7 @@ var propTypes$1d = {
3635
3642
  };
3636
3643
  var styles$_ = StyleSheet.create({
3637
3644
  '.card-body': css(_templateObject$$ || (_templateObject$$ = _taggedTemplateLiteral(["\n // flex: 1 1 auto;\n padding: $card-spacer-y $card-spacer-x;\n "]))),
3638
- '.card-body-text': css(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteral(["\n color: $card-color;\n "])))
3645
+ '.card-body-text': css(_templateObject2$K || (_templateObject2$K = _taggedTemplateLiteral(["\n color: $card-color;\n "])))
3639
3646
  });
3640
3647
  var CardBody = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
3641
3648
  var children = props.children,
@@ -3656,7 +3663,7 @@ CardBody.propTypes = propTypes$1d;
3656
3663
 
3657
3664
  var _excluded$1b = ["children", "style", "textStyle"];
3658
3665
 
3659
- var _templateObject$_, _templateObject2$D;
3666
+ var _templateObject$_, _templateObject2$J;
3660
3667
  var propTypes$1c = {
3661
3668
  children: PropTypes__default["default"].node.isRequired,
3662
3669
  // eslint-disable-next-line react/forbid-prop-types
@@ -3666,7 +3673,7 @@ var propTypes$1c = {
3666
3673
  };
3667
3674
  var styles$Z = StyleSheet.create({
3668
3675
  '.card-header': css(_templateObject$_ || (_templateObject$_ = _taggedTemplateLiteral(["\n padding: $card-cap-padding-y $card-cap-padding-x;\n margin-bottom: 0; // Removes the default margin-bottom of <hN>\n background-color: $card-cap-bg;\n border-bottom-width: $card-border-width;\n border-style: solid;\n border-color: $card-border-color;\n border-radius: $card-inner-border-radius $card-inner-border-radius 0 0;\n "]))),
3669
- '.card-header-text': css(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteral(["\n color: $card-cap-color;\n "])))
3676
+ '.card-header-text': css(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteral(["\n color: $card-cap-color;\n "])))
3670
3677
  });
3671
3678
  var CardHeader = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
3672
3679
  var children = props.children,
@@ -3687,7 +3694,7 @@ CardHeader.propTypes = propTypes$1c;
3687
3694
 
3688
3695
  var _excluded$1a = ["children", "style", "textStyle"];
3689
3696
 
3690
- var _templateObject$Z, _templateObject2$C;
3697
+ var _templateObject$Z, _templateObject2$I;
3691
3698
  var propTypes$1b = {
3692
3699
  children: PropTypes__default["default"].node.isRequired,
3693
3700
  // eslint-disable-next-line react/forbid-prop-types
@@ -3697,7 +3704,7 @@ var propTypes$1b = {
3697
3704
  };
3698
3705
  var styles$Y = StyleSheet.create({
3699
3706
  '.card-footer': css(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteral(["\n padding: $card-cap-padding-y $card-cap-padding-x;\n background-color: $card-cap-bg;\n border-top-width: $card-border-width;\n border-style: solid;\n border-color: $card-border-color;\n border-radius: 0 0 $card-inner-border-radius $card-inner-border-radius;\n "]))),
3700
- '.card-footer-text': css(_templateObject2$C || (_templateObject2$C = _taggedTemplateLiteral(["\n color: $card-cap-color;\n "])))
3707
+ '.card-footer-text': css(_templateObject2$I || (_templateObject2$I = _taggedTemplateLiteral(["\n color: $card-cap-color;\n "])))
3701
3708
  });
3702
3709
  var CardFooter = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
3703
3710
  var children = props.children,
@@ -3752,7 +3759,7 @@ OffcanvasContext.displayName = 'OffcanvasContext';
3752
3759
 
3753
3760
  var _excluded$18 = ["children", "disabled", "style", "textStyle"];
3754
3761
 
3755
- var _templateObject$X, _templateObject2$B, _templateObject3$m, _templateObject4$k, _templateObject5$i;
3762
+ var _templateObject$X, _templateObject2$H, _templateObject3$m, _templateObject4$k, _templateObject5$i;
3756
3763
  var propTypes$19 = {
3757
3764
  children: PropTypes__default["default"].node,
3758
3765
  disabled: PropTypes__default["default"].bool,
@@ -3763,7 +3770,7 @@ var propTypes$19 = {
3763
3770
  };
3764
3771
  var styles$W = StyleSheet.create({
3765
3772
  '.btn-close': css(_templateObject$X || (_templateObject$X = _taggedTemplateLiteral(["\n // Workaround for missing box-sizing in react native.\n $additional-width: $btn-close-padding-x * 2;\n $additional-height: $btn-close-padding-y * 2;\n\n // box-sizing: content-box;\n width: $btn-close-width + $additional-width;\n height: $btn-close-height + $additional-height;\n padding: $btn-close-padding-y $btn-close-padding-x;\n background: transparent;\n border-width: 0; // for button elements\n // @include border-radius();\n opacity: $btn-close-opacity;\n\n &:hover {\n opacity: $btn-close-hover-opacity;\n }\n\n &:focus {\n // outline: 0;\n // box-shadow: $btn-close-focus-shadow;\n opacity: $btn-close-focus-opacity;\n }\n "]))),
3766
- '.btn-close-text': css(_templateObject2$B || (_templateObject2$B = _taggedTemplateLiteral(["\n color: $btn-close-color;\n\n // Override <a>'s hover style\n &:hover {\n color: $btn-close-color;\n text-decoration: none;\n }\n "]))),
3773
+ '.btn-close-text': css(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteral(["\n color: $btn-close-color;\n\n // Override <a>'s hover style\n &:hover {\n color: $btn-close-color;\n text-decoration: none;\n }\n "]))),
3767
3774
  '.btn-close-disabled': css(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteral(["\n // pointer-events: none;\n // user-select: none;\n opacity: $btn-close-disabled-opacity;\n "]))),
3768
3775
  // Modal styles
3769
3776
  '.modal-header .btn-close': css(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteral(["\n padding: $modal-header-padding-y * 0.5 $modal-header-padding-x * 0.5;\n margin: -0.5 * $modal-header-padding-y -0.5 * $modal-header-padding-x -0.5 *\n $modal-header-padding-y auto;\n\n // Workaround for missing box-sizing in react native.\n width: $btn-close-width + $modal-header-padding-x;\n height: $btn-close-height + $modal-header-padding-y;\n "]))),
@@ -3941,7 +3948,7 @@ NavbarContext.displayName = 'NavbarContext';
3941
3948
 
3942
3949
  var _excluded$15 = ["fluid", "style"];
3943
3950
 
3944
- var _templateObject$W, _templateObject2$A, _templateObject3$l, _templateObject4$j, _templateObject5$h, _templateObject6$f, _templateObject7$b, _templateObject8$a;
3951
+ var _templateObject$W, _templateObject2$G, _templateObject3$l, _templateObject4$j, _templateObject5$h, _templateObject6$f, _templateObject7$b, _templateObject8$a;
3945
3952
  var propTypes$16 = {
3946
3953
  children: PropTypes__default["default"].node.isRequired,
3947
3954
  fluid: PropTypes__default["default"].oneOf([true].concat(_toConsumableArray(Object.keys(CONTAINER_MAX_WIDTHS)))),
@@ -3950,7 +3957,7 @@ var propTypes$16 = {
3950
3957
  };
3951
3958
  var styles$V = StyleSheet.create(_objectSpread2({
3952
3959
  '.container': css(_templateObject$W || (_templateObject$W = _taggedTemplateLiteral(["\n width: 100%;\n padding-right: $container-padding-x;\n padding-left: $container-padding-x;\n margin-right: auto;\n margin-left: auto;\n "]))),
3953
- '.container-sm': css(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteral(["\n @include media-breakpoint-up(sm) {\n max-width: ", ";\n }\n @include media-breakpoint-up(md) {\n max-width: ", ";\n }\n @include media-breakpoint-up(lg) {\n max-width: ", ";\n }\n @include media-breakpoint-up(xl) {\n max-width: ", ";\n }\n @include media-breakpoint-up(xxl) {\n max-width: ", ";\n }\n "])), function (t) {
3960
+ '.container-sm': css(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteral(["\n @include media-breakpoint-up(sm) {\n max-width: ", ";\n }\n @include media-breakpoint-up(md) {\n max-width: ", ";\n }\n @include media-breakpoint-up(lg) {\n max-width: ", ";\n }\n @include media-breakpoint-up(xl) {\n max-width: ", ";\n }\n @include media-breakpoint-up(xxl) {\n max-width: ", ";\n }\n "])), function (t) {
3954
3961
  return t['container-max-widths'].sm;
3955
3962
  }, function (t) {
3956
3963
  return t['container-max-widths'].md;
@@ -4010,7 +4017,7 @@ Container.propTypes = propTypes$16;
4010
4017
 
4011
4018
  var _excluded$14 = ["children", "type", "value", "onChange", "onPress", "label", "disabled", "valid", "invalid", "style", "inputStyle", "labelStyle", "labelTextStyle"];
4012
4019
 
4013
- var _templateObject$V, _templateObject2$z, _templateObject3$k, _templateObject4$i, _templateObject5$g, _templateObject6$e, _templateObject7$a, _templateObject8$9, _templateObject9$7, _templateObject10$7, _templateObject11$5, _templateObject12$4, _templateObject13$4;
4020
+ var _templateObject$V, _templateObject2$F, _templateObject3$k, _templateObject4$i, _templateObject5$g, _templateObject6$e, _templateObject7$a, _templateObject8$9, _templateObject9$7, _templateObject10$7, _templateObject11$5, _templateObject12$4, _templateObject13$4;
4014
4021
  var propTypes$15 = {
4015
4022
  children: PropTypes__default["default"].node,
4016
4023
  type: PropTypes__default["default"].oneOf(['checkbox', 'radio', 'switch']).isRequired,
@@ -4032,7 +4039,7 @@ var propTypes$15 = {
4032
4039
  };
4033
4040
  var styles$U = StyleSheet.create(_objectSpread2({
4034
4041
  '.form-check': css(_templateObject$V || (_templateObject$V = _taggedTemplateLiteral(["\n // display: block;\n flex-direction: row; // added for bootstrap-rn\n min-height: $form-check-min-height;\n padding-left: $form-check-padding-start;\n margin-bottom: $form-check-margin-bottom;\n "]))),
4035
- '.form-check-disabled': css(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteral(["\n opacity: $form-check-label-disabled-opacity;\n "]))),
4042
+ '.form-check-disabled': css(_templateObject2$F || (_templateObject2$F = _taggedTemplateLiteral(["\n opacity: $form-check-label-disabled-opacity;\n "]))),
4036
4043
  '.form-check-input': css(_templateObject3$k || (_templateObject3$k = _taggedTemplateLiteral(["\n // Use additional variables instead of brackets, because brackets not supported yet.\n $lineHeight: $line-height-base * 1rem;\n $rawMarginTop: $lineHeight - $form-check-input-width;\n\n // float: left;\n margin-left: $form-check-padding-start * -1;\n margin-right: $form-check-padding-start - $form-check-input-width; // added for bootstrap-rn\n\n width: $form-check-input-width;\n height: $form-check-input-width;\n margin-top: $rawMarginTop * 0.5; // line-height minus check height\n // vertical-align: top;\n background-color: $form-check-input-bg;\n // background-repeat: no-repeat;\n // background-position: center;\n // background-size: contain;\n border: $form-check-input-border;\n @include platform(web) {\n appearance: none;\n user-select: none; // added for bootstrap-rn\n }\n // color-adjust: exact; // Keep themed appearance for print\n // @include transition($form-check-transition);\n\n &:active {\n // filter: $form-check-input-active-filter;\n }\n\n &:focus {\n border-color: $form-check-input-focus-border;\n // outline: 0;\n // box-shadow: $form-check-input-focus-box-shadow;\n }\n "]))),
4037
4044
  '.form-check-input-checkbox': css(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteral(["\n border-radius: $form-check-input-border-radius;\n "]))),
4038
4045
  '.form-check-input-radio': css(_templateObject5$g || (_templateObject5$g = _taggedTemplateLiteral(["\n border-radius: $form-check-radio-border-radius;\n "]))),
@@ -4134,7 +4141,7 @@ Checkbox.displayName = 'Checkbox';
4134
4141
 
4135
4142
  var _excluded$13 = ["children", "size", "sizeSm", "sizeMd", "sizeLg", "sizeXl", "style"];
4136
4143
 
4137
- var _templateObject$U, _templateObject2$y, _templateObject3$j, _templateObject4$h, _templateObject5$f;
4144
+ var _templateObject$U, _templateObject2$E, _templateObject3$j, _templateObject4$h, _templateObject5$f;
4138
4145
  var sizes = makeArray(GRID_COLUMNS).map(function (v) {
4139
4146
  return v + 1;
4140
4147
  });
@@ -4153,7 +4160,7 @@ var styles$T = StyleSheet.create(_objectSpread2({
4153
4160
  }, each(GRID_BREAKPOINTS, function (breakpoint) {
4154
4161
  var _objectSpread2$1;
4155
4162
 
4156
- return _objectSpread2((_objectSpread2$1 = {}, _defineProperty(_objectSpread2$1, ".col".concat(infix(breakpoint)), css(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteral(["\n @include media-breakpoint-up(", ") {\n flex: 1 0 0%; // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n }\n "])), breakpoint)), _defineProperty(_objectSpread2$1, ".col".concat(infix(breakpoint), "-auto"), css(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteral(["\n @include media-breakpoint-up(", ") {\n flex: 0 0 auto;\n width: auto;\n }\n "])), breakpoint)), _objectSpread2$1), normalize$1(makeArray(GRID_COLUMNS - 1, function (i) {
4163
+ return _objectSpread2((_objectSpread2$1 = {}, _defineProperty(_objectSpread2$1, ".col".concat(infix(breakpoint)), css(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteral(["\n @include media-breakpoint-up(", ") {\n flex: 1 0 0%; // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n }\n "])), breakpoint)), _defineProperty(_objectSpread2$1, ".col".concat(infix(breakpoint), "-auto"), css(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteral(["\n @include media-breakpoint-up(", ") {\n flex: 0 0 auto;\n width: auto;\n }\n "])), breakpoint)), _objectSpread2$1), normalize$1(makeArray(GRID_COLUMNS - 1, function (i) {
4157
4164
  var _ref;
4158
4165
 
4159
4166
  return _ref = {}, _defineProperty(_ref, ".col".concat(infix(breakpoint), "-").concat(i + 1), css(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteral(["\n @include media-breakpoint-up(", ") {\n flex: 0 0 auto;\n width: ", "%;\n }\n "])), breakpoint, (i + 1) / GRID_COLUMNS * 100)), _defineProperty(_ref, ".offset".concat(infix(breakpoint), "-").concat(i), css(_templateObject5$f || (_templateObject5$f = _taggedTemplateLiteral(["\n @include media-breakpoint-up(", ") {\n margin-left: ", "%;\n }\n "])), breakpoint, i / GRID_COLUMNS * 100)), _ref;
@@ -4282,6 +4289,11 @@ var Overlay = function Overlay(props) {
4282
4289
  if (overlay.arrowProps.style.left) {
4283
4290
  overlay.arrowProps.style.left -= arrowOffset;
4284
4291
  }
4292
+ } // Adjust bottom value by status bar height on Android
4293
+
4294
+
4295
+ if (reactNative.Platform.OS === 'android' && overlay.overlayProps.style.bottom !== undefined && reactNative.StatusBar.currentHeight) {
4296
+ overlay.overlayProps.style.bottom -= reactNative.StatusBar.currentHeight;
4285
4297
  }
4286
4298
 
4287
4299
  return children(overlay, overlayRef);
@@ -4396,7 +4408,7 @@ BackdropHandler.propTypes = propTypes$10;
4396
4408
 
4397
4409
  var _excluded$10 = ["children", "start", "end", "style", "textStyle"];
4398
4410
 
4399
- var _templateObject$R, _templateObject2$x, _templateObject3$i, _templateObject4$g, _templateObject5$e, _templateObject6$d, _templateObject7$9, _templateObject8$8, _templateObject9$6, _templateObject10$6;
4411
+ var _templateObject$R, _templateObject2$D, _templateObject3$i, _templateObject4$g, _templateObject5$e, _templateObject6$d, _templateObject7$9, _templateObject8$8, _templateObject9$6, _templateObject10$6;
4400
4412
  var ALIGNMENT_BREAKPOINTS = [true, 'sm', 'md', 'lg', 'xl', 'xxl'];
4401
4413
  var propTypes$$ = {
4402
4414
  children: PropTypes__default["default"].node.isRequired,
@@ -4409,7 +4421,7 @@ var propTypes$$ = {
4409
4421
  };
4410
4422
  var styles$Q = StyleSheet.create(_objectSpread2(_objectSpread2(_objectSpread2({
4411
4423
  '.dropdown-menu': css(_templateObject$R || (_templateObject$R = _taggedTemplateLiteral(["\n position: absolute;\n z-index: $zindex-dropdown;\n // display: none; // none by default, but block on \"open\" of the menu\n min-width: $dropdown-min-width;\n padding: $dropdown-padding-y $dropdown-padding-x;\n margin: 0; // Override default margin of ul\n // list-style: none;\n background-color: $dropdown-bg;\n // background-clip: padding-box;\n border: $dropdown-border-width solid $dropdown-border-color;\n border-radius: $dropdown-border-radius;\n // @include box-shadow($dropdown-box-shadow);\n "]))),
4412
- '.dropdown-menu[data-bs-popper]': css(_templateObject2$x || (_templateObject2$x = _taggedTemplateLiteral(["\n top: 100%;\n left: 0;\n margin-top: $dropdown-spacer;\n "])))
4424
+ '.dropdown-menu[data-bs-popper]': css(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteral(["\n top: 100%;\n left: 0;\n margin-top: $dropdown-spacer;\n "])))
4413
4425
  }, each(GRID_BREAKPOINTS, function (breakpoint) {
4414
4426
  var _ref;
4415
4427
 
@@ -4531,7 +4543,7 @@ DropdownMenu.propTypes = propTypes$$;
4531
4543
 
4532
4544
  var _excluded$$ = ["children", "size", "style"];
4533
4545
 
4534
- var _templateObject$Q, _templateObject2$w;
4546
+ var _templateObject$Q, _templateObject2$C;
4535
4547
  var propTypes$_ = {
4536
4548
  children: PropTypes__default["default"].node.isRequired,
4537
4549
  size: PropTypes__default["default"].oneOf(Object.keys(FONT_SIZES).map(function (k) {
@@ -4543,7 +4555,7 @@ var propTypes$_ = {
4543
4555
  var styles$P = StyleSheet.create(_objectSpread2({
4544
4556
  heading: css(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteral(["\n margin-top: 0; // 1\n margin-bottom: $headings-margin-bottom;\n font-family: $headings-font-family;\n font-style: $headings-font-style;\n font-weight: $headings-font-weight;\n color: $headings-color;\n "])))
4545
4557
  }, each(FONT_SIZES, function (size, value) {
4546
- return _defineProperty({}, ".h".concat(size), css(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteral(["\n font-size: ", ";\n line-height: ", " * $headings-line-height;\n "])), value, value));
4558
+ return _defineProperty({}, ".h".concat(size), css(_templateObject2$C || (_templateObject2$C = _taggedTemplateLiteral(["\n font-size: ", ";\n line-height: ", " * $headings-line-height;\n "])), value, value));
4547
4559
  })));
4548
4560
  var Heading$1 = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
4549
4561
  var children = props.children,
@@ -4562,35 +4574,43 @@ var Heading$1 = /*#__PURE__*/React__default["default"].forwardRef(function (prop
4562
4574
  Heading$1.displayName = 'Heading';
4563
4575
  Heading$1.propTypes = propTypes$_;
4564
4576
 
4565
- var _excluded$_ = ["children", "style"];
4577
+ var _excluded$_ = ["children", "style", "textStyle"];
4566
4578
 
4567
- var _templateObject$P;
4579
+ var _templateObject$P, _templateObject2$B;
4568
4580
  var propTypes$Z = {
4569
4581
  children: PropTypes__default["default"].node.isRequired,
4570
4582
  // eslint-disable-next-line react/forbid-prop-types
4571
- style: PropTypes__default["default"].any
4583
+ style: PropTypes__default["default"].any,
4584
+ // eslint-disable-next-line react/forbid-prop-types
4585
+ textStyle: PropTypes__default["default"].any
4572
4586
  };
4573
4587
  var styles$O = StyleSheet.create({
4574
- '.dropdown-header': css(_templateObject$P || (_templateObject$P = _taggedTemplateLiteral(["\n // display: block;\n padding: $dropdown-header-padding;\n margin-bottom: 0; // for use with heading elements\n font-size: $font-size-sm;\n color: $dropdown-header-color;\n // white-space: nowrap; // as with > li > a\n "])))
4588
+ '.dropdown-header': css(_templateObject$P || (_templateObject$P = _taggedTemplateLiteral(["\n // display: block;\n padding: $dropdown-header-padding;\n "]))),
4589
+ '.dropdown-header-text': css(_templateObject2$B || (_templateObject2$B = _taggedTemplateLiteral(["\n margin-bottom: 0; // for use with heading elements\n font-size: $font-size-sm;\n color: $dropdown-header-color;\n // white-space: nowrap; // as with > li > a\n "])))
4575
4590
  });
4576
4591
  var DropdownHeader = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
4577
4592
  var children = props.children,
4578
4593
  style = props.style,
4594
+ textStyle = props.textStyle,
4579
4595
  elementProps = _objectWithoutProperties(props, _excluded$_);
4580
4596
 
4581
4597
  var classes = getStyles(styles$O, ['.dropdown-header']);
4582
- return /*#__PURE__*/React__default["default"].createElement(Heading$1, _extends({}, elementProps, {
4598
+ var textClasses = getStyles(styles$O, ['.dropdown-header-text']); // composite component
4599
+
4600
+ return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
4583
4601
  ref: ref,
4584
4602
  size: 6,
4585
4603
  style: [classes, style]
4586
- }), children);
4604
+ }), /*#__PURE__*/React__default["default"].createElement(Heading$1, {
4605
+ style: [textClasses, textStyle]
4606
+ }, children));
4587
4607
  });
4588
4608
  DropdownHeader.displayName = 'DropdownHeader';
4589
4609
  DropdownHeader.propTypes = propTypes$Z;
4590
4610
 
4591
4611
  var _excluded$Z = ["children", "onPress", "active", "disabled", "style", "textStyle"];
4592
4612
 
4593
- var _templateObject$O, _templateObject2$v, _templateObject3$h, _templateObject4$f, _templateObject5$d, _templateObject6$c;
4613
+ var _templateObject$O, _templateObject2$A, _templateObject3$h, _templateObject4$f, _templateObject5$d, _templateObject6$c;
4594
4614
  var propTypes$Y = {
4595
4615
  children: PropTypes__default["default"].node.isRequired,
4596
4616
  onPress: PropTypes__default["default"].func,
@@ -4603,7 +4623,7 @@ var propTypes$Y = {
4603
4623
  };
4604
4624
  var styles$N = StyleSheet.create({
4605
4625
  '.dropdown-item': css(_templateObject$O || (_templateObject$O = _taggedTemplateLiteral(["\n width: 100%;\n padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n // clear: both;\n background-color: transparent;\n border: 0;\n\n &:hover {\n // @include gradient-bg($dropdown-link-hover-bg);\n background-color: $dropdown-link-hover-bg;\n }\n &:focus {\n // @include gradient-bg($dropdown-link-hover-bg);\n background-color: $dropdown-link-hover-bg;\n }\n "]))),
4606
- '.dropdown-item-text': css(_templateObject2$v || (_templateObject2$v = _taggedTemplateLiteral(["\n font-weight: $font-weight-normal;\n color: $dropdown-link-color;\n // text-align: inherit;\n text-decoration: none; // if($link-decoration == none, null, none);\n // white-space: nowrap;\n\n &:hover {\n color: $dropdown-link-hover-color;\n text-decoration: none; // if($link-hover-decoration == underline, none, null);\n }\n &:focus {\n color: $dropdown-link-hover-color;\n text-decoration: none; // if($link-hover-decoration == underline, none, null);\n }\n "]))),
4626
+ '.dropdown-item-text': css(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteral(["\n font-weight: $font-weight-normal;\n color: $dropdown-link-color;\n // text-align: inherit;\n text-decoration: none; // if($link-decoration == none, null, none);\n // white-space: nowrap;\n\n &:hover {\n color: $dropdown-link-hover-color;\n text-decoration: none; // if($link-hover-decoration == underline, none, null);\n }\n &:focus {\n color: $dropdown-link-hover-color;\n text-decoration: none; // if($link-hover-decoration == underline, none, null);\n }\n "]))),
4607
4627
  '.dropdown-item-active': css(_templateObject3$h || (_templateObject3$h = _taggedTemplateLiteral(["\n // @include gradient-bg($dropdown-link-active-bg);\n background-color: $dropdown-link-active-bg;\n\n &:hover {\n background-color: $dropdown-link-active-bg;\n }\n &:focus {\n background-color: $dropdown-link-active-bg;\n }\n "]))),
4608
4628
  '.dropdown-item-active-text': css(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteral(["\n color: $dropdown-link-active-color;\n text-decoration: none;\n\n &:hover {\n color: $dropdown-link-active-color;\n }\n &:focus {\n color: $dropdown-link-active-color;\n }\n "]))),
4609
4629
  '.dropdown-item-disabled': css(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteral(["\n // pointer-events: none;\n background-color: transparent;\n // Remove CSS gradients if they're enabled\n // background-image: if($enable-gradients, none, null);\n\n &:hover {\n background-color: transparent;\n }\n &:focus {\n background-color: transparent;\n }\n "]))),
@@ -4637,27 +4657,35 @@ var DropdownItem = function DropdownItem(props) {
4637
4657
  DropdownItem.displayName = 'DropdownItem';
4638
4658
  DropdownItem.propTypes = propTypes$Y;
4639
4659
 
4640
- var _excluded$Y = ["children", "style"];
4660
+ var _excluded$Y = ["children", "style", "textStyle"];
4641
4661
 
4642
- var _templateObject$N;
4662
+ var _templateObject$N, _templateObject2$z;
4643
4663
  var propTypes$X = {
4644
4664
  children: PropTypes__default["default"].node.isRequired,
4645
4665
  // eslint-disable-next-line react/forbid-prop-types
4646
- style: PropTypes__default["default"].any
4666
+ style: PropTypes__default["default"].any,
4667
+ // eslint-disable-next-line react/forbid-prop-types
4668
+ textStyle: PropTypes__default["default"].any
4647
4669
  };
4648
4670
  var styles$M = StyleSheet.create({
4649
- '.dropdown-item-text': css(_templateObject$N || (_templateObject$N = _taggedTemplateLiteral(["\n // display: block;\n padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n color: $dropdown-link-color;\n "])))
4671
+ '.dropdown-item-text': css(_templateObject$N || (_templateObject$N = _taggedTemplateLiteral(["\n // display: block;\n padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n "]))),
4672
+ '.dropdown-item-text-text': css(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteral(["\n color: $dropdown-link-color;\n "])))
4650
4673
  });
4651
4674
  var DropdownItemText = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
4652
4675
  var children = props.children,
4653
4676
  style = props.style,
4677
+ textStyle = props.textStyle,
4654
4678
  elementProps = _objectWithoutProperties(props, _excluded$Y);
4655
4679
 
4656
4680
  var classes = getStyles(styles$M, ['.dropdown-item-text']);
4657
- return /*#__PURE__*/React__default["default"].createElement(Text, _extends({}, elementProps, {
4681
+ var textClasses = getStyles(styles$M, ['.dropdown-item-text-text']); // composite component
4682
+
4683
+ return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
4658
4684
  ref: ref,
4659
4685
  style: [classes, style]
4660
- }), children);
4686
+ }), /*#__PURE__*/React__default["default"].createElement(Text, {
4687
+ style: [textClasses, textStyle]
4688
+ }, children));
4661
4689
  });
4662
4690
  DropdownItemText.displayName = 'DropdownItemText';
4663
4691
  DropdownItemText.propTypes = propTypes$X;
@@ -4835,27 +4863,35 @@ var Feedback = /*#__PURE__*/React__default["default"].forwardRef(function (props
4835
4863
  Feedback.displayName = 'Feedback';
4836
4864
  Feedback.propTypes = propTypes$T;
4837
4865
 
4838
- var _excluded$S = ["children", "style"];
4866
+ var _excluded$S = ["children", "style", "textStyle"];
4839
4867
 
4840
- var _templateObject$I;
4868
+ var _templateObject$I, _templateObject2$y;
4841
4869
  var propTypes$S = {
4842
4870
  children: PropTypes__default["default"].node.isRequired,
4843
4871
  // eslint-disable-next-line react/forbid-prop-types
4844
- style: PropTypes__default["default"].any
4872
+ style: PropTypes__default["default"].any,
4873
+ // eslint-disable-next-line react/forbid-prop-types
4874
+ textStyle: PropTypes__default["default"].any
4845
4875
  };
4846
4876
  var styles$H = StyleSheet.create({
4847
- '.form-text': css(_templateObject$I || (_templateObject$I = _taggedTemplateLiteral(["\n margin-top: $form-text-margin-top;\n font-size: $form-text-font-size;\n font-style: $form-text-font-style;\n font-weight: $form-text-font-weight;\n color: $form-text-color;\n "])))
4877
+ '.form-text': css(_templateObject$I || (_templateObject$I = _taggedTemplateLiteral(["\n margin-top: $form-text-margin-top;\n "]))),
4878
+ '.form-text-text': css(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteral(["\n font-size: $form-text-font-size;\n font-style: $form-text-font-style;\n font-weight: $form-text-font-weight;\n color: $form-text-color;\n "])))
4848
4879
  });
4849
4880
  var FormText = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
4850
4881
  var children = props.children,
4851
4882
  style = props.style,
4883
+ textStyle = props.textStyle,
4852
4884
  elementProps = _objectWithoutProperties(props, _excluded$S);
4853
4885
 
4854
4886
  var classes = getStyles(styles$H, ['.form-text']);
4855
- return /*#__PURE__*/React__default["default"].createElement(Text, _extends({}, elementProps, {
4887
+ var textClasses = getStyles(styles$H, ['.form-text-text']); // composite component
4888
+
4889
+ return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
4856
4890
  ref: ref,
4857
4891
  style: [classes, style]
4858
- }), children);
4892
+ }), /*#__PURE__*/React__default["default"].createElement(Text, {
4893
+ style: [textClasses, textStyle]
4894
+ }, children));
4859
4895
  });
4860
4896
  FormText.displayName = 'FormText';
4861
4897
  FormText.propTypes = propTypes$S;
@@ -4910,7 +4946,7 @@ TextInput.propTypes = propTypes$R;
4910
4946
 
4911
4947
  var _excluded$Q = ["size", "placeholderTextColor", "multiline", "disabled", "valid", "invalid", "style"];
4912
4948
 
4913
- var _templateObject$H, _templateObject2$u, _templateObject3$g, _templateObject4$e, _templateObject5$c, _templateObject6$b, _templateObject7$8, _templateObject8$7;
4949
+ var _templateObject$H, _templateObject2$x, _templateObject3$g, _templateObject4$e, _templateObject5$c, _templateObject6$b, _templateObject7$8, _templateObject8$7;
4914
4950
  var propTypes$Q = {
4915
4951
  size: PropTypes__default["default"].oneOf(['sm', 'lg']),
4916
4952
  placeholderTextColor: PropTypes__default["default"].string,
@@ -4923,9 +4959,9 @@ var propTypes$Q = {
4923
4959
  };
4924
4960
  var styles$G = StyleSheet.create(_objectSpread2({
4925
4961
  '.form-control': css(_templateObject$H || (_templateObject$H = _taggedTemplateLiteral(["\n // display: block;\n width: 100%;\n padding: $input-padding-y $input-padding-x;\n font-family: $input-font-family;\n font-size: $input-font-size;\n font-weight: $input-font-weight;\n line-height: $input-font-size * $input-line-height;\n color: $input-color;\n background-color: $input-bg;\n // background-clip: padding-box;\n border: $input-border-width solid $input-border-color;\n @include platform(web) {\n appearance: none; // Fix appearance for date inputs in Safari\n }\n\n // Note: This has no effect on <select>s in some browsers, due to the limited stylability of \"<select>\"s in CSS.\n border-radius: $input-border-radius;\n\n // @include box-shadow($input-box-shadow);\n // @include transition($input-transition);\n\n // Customize the \":focus\" state to imitate native WebKit styles.\n &:focus {\n color: $input-focus-color;\n background-color: $input-focus-bg;\n border-color: $input-focus-border-color;\n @include platform(web) {\n outline-width: 0; // outline: 0;\n }\n /* @if $enable-shadows {\n @include box-shadow($input-box-shadow, $input-focus-box-shadow);\n } @else {\n // Avoid using mixin so we can pass custom focus shadow properly\n box-shadow: $input-focus-box-shadow;\n } */\n }\n "]))),
4926
- '.form-control-disabled': css(_templateObject2$u || (_templateObject2$u = _taggedTemplateLiteral(["\n background-color: $input-disabled-bg;\n border-color: $input-disabled-border-color;\n // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.\n opacity: 1;\n "]))),
4927
- '.form-control-sm': css(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteral(["\n min-height: $input-height-sm;\n padding: $input-padding-y-sm $input-padding-x-sm;\n font-size: $input-font-size-sm;\n border-radius: $input-border-radius-sm;\n "]))),
4928
- '.form-control-lg': css(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteral(["\n min-height: $input-height-lg;\n padding: $input-padding-y-lg $input-padding-x-lg;\n font-size: $input-font-size-lg;\n border-radius: $input-border-radius-lg;\n "]))),
4962
+ '.form-control-disabled': css(_templateObject2$x || (_templateObject2$x = _taggedTemplateLiteral(["\n background-color: $input-disabled-bg;\n border-color: $input-disabled-border-color;\n // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.\n opacity: 1;\n "]))),
4963
+ '.form-control-sm': css(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteral(["\n min-height: $input-height-sm;\n padding: $input-padding-y-sm $input-padding-x-sm;\n font-size: $input-font-size-sm;\n line-height: $input-font-size-sm * $line-height-base; // added for bootstrap-rn\n border-radius: $input-border-radius-sm;\n "]))),
4964
+ '.form-control-lg': css(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteral(["\n min-height: $input-height-lg;\n padding: $input-padding-y-lg $input-padding-x-lg;\n font-size: $input-font-size-lg;\n line-height: $input-font-size-lg * $line-height-base; // added for bootstrap-rn\n border-radius: $input-border-radius-lg;\n "]))),
4929
4965
  '.form-control-multiline': css(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteral(["\n text-align-vertical: top; // added for bootstrap-rn\n min-height: $input-height;\n\n @include platform(ios) {\n min-height: $input-height-sm + 8rem; // added for bootstrap-rn\n }\n "]))),
4930
4966
  '.form-control-multiline-sm': css(_templateObject6$b || (_templateObject6$b = _taggedTemplateLiteral(["\n min-height: $input-height-sm;\n\n @include platform(ios) {\n // TODO: Adjust ios height to sm size\n min-height: $input-height-sm + 8rem; // added for bootstrap-rn\n }\n "]))),
4931
4967
  '.form-control-multiline-lg': css(_templateObject7$8 || (_templateObject7$8 = _taggedTemplateLiteral(["\n min-height: $input-height-lg;\n\n @include platform(ios) {\n // TODO: Adjust ios height to lg size\n min-height: $input-height-sm + 8rem; // added for bootstrap-rn\n }\n "])))
@@ -4970,7 +5006,7 @@ Input.displayName = 'Input';
4970
5006
  Input.propTypes = propTypes$Q;
4971
5007
 
4972
5008
  var PLACEMENTS$1 = ['top', 'bottom', 'left', 'right'];
4973
- var TRIGGERS = ['click', 'hover', 'focus', 'manual', 'click hover', 'hover click', 'hover focus', 'focus hover', 'click focus', 'focus click'];
5009
+ var TRIGGERS = ['press', 'hover', 'focus', 'manual', 'press hover', 'hover press', 'hover focus', 'focus hover', 'press focus', 'focus press'];
4974
5010
  var TriggerPropTypes = {
4975
5011
  trigger: PropTypes__default["default"].oneOf(TRIGGERS),
4976
5012
  placement: PropTypes__default["default"].oneOf(PLACEMENTS$1),
@@ -5017,7 +5053,9 @@ function useTrigger(rawTrigger, props, elementProps, ref) {
5017
5053
  accessibilityDescribedBy: identifier
5018
5054
  })), {}, {
5019
5055
  onPress: function onPress(event) {
5020
- if (trigger.includes('click')) {
5056
+ var handleHoverAsPress = (reactNative.Platform.OS === 'android' || reactNative.Platform.OS === 'ios') && trigger.includes('hover');
5057
+
5058
+ if (trigger.includes('press') || handleHoverAsPress) {
5021
5059
  setVisible(function (value) {
5022
5060
  return !value;
5023
5061
  });
@@ -5094,14 +5132,14 @@ PopoverContext.displayName = 'PopoverContext';
5094
5132
 
5095
5133
  var _excluded$P = ["style"];
5096
5134
 
5097
- var _templateObject$G, _templateObject2$t, _templateObject3$f, _templateObject4$d, _templateObject5$b, _templateObject6$a, _templateObject7$7, _templateObject8$6, _templateObject9$5, _templateObject10$5, _templateObject11$4, _templateObject12$3, _templateObject13$3, _templateObject14$2, _templateObject15$1;
5135
+ var _templateObject$G, _templateObject2$w, _templateObject3$f, _templateObject4$d, _templateObject5$b, _templateObject6$a, _templateObject7$7, _templateObject8$6, _templateObject9$5, _templateObject10$5, _templateObject11$4, _templateObject12$3, _templateObject13$3, _templateObject14$2, _templateObject15$1;
5098
5136
  var propTypes$P = {
5099
5137
  // eslint-disable-next-line react/forbid-prop-types
5100
5138
  style: PropTypes__default["default"].any
5101
5139
  };
5102
5140
  var styles$F = StyleSheet.create({
5103
5141
  '.popover-arrow': css(_templateObject$G || (_templateObject$G = _taggedTemplateLiteral(["\n position: absolute;\n // display: block;\n width: $popover-arrow-width;\n height: $popover-arrow-height;\n "]))),
5104
- '.popover-arrow::before': css(_templateObject2$t || (_templateObject2$t = _taggedTemplateLiteral(["\n position: absolute;\n // display: block;\n // content: \"\";\n border-top-color: transparent;\n border-right-color: transparent;\n border-left-color: transparent;\n border-bottom-color: transparent;\n border-style: solid;\n "]))),
5142
+ '.popover-arrow::before': css(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteral(["\n position: absolute;\n // display: block;\n // content: \"\";\n border-top-color: transparent;\n border-right-color: transparent;\n border-left-color: transparent;\n border-bottom-color: transparent;\n border-style: solid;\n "]))),
5105
5143
  '.popover-arrow::after': css(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteral(["\n position: absolute;\n // display: block;\n // content: \"\";\n border-top-color: transparent;\n border-right-color: transparent;\n border-left-color: transparent;\n border-bottom-color: transparent;\n border-style: solid;\n "]))),
5106
5144
  '.bs-popover-top .popover-arrow': css(_templateObject4$d || (_templateObject4$d = _taggedTemplateLiteral(["\n bottom: ", ";\n "])), subtract(function (t) {
5107
5145
  return "-".concat(t['popover-arrow-height']);
@@ -5156,35 +5194,43 @@ var PopoverArrow = /*#__PURE__*/React__default["default"].forwardRef(function (p
5156
5194
  PopoverArrow.displayName = 'PopoverArrow';
5157
5195
  PopoverArrow.propTypes = propTypes$P;
5158
5196
 
5159
- var _excluded$O = ["children", "style"];
5197
+ var _excluded$O = ["children", "style", "textStyle"];
5160
5198
 
5161
- var _templateObject$F;
5199
+ var _templateObject$F, _templateObject2$v;
5162
5200
  var propTypes$O = {
5163
5201
  children: PropTypes__default["default"].node.isRequired,
5164
5202
  // eslint-disable-next-line react/forbid-prop-types
5165
- style: PropTypes__default["default"].any
5203
+ style: PropTypes__default["default"].any,
5204
+ // eslint-disable-next-line react/forbid-prop-types
5205
+ textStyle: PropTypes__default["default"].any
5166
5206
  };
5167
5207
  var styles$E = StyleSheet.create({
5168
- '.popover-header': css(_templateObject$F || (_templateObject$F = _taggedTemplateLiteral(["\n padding: $popover-header-padding-y $popover-header-padding-x;\n margin-bottom: 0; // Reset the default from Reboot\n font-size: $font-size-base;\n line-height: $font-size-base * $headings-line-height; // added for bootstrap-rn\n color: $popover-header-color;\n background-color: $popover-header-bg;\n border-bottom-width: $popover-border-width;\n border-style: solid;\n border-color: $popover-border-color;\n border-top-left-radius: $popover-border-radius;\n border-top-right-radius: $popover-border-radius;\n "])))
5208
+ '.popover-header': css(_templateObject$F || (_templateObject$F = _taggedTemplateLiteral(["\n padding: $popover-header-padding-y $popover-header-padding-x;\n background-color: $popover-header-bg;\n border-bottom-width: $popover-border-width;\n border-style: solid;\n border-color: $popover-border-color;\n border-top-left-radius: $popover-border-radius;\n border-top-right-radius: $popover-border-radius;\n "]))),
5209
+ '.popover-header-text': css(_templateObject2$v || (_templateObject2$v = _taggedTemplateLiteral(["\n margin-bottom: 0; // Reset the default from Reboot\n font-size: $font-size-base;\n line-height: $font-size-base * $headings-line-height; // added for bootstrap-rn\n color: $popover-header-color;\n "])))
5169
5210
  });
5170
5211
  var PopoverHeader = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
5171
5212
  var children = props.children,
5172
5213
  style = props.style,
5214
+ textStyle = props.textStyle,
5173
5215
  elementProps = _objectWithoutProperties(props, _excluded$O);
5174
5216
 
5175
5217
  var classes = getStyles(styles$E, ['.popover-header']);
5176
- return /*#__PURE__*/React__default["default"].createElement(Heading$1, _extends({}, elementProps, {
5218
+ var textClasses = getStyles(styles$E, ['.popover-header-text']); // composite component
5219
+
5220
+ return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
5177
5221
  ref: ref,
5178
- size: 3,
5179
5222
  style: [classes, style]
5180
- }), children);
5223
+ }), /*#__PURE__*/React__default["default"].createElement(Heading$1, {
5224
+ size: 3,
5225
+ style: [textClasses, textStyle]
5226
+ }, children));
5181
5227
  });
5182
5228
  PopoverHeader.displayName = 'PopoverHeader';
5183
5229
  PopoverHeader.propTypes = propTypes$O;
5184
5230
 
5185
5231
  var _excluded$N = ["children", "style", "textStyle"];
5186
5232
 
5187
- var _templateObject$E, _templateObject2$s;
5233
+ var _templateObject$E, _templateObject2$u;
5188
5234
  var propTypes$N = {
5189
5235
  children: PropTypes__default["default"].node.isRequired,
5190
5236
  // eslint-disable-next-line react/forbid-prop-types
@@ -5194,7 +5240,7 @@ var propTypes$N = {
5194
5240
  };
5195
5241
  var styles$D = StyleSheet.create({
5196
5242
  '.popover-body': css(_templateObject$E || (_templateObject$E = _taggedTemplateLiteral(["\n padding: $popover-body-padding-y $popover-body-padding-x;\n "]))),
5197
- '.popover-body-text': css(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteral(["\n color: $popover-body-color;\n "])))
5243
+ '.popover-body-text': css(_templateObject2$u || (_templateObject2$u = _taggedTemplateLiteral(["\n color: $popover-body-color;\n "])))
5198
5244
  });
5199
5245
  var PopoverBody = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
5200
5246
  var children = props.children,
@@ -5215,7 +5261,7 @@ PopoverBody.propTypes = propTypes$N;
5215
5261
 
5216
5262
  var _excluded$M = ["children", "placement", "popper", "style", "textStyle", "arrowStyle"];
5217
5263
 
5218
- var _templateObject$D, _templateObject2$r;
5264
+ var _templateObject$D, _templateObject2$t;
5219
5265
  var propTypes$M = {
5220
5266
  children: PropTypes__default["default"].node.isRequired,
5221
5267
  placement: PropTypes__default["default"].string,
@@ -5229,7 +5275,7 @@ var propTypes$M = {
5229
5275
  };
5230
5276
  var styles$C = StyleSheet.create({
5231
5277
  '.popover': css(_templateObject$D || (_templateObject$D = _taggedTemplateLiteral(["\n position: absolute;\n // top: 0;\n // left: 0 #{\"/* rtl:ignore */\"};\n z-index: $zindex-popover;\n // display: block;\n max-width: $popover-max-width;\n background-color: $popover-bg;\n // background-clip: padding-box;\n border: $popover-border-width solid $popover-border-color;\n border-radius: $popover-border-radius;\n // @include box-shadow($popover-box-shadow);\n "]))),
5232
- '.popover-text': css(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteral(["\n // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n // So reset our font and text properties to avoid inheriting weird values.\n // @include reset-text();\n font-size: $popover-font-size;\n // Allow breaking very long words so they don't overflow the popover's bounds\n // word-wrap: break-word;\n "])))
5278
+ '.popover-text': css(_templateObject2$t || (_templateObject2$t = _taggedTemplateLiteral(["\n // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n // So reset our font and text properties to avoid inheriting weird values.\n // @include reset-text();\n font-size: $popover-font-size;\n // Allow breaking very long words so they don't overflow the popover's bounds\n // word-wrap: break-word;\n "])))
5233
5279
  });
5234
5280
  var Popover = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
5235
5281
  var children = props.children,
@@ -5265,12 +5311,13 @@ Popover.Arrow = PopoverArrow;
5265
5311
  Popover.Header = PopoverHeader;
5266
5312
  Popover.Body = PopoverBody;
5267
5313
 
5268
- var _excluded$L = ["title", "content", "trigger", "placement"],
5314
+ var _excluded$L = ["title", "content", "autoClose", "trigger", "placement"],
5269
5315
  _excluded2$1 = ["popover"];
5270
5316
  var propTypes$L = {
5271
5317
  popover: PropTypes__default["default"].shape(_objectSpread2({
5272
5318
  title: PropTypes__default["default"].node,
5273
- content: PropTypes__default["default"].node.isRequired
5319
+ content: PropTypes__default["default"].node.isRequired,
5320
+ autoClose: PropTypes__default["default"].oneOfType([PropTypes__default["default"].bool, PropTypes__default["default"].oneOf(['inside', 'outside'])])
5274
5321
  }, TriggerPropTypes))
5275
5322
  };
5276
5323
  function injectPopover(Target) {
@@ -5279,8 +5326,10 @@ function injectPopover(Target) {
5279
5326
  var _props$popover = props.popover,
5280
5327
  title = _props$popover.title,
5281
5328
  content = _props$popover.content,
5329
+ _props$popover$autoCl = _props$popover.autoClose,
5330
+ autoClose = _props$popover$autoCl === void 0 ? 'outside' : _props$popover$autoCl,
5282
5331
  _props$popover$trigge = _props$popover.trigger,
5283
- trigger = _props$popover$trigge === void 0 ? 'click' : _props$popover$trigge,
5332
+ trigger = _props$popover$trigge === void 0 ? 'press' : _props$popover$trigge,
5284
5333
  _props$popover$placem = _props$popover.placement,
5285
5334
  placement = _props$popover$placem === void 0 ? 'right' : _props$popover$placem,
5286
5335
  tooltipProps = _objectWithoutProperties(_props$popover, _excluded$L),
@@ -5290,6 +5339,7 @@ function injectPopover(Target) {
5290
5339
 
5291
5340
  var _useTrigger = useTrigger(trigger, tooltipProps, elementProps, ref),
5292
5341
  visible = _useTrigger.visible,
5342
+ setVisible = _useTrigger.setVisible,
5293
5343
  targetProps = _useTrigger.targetProps,
5294
5344
  targetRef = _useTrigger.targetRef,
5295
5345
  templateProps = _useTrigger.templateProps;
@@ -5302,7 +5352,14 @@ function injectPopover(Target) {
5302
5352
  targetRef: targetRef,
5303
5353
  visible: visible
5304
5354
  }, function (overlay, overlayRef) {
5305
- return /*#__PURE__*/React__default["default"].createElement(Popover, _extends({}, templateProps, {
5355
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(BackdropHandler, {
5356
+ toggleRef: targetRef,
5357
+ dialogRef: overlayRef,
5358
+ onClose: function onClose() {
5359
+ setVisible(false);
5360
+ },
5361
+ autoClose: autoClose
5362
+ }), /*#__PURE__*/React__default["default"].createElement(Popover, _extends({}, templateProps, {
5306
5363
  ref: overlayRef,
5307
5364
  placement: overlay.placement,
5308
5365
  popper: overlay.rendered,
@@ -5311,7 +5368,7 @@ function injectPopover(Target) {
5311
5368
  opacity: overlay.rendered ? 1 : 0
5312
5369
  }],
5313
5370
  arrowStyle: overlay.arrowProps.style
5314
- }), /*#__PURE__*/React__default["default"].createElement(Popover.Arrow, null), title && /*#__PURE__*/React__default["default"].createElement(Popover.Header, null, title), /*#__PURE__*/React__default["default"].createElement(Popover.Body, null, content));
5371
+ }), /*#__PURE__*/React__default["default"].createElement(Popover.Arrow, null), title && /*#__PURE__*/React__default["default"].createElement(Popover.Header, null, title), /*#__PURE__*/React__default["default"].createElement(Popover.Body, null, content)));
5315
5372
  })));
5316
5373
  });
5317
5374
  OverlayPopover.displayName = 'Overlay(Popover)';
@@ -5324,14 +5381,14 @@ TooltipContext.displayName = 'TooltipContext';
5324
5381
 
5325
5382
  var _excluded$K = ["style"];
5326
5383
 
5327
- var _templateObject$C, _templateObject2$q, _templateObject3$e, _templateObject4$c, _templateObject5$a, _templateObject6$9, _templateObject7$6, _templateObject8$5, _templateObject9$4, _templateObject10$4;
5384
+ var _templateObject$C, _templateObject2$s, _templateObject3$e, _templateObject4$c, _templateObject5$a, _templateObject6$9, _templateObject7$6, _templateObject8$5, _templateObject9$4, _templateObject10$4;
5328
5385
  var propTypes$K = {
5329
5386
  // eslint-disable-next-line react/forbid-prop-types
5330
5387
  style: PropTypes__default["default"].any
5331
5388
  };
5332
5389
  var styles$B = StyleSheet.create({
5333
5390
  '.tooltip-arrow': css(_templateObject$C || (_templateObject$C = _taggedTemplateLiteral(["\n position: absolute;\n // display: block;\n width: $tooltip-arrow-width;\n height: $tooltip-arrow-height;\n "]))),
5334
- '.tooltip-arrow::before': css(_templateObject2$q || (_templateObject2$q = _taggedTemplateLiteral(["\n position: absolute;\n // content: \"\";\n border-top-color: transparent;\n border-right-color: transparent;\n border-left-color: transparent;\n border-bottom-color: transparent;\n border-style: solid;\n "]))),
5391
+ '.tooltip-arrow::before': css(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteral(["\n position: absolute;\n // content: \"\";\n border-top-color: transparent;\n border-right-color: transparent;\n border-left-color: transparent;\n border-bottom-color: transparent;\n border-style: solid;\n "]))),
5335
5392
  '.bs-tooltip-top .tooltip-arrow': css(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteral(["\n bottom: 0;\n "]))),
5336
5393
  '.bs-tooltip-top .tooltip-arrow::before': css(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteral(["\n top: -1px;\n border-top-width: $tooltip-arrow-height;\n border-right-width: $tooltip-arrow-width * 0.5;\n border-left-width: $tooltip-arrow-width * 0.5;\n border-bottom-width: 0;\n border-top-color: $tooltip-arrow-color;\n "]))),
5337
5394
  '.bs-tooltip-end .tooltip-arrow': css(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteral(["\n left: 0;\n width: $tooltip-arrow-height;\n height: $tooltip-arrow-width;\n "]))),
@@ -5362,34 +5419,42 @@ var TooltipArrow = /*#__PURE__*/React__default["default"].forwardRef(function (p
5362
5419
  TooltipArrow.displayName = 'TooltipArrow';
5363
5420
  TooltipArrow.propTypes = propTypes$K;
5364
5421
 
5365
- var _excluded$J = ["children", "style"];
5422
+ var _excluded$J = ["children", "style", "textStyle"];
5366
5423
 
5367
- var _templateObject$B;
5424
+ var _templateObject$B, _templateObject2$r;
5368
5425
  var propTypes$J = {
5369
5426
  children: PropTypes__default["default"].node.isRequired,
5370
5427
  // eslint-disable-next-line react/forbid-prop-types
5371
- style: PropTypes__default["default"].any
5428
+ style: PropTypes__default["default"].any,
5429
+ // eslint-disable-next-line react/forbid-prop-types
5430
+ textStyle: PropTypes__default["default"].any
5372
5431
  };
5373
5432
  var styles$A = StyleSheet.create({
5374
- '.tooltip-inner': css(_templateObject$B || (_templateObject$B = _taggedTemplateLiteral(["\n max-width: $tooltip-max-width;\n padding: $tooltip-padding-y $tooltip-padding-x;\n color: $tooltip-color;\n text-align: center;\n background-color: $tooltip-bg;\n border-radius: $tooltip-border-radius;\n "])))
5433
+ '.tooltip-inner': css(_templateObject$B || (_templateObject$B = _taggedTemplateLiteral(["\n max-width: $tooltip-max-width;\n padding: $tooltip-padding-y $tooltip-padding-x;\n background-color: $tooltip-bg;\n border-radius: $tooltip-border-radius;\n "]))),
5434
+ '.tooltip-inner-text': css(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteral(["\n color: $tooltip-color;\n text-align: center;\n "])))
5375
5435
  });
5376
5436
  var TooltipInner = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
5377
5437
  var children = props.children,
5378
5438
  style = props.style,
5439
+ textStyle = props.textStyle,
5379
5440
  elementProps = _objectWithoutProperties(props, _excluded$J);
5380
5441
 
5381
5442
  var classes = getStyles(styles$A, ['.tooltip-inner']);
5382
- return /*#__PURE__*/React__default["default"].createElement(Text, _extends({}, elementProps, {
5443
+ var textClasses = getStyles(styles$A, ['.tooltip-inner-text']); // composite component
5444
+
5445
+ return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
5383
5446
  ref: ref,
5384
5447
  style: [classes, style]
5385
- }), children);
5448
+ }), /*#__PURE__*/React__default["default"].createElement(Text, {
5449
+ style: [textClasses, textStyle]
5450
+ }, children));
5386
5451
  });
5387
5452
  TooltipInner.displayName = 'TooltipInner';
5388
5453
  TooltipInner.propTypes = propTypes$J;
5389
5454
 
5390
5455
  var _excluded$I = ["children", "placement", "popper", "style", "textStyle", "arrowStyle"];
5391
5456
 
5392
- var _templateObject$A, _templateObject2$p, _templateObject3$d, _templateObject4$b, _templateObject5$9, _templateObject6$8;
5457
+ var _templateObject$A, _templateObject2$q, _templateObject3$d, _templateObject4$b, _templateObject5$9, _templateObject6$8;
5393
5458
  var propTypes$I = {
5394
5459
  children: PropTypes__default["default"].node.isRequired,
5395
5460
  placement: PropTypes__default["default"].string,
@@ -5403,7 +5468,7 @@ var propTypes$I = {
5403
5468
  };
5404
5469
  var styles$z = StyleSheet.create({
5405
5470
  '.tooltip': css(_templateObject$A || (_templateObject$A = _taggedTemplateLiteral(["\n position: absolute;\n z-index: $zindex-tooltip;\n // display: block;\n margin: $tooltip-margin;\n // opacity: 0;\n "]))),
5406
- '.tooltip-text': css(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteral(["\n // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n // So reset our font and text properties to avoid inheriting weird values.\n // @include reset-text();\n font-size: $tooltip-font-size;\n // Allow breaking very long words so they don't overflow the tooltip's bounds\n // word-wrap: break-word;\n "]))),
5471
+ '.tooltip-text': css(_templateObject2$q || (_templateObject2$q = _taggedTemplateLiteral(["\n // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n // So reset our font and text properties to avoid inheriting weird values.\n // @include reset-text();\n font-size: $tooltip-font-size;\n // Allow breaking very long words so they don't overflow the tooltip's bounds\n // word-wrap: break-word;\n "]))),
5407
5472
  '.bs-tooltip-top': css(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteral(["\n padding: $tooltip-arrow-height 0;\n "]))),
5408
5473
  '.bs-tooltip-end': css(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteral(["\n padding: 0 $tooltip-arrow-height;\n "]))),
5409
5474
  '.bs-tooltip-bottom': css(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteral(["\n padding: $tooltip-arrow-height 0;\n "]))),
@@ -5443,11 +5508,12 @@ Tooltip.propTypes = propTypes$I;
5443
5508
  Tooltip.Arrow = TooltipArrow;
5444
5509
  Tooltip.Inner = TooltipInner;
5445
5510
 
5446
- var _excluded$H = ["title", "trigger", "placement"],
5511
+ var _excluded$H = ["title", "autoClose", "trigger", "placement"],
5447
5512
  _excluded2 = ["tooltip"];
5448
5513
  var propTypes$H = {
5449
5514
  tooltip: PropTypes__default["default"].shape(_objectSpread2({
5450
- title: PropTypes__default["default"].node.isRequired
5515
+ title: PropTypes__default["default"].node.isRequired,
5516
+ autoClose: PropTypes__default["default"].oneOfType([PropTypes__default["default"].bool, PropTypes__default["default"].oneOf(['inside', 'outside'])])
5451
5517
  }, TriggerPropTypes))
5452
5518
  };
5453
5519
  function injectTooltip(Target) {
@@ -5455,6 +5521,8 @@ function injectTooltip(Target) {
5455
5521
  /* eslint-disable react/prop-types */
5456
5522
  var _props$tooltip = props.tooltip,
5457
5523
  title = _props$tooltip.title,
5524
+ _props$tooltip$autoCl = _props$tooltip.autoClose,
5525
+ autoClose = _props$tooltip$autoCl === void 0 ? 'outside' : _props$tooltip$autoCl,
5458
5526
  _props$tooltip$trigge = _props$tooltip.trigger,
5459
5527
  trigger = _props$tooltip$trigge === void 0 ? 'hover focus' : _props$tooltip$trigge,
5460
5528
  _props$tooltip$placem = _props$tooltip.placement,
@@ -5466,6 +5534,7 @@ function injectTooltip(Target) {
5466
5534
 
5467
5535
  var _useTrigger = useTrigger(trigger, tooltipProps, elementProps, ref),
5468
5536
  visible = _useTrigger.visible,
5537
+ setVisible = _useTrigger.setVisible,
5469
5538
  targetProps = _useTrigger.targetProps,
5470
5539
  targetRef = _useTrigger.targetRef,
5471
5540
  templateProps = _useTrigger.templateProps;
@@ -5477,7 +5546,14 @@ function injectTooltip(Target) {
5477
5546
  arrowOffset: offset,
5478
5547
  visible: visible
5479
5548
  }, function (overlay, overlayRef) {
5480
- return /*#__PURE__*/React__default["default"].createElement(Tooltip, _extends({}, templateProps, {
5549
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(BackdropHandler, {
5550
+ toggleRef: targetRef,
5551
+ dialogRef: overlayRef,
5552
+ onClose: function onClose() {
5553
+ setVisible(false);
5554
+ },
5555
+ autoClose: autoClose
5556
+ }), /*#__PURE__*/React__default["default"].createElement(Tooltip, _extends({}, templateProps, {
5481
5557
  ref: overlayRef,
5482
5558
  placement: overlay.placement,
5483
5559
  popper: overlay.rendered,
@@ -5486,7 +5562,7 @@ function injectTooltip(Target) {
5486
5562
  opacity: overlay.rendered ? 1 : 0
5487
5563
  }],
5488
5564
  arrowStyle: overlay.arrowProps.style
5489
- }), /*#__PURE__*/React__default["default"].createElement(Tooltip.Arrow, null), /*#__PURE__*/React__default["default"].createElement(Tooltip.Inner, null, title));
5565
+ }), /*#__PURE__*/React__default["default"].createElement(Tooltip.Arrow, null), /*#__PURE__*/React__default["default"].createElement(Tooltip.Inner, null, title)));
5490
5566
  })));
5491
5567
  });
5492
5568
  OverlayTooltip.displayName = 'Overlay(Tooltip)';
@@ -5542,27 +5618,35 @@ var ImageBackground = /*#__PURE__*/React__default["default"].forwardRef(function
5542
5618
  ImageBackground.displayName = 'ImageBackground';
5543
5619
  ImageBackground.propTypes = propTypes$F;
5544
5620
 
5545
- var _excluded$E = ["children", "style"];
5621
+ var _excluded$E = ["children", "style", "textStyle"];
5546
5622
 
5547
- var _templateObject$z;
5623
+ var _templateObject$z, _templateObject2$p;
5548
5624
  var propTypes$E = {
5549
5625
  children: PropTypes__default["default"].node.isRequired,
5550
5626
  // eslint-disable-next-line react/forbid-prop-types
5551
- style: PropTypes__default["default"].any
5627
+ style: PropTypes__default["default"].any,
5628
+ // eslint-disable-next-line react/forbid-prop-types
5629
+ textStyle: PropTypes__default["default"].any
5552
5630
  };
5553
5631
  var styles$y = StyleSheet.create({
5554
- '.form-label': css(_templateObject$z || (_templateObject$z = _taggedTemplateLiteral(["\n margin-bottom: $form-label-margin-bottom;\n font-size: $form-label-font-size;\n font-style: $form-label-font-style;\n font-weight: $form-label-font-weight;\n color: $form-label-color;\n "])))
5632
+ '.form-label': css(_templateObject$z || (_templateObject$z = _taggedTemplateLiteral(["\n margin-bottom: $form-label-margin-bottom;\n "]))),
5633
+ '.form-label-text': css(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteral(["\n font-size: $form-label-font-size;\n font-style: $form-label-font-style;\n font-weight: $form-label-font-weight;\n color: $form-label-color;\n "])))
5555
5634
  });
5556
5635
  var Label = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
5557
5636
  var children = props.children,
5558
5637
  style = props.style,
5638
+ textStyle = props.textStyle,
5559
5639
  elementProps = _objectWithoutProperties(props, _excluded$E);
5560
5640
 
5561
5641
  var classes = getStyles(styles$y, ['.form-label']);
5562
- return /*#__PURE__*/React__default["default"].createElement(Text, _extends({}, elementProps, {
5642
+ var textClasses = getStyles(styles$y, ['.form-label-text']); // composite component
5643
+
5644
+ return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
5563
5645
  ref: ref,
5564
5646
  style: [classes, style]
5565
- }), children);
5647
+ }), /*#__PURE__*/React__default["default"].createElement(Text, {
5648
+ style: [textClasses, textStyle]
5649
+ }, children));
5566
5650
  });
5567
5651
  Label.displayName = 'Label';
5568
5652
  Label.propTypes = propTypes$E;
@@ -6319,32 +6403,39 @@ Nav.propTypes = propTypes$s;
6319
6403
  Nav.Context = NavContext;
6320
6404
  Nav.Link = NavLink;
6321
6405
 
6322
- var _excluded$r = ["children", "style"];
6406
+ var _excluded$r = ["children", "style", "textStyle"];
6323
6407
 
6324
6408
  var _templateObject$n, _templateObject2$i, _templateObject3$7;
6325
6409
  var propTypes$r = {
6326
6410
  children: PropTypes__default["default"].node.isRequired,
6327
6411
  // eslint-disable-next-line react/forbid-prop-types
6328
- style: PropTypes__default["default"].any
6412
+ style: PropTypes__default["default"].any,
6413
+ // eslint-disable-next-line react/forbid-prop-types
6414
+ textStyle: PropTypes__default["default"].any
6329
6415
  };
6330
6416
  var styles$n = StyleSheet.create({
6331
6417
  '.navbar-text': css(_templateObject$n || (_templateObject$n = _taggedTemplateLiteral(["\n padding-top: $nav-link-padding-y;\n padding-bottom: $nav-link-padding-y;\n "]))),
6332
- '.navbar-light .navbar-text': css(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteral(["\n color: $navbar-light-color;\n "]))),
6333
- '.navbar-dark .navbar-text': css(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteral(["\n color: $navbar-dark-color;\n "])))
6418
+ '.navbar-light .navbar-text-text': css(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteral(["\n color: $navbar-light-color;\n "]))),
6419
+ '.navbar-dark .navbar-text-text': css(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteral(["\n color: $navbar-dark-color;\n "])))
6334
6420
  });
6335
6421
  var NavbarText = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
6336
6422
  var children = props.children,
6337
6423
  style = props.style,
6424
+ textStyle = props.textStyle,
6338
6425
  elementProps = _objectWithoutProperties(props, _excluded$r);
6339
6426
 
6340
6427
  var _useForcedContext = useForcedContext(NavbarContext),
6341
6428
  variant = _useForcedContext.variant;
6342
6429
 
6343
- var classes = getStyles(styles$n, ['.navbar-text', ".navbar-".concat(variant, " .navbar-text")]);
6344
- return /*#__PURE__*/React__default["default"].createElement(Text, _extends({}, elementProps, {
6430
+ var classes = getStyles(styles$n, ['.navbar-text']);
6431
+ var textClasses = getStyles(styles$n, [".navbar-".concat(variant, " .navbar-text-text")]); // composite component
6432
+
6433
+ return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
6345
6434
  ref: ref,
6346
6435
  style: [classes, style]
6347
- }), children);
6436
+ }), /*#__PURE__*/React__default["default"].createElement(Text, {
6437
+ style: [textClasses, textStyle]
6438
+ }, children));
6348
6439
  });
6349
6440
  NavbarText.displayName = 'NavbarText';
6350
6441
  NavbarText.propTypes = propTypes$r;
@@ -7048,7 +7139,8 @@ var ProgressBar = /*#__PURE__*/React__default["default"].forwardRef(function (pr
7048
7139
  max = _useForcedContext.max;
7049
7140
 
7050
7141
  var classes = getStyles(styles$b, ['.progress-bar']);
7051
- var textClasses = getStyles(styles$b, ['.progress-bar-text']);
7142
+ var textClasses = getStyles(styles$b, ['.progress-bar-text']); // composite component
7143
+
7052
7144
  return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
7053
7145
  ref: ref,
7054
7146
  accessibilityRole: "progressbar",
@@ -7057,9 +7149,10 @@ var ProgressBar = /*#__PURE__*/React__default["default"].forwardRef(function (pr
7057
7149
  accessibilityValueMax: max,
7058
7150
  style: [classes, style, {
7059
7151
  width: "".concat(getPercentage(value, min, max), "%")
7060
- }],
7061
- textStyle: [textClasses, textStyle]
7062
- }), /*#__PURE__*/React__default["default"].createElement(Text, null, children || ' '));
7152
+ }]
7153
+ }), children && /*#__PURE__*/React__default["default"].createElement(Text, {
7154
+ style: [textClasses, textStyle]
7155
+ }, children));
7063
7156
  });
7064
7157
  ProgressBar.displayName = 'ProgressBar';
7065
7158
  ProgressBar.propTypes = propTypes$f;