bootstrap-rn 0.2.3 → 0.2.5

package/dist/bootstrap-rn.umd.js

@@ -8476,6 +8476,7 @@
   };
   var styles$Y = reactNative.StyleSheet.create({
     reboot: {
+      flexShrink: 0,
       margin: 0
     }
   }); // eslint-disable-next-line react/prop-types
@@ -8586,7 +8587,7 @@
   /* eslint-enable */
 
   var styles$X = StyleSheet.create(_objectSpread2(_objectSpread2({
-    '.form-check .form-check-input': css(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteral(["\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  "]))),
+    '.form-check .form-check-input': css(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteral(["\n    $margin-top-double: $line-height-base - $form-check-input-width;\n\n    // float: left;\n    // margin-left: $form-check-padding-start * -1;\n    margin-top: $margin-top-double * 0.5; // added for bootstrap-rn\n    margin-right: $form-check-padding-start - $form-check-input-width; // added for bootstrap-rn\n  "]))),
     '.form-check-reverse .form-check-input': css(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteral(["\n    // float: right;\n    // margin-right: $form-check-padding-start * -1;\n    margin-right: 0; // added for bootstrap-rn\n    // margin-left: 0;\n    margin-left: $form-check-padding-start - $form-check-input-width; // added for bootstrap-rn\n  "]))),
     '.form-check-input': css(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteral(["\n    width: $form-check-input-width;\n    height: $form-check-input-width;\n    // margin-top: ($line-height-base - $form-check-input-width) * 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      color-adjust: exact; // Keep themed appearance for print\n    }\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      @include platform(web) {\n        outline-width: 0; // outline: 0;\n        box-shadow: $form-check-input-focus-box-shadow;\n      }\n    }\n  "]))),
     '.form-check-input[type="checkbox"]': css(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteral(["\n    border-radius: $form-check-input-border-radius;\n  "]))),
@@ -8877,7 +8878,7 @@
   });
   var initialState = {
     waitingForMouseUp: false,
-    isDialogClick: false
+    ignoreBackdropClick: false
   };
 
   var BackdropHandler = function BackdropHandler(props) {
@@ -8904,24 +8905,25 @@
 
 
         var handleDialogMouseUp = function handleDialogMouseUp() {
-          state.isDialogClick = true;
+          state.ignoreBackdropClick = true;
         };
 
         var handleDocumentClick = function handleDocumentClick(_ref) {
           var target = _ref.target;
+          var isDialogClick = state.ignoreBackdropClick || dialog.contains(target);
 
           if (backdrop === 'static' || autoClose === false) {
             return;
           } // Click outside -> return if autoClose is inside.
 
 
-          if (!state.isDialogClick && autoClose === 'inside') {
+          if (!isDialogClick && autoClose === 'inside') {
             return;
           } // Click inside / on dialog -> return if autoClose is outside.
 
 
-          if (state.isDialogClick) {
-            state.isDialogClick = false;
+          if (isDialogClick) {
+            state.ignoreBackdropClick = false;
 
             if (autoClose === 'outside') {
               return;
@@ -8938,7 +8940,7 @@
 
         var handleDocumentMouseUp = function handleDocumentMouseUp() {
           if (state.waitingForMouseUp) {
-            state.isDialogClick = true;
+            state.ignoreBackdropClick = true;
           }
 
           state.waitingForMouseUp = false;
@@ -9134,7 +9136,7 @@
   }, each(FONT_SIZES, function (size, value) {
     return _defineProperty({}, ".h".concat(size), css(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteral(["\n      font-size: ", ";\n      line-height: ", " * $headings-line-height;\n    "])), value, value));
   })));
-  var Heading$2 = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+  var Heading$1 = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
     var children = props.children,
         size = props.size,
         style = props.style,
@@ -9148,8 +9150,8 @@
       style: [classes, style]
     }), children);
   });
-  Heading$2.displayName = 'Heading';
-  Heading$2.propTypes = propTypes$15;
+  Heading$1.displayName = 'Heading';
+  Heading$1.propTypes = propTypes$15;
 
   var _excluded$13 = ["children", "style", "textStyle"];
 
@@ -9177,7 +9179,7 @@
     return /*#__PURE__*/React__default["default"].createElement(View, _extends$1({}, elementProps, {
       ref: ref,
       style: [classes, style]
-    }), /*#__PURE__*/React__default["default"].createElement(Heading$2, {
+    }), /*#__PURE__*/React__default["default"].createElement(Heading$1, {
       size: 6,
       style: [textClasses, textStyle]
     }, children));
@@ -9402,7 +9404,7 @@
         elementProps = _objectWithoutProperties(props, _excluded$Z);
 
     var classes = getStyles(styles$M, [".display-".concat(size)]);
-    return /*#__PURE__*/React__default["default"].createElement(Heading$2, _extends$1({}, elementProps, {
+    return /*#__PURE__*/React__default["default"].createElement(Heading$1, _extends$1({}, elementProps, {
       ref: ref,
       size: 1,
       style: [classes, style]
@@ -9445,7 +9447,7 @@
     children: PropTypes.node.isRequired,
     htmlFor: PropTypes.string
   };
-  var Heading$1 = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+  var Label = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
     var children = props.children,
         htmlFor = props.htmlFor,
         elementProps = _objectWithoutProperties(props, _excluded$X); // Ref: https://github.com/necolas/react-native-web/issues/1651
@@ -9464,8 +9466,8 @@
       accessibilityRole: role
     }), children);
   });
-  Heading$1.displayName = 'Heading';
-  Heading$1.propTypes = propTypes$Z;
+  Label.displayName = 'Label';
+  Label.propTypes = propTypes$Z;
 
   var _excluded$W = ["children", "style", "textStyle"];
 
@@ -9479,7 +9481,7 @@
   };
   var styles$K = StyleSheet.create(_objectSpread2({
     '.form-check-input:disabled ~ .form-check-label': css(_templateObject$L || (_templateObject$L = _taggedTemplateLiteral(["\n    @include platform(web) {\n      cursor: default;\n    }\n    opacity: $form-check-label-disabled-opacity;\n  "]))),
-    '.form-check-label': css(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteral(["\n    @include platform(web) {\n      cursor: $form-check-label-cursor;\n    }\n  "]))),
+    '.form-check-label': css(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteral(["\n    flex-shrink: 1; // added for bootstrap-rn\n\n    @include platform(web) {\n      cursor: $form-check-label-cursor;\n    }\n  "]))),
     '.form-check-label --text': css(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteral(["\n    color: $form-check-label-color;\n  "])))
   }, each(FORM_VALIDATION_STATES, function (state, data) {
     return _defineProperty({}, ".form-check-input:".concat(state, " ~ .form-check-label --text"), css(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), function (t) {
@@ -9500,7 +9502,7 @@
     var classes = getStyles(styles$K, [disabled && '.form-check-input:disabled ~ .form-check-label', '.form-check-label']);
     var textClasses = getStyles(styles$K, ['.form-check-label --text', // validation
     valid && '.form-check-input:valid ~ .form-check-label --text', invalid && '.form-check-input:invalid ~ .form-check-label --text']);
-    return /*#__PURE__*/React__default["default"].createElement(Heading$1, _extends$1({}, elementProps, {
+    return /*#__PURE__*/React__default["default"].createElement(Label, _extends$1({}, elementProps, {
       ref: ref,
       disabled: disabled,
       style: [classes, style],
@@ -9523,7 +9525,7 @@
     style: PropTypes.any
   };
   var styles$J = StyleSheet.create({
-    '.form-check': css(_templateObject$K || (_templateObject$K = _taggedTemplateLiteral(["\n    // display: block;\n    flex-direction: row; // added for bootstrap-rn\n    align-items: center; // 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  "]))),
+    '.form-check': css(_templateObject$K || (_templateObject$K = _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  "]))),
     '.form-check-reverse': css(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteral(["\n    flex-direction: row-reverse; // added for bootstrap-rn\n    // padding-right: $form-check-padding-start;\n    // padding-left: 0;\n    // text-align: right;\n  "]))),
     '.form-switch.form-check': css(_templateObject3$h || (_templateObject3$h = _taggedTemplateLiteral(["\n    // padding-left: $form-switch-padding-start;\n  "])))
   });
@@ -9579,7 +9581,7 @@
 
     var classes = getStyles(styles$I, ['.form-label']);
     var textClasses = getStyles(styles$I, ['.form-label --text']);
-    return /*#__PURE__*/React__default["default"].createElement(Heading$1, _extends$1({}, elementProps, {
+    return /*#__PURE__*/React__default["default"].createElement(Label, _extends$1({}, elementProps, {
       ref: ref,
       style: [classes, style],
       textStyle: [textClasses, textStyle]
@@ -9740,7 +9742,7 @@
         _modifierProps$editab = modifierProps.editable,
         editable = _modifierProps$editab === void 0 ? true : _modifierProps$editab,
         _modifierProps$select = modifierProps.selectTextOnFocus,
-        selectTextOnFocus = _modifierProps$select === void 0 ? true : _modifierProps$select,
+        selectTextOnFocus = _modifierProps$select === void 0 ? false : _modifierProps$select,
         style = modifierProps.style,
         elementProps = _objectWithoutProperties(modifierProps, _excluded$R);
 
@@ -9750,8 +9752,8 @@
       placeholderTextColor: placeholderTextColor,
       multiline: multiline,
       disabled: disabled,
-      editable: disabled ? !disabled : editable,
-      selectTextOnFocus: disabled ? !disabled : selectTextOnFocus,
+      editable: disabled ? false : editable,
+      selectTextOnFocus: disabled ? false : selectTextOnFocus,
       style: [classes, style]
     }));
   });
@@ -9973,7 +9975,7 @@
     return /*#__PURE__*/React__default["default"].createElement(View, _extends$1({}, elementProps, {
       ref: ref,
       style: [classes, style]
-    }), /*#__PURE__*/React__default["default"].createElement(Heading$2, {
+    }), /*#__PURE__*/React__default["default"].createElement(Heading$1, {
       size: 3,
       style: [textClasses, textStyle]
     }, children));
@@ -10839,7 +10841,7 @@
         elementProps = _objectWithoutProperties(props, _excluded$z);
 
     var classes = getStyles(styles$u, ['.modal-title']);
-    return /*#__PURE__*/React__default["default"].createElement(Heading$2, _extends$1({
+    return /*#__PURE__*/React__default["default"].createElement(Heading$1, _extends$1({
       size: 5
     }, elementProps, {
       ref: ref,
@@ -11488,7 +11490,7 @@
         elementProps = _objectWithoutProperties(props, _excluded$l);
 
     var classes = getStyles(styles$i, ['.offcanvas-title']);
-    return /*#__PURE__*/React__default["default"].createElement(Heading$2, _extends$1({
+    return /*#__PURE__*/React__default["default"].createElement(Heading$1, _extends$1({
       size: 5
     }, elementProps, {
       ref: ref,
@@ -11683,7 +11685,7 @@
         elementProps = _objectWithoutProperties(props, _excluded$i);
 
     var background = useBackground(style);
-    var showPlaceholder = placeholder && (selectedValue === undefined || selectedValue === null);
+    var showPlaceholder = selectedValue === undefined || selectedValue === null;
     return /*#__PURE__*/React__default["default"].createElement(reactNative.Picker, _extends$1({}, elementProps, {
       ref: ref,
       selectedValue: showPlaceholder ? PLACEHOLDER : selectedValue,
@@ -11694,7 +11696,7 @@
       style: [background.style, showPlaceholder && {
         color: placeholderTextColor
       }]
-    }), placeholder && /*#__PURE__*/React__default["default"].createElement("option", {
+    }), /*#__PURE__*/React__default["default"].createElement("option", {
       value: PLACEHOLDER,
       disabled: true,
       hidden: true
@@ -11809,7 +11811,7 @@
         setVisible = _useState2[1];
 
     var textStyle = extractTextStyles(background.style);
-    var showPlaceholder = placeholder && (selectedValue === undefined || selectedValue === null);
+    var showPlaceholder = selectedValue === undefined || selectedValue === null;
 
     var handleValueChange = function handleValueChange(nextValue) {
       onValueChange(nextValue);
@@ -11835,7 +11837,7 @@
       style: [textStyle, showPlaceholder && {
         color: placeholderTextColor
       }]
-    }, showPlaceholder ? placeholder : getText({
+    }, showPlaceholder ? placeholder || /*#__PURE__*/React__default["default"].createElement(Text, null, "\xA0") : getText({
       children: children,
       selectedValue: selectedValue
     }))), visible && /*#__PURE__*/React__default["default"].createElement(MenuComponent, {
@@ -12801,11 +12803,11 @@
   exports.FormCheck = FormCheck;
   exports.FormLabel = FormLabel;
   exports.FormText = FormText;
-  exports.Heading = Heading$2;
+  exports.Heading = Heading$1;
   exports.Image = Image;
   exports.ImageBackground = ImageBackground;
   exports.Input = Input;
-  exports.Label = Heading$1;
+  exports.Label = Label;
   exports.Link = Link;
   exports.ListGroup = ListGroup;
   exports.Modal = Modal;