bootstrap-rn 0.2.2 → 0.2.4

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 +109 -70
  2. package/dist/bootstrap-rn.esm.js +109 -70
  3. package/dist/bootstrap-rn.umd.js +109 -70
  4. package/dist/bootstrap-rn.umd.min.js +3 -3
  5. package/package.json +1 -1
package/dist/bootstrap-rn.cjs.js CHANGED
@@ -2555,21 +2555,21 @@ var variables = css(_templateObject$1d || (_templateObject$1d = _taggedTemplateL
2555
2555
  }, function (t) {
2556
2556
  return calculate(t['input-padding-y'], '*', 0.5);
2557
2557
  }), add(function (t) {
2558
- return calculate(t['input-line-height'], '*', 1);
2558
+ return calculate(t['input-line-height'], '*', t['input-font-size']);
2559
2559
  }, // 1em
2560
2560
  add(function (t) {
2561
2561
  return calculate(t['input-padding-y'], '*', 2);
2562
2562
  }, function (t) {
2563
2563
  return t['input-height-border'];
2564
2564
  })), add(function (t) {
2565
- return calculate(t['input-line-height'], '*', 1);
2565
+ return calculate(t['input-line-height'], '*', t['input-font-size-sm']);
2566
2566
  }, // 1em
2567
2567
  add(function (t) {
2568
2568
  return calculate(t['input-padding-y-sm'], '*', 2);
2569
2569
  }, function (t) {
2570
2570
  return t['input-height-border'];
2571
2571
  })), add(function (t) {
2572
- return calculate(t['input-line-height'], '*', 1);
2572
+ return calculate(t['input-line-height'], '*', t['input-font-size-lg']);
2573
2573
  }, // 1em
2574
2574
  add(function (t) {
2575
2575
  return calculate(t['input-padding-y-lg'], '*', 2);
@@ -3510,7 +3510,7 @@ function useToggleButton(props) {
3510
3510
 
3511
3511
  var _excluded$1l = ["children", "color", "size", "outline", "active", "disabled", "style", "activeStyle", "textStyle", "activeTextStyle"];
3512
3512
 
3513
- var _templateObject$15, _templateObject2$P, _templateObject3$p, _templateObject4$m, _templateObject5$j, _templateObject6$g, _templateObject7$b, _templateObject8$b, _templateObject9$9, _templateObject10$9, _templateObject11$6, _templateObject12$5, _templateObject13$5, _templateObject14$4, _templateObject15$3, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1, _templateObject21, _templateObject22, _templateObject23;
3513
+ var _templateObject$15, _templateObject2$P, _templateObject3$p, _templateObject4$m, _templateObject5$j, _templateObject6$g, _templateObject7$b, _templateObject8$b, _templateObject9$a, _templateObject10$a, _templateObject11$7, _templateObject12$5, _templateObject13$5, _templateObject14$4, _templateObject15$3, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1, _templateObject21, _templateObject22, _templateObject23;
3514
3514
  var propTypes$1p = {
3515
3515
  children: PropTypes__default["default"].node.isRequired,
3516
3516
  color: PropTypes__default["default"].oneOf([].concat(_toConsumableArray(Object.keys(THEME_COLORS)), ['link'])),
@@ -3550,7 +3550,7 @@ var styles$17 = StyleSheet.create(_objectSpread2(_objectSpread2({
3550
3550
  return t['btn-active-bg-shade-amount'];
3551
3551
  }, value), shadeColor(function (t) {
3552
3552
  return t['btn-active-border-shade-amount'];
3553
- }, value))), _defineProperty(_ref, ".btn-".concat(color, ".active --text"), css(_templateObject7$b || (_templateObject7$b = _taggedTemplateLiteral(["\n color: ", ";\n "])), colorContrast(value))), _defineProperty(_ref, ".btn-".concat(color, ".disabled"), css(_templateObject8$b || (_templateObject8$b = _taggedTemplateLiteral(["\n $disabled-background: ", ";\n $disabled-border: ", ";\n\n background-color: $disabled-background;\n // Remove CSS gradients if they're enabled\n // background-image: if($enable-gradients, none, null);\n border-color: $disabled-border;\n "])), value, value)), _defineProperty(_ref, ".btn-".concat(color, ".disabled --text"), css(_templateObject9$9 || (_templateObject9$9 = _taggedTemplateLiteral(["\n $disabled-color: ", ";\n\n color: $disabled-color;\n "])), colorContrast(value))), _defineProperty(_ref, ".btn-outline-".concat(color), css(_templateObject10$9 || (_templateObject10$9 = _taggedTemplateLiteral(["\n border-color: ", ";\n\n &:hover {\n background-color: ", ";\n border-color: ", ";\n }\n\n &:focus {\n // box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n &:active {\n background-color: ", ";\n border-color: ", ";\n\n /* &:focus {\n @if $enable-shadows {\n @include box-shadow(\n $btn-active-box-shadow,\n 0 0 0 $btn-focus-width rgba($color, 0.5)\n );\n } @else {\n // Avoid using mixin so we can pass custom focus shadow properly\n box-shadow: 0 0 0 $btn-focus-width rgba($color, 0.5);\n }\n } */\n }\n "])), value, value, value, value, value)), _defineProperty(_ref, ".btn-outline-".concat(color, " --text"), css(_templateObject11$6 || (_templateObject11$6 = _taggedTemplateLiteral(["\n color: ", ";\n\n &:hover {\n color: ", ";\n }\n\n &:active {\n color: ", ";\n }\n "])), value, colorContrast(value), colorContrast(value))), _defineProperty(_ref, ".btn-outline-".concat(color, ".disabled"), css(_templateObject12$5 || (_templateObject12$5 = _taggedTemplateLiteral(["\n background-color: transparent;\n "])))), _defineProperty(_ref, ".btn-outline-".concat(color, ".disabled --text"), css(_templateObject13$5 || (_templateObject13$5 = _taggedTemplateLiteral(["\n color: ", ";\n "])), value)), _ref;
3553
+ }, value))), _defineProperty(_ref, ".btn-".concat(color, ".active --text"), css(_templateObject7$b || (_templateObject7$b = _taggedTemplateLiteral(["\n color: ", ";\n "])), colorContrast(value))), _defineProperty(_ref, ".btn-".concat(color, ".disabled"), css(_templateObject8$b || (_templateObject8$b = _taggedTemplateLiteral(["\n $disabled-background: ", ";\n $disabled-border: ", ";\n\n background-color: $disabled-background;\n // Remove CSS gradients if they're enabled\n // background-image: if($enable-gradients, none, null);\n border-color: $disabled-border;\n "])), value, value)), _defineProperty(_ref, ".btn-".concat(color, ".disabled --text"), css(_templateObject9$a || (_templateObject9$a = _taggedTemplateLiteral(["\n $disabled-color: ", ";\n\n color: $disabled-color;\n "])), colorContrast(value))), _defineProperty(_ref, ".btn-outline-".concat(color), css(_templateObject10$a || (_templateObject10$a = _taggedTemplateLiteral(["\n border-color: ", ";\n\n &:hover {\n background-color: ", ";\n border-color: ", ";\n }\n\n &:focus {\n // box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n &:active {\n background-color: ", ";\n border-color: ", ";\n\n /* &:focus {\n @if $enable-shadows {\n @include box-shadow(\n $btn-active-box-shadow,\n 0 0 0 $btn-focus-width rgba($color, 0.5)\n );\n } @else {\n // Avoid using mixin so we can pass custom focus shadow properly\n box-shadow: 0 0 0 $btn-focus-width rgba($color, 0.5);\n }\n } */\n }\n "])), value, value, value, value, value)), _defineProperty(_ref, ".btn-outline-".concat(color, " --text"), css(_templateObject11$7 || (_templateObject11$7 = _taggedTemplateLiteral(["\n color: ", ";\n\n &:hover {\n color: ", ";\n }\n\n &:active {\n color: ", ";\n }\n "])), value, colorContrast(value), colorContrast(value))), _defineProperty(_ref, ".btn-outline-".concat(color, ".disabled"), css(_templateObject12$5 || (_templateObject12$5 = _taggedTemplateLiteral(["\n background-color: transparent;\n "])))), _defineProperty(_ref, ".btn-outline-".concat(color, ".disabled --text"), css(_templateObject13$5 || (_templateObject13$5 = _taggedTemplateLiteral(["\n color: ", ";\n "])), value)), _ref;
3554
3554
  })), {}, {
3555
3555
  '.btn-link --text': css(_templateObject14$4 || (_templateObject14$4 = _taggedTemplateLiteral(["\n font-weight: $font-weight-normal;\n color: $btn-link-color;\n text-decoration-color: $btn-link-color; // added for bootstrap-rn\n text-decoration-line: $link-decoration;\n\n &:hover {\n color: $btn-link-hover-color;\n text-decoration-color: $btn-link-hover-color; // added for bootstrap-rn\n text-decoration-line: $link-hover-decoration;\n }\n\n &:focus {\n text-decoration-line: $link-hover-decoration;\n }\n\n // No need for an active state here\n "]))),
3556
3556
  '.btn-link.disabled --text': css(_templateObject15$3 || (_templateObject15$3 = _taggedTemplateLiteral(["\n color: $btn-link-disabled-color;\n "]))),
@@ -4572,7 +4572,7 @@ FormCheckInputNative.propTypes = propTypes$1d;
4572
4572
 
4573
4573
  var _excluded$19 = ["type", "value", "onFocus", "onBlur", "disabled", "valid", "invalid", "useNativeComponent", "style"];
4574
4574
 
4575
- var _templateObject$Y, _templateObject2$H, _templateObject3$m, _templateObject4$j, _templateObject5$g, _templateObject6$e, _templateObject7$9, _templateObject8$9, _templateObject9$8, _templateObject10$8, _templateObject11$5, _templateObject12$4, _templateObject13$4, _templateObject14$3, _templateObject15$2;
4575
+ var _templateObject$Y, _templateObject2$H, _templateObject3$m, _templateObject4$j, _templateObject5$g, _templateObject6$e, _templateObject7$9, _templateObject8$9, _templateObject9$9, _templateObject10$9, _templateObject11$6, _templateObject12$4, _templateObject13$4, _templateObject14$3, _templateObject15$2;
4576
4576
  /* eslint-disable react/no-unused-prop-types */
4577
4577
 
4578
4578
  var propTypes$1c = {
@@ -4603,17 +4603,17 @@ var styles$X = StyleSheet.create(_objectSpread2(_objectSpread2({
4603
4603
  '.form-check-input[type="radio"]:checked': css(_templateObject8$9 || (_templateObject8$9 = _taggedTemplateLiteral(["\n // @if $enable-gradients {\n // background-image: escape-svg($form-check-radio-checked-bg-image), var(--#{$variable-prefix}gradient);\n // } @else {\n background-image: ", ";\n // }\n "])), function (t) {
4604
4604
  return escapeSvg(t['form-check-radio-checked-bg-image']);
4605
4605
  }),
4606
- '.form-check-input:disabled': css(_templateObject9$8 || (_templateObject9$8 = _taggedTemplateLiteral(["\n @include platform(web) {\n pointer-events: none;\n filter: none;\n }\n opacity: $form-check-label-disabled-opacity;\n "])))
4606
+ '.form-check-input:disabled': css(_templateObject9$9 || (_templateObject9$9 = _taggedTemplateLiteral(["\n @include platform(web) {\n pointer-events: none;\n filter: none;\n }\n opacity: $form-check-label-disabled-opacity;\n "])))
4607
4607
  }, each(FORM_VALIDATION_STATES, function (state, data) {
4608
4608
  var _ref;
4609
4609
 
4610
- return _ref = {}, _defineProperty(_ref, ".form-check-input:".concat(state), css(_templateObject10$8 || (_templateObject10$8 = _taggedTemplateLiteral(["\n border-color: ", ";\n\n &:focus {\n border-color: ", "; // added for bootstrap-rn\n @include platform(web) {\n box-shadow: 0 0 $input-btn-focus-blur $input-focus-width\n rgba(", ", $input-btn-focus-color-opacity);\n }\n }\n "])), function (t) {
4610
+ return _ref = {}, _defineProperty(_ref, ".form-check-input:".concat(state), css(_templateObject10$9 || (_templateObject10$9 = _taggedTemplateLiteral(["\n border-color: ", ";\n\n &:focus {\n border-color: ", "; // added for bootstrap-rn\n @include platform(web) {\n box-shadow: 0 0 $input-btn-focus-blur $input-focus-width\n rgba(", ", $input-btn-focus-color-opacity);\n }\n }\n "])), function (t) {
4611
4611
  return data(t).color;
4612
4612
  }, function (t) {
4613
4613
  return data(t).color;
4614
4614
  }, function (t) {
4615
4615
  return data(t).color;
4616
- })), _defineProperty(_ref, ".form-check-input:".concat(state, ":checked"), css(_templateObject11$5 || (_templateObject11$5 = _taggedTemplateLiteral(["\n background-color: ", ";\n "])), function (t) {
4616
+ })), _defineProperty(_ref, ".form-check-input:".concat(state, ":checked"), css(_templateObject11$6 || (_templateObject11$6 = _taggedTemplateLiteral(["\n background-color: ", ";\n "])), function (t) {
4617
4617
  return data(t).color;
4618
4618
  })), _ref;
4619
4619
  })), {}, {
@@ -4882,7 +4882,7 @@ var styles$U = StyleSheet.create({
4882
4882
  });
4883
4883
  var initialState = {
4884
4884
  waitingForMouseUp: false,
4885
- isDialogClick: false
4885
+ ignoreBackdropClick: false
4886
4886
  };
4887
4887
 
4888
4888
  var BackdropHandler = function BackdropHandler(props) {
@@ -4909,24 +4909,25 @@ var BackdropHandler = function BackdropHandler(props) {
4909
4909
 
4910
4910
 
4911
4911
  var handleDialogMouseUp = function handleDialogMouseUp() {
4912
- state.isDialogClick = true;
4912
+ state.ignoreBackdropClick = true;
4913
4913
  };
4914
4914
 
4915
4915
  var handleDocumentClick = function handleDocumentClick(_ref) {
4916
4916
  var target = _ref.target;
4917
+ var isDialogClick = state.ignoreBackdropClick || dialog.contains(target);
4917
4918
 
4918
4919
  if (backdrop === 'static' || autoClose === false) {
4919
4920
  return;
4920
4921
  } // Click outside -> return if autoClose is inside.
4921
4922
 
4922
4923
 
4923
- if (!state.isDialogClick && autoClose === 'inside') {
4924
+ if (!isDialogClick && autoClose === 'inside') {
4924
4925
  return;
4925
4926
  } // Click inside / on dialog -> return if autoClose is outside.
4926
4927
 
4927
4928
 
4928
- if (state.isDialogClick) {
4929
- state.isDialogClick = false;
4929
+ if (isDialogClick) {
4930
+ state.ignoreBackdropClick = false;
4930
4931
 
4931
4932
  if (autoClose === 'outside') {
4932
4933
  return;
@@ -4943,7 +4944,7 @@ var BackdropHandler = function BackdropHandler(props) {
4943
4944
 
4944
4945
  var handleDocumentMouseUp = function handleDocumentMouseUp() {
4945
4946
  if (state.waitingForMouseUp) {
4946
- state.isDialogClick = true;
4947
+ state.ignoreBackdropClick = true;
4947
4948
  }
4948
4949
 
4949
4950
  state.waitingForMouseUp = false;
@@ -4983,7 +4984,7 @@ BackdropHandler.propTypes = propTypes$17;
4983
4984
 
4984
4985
  var _excluded$15 = ["children", "start", "right", "end", "style", "textStyle"];
4985
4986
 
4986
- var _templateObject$U, _templateObject2$F, _templateObject3$k, _templateObject4$h, _templateObject5$e, _templateObject6$d, _templateObject7$8, _templateObject8$8, _templateObject9$7, _templateObject10$7;
4987
+ var _templateObject$U, _templateObject2$F, _templateObject3$k, _templateObject4$h, _templateObject5$e, _templateObject6$d, _templateObject7$8, _templateObject8$8, _templateObject9$8, _templateObject10$8;
4987
4988
  var ALIGNMENT_BREAKPOINTS = [true, 'sm', 'md', 'lg', 'xl', 'xxl'];
4988
4989
  var propTypes$16 = {
4989
4990
  children: PropTypes__default["default"].node.isRequired,
@@ -5008,9 +5009,9 @@ var styles$T = StyleSheet.create(_objectSpread2(_objectSpread2(_objectSpread2({
5008
5009
  '.dropstart .dropdown-menu[data-bs-popper]': css(_templateObject7$8 || (_templateObject7$8 = _taggedTemplateLiteral(["\n top: 0;\n right: 100%;\n left: auto;\n margin-top: 0;\n margin-right: $dropdown-spacer;\n "]))),
5009
5010
  '.navbar-nav .dropdown-menu': css(_templateObject8$8 || (_templateObject8$8 = _taggedTemplateLiteral(["\n position: relative; // static;\n "])))
5010
5011
  }, each(GRID_BREAKPOINTS, function (breakpoint) {
5011
- return _defineProperty({}, ".navbar-expand".concat(infix(next(breakpoint)), " .navbar-nav .dropdown-menu"), css(_templateObject9$7 || (_templateObject9$7 = _taggedTemplateLiteral(["\n @include media-breakpoint-up(", ") {\n position: absolute;\n }\n "])), next(breakpoint)));
5012
+ return _defineProperty({}, ".navbar-expand".concat(infix(next(breakpoint)), " .navbar-nav .dropdown-menu"), css(_templateObject9$8 || (_templateObject9$8 = _taggedTemplateLiteral(["\n @include media-breakpoint-up(", ") {\n position: absolute;\n }\n "])), next(breakpoint)));
5012
5013
  })), {}, {
5013
- '.dropdown-menu --text': css(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteral(["\n font-size: $dropdown-font-size;\n color: $dropdown-color;\n text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)\n "])))
5014
+ '.dropdown-menu --text': css(_templateObject10$8 || (_templateObject10$8 = _taggedTemplateLiteral(["\n font-size: $dropdown-font-size;\n color: $dropdown-color;\n text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)\n "])))
5014
5015
  }));
5015
5016
 
5016
5017
  var getAlignment = function getAlignment(media, start, end) {
@@ -5676,7 +5677,7 @@ TextInput.propTypes = propTypes$U;
5676
5677
 
5677
5678
  var _excluded$R = ["size", "placeholderTextColor", "multiline", "disabled", "valid", "invalid", "editable", "selectTextOnFocus", "style"];
5678
5679
 
5679
- var _templateObject$H, _templateObject2$w, _templateObject3$g, _templateObject4$e, _templateObject5$c, _templateObject6$b, _templateObject7$7, _templateObject8$7;
5680
+ var _templateObject$H, _templateObject2$w, _templateObject3$g, _templateObject4$e, _templateObject5$c, _templateObject6$b, _templateObject7$7, _templateObject8$7, _templateObject9$7, _templateObject10$7, _templateObject11$5;
5680
5681
  var propTypes$T = {
5681
5682
  size: PropTypes__default["default"].oneOf(['sm', 'lg']),
5682
5683
  placeholderTextColor: PropTypes__default["default"].string,
@@ -5688,17 +5689,36 @@ var propTypes$T = {
5688
5689
  selectTextOnFocus: PropTypes__default["default"].bool,
5689
5690
  // eslint-disable-next-line react/forbid-prop-types
5690
5691
  style: PropTypes__default["default"].any
5691
- };
5692
+ }; // Known issues:
5693
+ //
5694
+ // line-height (iOS)
5695
+ // If a line height is defined on iOS the text will be displayed on the bottom
5696
+ // of the line. As a workaround the line height is only defined for multi line
5697
+ // inputs.
5698
+ //
5699
+ // multi line height (iOS)
5700
+ // A multi line input on iOS has only the height of a single line input. As a
5701
+ // workaround we added a height of $input-height-sm + 8rem for multi line
5702
+ // inputs on iOS.
5703
+ //
5704
+ // single line height (Android)
5705
+ // If no height is defined, Android sets a text line height of 28px auto-
5706
+ // matically, which leads to a larger height than min height for the default
5707
+ // and sm size. As a workaround we set a height for single line inputs.
5708
+
5692
5709
  var styles$G = StyleSheet.create(_objectSpread2({
5693
- '.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 // @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 }\n "]))),
5710
+ '.form-control': css(_templateObject$H || (_templateObject$H = _taggedTemplateLiteral(["\n // display: block;\n width: 100%;\n min-height: $input-height; // added for bootstrap-rn\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 @include platform(web) {\n line-height: $input-font-size * $input-line-height;\n }\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 // @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 }\n "]))),
5694
5711
  '.form-control.disabled': css(_templateObject2$w || (_templateObject2$w = _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 "]))),
5695
- '.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 "]))),
5696
- '.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 "]))),
5697
- '.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 "]))),
5698
- '.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 "]))),
5699
- '.form-control-multiline-lg': css(_templateObject7$7 || (_templateObject7$7 = _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 "])))
5712
+ '.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 @include platform(web) {\n line-height: $input-font-size-sm * $line-height-base; // added for bootstrap-rn\n }\n border-radius: $input-border-radius-sm;\n "]))),
5713
+ '.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 @include platform(web) {\n line-height: $input-font-size-lg * $line-height-base; // added for bootstrap-rn\n }\n border-radius: $input-border-radius-lg;\n "]))),
5714
+ '.form-control:not(textarea)': css(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteral(["\n @include platform(android) {\n height: $input-height; // added for bootstrap-rn\n }\n "]))),
5715
+ '.form-control-sm:not(textarea)': css(_templateObject6$b || (_templateObject6$b = _taggedTemplateLiteral(["\n @include platform(android) {\n height: $input-height-sm; // added for bootstrap-rn\n }\n "]))),
5716
+ '.form-control-lg:not(textarea)': css(_templateObject7$7 || (_templateObject7$7 = _taggedTemplateLiteral(["\n @include platform(android) {\n height: $input-height-lg; // added for bootstrap-rn\n }\n "]))),
5717
+ 'textarea.form-control': css(_templateObject8$7 || (_templateObject8$7 = _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 @include platform(native) {\n line-height: $input-font-size * $input-line-height; // added for bootstrap-rn\n }\n "]))),
5718
+ 'textarea.form-control-sm': css(_templateObject9$7 || (_templateObject9$7 = _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 @include platform(native) {\n line-height: $input-font-size-sm * $line-height-base; // added for bootstrap-rn\n }\n "]))),
5719
+ 'textarea.form-control-lg': css(_templateObject10$7 || (_templateObject10$7 = _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 @include platform(native) {\n line-height: $input-font-size-sm * $line-height-base; // added for bootstrap-rn\n }\n "])))
5700
5720
  }, each(FORM_VALIDATION_STATES, function (state, data) {
5701
- return _defineProperty({}, ".form-control:".concat(state), css(_templateObject8$7 || (_templateObject8$7 = _taggedTemplateLiteral(["\n border-color: ", ";\n\n &:focus {\n border-color: ", ";\n @include platform(web) {\n box-shadow: 0 0 $input-btn-focus-blur $input-focus-width\n rgba(", ", $input-btn-focus-color-opacity);\n }\n }\n "])), function (t) {
5721
+ return _defineProperty({}, ".form-control:".concat(state), css(_templateObject11$5 || (_templateObject11$5 = _taggedTemplateLiteral(["\n border-color: ", ";\n\n &:focus {\n border-color: ", ";\n @include platform(web) {\n box-shadow: 0 0 $input-btn-focus-blur $input-focus-width\n rgba(", ", $input-btn-focus-color-opacity);\n }\n }\n "])), function (t) {
5702
5722
  return data(t).color;
5703
5723
  }, function (t) {
5704
5724
  return data(t).color;
@@ -5730,7 +5750,7 @@ var Input = /*#__PURE__*/React__default["default"].forwardRef(function (props, r
5730
5750
  style = modifierProps.style,
5731
5751
  elementProps = _objectWithoutProperties(modifierProps, _excluded$R);
5732
5752
 
5733
- var classes = getStyles(styles$G, ['.form-control', disabled && '.form-control.disabled', size === 'sm' && '.form-control-sm', size === 'lg' && '.form-control-lg', multiline && '.form-control-multiline', multiline && size === 'sm' && '.form-control-multiline-sm', multiline && size === 'lg' && '.form-control-multiline-lg', valid && '.form-control:valid', invalid && '.form-control:invalid']);
5753
+ var classes = getStyles(styles$G, ['.form-control', disabled && '.form-control.disabled', size === 'sm' && '.form-control-sm', size === 'lg' && '.form-control-lg', !multiline && '.form-control:not(textarea)', !multiline && size === 'sm' && '.form-control-sm:not(textarea)', !multiline && size === 'lg' && '.form-control-lg:not(textarea)', multiline && 'textarea.form-control', multiline && size === 'sm' && 'textarea.form-control-sm', multiline && size === 'lg' && 'textarea.form-control-lg', valid && '.form-control:valid', invalid && '.form-control:invalid']);
5734
5754
  return /*#__PURE__*/React__default["default"].createElement(TextInput, _extends({}, elementProps, {
5735
5755
  ref: modifierRef,
5736
5756
  placeholderTextColor: placeholderTextColor,
@@ -6835,7 +6855,7 @@ var ModalTitle = /*#__PURE__*/React__default["default"].forwardRef(function (pro
6835
6855
  ModalTitle.displayName = 'ModalTitle';
6836
6856
  ModalTitle.propTypes = propTypes$B;
6837
6857
 
6838
- var _excluded$y = ["children", "style", "contentContainerStyle"];
6858
+ var _excluded$y = ["children", "style", "innerStyle"];
6839
6859
 
6840
6860
  var _templateObject$t;
6841
6861
  var propTypes$A = {
@@ -6843,7 +6863,7 @@ var propTypes$A = {
6843
6863
  // eslint-disable-next-line react/forbid-prop-types
6844
6864
  style: PropTypes__default["default"].any,
6845
6865
  // eslint-disable-next-line react/forbid-prop-types
6846
- contentContainerStyle: PropTypes__default["default"].any
6866
+ innerStyle: PropTypes__default["default"].any
6847
6867
  };
6848
6868
  var styles$t = StyleSheet.create({
6849
6869
  '.modal-body': css(_templateObject$t || (_templateObject$t = _taggedTemplateLiteral(["\n position: relative;\n // Enable \"flex-grow: 1\" so that the body take up as much space as possible\n // when there should be a fixed height on \".modal-dialog\".\n // Note from bootstrap-rn: Centered modals do not work with this style, but\n // everything just works fine without this style.\n // flex: 1 1 auto;\n padding: $modal-inner-padding;\n "])))
@@ -6851,7 +6871,7 @@ var styles$t = StyleSheet.create({
6851
6871
  var ModalBody = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
6852
6872
  var children = props.children,
6853
6873
  style = props.style,
6854
- contentContainerStyle = props.contentContainerStyle,
6874
+ innerStyle = props.innerStyle,
6855
6875
  elementProps = _objectWithoutProperties(props, _excluded$y);
6856
6876
 
6857
6877
  var _useForcedContext = useForcedContext(ModalContext),
@@ -6862,7 +6882,7 @@ var ModalBody = /*#__PURE__*/React__default["default"].forwardRef(function (prop
6862
6882
  return /*#__PURE__*/React__default["default"].createElement(FlexView, _extends({}, elementProps, {
6863
6883
  ref: ref,
6864
6884
  style: scrollable ? style : [classes, style],
6865
- contentContainerStyle: scrollable ? [classes, contentContainerStyle] : undefined
6885
+ contentContainerStyle: scrollable ? [classes, innerStyle] : undefined
6866
6886
  }), children);
6867
6887
  });
6868
6888
  ModalBody.displayName = 'ModalBody';
@@ -6893,7 +6913,7 @@ var ModalFooter = /*#__PURE__*/React__default["default"].forwardRef(function (pr
6893
6913
  ModalFooter.displayName = 'ModalFooter';
6894
6914
  ModalFooter.propTypes = propTypes$z;
6895
6915
 
6896
- var _excluded$w = ["children", "visible", "size", "backdrop", "scrollable", "centered", "onToggle", "style", "textStyle"];
6916
+ var _excluded$w = ["children", "visible", "size", "backdrop", "scrollable", "centered", "onToggle", "style", "innerStyle", "dialogStyle", "contentStyle", "textStyle", "dialogTextStyle", "contentTextStyle"];
6897
6917
 
6898
6918
  var _templateObject$r, _templateObject2$l, _templateObject3$a, _templateObject4$8, _templateObject5$6, _templateObject6$5, _templateObject7$3, _templateObject8$3, _templateObject9$3, _templateObject10$3, _templateObject11$2;
6899
6919
  var MODAL_SIZES = ['sm', 'lg', 'xl'];
@@ -6908,7 +6928,17 @@ var propTypes$y = {
6908
6928
  // eslint-disable-next-line react/forbid-prop-types
6909
6929
  style: PropTypes__default["default"].any,
6910
6930
  // eslint-disable-next-line react/forbid-prop-types
6911
- textStyle: PropTypes__default["default"].any
6931
+ innerStyle: PropTypes__default["default"].any,
6932
+ // eslint-disable-next-line react/forbid-prop-types
6933
+ dialogStyle: PropTypes__default["default"].any,
6934
+ // eslint-disable-next-line react/forbid-prop-types
6935
+ contentStyle: PropTypes__default["default"].any,
6936
+ // eslint-disable-next-line react/forbid-prop-types
6937
+ textStyle: PropTypes__default["default"].any,
6938
+ // eslint-disable-next-line react/forbid-prop-types
6939
+ dialogTextStyle: PropTypes__default["default"].any,
6940
+ // eslint-disable-next-line react/forbid-prop-types
6941
+ contentTextStyle: PropTypes__default["default"].any
6912
6942
  };
6913
6943
  var styles$r = StyleSheet.create({
6914
6944
  '.modal': css(_templateObject$r || (_templateObject$r = _taggedTemplateLiteral(["\n position: absolute; // fixed;\n top: 0;\n left: 0;\n z-index: $zindex-modal;\n // display: none;\n width: 100%;\n height: 100%;\n // overflow-x: hidden;\n // overflow-y: auto;\n // Prevent Chrome on Windows from adding a focus outline. For details, see\n // https://github.com/twbs/bootstrap/pull/10951.\n @include platform(web) {\n outline-width: 0; // outline: 0;\n }\n // We deliberately don't use \"-webkit-overflow-scrolling: touch;\" due to a\n // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342\n // See also https://github.com/twbs/bootstrap/issues/17695\n "]))),
@@ -6920,8 +6950,8 @@ var styles$r = StyleSheet.create({
6920
6950
  '.modal-content --text': css(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteral(["\n color: $modal-content-color;\n "]))),
6921
6951
  '.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 "]))),
6922
6952
  '.modal-sm': css(_templateObject9$3 || (_templateObject9$3 = _taggedTemplateLiteral(["\n @include media-breakpoint-up(sm) {\n max-width: $modal-sm;\n }\n "]))),
6923
- '.modal-lg': css(_templateObject10$3 || (_templateObject10$3 = _taggedTemplateLiteral(["\n @include media-breakpoint-up(lg) {\n max-width: $modal-lg;\n }\n @include media-breakpoint-up(xl) {\n max-width: $modal-xl;\n }\n "]))),
6924
- '.modal-xl': css(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteral(["\n @include media-breakpoint-up(xl) {\n max-width: $modal-xl;\n }\n "])))
6953
+ '.modal-lg': css(_templateObject10$3 || (_templateObject10$3 = _taggedTemplateLiteral(["\n @include media-breakpoint-up(lg) {\n max-width: $modal-lg;\n }\n "]))),
6954
+ '.modal-xl': css(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteral(["\n @include media-breakpoint-up(lg) {\n max-width: $modal-lg;\n }\n @include media-breakpoint-up(xl) {\n max-width: $modal-xl;\n }\n "])))
6925
6955
  });
6926
6956
  var Modal = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
6927
6957
  var children = props.children,
@@ -6935,7 +6965,12 @@ var Modal = /*#__PURE__*/React__default["default"].forwardRef(function (props, r
6935
6965
  centered = _props$centered === void 0 ? false : _props$centered,
6936
6966
  handleToggle = props.onToggle,
6937
6967
  style = props.style,
6968
+ innerStyle = props.innerStyle,
6969
+ dialogStyle = props.dialogStyle,
6970
+ contentStyle = props.contentStyle,
6938
6971
  textStyle = props.textStyle,
6972
+ dialogTextStyle = props.dialogTextStyle,
6973
+ contentTextStyle = props.contentTextStyle,
6939
6974
  elementProps = _objectWithoutProperties(props, _excluded$w);
6940
6975
 
6941
6976
  var dialogRef = React.useRef();
@@ -6958,10 +6993,11 @@ var Modal = /*#__PURE__*/React__default["default"].forwardRef(function (props, r
6958
6993
  }, backdrop && /*#__PURE__*/React__default["default"].createElement(View, {
6959
6994
  style: backdropClasses
6960
6995
  }), /*#__PURE__*/React__default["default"].createElement(FlexView, {
6961
- style: classes,
6962
- contentContainerStyle: scrollable ? undefined : {
6996
+ style: [classes, style],
6997
+ textStyle: textStyle,
6998
+ contentContainerStyle: [scrollable ? undefined : {
6963
6999
  flexGrow: 1
6964
- }
7000
+ }, innerStyle]
6965
7001
  }, /*#__PURE__*/React__default["default"].createElement(BackdropHandler, {
6966
7002
  dialogRef: dialogRef,
6967
7003
  onClose: handleToggle,
@@ -6972,11 +7008,12 @@ var Modal = /*#__PURE__*/React__default["default"].forwardRef(function (props, r
6972
7008
  }
6973
7009
  }, /*#__PURE__*/React__default["default"].createElement(View, {
6974
7010
  ref: dialogRef,
6975
- style: dialogClasses
7011
+ style: [dialogClasses, dialogStyle],
7012
+ textStyle: dialogTextStyle
6976
7013
  }, /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
6977
7014
  ref: ref,
6978
- style: [contentClasses, style],
6979
- textStyle: [contentTextClasses, textStyle]
7015
+ style: [contentClasses, contentStyle],
7016
+ textStyle: [contentTextClasses, contentTextStyle]
6980
7017
  }), /*#__PURE__*/React__default["default"].createElement(ModalContext.Provider, {
6981
7018
  value: modal
6982
7019
  }, /*#__PURE__*/React__default["default"].createElement(overlays.OverlayProvider, null, children)))))));
@@ -7499,7 +7536,7 @@ var OffcanvasBody = /*#__PURE__*/React__default["default"].forwardRef(function (
7499
7536
  OffcanvasBody.displayName = 'OffcanvasBody';
7500
7537
  OffcanvasBody.propTypes = propTypes$o;
7501
7538
 
7502
- var _excluded$j = ["children", "visible", "placement", "backdrop", "scroll", "onToggle", "style", "textStyle"];
7539
+ var _excluded$j = ["children", "visible", "placement", "backdrop", "scroll", "onToggle", "style", "dialogStyle", "textStyle", "dialogTextStyle"];
7503
7540
 
7504
7541
  var _templateObject$g, _templateObject2$b, _templateObject3$4, _templateObject4$3, _templateObject5$3, _templateObject6$2, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
7505
7542
  var PLACEMENTS = ['top', 'bottom', 'start', 'end']; // , 'auto'
@@ -7515,7 +7552,11 @@ var propTypes$n = {
7515
7552
  // eslint-disable-next-line react/forbid-prop-types
7516
7553
  style: PropTypes__default["default"].any,
7517
7554
  // eslint-disable-next-line react/forbid-prop-types
7518
- textStyle: PropTypes__default["default"].any
7555
+ dialogStyle: PropTypes__default["default"].any,
7556
+ // eslint-disable-next-line react/forbid-prop-types
7557
+ textStyle: PropTypes__default["default"].any,
7558
+ // eslint-disable-next-line react/forbid-prop-types
7559
+ dialogTextStyle: PropTypes__default["default"].any
7519
7560
  };
7520
7561
  var styles$g = StyleSheet.create(_objectSpread2({
7521
7562
  '.offcanvas': css(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral(["\n position: absolute; // fixed;\n // bottom: 0;\n z-index: $zindex-offcanvas;\n display: flex;\n flex-direction: column;\n max-width: 100%;\n // visibility: hidden;\n background-color: $offcanvas-bg-color;\n // background-clip: padding-box;\n @include platform(web) {\n outline-width: 0; // outline: 0;\n }\n // @include box-shadow($offcanvas-box-shadow);\n // @include transition(transform $offcanvas-transition-duration ease-in-out);\n "]))),
@@ -7547,7 +7588,9 @@ var Offcanvas = /*#__PURE__*/React__default["default"].forwardRef(function (prop
7547
7588
  scroll = _props$scroll === void 0 ? false : _props$scroll,
7548
7589
  handleToggle = props.onToggle,
7549
7590
  style = props.style,
7591
+ dialogStyle = props.dialogStyle,
7550
7592
  textStyle = props.textStyle,
7593
+ dialogTextStyle = props.dialogTextStyle,
7551
7594
  elementProps = _objectWithoutProperties(props, _excluded$j);
7552
7595
 
7553
7596
  var media = useMedia();
@@ -7590,7 +7633,8 @@ var Offcanvas = /*#__PURE__*/React__default["default"].forwardRef(function (prop
7590
7633
  flexShrink: 1
7591
7634
  }
7592
7635
  }, /*#__PURE__*/React__default["default"].createElement(View, {
7593
- style: dialogClasses
7636
+ style: [dialogClasses, dialogStyle],
7637
+ textStyle: dialogTextStyle
7594
7638
  }, /*#__PURE__*/React__default["default"].createElement(OffcanvasContext.Provider, {
7595
7639
  value: offcanvas
7596
7640
  }, /*#__PURE__*/React__default["default"].createElement(overlays.OverlayProvider, null, children))))));
@@ -7671,11 +7715,11 @@ PickerWeb.propTypes = propTypes$m;
7671
7715
  var PickerNativeContext = /*#__PURE__*/React__default["default"].createContext();
7672
7716
  PickerNativeContext.displayName = 'PickerNativeContext';
7673
7717
 
7674
- var _excluded$h = ["children", "selectedValue", "onValueChange", "onFocus", "onBlur", "placeholder", "placeholderTextColor", "disabled", "renderText", "renderMenu", "style"];
7718
+ var _excluded$h = ["children", "selectedValue", "onValueChange", "onFocus", "onBlur", "placeholder", "placeholderTextColor", "disabled", "MenuComponent", "style"];
7675
7719
 
7676
7720
  var _templateObject$f;
7677
7721
  var propTypes$l = {
7678
- children: PropTypes__default["default"].node,
7722
+ children: PropTypes__default["default"].node.isRequired,
7679
7723
  selectedValue: PropTypes__default["default"].oneOfType([PropTypes__default["default"].bool, PropTypes__default["default"].number, PropTypes__default["default"].string, PropTypes__default["default"].object]),
7680
7724
  onValueChange: PropTypes__default["default"].func,
7681
7725
  onFocus: PropTypes__default["default"].func,
@@ -7683,8 +7727,7 @@ var propTypes$l = {
7683
7727
  placeholder: PropTypes__default["default"].string,
7684
7728
  placeholderTextColor: PropTypes__default["default"].string,
7685
7729
  disabled: PropTypes__default["default"].bool,
7686
- renderText: PropTypes__default["default"].func,
7687
- renderMenu: PropTypes__default["default"].func,
7730
+ MenuComponent: PropTypes__default["default"].elementType,
7688
7731
  // eslint-disable-next-line react/forbid-prop-types
7689
7732
  style: PropTypes__default["default"].any
7690
7733
  };
@@ -7708,7 +7751,7 @@ var extractTextStyles = function extractTextStyles(style) {
7708
7751
  return textStyles;
7709
7752
  };
7710
7753
 
7711
- var renderTextDefault = function renderTextDefault(_ref3) {
7754
+ var getText = function getText(_ref3) {
7712
7755
  var children = _ref3.children,
7713
7756
  selectedValue = _ref3.selectedValue;
7714
7757
  var items = React__default["default"].Children.map(children, function (child) {
@@ -7722,12 +7765,14 @@ var renderTextDefault = function renderTextDefault(_ref3) {
7722
7765
  });
7723
7766
  return selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.label;
7724
7767
  };
7768
+ /* eslint-disable react/prop-types */
7725
7769
 
7726
- var renderMenuDefault = function renderMenuDefault(_ref4) {
7770
+
7771
+ var DefaultMenuComponent = function DefaultMenuComponent(_ref4) {
7727
7772
  var children = _ref4.children,
7728
7773
  selectedValue = _ref4.selectedValue,
7729
- handleValueChange = _ref4.handleValueChange,
7730
- handleClose = _ref4.handleClose;
7774
+ handleValueChange = _ref4.onValueChange,
7775
+ handleClose = _ref4.onClose;
7731
7776
  return /*#__PURE__*/React__default["default"].createElement(Offcanvas, {
7732
7777
  placement: "bottom",
7733
7778
  visible: true,
@@ -7741,6 +7786,8 @@ var renderMenuDefault = function renderMenuDefault(_ref4) {
7741
7786
  }
7742
7787
  }, children)));
7743
7788
  };
7789
+ /* eslint-enable */
7790
+
7744
7791
 
7745
7792
  var PickerNative = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
7746
7793
  var children = props.children,
@@ -7752,14 +7799,11 @@ var PickerNative = /*#__PURE__*/React__default["default"].forwardRef(function (p
7752
7799
  _props$onBlur = props.onBlur,
7753
7800
  onBlur = _props$onBlur === void 0 ? function () {} : _props$onBlur,
7754
7801
  placeholder = props.placeholder,
7755
- _props$placeholderTex = props.placeholderTextColor,
7756
- placeholderTextColor = _props$placeholderTex === void 0 ? StyleSheet.value('input-placeholder-color') : _props$placeholderTex,
7802
+ placeholderTextColor = props.placeholderTextColor,
7757
7803
  _props$disabled = props.disabled,
7758
7804
  disabled = _props$disabled === void 0 ? false : _props$disabled,
7759
- _props$renderText = props.renderText,
7760
- renderText = _props$renderText === void 0 ? renderTextDefault : _props$renderText,
7761
- _props$renderMenu = props.renderMenu,
7762
- renderMenu = _props$renderMenu === void 0 ? renderMenuDefault : _props$renderMenu,
7805
+ _props$MenuComponent = props.MenuComponent,
7806
+ MenuComponent = _props$MenuComponent === void 0 ? DefaultMenuComponent : _props$MenuComponent,
7763
7807
  style = props.style,
7764
7808
  elementProps = _objectWithoutProperties(props, _excluded$h);
7765
7809
 
@@ -7785,10 +7829,6 @@ var PickerNative = /*#__PURE__*/React__default["default"].forwardRef(function (p
7785
7829
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Pressable, _extends({}, elementProps, {
7786
7830
  ref: ref,
7787
7831
  accessibilityRole: "combobox",
7788
- accessibilityDisabled: disabled,
7789
- accessible: true,
7790
- focusable: !disabled,
7791
- selectable: false,
7792
7832
  onPress: function onPress() {
7793
7833
  setVisible(true);
7794
7834
  },
@@ -7801,15 +7841,14 @@ var PickerNative = /*#__PURE__*/React__default["default"].forwardRef(function (p
7801
7841
  style: [textStyle, showPlaceholder && {
7802
7842
  color: placeholderTextColor
7803
7843
  }]
7804
- }, showPlaceholder ? placeholder : renderText({
7844
+ }, showPlaceholder ? placeholder : getText({
7805
7845
  children: children,
7806
7846
  selectedValue: selectedValue
7807
- }))), visible && renderMenu({
7808
- children: children,
7847
+ }))), visible && /*#__PURE__*/React__default["default"].createElement(MenuComponent, {
7809
7848
  selectedValue: selectedValue,
7810
- handleValueChange: handleValueChange,
7811
- handleClose: handleClose
7812
- }));
7849
+ onValueChange: handleValueChange,
7850
+ onClose: handleClose
7851
+ }, children));
7813
7852
  });
7814
7853
  PickerNative.propTypes = propTypes$l;
7815
7854
 
@@ -7913,7 +7952,7 @@ var _templateObject$d, _templateObject2$9, _templateObject3$3, _templateObject4$
7913
7952
  /* eslint-disable react/no-unused-prop-types */
7914
7953
 
7915
7954
  var propTypes$h = {
7916
- children: PropTypes__default["default"].node,
7955
+ children: PropTypes__default["default"].node.isRequired,
7917
7956
  onFocus: PropTypes__default["default"].func,
7918
7957
  onBlur: PropTypes__default["default"].func,
7919
7958
  placeholderTextColor: PropTypes__default["default"].string,