bootstrap-rn 0.1.5 → 0.1.6
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.
- package/dist/bootstrap-rn.cjs.js +432 -341
- package/dist/bootstrap-rn.esm.js +433 -342
- package/dist/bootstrap-rn.umd.js +432 -341
- package/dist/bootstrap-rn.umd.min.js +1 -1
- 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$
|
|
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$
|
|
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$
|
|
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$
|
|
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'];
|
|
@@ -3015,110 +3015,41 @@ var Alert = /*#__PURE__*/React__default["default"].forwardRef(function (props, r
|
|
|
3015
3015
|
Alert.displayName = 'Alert';
|
|
3016
3016
|
Alert.propTypes = propTypes$1o;
|
|
3017
3017
|
|
|
3018
|
-
var _excluded$1p = ["
|
|
3018
|
+
var _excluded$1p = ["children", "style", "textStyle"];
|
|
3019
3019
|
|
|
3020
|
-
var _templateObject$18, _templateObject2$
|
|
3020
|
+
var _templateObject$18, _templateObject2$Q;
|
|
3021
3021
|
var propTypes$1n = {
|
|
3022
|
-
|
|
3023
|
-
small: PropTypes__default["default"].bool,
|
|
3024
|
-
mark: PropTypes__default["default"].bool,
|
|
3025
|
-
bold: PropTypes__default["default"].bool,
|
|
3026
|
-
italic: PropTypes__default["default"].bool,
|
|
3022
|
+
children: PropTypes__default["default"].node.isRequired,
|
|
3027
3023
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3028
3024
|
style: PropTypes__default["default"].any,
|
|
3029
3025
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3030
|
-
|
|
3026
|
+
textStyle: PropTypes__default["default"].any
|
|
3031
3027
|
};
|
|
3032
3028
|
var styles$17 = StyleSheet.create({
|
|
3033
|
-
|
|
3034
|
-
|
|
3035
|
-
italic: css(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteral(["\n font-style: italic;\n "]))),
|
|
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
|
-
mark: css(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteral(["\n padding: $mark-padding;\n background-color: $mark-bg;\n "])))
|
|
3038
|
-
});
|
|
3039
|
-
|
|
3040
|
-
var getStyleName = function getStyleName(styleName, color) {
|
|
3041
|
-
if (!color) {
|
|
3042
|
-
return styleName;
|
|
3043
|
-
}
|
|
3044
|
-
|
|
3045
|
-
return styleName ? "text-".concat(color, " ").concat(styleName) : "text-".concat(color);
|
|
3046
|
-
};
|
|
3047
|
-
|
|
3048
|
-
var Text = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
3049
|
-
var color = props.color,
|
|
3050
|
-
_props$bold = props.bold,
|
|
3051
|
-
bold = _props$bold === void 0 ? false : _props$bold,
|
|
3052
|
-
_props$italic = props.italic,
|
|
3053
|
-
italic = _props$italic === void 0 ? false : _props$italic,
|
|
3054
|
-
_props$mark = props.mark,
|
|
3055
|
-
mark = _props$mark === void 0 ? false : _props$mark,
|
|
3056
|
-
_props$small = props.small,
|
|
3057
|
-
small = _props$small === void 0 ? false : _props$small,
|
|
3058
|
-
style = props.style,
|
|
3059
|
-
styleName = props.styleName,
|
|
3060
|
-
elementProps = _objectWithoutProperties(props, _excluded$1p);
|
|
3061
|
-
|
|
3062
|
-
var media = useMedia();
|
|
3063
|
-
var context = React.useContext(TextStyleContext);
|
|
3064
|
-
var classes = getStyles(styles$17, [bold && 'strong', italic && 'italic', small && 'small', mark && 'mark']);
|
|
3065
|
-
var resolveStyle = useStyle([// eslint-disable-next-line react/destructuring-assignment
|
|
3066
|
-
(!context || !context.hasTextAncestor) && styles$17.text, // eslint-disable-next-line react/destructuring-assignment
|
|
3067
|
-
context && context.style, classes, style], getStyleName(styleName, color));
|
|
3068
|
-
var element = /*#__PURE__*/React__default["default"].createElement(reactNative.Text, _extends({}, elementProps, {
|
|
3069
|
-
ref: ref,
|
|
3070
|
-
style: resolveStyle({
|
|
3071
|
-
media: media
|
|
3072
|
-
})
|
|
3073
|
-
})); // eslint-disable-next-line react/destructuring-assignment
|
|
3074
|
-
|
|
3075
|
-
if (context && context.hasTextAncestor && !context.style) {
|
|
3076
|
-
return element;
|
|
3077
|
-
} // If we are not in an ancestor context yet, we need to set hasTextAncestor
|
|
3078
|
-
// to true for nested text components. Furthermore we need to reset the
|
|
3079
|
-
// context style, because we only need to apply the style once.
|
|
3080
|
-
|
|
3081
|
-
|
|
3082
|
-
return /*#__PURE__*/React__default["default"].createElement(TextStyleContext.Provider, {
|
|
3083
|
-
value: {
|
|
3084
|
-
style: null,
|
|
3085
|
-
hasTextAncestor: true
|
|
3086
|
-
}
|
|
3087
|
-
}, element);
|
|
3088
|
-
});
|
|
3089
|
-
Text.displayName = 'Text';
|
|
3090
|
-
Text.propTypes = propTypes$1n;
|
|
3091
|
-
|
|
3092
|
-
var _excluded$1o = ["children", "style"];
|
|
3093
|
-
|
|
3094
|
-
var _templateObject$17, _templateObject2$J;
|
|
3095
|
-
var propTypes$1m = {
|
|
3096
|
-
children: PropTypes__default["default"].node.isRequired,
|
|
3097
|
-
// eslint-disable-next-line react/forbid-prop-types
|
|
3098
|
-
style: PropTypes__default["default"].any
|
|
3099
|
-
};
|
|
3100
|
-
var styles$16 = StyleSheet.create({
|
|
3101
|
-
'.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 "])))
|
|
3029
|
+
'.badge': css(_templateObject$18 || (_templateObject$18 = _taggedTemplateLiteral(["\n // display: inline-block;\n padding: $badge-padding-y $badge-padding-x;\n border-radius: $badge-border-radius;\n // @include gradient-bg();\n "]))),
|
|
3030
|
+
'.badge-text': css(_templateObject2$Q || (_templateObject2$Q = _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
3031
|
});
|
|
3104
3032
|
var Badge = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
3105
3033
|
var children = props.children,
|
|
3106
3034
|
style = props.style,
|
|
3107
|
-
|
|
3035
|
+
textStyle = props.textStyle,
|
|
3036
|
+
elementProps = _objectWithoutProperties(props, _excluded$1p);
|
|
3108
3037
|
|
|
3109
|
-
var classes = getStyles(styles$
|
|
3110
|
-
|
|
3038
|
+
var classes = getStyles(styles$17, ['.badge']);
|
|
3039
|
+
var textClasses = getStyles(styles$17, ['.badge-text']);
|
|
3040
|
+
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
3111
3041
|
ref: ref,
|
|
3112
|
-
style: [classes, style]
|
|
3042
|
+
style: [classes, style],
|
|
3043
|
+
textStyle: [textClasses, textStyle]
|
|
3113
3044
|
}), children);
|
|
3114
3045
|
});
|
|
3115
3046
|
Badge.displayName = 'Badge';
|
|
3116
|
-
Badge.propTypes = propTypes$
|
|
3047
|
+
Badge.propTypes = propTypes$1n;
|
|
3117
3048
|
|
|
3118
|
-
var _excluded$
|
|
3049
|
+
var _excluded$1o = ["children", "active", "style", "textStyle"];
|
|
3119
3050
|
|
|
3120
|
-
var _templateObject$
|
|
3121
|
-
var propTypes$
|
|
3051
|
+
var _templateObject$17, _templateObject2$P, _templateObject3$p;
|
|
3052
|
+
var propTypes$1m = {
|
|
3122
3053
|
children: PropTypes__default["default"].node.isRequired,
|
|
3123
3054
|
active: PropTypes__default["default"].bool,
|
|
3124
3055
|
// eslint-disable-next-line react/forbid-prop-types
|
|
@@ -3126,10 +3057,10 @@ var propTypes$1l = {
|
|
|
3126
3057
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3127
3058
|
textStyle: PropTypes__default["default"].any
|
|
3128
3059
|
};
|
|
3129
|
-
var styles$
|
|
3130
|
-
'.breadcrumb-item': css(_templateObject$
|
|
3131
|
-
'.breadcrumb-text': css(_templateObject2$
|
|
3132
|
-
'.breadcrumb-item-active': css(_templateObject3$
|
|
3060
|
+
var styles$16 = StyleSheet.create({
|
|
3061
|
+
'.breadcrumb-item': css(_templateObject$17 || (_templateObject$17 = _taggedTemplateLiteral(["\n padding-left: $breadcrumb-item-padding-x;\n padding-right: $breadcrumb-item-padding-x;\n "]))),
|
|
3062
|
+
'.breadcrumb-text': css(_templateObject2$P || (_templateObject2$P = _taggedTemplateLiteral(["\n color: $primary;\n "]))),
|
|
3063
|
+
'.breadcrumb-item-active': css(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteral(["\n color: $breadcrumb-active-color;\n "])))
|
|
3133
3064
|
});
|
|
3134
3065
|
var BreadcrumbItem = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
3135
3066
|
var children = props.children,
|
|
@@ -3137,10 +3068,10 @@ var BreadcrumbItem = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
|
3137
3068
|
active = _props$active === void 0 ? false : _props$active,
|
|
3138
3069
|
style = props.style,
|
|
3139
3070
|
textStyle = props.textStyle,
|
|
3140
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3071
|
+
elementProps = _objectWithoutProperties(props, _excluded$1o);
|
|
3141
3072
|
|
|
3142
|
-
var classes = getStyles(styles$
|
|
3143
|
-
var textClasses = getStyles(styles$
|
|
3073
|
+
var classes = getStyles(styles$16, ['.breadcrumb-item', active && '.breadcrumb-item-active']);
|
|
3074
|
+
var textClasses = getStyles(styles$16, ['.breadcrumb-text', active && '.breadcrumb-item-active']);
|
|
3144
3075
|
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
3145
3076
|
ref: ref,
|
|
3146
3077
|
style: [classes, style],
|
|
@@ -3148,7 +3079,7 @@ var BreadcrumbItem = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
|
3148
3079
|
}), children);
|
|
3149
3080
|
});
|
|
3150
3081
|
BreadcrumbItem.displayName = 'BreadcrumbItem';
|
|
3151
|
-
BreadcrumbItem.propTypes = propTypes$
|
|
3082
|
+
BreadcrumbItem.propTypes = propTypes$1m;
|
|
3152
3083
|
/*
|
|
3153
3084
|
$breadcrumb-font-size: null;
|
|
3154
3085
|
$breadcrumb-padding-y: 0;
|
|
@@ -3163,30 +3094,30 @@ $breadcrumb-divider-flipped: $breadcrumb-divider;
|
|
|
3163
3094
|
$breadcrumb-border-radius: null;
|
|
3164
3095
|
*/
|
|
3165
3096
|
|
|
3166
|
-
var _excluded$
|
|
3097
|
+
var _excluded$1n = ["children", "style"];
|
|
3167
3098
|
|
|
3168
|
-
var _templateObject$
|
|
3169
|
-
var propTypes$
|
|
3099
|
+
var _templateObject$16;
|
|
3100
|
+
var propTypes$1l = {
|
|
3170
3101
|
children: PropTypes__default["default"].node.isRequired,
|
|
3171
3102
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3172
3103
|
style: PropTypes__default["default"].any
|
|
3173
3104
|
};
|
|
3174
|
-
var styles$
|
|
3175
|
-
'.breadcrumb': css(_templateObject$
|
|
3105
|
+
var styles$15 = StyleSheet.create({
|
|
3106
|
+
'.breadcrumb': css(_templateObject$16 || (_templateObject$16 = _taggedTemplateLiteral(["\n flex-direction: row;\n "])))
|
|
3176
3107
|
});
|
|
3177
3108
|
var Breadcrumb = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
3178
3109
|
var children = props.children,
|
|
3179
3110
|
style = props.style,
|
|
3180
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3111
|
+
elementProps = _objectWithoutProperties(props, _excluded$1n);
|
|
3181
3112
|
|
|
3182
|
-
var classes = getStyles(styles$
|
|
3113
|
+
var classes = getStyles(styles$15, ['.breadcrumb']);
|
|
3183
3114
|
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
3184
3115
|
ref: ref,
|
|
3185
3116
|
style: [classes, style]
|
|
3186
3117
|
}), makeListChildren(children));
|
|
3187
3118
|
});
|
|
3188
3119
|
Breadcrumb.displayName = 'Breadcrumb';
|
|
3189
|
-
Breadcrumb.propTypes = propTypes$
|
|
3120
|
+
Breadcrumb.propTypes = propTypes$1l;
|
|
3190
3121
|
Breadcrumb.Item = BreadcrumbItem;
|
|
3191
3122
|
/*
|
|
3192
3123
|
$breadcrumb-font-size: null;
|
|
@@ -3205,25 +3136,25 @@ $breadcrumb-border-radius: null;
|
|
|
3205
3136
|
var ButtonGroupContext = /*#__PURE__*/React__default["default"].createContext();
|
|
3206
3137
|
ButtonGroupContext.displayName = 'ButtonGroupContext';
|
|
3207
3138
|
|
|
3208
|
-
var _excluded$
|
|
3139
|
+
var _excluded$1m = ["children", "size", "style"];
|
|
3209
3140
|
|
|
3210
|
-
var _templateObject$
|
|
3211
|
-
var propTypes$
|
|
3141
|
+
var _templateObject$15;
|
|
3142
|
+
var propTypes$1k = {
|
|
3212
3143
|
children: PropTypes__default["default"].node.isRequired,
|
|
3213
3144
|
size: PropTypes__default["default"].oneOf(['lg', 'sm']),
|
|
3214
3145
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3215
3146
|
style: PropTypes__default["default"].any
|
|
3216
3147
|
};
|
|
3217
|
-
var styles$
|
|
3218
|
-
'.btn-group': css(_templateObject$
|
|
3148
|
+
var styles$14 = StyleSheet.create({
|
|
3149
|
+
'.btn-group': css(_templateObject$15 || (_templateObject$15 = _taggedTemplateLiteral(["\n flex-direction: row; // added for bootstrap-rn\n border-radius: $btn-border-radius;\n "])))
|
|
3219
3150
|
});
|
|
3220
3151
|
var ButtonGroup = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
3221
3152
|
var children = props.children,
|
|
3222
3153
|
size = props.size,
|
|
3223
3154
|
style = props.style,
|
|
3224
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3155
|
+
elementProps = _objectWithoutProperties(props, _excluded$1m);
|
|
3225
3156
|
|
|
3226
|
-
var classes = getStyles(styles$
|
|
3157
|
+
var classes = getStyles(styles$14, ['.btn-group']); // Accessiblity role tabpanel is only supported on web.
|
|
3227
3158
|
|
|
3228
3159
|
var role = reactNative.Platform.OS === 'web' ? 'group' : null;
|
|
3229
3160
|
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
@@ -3237,25 +3168,25 @@ var ButtonGroup = /*#__PURE__*/React__default["default"].forwardRef(function (pr
|
|
|
3237
3168
|
}, makeListChildren(children)));
|
|
3238
3169
|
});
|
|
3239
3170
|
ButtonGroup.displayName = 'ButtonGroup';
|
|
3240
|
-
ButtonGroup.propTypes = propTypes$
|
|
3171
|
+
ButtonGroup.propTypes = propTypes$1k;
|
|
3241
3172
|
|
|
3242
|
-
var _excluded$
|
|
3173
|
+
var _excluded$1l = ["children", "style"];
|
|
3243
3174
|
|
|
3244
|
-
var _templateObject$
|
|
3245
|
-
var propTypes$
|
|
3175
|
+
var _templateObject$14;
|
|
3176
|
+
var propTypes$1j = {
|
|
3246
3177
|
children: PropTypes__default["default"].node.isRequired,
|
|
3247
3178
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3248
3179
|
style: PropTypes__default["default"].any
|
|
3249
3180
|
};
|
|
3250
|
-
var styles$
|
|
3251
|
-
'.btn-toolbar': css(_templateObject$
|
|
3181
|
+
var styles$13 = StyleSheet.create({
|
|
3182
|
+
'.btn-toolbar': css(_templateObject$14 || (_templateObject$14 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row; // added for bootstrap-rn\n flex-wrap: wrap;\n justify-content: flex-start;\n "])))
|
|
3252
3183
|
});
|
|
3253
3184
|
var ButtonToolbar = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
3254
3185
|
var children = props.children,
|
|
3255
3186
|
style = props.style,
|
|
3256
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3187
|
+
elementProps = _objectWithoutProperties(props, _excluded$1l);
|
|
3257
3188
|
|
|
3258
|
-
var classes = getStyles(styles$
|
|
3189
|
+
var classes = getStyles(styles$13, ['.btn-toolbar']);
|
|
3259
3190
|
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
3260
3191
|
ref: ref,
|
|
3261
3192
|
accessibilityRole: "toolbar",
|
|
@@ -3263,7 +3194,7 @@ var ButtonToolbar = /*#__PURE__*/React__default["default"].forwardRef(function (
|
|
|
3263
3194
|
}), children);
|
|
3264
3195
|
});
|
|
3265
3196
|
ButtonToolbar.displayName = 'ButtonToolbar';
|
|
3266
|
-
ButtonToolbar.propTypes = propTypes$
|
|
3197
|
+
ButtonToolbar.propTypes = propTypes$1j;
|
|
3267
3198
|
|
|
3268
3199
|
function useForcedContext(Context) {
|
|
3269
3200
|
var context = React.useContext(Context);
|
|
@@ -3271,7 +3202,7 @@ function useForcedContext(Context) {
|
|
|
3271
3202
|
return context;
|
|
3272
3203
|
}
|
|
3273
3204
|
|
|
3274
|
-
var _excluded$
|
|
3205
|
+
var _excluded$1k = ["ref"];
|
|
3275
3206
|
function useModifier(name, props, ref) {
|
|
3276
3207
|
var context = useForcedContext(Context);
|
|
3277
3208
|
var useModifierHook = context.modifiers[name];
|
|
@@ -3282,12 +3213,12 @@ function useModifier(name, props, ref) {
|
|
|
3282
3213
|
|
|
3283
3214
|
var _useModifierHook = useModifierHook(props),
|
|
3284
3215
|
modifierRef = _useModifierHook.ref,
|
|
3285
|
-
modifierProps = _objectWithoutProperties(_useModifierHook, _excluded$
|
|
3216
|
+
modifierProps = _objectWithoutProperties(_useModifierHook, _excluded$1k);
|
|
3286
3217
|
|
|
3287
3218
|
return [modifierProps, concatRefs(modifierRef, ref)];
|
|
3288
3219
|
}
|
|
3289
3220
|
|
|
3290
|
-
var _excluded$
|
|
3221
|
+
var _excluded$1j = ["toggle", "dismiss"],
|
|
3291
3222
|
_excluded2$2 = ["ref"];
|
|
3292
3223
|
|
|
3293
3224
|
var getActionHook = function getActionHook(toggle, dismiss) {
|
|
@@ -3305,7 +3236,7 @@ var getActionHook = function getActionHook(toggle, dismiss) {
|
|
|
3305
3236
|
function useAction(props, ref) {
|
|
3306
3237
|
var toggle = props.toggle,
|
|
3307
3238
|
dismiss = props.dismiss,
|
|
3308
|
-
restProps = _objectWithoutProperties(props, _excluded$
|
|
3239
|
+
restProps = _objectWithoutProperties(props, _excluded$1j);
|
|
3309
3240
|
|
|
3310
3241
|
var useActionHook = getActionHook(toggle, dismiss);
|
|
3311
3242
|
|
|
@@ -3324,8 +3255,8 @@ function useAction(props, ref) {
|
|
|
3324
3255
|
return [actionProps, concatRefs(actionRef, ref)];
|
|
3325
3256
|
}
|
|
3326
3257
|
|
|
3327
|
-
var _excluded$
|
|
3328
|
-
var propTypes$
|
|
3258
|
+
var _excluded$1i = ["children", "active", "style", "activeStyle", "textStyle", "activeTextStyle", "styleName"];
|
|
3259
|
+
var propTypes$1i = {
|
|
3329
3260
|
children: PropTypes__default["default"].node,
|
|
3330
3261
|
active: PropTypes__default["default"].bool,
|
|
3331
3262
|
// eslint-disable-next-line react/forbid-prop-types
|
|
@@ -3377,7 +3308,7 @@ var Pressable = /*#__PURE__*/React__default["default"].forwardRef(function (prop
|
|
|
3377
3308
|
textStyle = actionProps.textStyle,
|
|
3378
3309
|
activeTextStyle = actionProps.activeTextStyle,
|
|
3379
3310
|
styleName = actionProps.styleName,
|
|
3380
|
-
elementProps = _objectWithoutProperties(actionProps, _excluded$
|
|
3311
|
+
elementProps = _objectWithoutProperties(actionProps, _excluded$1i);
|
|
3381
3312
|
|
|
3382
3313
|
var media = useMedia();
|
|
3383
3314
|
var context = React.useContext(TextStyleContext);
|
|
@@ -3414,13 +3345,13 @@ var Pressable = /*#__PURE__*/React__default["default"].forwardRef(function (prop
|
|
|
3414
3345
|
} : children);
|
|
3415
3346
|
});
|
|
3416
3347
|
Pressable.displayName = 'Pressable';
|
|
3417
|
-
Pressable.propTypes = propTypes$
|
|
3348
|
+
Pressable.propTypes = propTypes$1i;
|
|
3418
3349
|
|
|
3419
|
-
var _excluded$
|
|
3350
|
+
var _excluded$1h = ["active", "handlePress"];
|
|
3420
3351
|
function useToggleButton(props) {
|
|
3421
3352
|
var active = props.active,
|
|
3422
3353
|
handlePress = props.handlePress,
|
|
3423
|
-
restProps = _objectWithoutProperties(props, _excluded$
|
|
3354
|
+
restProps = _objectWithoutProperties(props, _excluded$1h);
|
|
3424
3355
|
|
|
3425
3356
|
var _useState = React.useState(active),
|
|
3426
3357
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -3439,10 +3370,10 @@ function useToggleButton(props) {
|
|
|
3439
3370
|
});
|
|
3440
3371
|
}
|
|
3441
3372
|
|
|
3442
|
-
var _excluded$
|
|
3373
|
+
var _excluded$1g = ["children", "color", "size", "outline", "first", "last", "active", "disabled", "style", "activeStyle", "textStyle", "activeTextStyle"];
|
|
3443
3374
|
|
|
3444
|
-
var _templateObject$
|
|
3445
|
-
var propTypes$
|
|
3375
|
+
var _templateObject$13, _templateObject2$O, _templateObject3$o, _templateObject4$m, _templateObject5$k, _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;
|
|
3376
|
+
var propTypes$1h = {
|
|
3446
3377
|
children: PropTypes__default["default"].node.isRequired,
|
|
3447
3378
|
color: PropTypes__default["default"].oneOf([].concat(_toConsumableArray(Object.keys(THEME_COLORS)), ['link'])),
|
|
3448
3379
|
size: PropTypes__default["default"].oneOf(['lg', 'sm']),
|
|
@@ -3460,14 +3391,14 @@ var propTypes$1g = {
|
|
|
3460
3391
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3461
3392
|
activeTextStyle: PropTypes__default["default"].any
|
|
3462
3393
|
};
|
|
3463
|
-
var styles$
|
|
3464
|
-
'.btn': css(_templateObject$
|
|
3465
|
-
'.btn-text': css(_templateObject2$
|
|
3466
|
-
'.btn-disabled': css(_templateObject3$
|
|
3394
|
+
var styles$12 = StyleSheet.create(_objectSpread2(_objectSpread2({
|
|
3395
|
+
'.btn': css(_templateObject$13 || (_templateObject$13 = _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 "]))),
|
|
3396
|
+
'.btn-text': css(_templateObject2$O || (_templateObject2$O = _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 "]))),
|
|
3397
|
+
'.btn-disabled': css(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteral(["\n // pointer-events: none;\n opacity: $btn-disabled-opacity;\n // @include box-shadow(none);\n "])))
|
|
3467
3398
|
}, each(THEME_COLORS, function (color, value) {
|
|
3468
3399
|
var _ref;
|
|
3469
3400
|
|
|
3470
|
-
return _ref = {}, _defineProperty(_ref, ".btn-".concat(color), css(_templateObject4$
|
|
3401
|
+
return _ref = {}, _defineProperty(_ref, ".btn-".concat(color), css(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteral(["\n background-color: ", ";\n border-color: ", ";\n // @include box-shadow($btn-box-shadow);\n\n &:hover {\n background-color: ", ";\n border-color: ", ";\n }\n\n &:focus {\n background-color: ", ";\n border-color: ", ";\n /* @if $enable-shadows {\n @include box-shadow($btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5));\n } @else {\n // Avoid using mixin so we can pass custom focus shadow properly\n box-shadow: 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5);\n } */\n }\n\n &:active {\n background-color: ", ";\n // Remove CSS gradients if they're enabled\n // background-image: if($enable-gradients, none, null);\n border-color: ", ";\n }\n "])), value, value, shadeColor(function (t) {
|
|
3471
3402
|
return t['btn-hover-bg-shade-amount'];
|
|
3472
3403
|
}, value), shadeColor(function (t) {
|
|
3473
3404
|
return t['btn-hover-border-shade-amount'];
|
|
@@ -3479,7 +3410,7 @@ var styles$11 = StyleSheet.create(_objectSpread2(_objectSpread2({
|
|
|
3479
3410
|
return t['btn-active-bg-shade-amount'];
|
|
3480
3411
|
}, value), shadeColor(function (t) {
|
|
3481
3412
|
return t['btn-active-border-shade-amount'];
|
|
3482
|
-
}, value))), _defineProperty(_ref, ".btn-".concat(color, "-text"), css(_templateObject5$
|
|
3413
|
+
}, value))), _defineProperty(_ref, ".btn-".concat(color, "-text"), css(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteral(["\n color: ", ";\n\n &:hover {\n color: ", ";\n }\n\n &:focus {\n color: ", ";\n }\n\n &:active {\n color: ", ";\n }\n "])), colorContrast(value), colorContrast(value), colorContrast(value), colorContrast(value))), _defineProperty(_ref, ".btn-".concat(color, "-active"), css(_templateObject6$g || (_templateObject6$g = _taggedTemplateLiteral(["\n background-color: ", ";\n // Remove CSS gradients if they're enabled\n // background-image: if($enable-gradients, none, null);\n border-color: ", ";\n "])), shadeColor(function (t) {
|
|
3483
3414
|
return t['btn-active-bg-shade-amount'];
|
|
3484
3415
|
}, value), shadeColor(function (t) {
|
|
3485
3416
|
return t['btn-active-border-shade-amount'];
|
|
@@ -3536,14 +3467,14 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function (props,
|
|
|
3536
3467
|
activeStyle = props.activeStyle,
|
|
3537
3468
|
textStyle = props.textStyle,
|
|
3538
3469
|
activeTextStyle = props.activeTextStyle,
|
|
3539
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3470
|
+
elementProps = _objectWithoutProperties(props, _excluded$1g);
|
|
3540
3471
|
|
|
3541
3472
|
invariant__default["default"](color !== 'link' || !outline, 'Button link variant is only available as non outline style.');
|
|
3542
3473
|
var group = React.useContext(ButtonGroupContext);
|
|
3543
|
-
var classes = getStyles(styles$
|
|
3544
|
-
var activeClasses = getStyles(styles$
|
|
3545
|
-
var textClasses = getStyles(styles$
|
|
3546
|
-
var activeTextClasses = getStyles(styles$
|
|
3474
|
+
var classes = getStyles(styles$12, ['.btn', getVariant(color, outline), disabled && '.btn-disabled', disabled && "".concat(getVariant(color, outline), "-disabled"), hasSize(size, group, 'lg') && '.btn-lg', hasSize(size, group, 'sm') && '.btn-sm', group && '.btn-group > .btn', group && active && '.btn-group > .btn-active', group && !first && '.btn-group > .btn-not-first', group && !last && '.btn-group > .btn-not-last']);
|
|
3475
|
+
var activeClasses = getStyles(styles$12, ["".concat(getVariant(color, outline), "-active")]);
|
|
3476
|
+
var textClasses = getStyles(styles$12, ['.btn-text', "".concat(getVariant(color, outline), "-text"), color === 'link' && '.btn-link-text', disabled && "".concat(getVariant(color, outline), "-text-disabled"), disabled && color === 'link' && '.btn-link-text-disabled', hasSize(size, group, 'lg') && '.btn-lg-text', hasSize(size, group, 'sm') && '.btn-sm-text']);
|
|
3477
|
+
var activeTextClasses = getStyles(styles$12, ["".concat(getVariant(color, outline), "-active-text")]);
|
|
3547
3478
|
return /*#__PURE__*/React__default["default"].createElement(Pressable, _extends({}, elementProps, {
|
|
3548
3479
|
ref: ref,
|
|
3549
3480
|
active: active,
|
|
@@ -3555,31 +3486,31 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function (props,
|
|
|
3555
3486
|
}), children);
|
|
3556
3487
|
});
|
|
3557
3488
|
Button.displayName = 'Button';
|
|
3558
|
-
Button.propTypes = propTypes$
|
|
3489
|
+
Button.propTypes = propTypes$1h;
|
|
3559
3490
|
Button.useToggle = useToggleButton;
|
|
3560
3491
|
|
|
3561
|
-
var _excluded$
|
|
3492
|
+
var _excluded$1f = ["children", "style", "textStyle"];
|
|
3562
3493
|
|
|
3563
|
-
var _templateObject$
|
|
3564
|
-
var propTypes$
|
|
3494
|
+
var _templateObject$12, _templateObject2$N;
|
|
3495
|
+
var propTypes$1g = {
|
|
3565
3496
|
children: PropTypes__default["default"].node.isRequired,
|
|
3566
3497
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3567
3498
|
style: PropTypes__default["default"].any,
|
|
3568
3499
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3569
3500
|
textStyle: PropTypes__default["default"].any
|
|
3570
3501
|
};
|
|
3571
|
-
var styles$
|
|
3572
|
-
blockquote: css(_templateObject$
|
|
3573
|
-
'blockquote-text': css(_templateObject2$
|
|
3502
|
+
var styles$11 = StyleSheet.create({
|
|
3503
|
+
blockquote: css(_templateObject$12 || (_templateObject$12 = _taggedTemplateLiteral(["\n margin-bottom: $blockquote-margin-y;\n "]))),
|
|
3504
|
+
'blockquote-text': css(_templateObject2$N || (_templateObject2$N = _taggedTemplateLiteral(["\n font-size: $blockquote-font-size;\n "])))
|
|
3574
3505
|
});
|
|
3575
3506
|
var Blockquote = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
3576
3507
|
var children = props.children,
|
|
3577
3508
|
style = props.style,
|
|
3578
3509
|
textStyle = props.textStyle,
|
|
3579
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3510
|
+
elementProps = _objectWithoutProperties(props, _excluded$1f);
|
|
3580
3511
|
|
|
3581
|
-
var classes = getStyles(styles$
|
|
3582
|
-
var textClasses = getStyles(styles$
|
|
3512
|
+
var classes = getStyles(styles$11, ['blockquote']);
|
|
3513
|
+
var textClasses = getStyles(styles$11, ['blockquote-text']); // Accessiblity role blockquote is only supported on web.
|
|
3583
3514
|
|
|
3584
3515
|
var role = reactNative.Platform.OS === 'web' ? 'blockquote' : null;
|
|
3585
3516
|
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
@@ -3590,30 +3521,30 @@ var Blockquote = /*#__PURE__*/React__default["default"].forwardRef(function (pro
|
|
|
3590
3521
|
}), children);
|
|
3591
3522
|
});
|
|
3592
3523
|
Blockquote.displayName = 'Blockquote';
|
|
3593
|
-
Blockquote.propTypes = propTypes$
|
|
3524
|
+
Blockquote.propTypes = propTypes$1g;
|
|
3594
3525
|
|
|
3595
|
-
var _excluded$
|
|
3526
|
+
var _excluded$1e = ["children", "style", "textStyle"];
|
|
3596
3527
|
|
|
3597
|
-
var _templateObject$
|
|
3598
|
-
var propTypes$
|
|
3528
|
+
var _templateObject$11, _templateObject2$M;
|
|
3529
|
+
var propTypes$1f = {
|
|
3599
3530
|
children: PropTypes__default["default"].node.isRequired,
|
|
3600
3531
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3601
3532
|
style: PropTypes__default["default"].any,
|
|
3602
3533
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3603
3534
|
textStyle: PropTypes__default["default"].any
|
|
3604
3535
|
};
|
|
3605
|
-
var styles
|
|
3606
|
-
body: css(_templateObject$
|
|
3607
|
-
'body-text': css(_templateObject2$
|
|
3536
|
+
var styles$10 = StyleSheet.create({
|
|
3537
|
+
body: css(_templateObject$11 || (_templateObject$11 = _taggedTemplateLiteral(["\n background-color: $body-bg;\n height: 100%; // added for bootstrap-rn\n "]))),
|
|
3538
|
+
'body-text': css(_templateObject2$M || (_templateObject2$M = _taggedTemplateLiteral(["\n color: $body-color;\n text-align: $body-text-align;\n "])))
|
|
3608
3539
|
});
|
|
3609
3540
|
var Body = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
3610
3541
|
var children = props.children,
|
|
3611
3542
|
style = props.style,
|
|
3612
3543
|
textStyle = props.textStyle,
|
|
3613
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3544
|
+
elementProps = _objectWithoutProperties(props, _excluded$1e);
|
|
3614
3545
|
|
|
3615
|
-
var classes = getStyles(styles
|
|
3616
|
-
var textClasses = getStyles(styles
|
|
3546
|
+
var classes = getStyles(styles$10, ['body']);
|
|
3547
|
+
var textClasses = getStyles(styles$10, ['body-text']);
|
|
3617
3548
|
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
3618
3549
|
ref: ref,
|
|
3619
3550
|
style: [classes, style],
|
|
@@ -3621,30 +3552,30 @@ var Body = /*#__PURE__*/React__default["default"].forwardRef(function (props, re
|
|
|
3621
3552
|
}), children);
|
|
3622
3553
|
});
|
|
3623
3554
|
Body.displayName = 'Body';
|
|
3624
|
-
Body.propTypes = propTypes$
|
|
3555
|
+
Body.propTypes = propTypes$1f;
|
|
3625
3556
|
|
|
3626
|
-
var _excluded$
|
|
3557
|
+
var _excluded$1d = ["children", "style", "textStyle"];
|
|
3627
3558
|
|
|
3628
|
-
var _templateObject
|
|
3629
|
-
var propTypes$
|
|
3559
|
+
var _templateObject$10, _templateObject2$L;
|
|
3560
|
+
var propTypes$1e = {
|
|
3630
3561
|
children: PropTypes__default["default"].node.isRequired,
|
|
3631
3562
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3632
3563
|
style: PropTypes__default["default"].any,
|
|
3633
3564
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3634
3565
|
textStyle: PropTypes__default["default"].any
|
|
3635
3566
|
};
|
|
3636
|
-
var styles
|
|
3637
|
-
'.card-body': css(_templateObject
|
|
3638
|
-
'.card-body-text': css(_templateObject2$
|
|
3567
|
+
var styles$$ = StyleSheet.create({
|
|
3568
|
+
'.card-body': css(_templateObject$10 || (_templateObject$10 = _taggedTemplateLiteral(["\n // flex: 1 1 auto;\n padding: $card-spacer-y $card-spacer-x;\n "]))),
|
|
3569
|
+
'.card-body-text': css(_templateObject2$L || (_templateObject2$L = _taggedTemplateLiteral(["\n color: $card-color;\n "])))
|
|
3639
3570
|
});
|
|
3640
3571
|
var CardBody = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
3641
3572
|
var children = props.children,
|
|
3642
3573
|
style = props.style,
|
|
3643
3574
|
textStyle = props.textStyle,
|
|
3644
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3575
|
+
elementProps = _objectWithoutProperties(props, _excluded$1d);
|
|
3645
3576
|
|
|
3646
|
-
var classes = getStyles(styles
|
|
3647
|
-
var textClasses = getStyles(styles
|
|
3577
|
+
var classes = getStyles(styles$$, ['.card-body']);
|
|
3578
|
+
var textClasses = getStyles(styles$$, [".card-body-text"]);
|
|
3648
3579
|
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
3649
3580
|
ref: ref,
|
|
3650
3581
|
style: [classes, style],
|
|
@@ -3652,30 +3583,30 @@ var CardBody = /*#__PURE__*/React__default["default"].forwardRef(function (props
|
|
|
3652
3583
|
}), children);
|
|
3653
3584
|
});
|
|
3654
3585
|
CardBody.displayName = 'CardBody';
|
|
3655
|
-
CardBody.propTypes = propTypes$
|
|
3586
|
+
CardBody.propTypes = propTypes$1e;
|
|
3656
3587
|
|
|
3657
|
-
var _excluded$
|
|
3588
|
+
var _excluded$1c = ["children", "style", "textStyle"];
|
|
3658
3589
|
|
|
3659
|
-
var _templateObject
|
|
3660
|
-
var propTypes$
|
|
3590
|
+
var _templateObject$$, _templateObject2$K;
|
|
3591
|
+
var propTypes$1d = {
|
|
3661
3592
|
children: PropTypes__default["default"].node.isRequired,
|
|
3662
3593
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3663
3594
|
style: PropTypes__default["default"].any,
|
|
3664
3595
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3665
3596
|
textStyle: PropTypes__default["default"].any
|
|
3666
3597
|
};
|
|
3667
|
-
var styles$
|
|
3668
|
-
'.card-header': css(_templateObject
|
|
3669
|
-
'.card-header-text': css(_templateObject2$
|
|
3598
|
+
var styles$_ = StyleSheet.create({
|
|
3599
|
+
'.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 "]))),
|
|
3600
|
+
'.card-header-text': css(_templateObject2$K || (_templateObject2$K = _taggedTemplateLiteral(["\n color: $card-cap-color;\n "])))
|
|
3670
3601
|
});
|
|
3671
3602
|
var CardHeader = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
3672
3603
|
var children = props.children,
|
|
3673
3604
|
style = props.style,
|
|
3674
3605
|
textStyle = props.textStyle,
|
|
3675
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3606
|
+
elementProps = _objectWithoutProperties(props, _excluded$1c);
|
|
3676
3607
|
|
|
3677
|
-
var classes = getStyles(styles$
|
|
3678
|
-
var textClasses = getStyles(styles$
|
|
3608
|
+
var classes = getStyles(styles$_, ['.card-header']);
|
|
3609
|
+
var textClasses = getStyles(styles$_, ['.card-header-text']);
|
|
3679
3610
|
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
3680
3611
|
ref: ref,
|
|
3681
3612
|
style: [classes, style],
|
|
@@ -3683,30 +3614,30 @@ var CardHeader = /*#__PURE__*/React__default["default"].forwardRef(function (pro
|
|
|
3683
3614
|
}), children);
|
|
3684
3615
|
});
|
|
3685
3616
|
CardHeader.displayName = 'CardHeader';
|
|
3686
|
-
CardHeader.propTypes = propTypes$
|
|
3617
|
+
CardHeader.propTypes = propTypes$1d;
|
|
3687
3618
|
|
|
3688
|
-
var _excluded$
|
|
3619
|
+
var _excluded$1b = ["children", "style", "textStyle"];
|
|
3689
3620
|
|
|
3690
|
-
var _templateObject$
|
|
3691
|
-
var propTypes$
|
|
3621
|
+
var _templateObject$_, _templateObject2$J;
|
|
3622
|
+
var propTypes$1c = {
|
|
3692
3623
|
children: PropTypes__default["default"].node.isRequired,
|
|
3693
3624
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3694
3625
|
style: PropTypes__default["default"].any,
|
|
3695
3626
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3696
3627
|
textStyle: PropTypes__default["default"].any
|
|
3697
3628
|
};
|
|
3698
|
-
var styles$
|
|
3699
|
-
'.card-footer': css(_templateObject$
|
|
3700
|
-
'.card-footer-text': css(_templateObject2$
|
|
3629
|
+
var styles$Z = StyleSheet.create({
|
|
3630
|
+
'.card-footer': css(_templateObject$_ || (_templateObject$_ = _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 "]))),
|
|
3631
|
+
'.card-footer-text': css(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteral(["\n color: $card-cap-color;\n "])))
|
|
3701
3632
|
});
|
|
3702
3633
|
var CardFooter = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
3703
3634
|
var children = props.children,
|
|
3704
3635
|
style = props.style,
|
|
3705
3636
|
textStyle = props.textStyle,
|
|
3706
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3637
|
+
elementProps = _objectWithoutProperties(props, _excluded$1b);
|
|
3707
3638
|
|
|
3708
|
-
var classes = getStyles(styles$
|
|
3709
|
-
var textClasses = getStyles(styles$
|
|
3639
|
+
var classes = getStyles(styles$Z, ['.card-footer']);
|
|
3640
|
+
var textClasses = getStyles(styles$Z, ['.card-footer-text']);
|
|
3710
3641
|
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
3711
3642
|
ref: ref,
|
|
3712
3643
|
style: [classes, style],
|
|
@@ -3714,32 +3645,32 @@ var CardFooter = /*#__PURE__*/React__default["default"].forwardRef(function (pro
|
|
|
3714
3645
|
}), children);
|
|
3715
3646
|
});
|
|
3716
3647
|
CardFooter.displayName = 'CardFooter';
|
|
3717
|
-
CardFooter.propTypes = propTypes$
|
|
3648
|
+
CardFooter.propTypes = propTypes$1c;
|
|
3718
3649
|
|
|
3719
|
-
var _excluded$
|
|
3650
|
+
var _excluded$1a = ["children", "style"];
|
|
3720
3651
|
|
|
3721
|
-
var _templateObject$
|
|
3722
|
-
var propTypes$
|
|
3652
|
+
var _templateObject$Z;
|
|
3653
|
+
var propTypes$1b = {
|
|
3723
3654
|
children: PropTypes__default["default"].node.isRequired,
|
|
3724
3655
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3725
3656
|
style: PropTypes__default["default"].any
|
|
3726
3657
|
};
|
|
3727
|
-
var styles$
|
|
3728
|
-
'.card': css(_templateObject$
|
|
3658
|
+
var styles$Y = StyleSheet.create({
|
|
3659
|
+
'.card': css(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteral(["\n position: relative;\n display: flex;\n flex-direction: column;\n min-width: 0;\n height: $card-height;\n // word-wrap: break-word;\n background-color: $card-bg;\n // background-clip: border-box;\n border: $card-border-width solid $card-border-color;\n border-radius: $card-border-radius;\n // @include box-shadow($card-box-shadow);\n "])))
|
|
3729
3660
|
});
|
|
3730
3661
|
var Card = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
3731
3662
|
var children = props.children,
|
|
3732
3663
|
style = props.style,
|
|
3733
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3664
|
+
elementProps = _objectWithoutProperties(props, _excluded$1a);
|
|
3734
3665
|
|
|
3735
|
-
var classes = getStyles(styles$
|
|
3666
|
+
var classes = getStyles(styles$Y, ['.card']);
|
|
3736
3667
|
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
3737
3668
|
ref: ref,
|
|
3738
3669
|
style: [classes, style]
|
|
3739
3670
|
}), children);
|
|
3740
3671
|
});
|
|
3741
3672
|
Card.displayName = 'Card';
|
|
3742
|
-
Card.propTypes = propTypes$
|
|
3673
|
+
Card.propTypes = propTypes$1b;
|
|
3743
3674
|
Card.Header = CardHeader;
|
|
3744
3675
|
Card.Body = CardBody;
|
|
3745
3676
|
Card.Footer = CardFooter;
|
|
@@ -3750,10 +3681,10 @@ ModalContext.displayName = 'ModalContext';
|
|
|
3750
3681
|
var OffcanvasContext = /*#__PURE__*/React__default["default"].createContext();
|
|
3751
3682
|
OffcanvasContext.displayName = 'OffcanvasContext';
|
|
3752
3683
|
|
|
3753
|
-
var _excluded$
|
|
3684
|
+
var _excluded$19 = ["children", "disabled", "style", "textStyle"];
|
|
3754
3685
|
|
|
3755
|
-
var _templateObject$
|
|
3756
|
-
var propTypes$
|
|
3686
|
+
var _templateObject$Y, _templateObject2$I, _templateObject3$n, _templateObject4$l, _templateObject5$j;
|
|
3687
|
+
var propTypes$1a = {
|
|
3757
3688
|
children: PropTypes__default["default"].node,
|
|
3758
3689
|
disabled: PropTypes__default["default"].bool,
|
|
3759
3690
|
// eslint-disable-next-line react/forbid-prop-types
|
|
@@ -3761,14 +3692,14 @@ var propTypes$19 = {
|
|
|
3761
3692
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3762
3693
|
textStyle: PropTypes__default["default"].any
|
|
3763
3694
|
};
|
|
3764
|
-
var styles$
|
|
3765
|
-
'.btn-close': css(_templateObject$
|
|
3766
|
-
'.btn-close-text': css(_templateObject2$
|
|
3767
|
-
'.btn-close-disabled': css(_templateObject3$
|
|
3695
|
+
var styles$X = StyleSheet.create({
|
|
3696
|
+
'.btn-close': css(_templateObject$Y || (_templateObject$Y = _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 "]))),
|
|
3697
|
+
'.btn-close-text': css(_templateObject2$I || (_templateObject2$I = _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 "]))),
|
|
3698
|
+
'.btn-close-disabled': css(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteral(["\n // pointer-events: none;\n // user-select: none;\n opacity: $btn-close-disabled-opacity;\n "]))),
|
|
3768
3699
|
// Modal styles
|
|
3769
|
-
'.modal-header .btn-close': css(_templateObject4$
|
|
3700
|
+
'.modal-header .btn-close': css(_templateObject4$l || (_templateObject4$l = _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 "]))),
|
|
3770
3701
|
// Offcanvas styles
|
|
3771
|
-
'.offcanvas-header .btn-close': css(_templateObject5$
|
|
3702
|
+
'.offcanvas-header .btn-close': css(_templateObject5$j || (_templateObject5$j = _taggedTemplateLiteral(["\n padding: $offcanvas-padding-y * 0.5 $offcanvas-padding-x * 0.5;\n margin-top: -0.5 * $offcanvas-padding-y;\n margin-right: -0.5 * $offcanvas-padding-x;\n margin-bottom: -0.5 * $offcanvas-padding-y;\n\n // Workaround for missing box-sizing in react native.\n width: $btn-close-width + $offcanvas-padding-x;\n height: $btn-close-height + $offcanvas-padding-y;\n "])))
|
|
3772
3703
|
});
|
|
3773
3704
|
var CloseButton = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
3774
3705
|
props.children;
|
|
@@ -3776,14 +3707,14 @@ var CloseButton = /*#__PURE__*/React__default["default"].forwardRef(function (pr
|
|
|
3776
3707
|
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
3777
3708
|
style = props.style,
|
|
3778
3709
|
textStyle = props.textStyle,
|
|
3779
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3710
|
+
elementProps = _objectWithoutProperties(props, _excluded$19);
|
|
3780
3711
|
|
|
3781
3712
|
var modal = React.useContext(ModalContext);
|
|
3782
3713
|
var offcanvas = React.useContext(OffcanvasContext);
|
|
3783
|
-
var classes = getStyles(styles$
|
|
3714
|
+
var classes = getStyles(styles$X, ['.btn-close', disabled && '.btn-close-disabled', // Modal styles
|
|
3784
3715
|
modal && '.modal-header .btn-close', // Offcanvas styles
|
|
3785
3716
|
offcanvas && '.offcanvas-header .btn-close']);
|
|
3786
|
-
var textClasses = getStyles(styles$
|
|
3717
|
+
var textClasses = getStyles(styles$X, ['.btn-close-text']);
|
|
3787
3718
|
return /*#__PURE__*/React__default["default"].createElement(Pressable, _extends({}, elementProps, {
|
|
3788
3719
|
ref: ref,
|
|
3789
3720
|
disabled: disabled,
|
|
@@ -3792,7 +3723,7 @@ var CloseButton = /*#__PURE__*/React__default["default"].forwardRef(function (pr
|
|
|
3792
3723
|
}), StyleSheet.value('btn-close-bg'));
|
|
3793
3724
|
});
|
|
3794
3725
|
CloseButton.displayName = 'CloseButton';
|
|
3795
|
-
CloseButton.propTypes = propTypes$
|
|
3726
|
+
CloseButton.propTypes = propTypes$1a;
|
|
3796
3727
|
|
|
3797
3728
|
var CollapseContext = /*#__PURE__*/React__default["default"].createContext();
|
|
3798
3729
|
CollapseContext.displayName = 'CollapseContext';
|
|
@@ -3851,7 +3782,7 @@ function useCollapse(defaultVisible, controlledVisible, onToggle) {
|
|
|
3851
3782
|
}, [visible]);
|
|
3852
3783
|
}
|
|
3853
3784
|
|
|
3854
|
-
var propTypes$
|
|
3785
|
+
var propTypes$19 = {
|
|
3855
3786
|
children: PropTypes__default["default"].node.isRequired,
|
|
3856
3787
|
defaultVisible: PropTypes__default["default"].bool,
|
|
3857
3788
|
visible: PropTypes__default["default"].bool,
|
|
@@ -3871,14 +3802,14 @@ var CollapseProvider = function CollapseProvider(props) {
|
|
|
3871
3802
|
};
|
|
3872
3803
|
|
|
3873
3804
|
CollapseProvider.displayName = 'CollapseProvider';
|
|
3874
|
-
CollapseProvider.propTypes = propTypes$
|
|
3805
|
+
CollapseProvider.propTypes = propTypes$19;
|
|
3875
3806
|
|
|
3876
|
-
var _excluded$
|
|
3807
|
+
var _excluded$18 = ["onPress"];
|
|
3877
3808
|
function useToggleCollapse(props) {
|
|
3878
3809
|
var context = useForcedContext(CollapseContext);
|
|
3879
3810
|
|
|
3880
3811
|
var handlePress = props.onPress,
|
|
3881
|
-
restProps = _objectWithoutProperties(props, _excluded$
|
|
3812
|
+
restProps = _objectWithoutProperties(props, _excluded$18);
|
|
3882
3813
|
|
|
3883
3814
|
return _objectSpread2(_objectSpread2({}, restProps), {}, {
|
|
3884
3815
|
onPress: function onPress(event) {
|
|
@@ -3892,13 +3823,13 @@ function useToggleCollapse(props) {
|
|
|
3892
3823
|
});
|
|
3893
3824
|
}
|
|
3894
3825
|
|
|
3895
|
-
var _excluded$
|
|
3896
|
-
var propTypes$
|
|
3826
|
+
var _excluded$17 = ["children"];
|
|
3827
|
+
var propTypes$18 = {
|
|
3897
3828
|
children: PropTypes__default["default"].node
|
|
3898
3829
|
};
|
|
3899
3830
|
var Collapse = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
3900
3831
|
var children = props.children,
|
|
3901
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3832
|
+
elementProps = _objectWithoutProperties(props, _excluded$17);
|
|
3902
3833
|
|
|
3903
3834
|
var _useForcedContext = useForcedContext(CollapseContext),
|
|
3904
3835
|
identifier = _useForcedContext.identifier,
|
|
@@ -3914,7 +3845,7 @@ var Collapse = /*#__PURE__*/React__default["default"].forwardRef(function (props
|
|
|
3914
3845
|
}), children);
|
|
3915
3846
|
});
|
|
3916
3847
|
Collapse.displayName = 'Collapse';
|
|
3917
|
-
Collapse.propTypes = propTypes$
|
|
3848
|
+
Collapse.propTypes = propTypes$18;
|
|
3918
3849
|
Collapse.Provider = CollapseProvider;
|
|
3919
3850
|
Collapse.useToggle = useToggleCollapse;
|
|
3920
3851
|
|
|
@@ -3939,18 +3870,18 @@ function infix(breakpoint) {
|
|
|
3939
3870
|
var NavbarContext = /*#__PURE__*/React__default["default"].createContext();
|
|
3940
3871
|
NavbarContext.displayName = 'NavbarContext';
|
|
3941
3872
|
|
|
3942
|
-
var _excluded$
|
|
3873
|
+
var _excluded$16 = ["fluid", "style"];
|
|
3943
3874
|
|
|
3944
|
-
var _templateObject$
|
|
3945
|
-
var propTypes$
|
|
3875
|
+
var _templateObject$X, _templateObject2$H, _templateObject3$m, _templateObject4$k, _templateObject5$i, _templateObject6$f, _templateObject7$b, _templateObject8$a;
|
|
3876
|
+
var propTypes$17 = {
|
|
3946
3877
|
children: PropTypes__default["default"].node.isRequired,
|
|
3947
3878
|
fluid: PropTypes__default["default"].oneOf([true].concat(_toConsumableArray(Object.keys(CONTAINER_MAX_WIDTHS)))),
|
|
3948
3879
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3949
3880
|
style: PropTypes__default["default"].any
|
|
3950
3881
|
};
|
|
3951
|
-
var styles$
|
|
3952
|
-
'.container': css(_templateObject$
|
|
3953
|
-
'.container-sm': css(_templateObject2$
|
|
3882
|
+
var styles$W = StyleSheet.create(_objectSpread2({
|
|
3883
|
+
'.container': css(_templateObject$X || (_templateObject$X = _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 "]))),
|
|
3884
|
+
'.container-sm': css(_templateObject2$H || (_templateObject2$H = _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
3885
|
return t['container-max-widths'].sm;
|
|
3955
3886
|
}, function (t) {
|
|
3956
3887
|
return t['container-max-widths'].md;
|
|
@@ -3961,7 +3892,7 @@ var styles$V = StyleSheet.create(_objectSpread2({
|
|
|
3961
3892
|
}, function (t) {
|
|
3962
3893
|
return t['container-max-widths'].xxl;
|
|
3963
3894
|
}),
|
|
3964
|
-
'.container-md': css(_templateObject3$
|
|
3895
|
+
'.container-md': css(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteral(["\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) {
|
|
3965
3896
|
return t['container-max-widths'].md;
|
|
3966
3897
|
}, function (t) {
|
|
3967
3898
|
return t['container-max-widths'].lg;
|
|
@@ -3970,14 +3901,14 @@ var styles$V = StyleSheet.create(_objectSpread2({
|
|
|
3970
3901
|
}, function (t) {
|
|
3971
3902
|
return t['container-max-widths'].xxl;
|
|
3972
3903
|
}),
|
|
3973
|
-
'.container-lg': css(_templateObject4$
|
|
3904
|
+
'.container-lg': css(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteral(["\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) {
|
|
3974
3905
|
return t['container-max-widths'].lg;
|
|
3975
3906
|
}, function (t) {
|
|
3976
3907
|
return t['container-max-widths'].xl;
|
|
3977
3908
|
}, function (t) {
|
|
3978
3909
|
return t['container-max-widths'].xxl;
|
|
3979
3910
|
}),
|
|
3980
|
-
'.container-xl': css(_templateObject5$
|
|
3911
|
+
'.container-xl': css(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteral(["\n @include media-breakpoint-up(xl) {\n max-width: ", ";\n }\n @include media-breakpoint-up(xxl) {\n max-width: ", ";\n }\n "])), function (t) {
|
|
3981
3912
|
return t['container-max-widths'].xl;
|
|
3982
3913
|
}, function (t) {
|
|
3983
3914
|
return t['container-max-widths'].xxl;
|
|
@@ -3994,10 +3925,10 @@ var Container = /*#__PURE__*/React__default["default"].forwardRef(function (prop
|
|
|
3994
3925
|
var _props$fluid = props.fluid,
|
|
3995
3926
|
fluid = _props$fluid === void 0 ? 'sm' : _props$fluid,
|
|
3996
3927
|
style = props.style,
|
|
3997
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3928
|
+
elementProps = _objectWithoutProperties(props, _excluded$16);
|
|
3998
3929
|
|
|
3999
3930
|
var navbar = React.useContext(NavbarContext);
|
|
4000
|
-
var classes = getStyles(styles$
|
|
3931
|
+
var classes = getStyles(styles$W, ['.container', // Hint: Bootstrap's .container class is identical with .container-sm.
|
|
4001
3932
|
fluid !== true && ".container-".concat(fluid), // Navbar styles
|
|
4002
3933
|
navbar && '.navbar .container', navbar && navbar.expand && ".navbar-expand".concat(navbar.expand === true ? '' : "-".concat(navbar.expand), " .container")]);
|
|
4003
3934
|
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
@@ -4006,12 +3937,12 @@ var Container = /*#__PURE__*/React__default["default"].forwardRef(function (prop
|
|
|
4006
3937
|
}));
|
|
4007
3938
|
});
|
|
4008
3939
|
Container.displayName = 'Container';
|
|
4009
|
-
Container.propTypes = propTypes$
|
|
3940
|
+
Container.propTypes = propTypes$17;
|
|
4010
3941
|
|
|
4011
|
-
var _excluded$
|
|
3942
|
+
var _excluded$15 = ["children", "type", "value", "onChange", "onPress", "label", "disabled", "valid", "invalid", "style", "inputStyle", "labelStyle", "labelTextStyle"];
|
|
4012
3943
|
|
|
4013
|
-
var _templateObject$
|
|
4014
|
-
var propTypes$
|
|
3944
|
+
var _templateObject$W, _templateObject2$G, _templateObject3$l, _templateObject4$j, _templateObject5$h, _templateObject6$e, _templateObject7$a, _templateObject8$9, _templateObject9$7, _templateObject10$7, _templateObject11$5, _templateObject12$4, _templateObject13$4;
|
|
3945
|
+
var propTypes$16 = {
|
|
4015
3946
|
children: PropTypes__default["default"].node,
|
|
4016
3947
|
type: PropTypes__default["default"].oneOf(['checkbox', 'radio', 'switch']).isRequired,
|
|
4017
3948
|
value: PropTypes__default["default"].bool.isRequired,
|
|
@@ -4030,12 +3961,12 @@ var propTypes$15 = {
|
|
|
4030
3961
|
// eslint-disable-next-line react/forbid-prop-types
|
|
4031
3962
|
labelTextStyle: PropTypes__default["default"].any
|
|
4032
3963
|
};
|
|
4033
|
-
var styles$
|
|
4034
|
-
'.form-check': css(_templateObject$
|
|
4035
|
-
'.form-check-disabled': css(_templateObject2$
|
|
4036
|
-
'.form-check-input': css(_templateObject3$
|
|
4037
|
-
'.form-check-input-checkbox': css(_templateObject4$
|
|
4038
|
-
'.form-check-input-radio': css(_templateObject5$
|
|
3964
|
+
var styles$V = StyleSheet.create(_objectSpread2({
|
|
3965
|
+
'.form-check': css(_templateObject$W || (_templateObject$W = _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 "]))),
|
|
3966
|
+
'.form-check-disabled': css(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteral(["\n opacity: $form-check-label-disabled-opacity;\n "]))),
|
|
3967
|
+
'.form-check-input': css(_templateObject3$l || (_templateObject3$l = _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 "]))),
|
|
3968
|
+
'.form-check-input-checkbox': css(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteral(["\n border-radius: $form-check-input-border-radius;\n "]))),
|
|
3969
|
+
'.form-check-input-radio': css(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteral(["\n border-radius: $form-check-radio-border-radius;\n "]))),
|
|
4039
3970
|
'.form-check-input-checked': css(_templateObject6$e || (_templateObject6$e = _taggedTemplateLiteral(["\n background-color: $form-check-input-checked-bg-color;\n border-color: $form-check-input-checked-border-color;\n "]))),
|
|
4040
3971
|
'.form-check-label': css(_templateObject7$a || (_templateObject7$a = _taggedTemplateLiteral(["\n color: $form-check-label-color;\n @include platform(web) {\n cursor: $form-check-label-cursor;\n }\n "]))),
|
|
4041
3972
|
'.form-switch': css(_templateObject8$9 || (_templateObject8$9 = _taggedTemplateLiteral(["\n padding-left: $form-switch-padding-start;\n "]))),
|
|
@@ -4091,16 +4022,16 @@ var CheckInput = /*#__PURE__*/React__default["default"].forwardRef(function (pro
|
|
|
4091
4022
|
inputStyle = modifierProps.inputStyle,
|
|
4092
4023
|
labelStyle = modifierProps.labelStyle,
|
|
4093
4024
|
labelTextStyle = modifierProps.labelTextStyle,
|
|
4094
|
-
elementProps = _objectWithoutProperties(modifierProps, _excluded$
|
|
4025
|
+
elementProps = _objectWithoutProperties(modifierProps, _excluded$15);
|
|
4095
4026
|
|
|
4096
4027
|
if (!children && !label) {
|
|
4097
4028
|
// eslint-disable-next-line no-console
|
|
4098
4029
|
console.warn('You need to provide either children or a label for accessibility.');
|
|
4099
4030
|
}
|
|
4100
4031
|
|
|
4101
|
-
var classes = getStyles(styles$
|
|
4102
|
-
var inputClasses = getStyles(styles$
|
|
4103
|
-
var labelTextClasses = getStyles(styles$
|
|
4032
|
+
var classes = getStyles(styles$V, ['.form-check', type === 'switch' && '.form-switch', disabled && '.form-check-disabled']);
|
|
4033
|
+
var inputClasses = getStyles(styles$V, ['.form-check-input', type === 'checkbox' && '.form-check-input-checkbox', type === 'radio' && '.form-check-input-radio', type === 'switch' && '.form-check-input-switch', value && '.form-check-input-checked', type === 'switch' && value && '.form-check-input-switch-checked', valid && '.form-check-input.is-valid', valid && value && '.form-check-input-checked.is-valid', invalid && '.form-check-input.is-invalid', invalid && value && '.form-check-input-checked.is-invalid']);
|
|
4034
|
+
var labelTextClasses = getStyles(styles$V, ['.form-check-label', valid && '.form-check-label.is-valid', invalid && '.form-check-label.is-invalid']); // TODO &:focus, &:active
|
|
4104
4035
|
|
|
4105
4036
|
return /*#__PURE__*/React__default["default"].createElement(Pressable, _extends({}, elementProps, {
|
|
4106
4037
|
ref: modifierRef,
|
|
@@ -4120,7 +4051,7 @@ var CheckInput = /*#__PURE__*/React__default["default"].forwardRef(function (pro
|
|
|
4120
4051
|
}, children));
|
|
4121
4052
|
});
|
|
4122
4053
|
CheckInput.displayName = 'CheckInput';
|
|
4123
|
-
CheckInput.propTypes = propTypes$
|
|
4054
|
+
CheckInput.propTypes = propTypes$16;
|
|
4124
4055
|
|
|
4125
4056
|
var Checkbox = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
4126
4057
|
var elementProps = _extends({}, props);
|
|
@@ -4132,13 +4063,13 @@ var Checkbox = /*#__PURE__*/React__default["default"].forwardRef(function (props
|
|
|
4132
4063
|
});
|
|
4133
4064
|
Checkbox.displayName = 'Checkbox';
|
|
4134
4065
|
|
|
4135
|
-
var _excluded$
|
|
4066
|
+
var _excluded$14 = ["children", "size", "sizeSm", "sizeMd", "sizeLg", "sizeXl", "style"];
|
|
4136
4067
|
|
|
4137
|
-
var _templateObject$
|
|
4068
|
+
var _templateObject$V, _templateObject2$F, _templateObject3$k, _templateObject4$i, _templateObject5$g;
|
|
4138
4069
|
var sizes = makeArray(GRID_COLUMNS).map(function (v) {
|
|
4139
4070
|
return v + 1;
|
|
4140
4071
|
});
|
|
4141
|
-
var propTypes$
|
|
4072
|
+
var propTypes$15 = {
|
|
4142
4073
|
children: PropTypes__default["default"].node.isRequired,
|
|
4143
4074
|
size: PropTypes__default["default"].oneOf(['auto'].concat(_toConsumableArray(sizes))),
|
|
4144
4075
|
sizeSm: PropTypes__default["default"].oneOf(['auto'].concat(_toConsumableArray(sizes))),
|
|
@@ -4148,15 +4079,15 @@ var propTypes$14 = {
|
|
|
4148
4079
|
// eslint-disable-next-line react/forbid-prop-types
|
|
4149
4080
|
style: PropTypes__default["default"].any
|
|
4150
4081
|
};
|
|
4151
|
-
var styles$
|
|
4152
|
-
'*': css(_templateObject$
|
|
4082
|
+
var styles$U = StyleSheet.create(_objectSpread2({
|
|
4083
|
+
'*': css(_templateObject$V || (_templateObject$V = _taggedTemplateLiteral(["\n // Add box sizing if only the grid is loaded\n /* box-sizing: if(\n variable-exists(include-column-box-sizing) and $include-column-box-sizing,\n border-box,\n null\n ); */\n // Prevent columns from becoming too narrow when at smaller grid tiers by\n // always setting \"width: 100%;\". This works because we set the width\n // later on to override this initial width.\n flex-shrink: 0;\n width: 100%;\n @include platform(web) {\n max-width: 100%; // Prevent \".col-auto\", \".col\" (& responsive variants) from breaking out the grid\n }\n padding-right: $grid-gutter-width * 0.5;\n padding-left: $grid-gutter-width * 0.5;\n margin-top: 0;\n "])))
|
|
4153
4084
|
}, each(GRID_BREAKPOINTS, function (breakpoint) {
|
|
4154
4085
|
var _objectSpread2$1;
|
|
4155
4086
|
|
|
4156
|
-
return _objectSpread2((_objectSpread2$1 = {}, _defineProperty(_objectSpread2$1, ".col".concat(infix(breakpoint)), css(_templateObject2$
|
|
4087
|
+
return _objectSpread2((_objectSpread2$1 = {}, _defineProperty(_objectSpread2$1, ".col".concat(infix(breakpoint)), css(_templateObject2$F || (_templateObject2$F = _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$k || (_templateObject3$k = _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
4088
|
var _ref;
|
|
4158
4089
|
|
|
4159
|
-
return _ref = {}, _defineProperty(_ref, ".col".concat(infix(breakpoint), "-").concat(i + 1), css(_templateObject4$
|
|
4090
|
+
return _ref = {}, _defineProperty(_ref, ".col".concat(infix(breakpoint), "-").concat(i + 1), css(_templateObject4$i || (_templateObject4$i = _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$g || (_templateObject5$g = _taggedTemplateLiteral(["\n @include media-breakpoint-up(", ") {\n margin-left: ", "%;\n }\n "])), breakpoint, i / GRID_COLUMNS * 100)), _ref;
|
|
4160
4091
|
})));
|
|
4161
4092
|
})));
|
|
4162
4093
|
var Col = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
@@ -4167,16 +4098,90 @@ var Col = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref
|
|
|
4167
4098
|
sizeLg = props.sizeLg,
|
|
4168
4099
|
sizeXl = props.sizeXl,
|
|
4169
4100
|
style = props.style,
|
|
4170
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
4101
|
+
elementProps = _objectWithoutProperties(props, _excluded$14);
|
|
4171
4102
|
|
|
4172
|
-
var classes = getStyles(styles$
|
|
4103
|
+
var classes = getStyles(styles$U, ['*', ".col-".concat(size.toString()), sizeSm && ".col-sm-".concat(sizeSm.toString()), sizeMd && ".col-md-".concat(sizeMd.toString()), sizeLg && ".col-lg-".concat(sizeLg.toString()), sizeXl && ".col-xl-".concat(sizeXl.toString())]);
|
|
4173
4104
|
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
4174
4105
|
ref: ref,
|
|
4175
4106
|
style: [classes, style]
|
|
4176
4107
|
}), children);
|
|
4177
4108
|
});
|
|
4178
4109
|
Col.displayName = 'Col';
|
|
4179
|
-
Col.propTypes = propTypes$
|
|
4110
|
+
Col.propTypes = propTypes$15;
|
|
4111
|
+
|
|
4112
|
+
var _excluded$13 = ["color", "bold", "italic", "mark", "small", "style", "styleName"];
|
|
4113
|
+
|
|
4114
|
+
var _templateObject$U, _templateObject2$E, _templateObject3$j, _templateObject4$h, _templateObject5$f;
|
|
4115
|
+
var propTypes$14 = {
|
|
4116
|
+
color: PropTypes__default["default"].oneOf([].concat(_toConsumableArray(Object.keys(THEME_COLORS)), ['muted', 'black-50', 'white-50'])),
|
|
4117
|
+
small: PropTypes__default["default"].bool,
|
|
4118
|
+
mark: PropTypes__default["default"].bool,
|
|
4119
|
+
bold: PropTypes__default["default"].bool,
|
|
4120
|
+
italic: PropTypes__default["default"].bool,
|
|
4121
|
+
// eslint-disable-next-line react/forbid-prop-types
|
|
4122
|
+
style: PropTypes__default["default"].any,
|
|
4123
|
+
// eslint-disable-next-line react/forbid-prop-types
|
|
4124
|
+
styleName: PropTypes__default["default"].any
|
|
4125
|
+
};
|
|
4126
|
+
var styles$T = StyleSheet.create({
|
|
4127
|
+
text: css(_templateObject$U || (_templateObject$U = _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 "]))),
|
|
4128
|
+
strong: css(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteral(["\n font-weight: $font-weight-bolder;\n "]))),
|
|
4129
|
+
italic: css(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteral(["\n font-style: italic;\n "]))),
|
|
4130
|
+
small: css(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteral(["\n font-size: $small-font-size;\n line-height: $small-font-size * $line-height-base;\n "]))),
|
|
4131
|
+
mark: css(_templateObject5$f || (_templateObject5$f = _taggedTemplateLiteral(["\n padding: $mark-padding;\n background-color: $mark-bg;\n "])))
|
|
4132
|
+
});
|
|
4133
|
+
|
|
4134
|
+
var getStyleName = function getStyleName(styleName, color) {
|
|
4135
|
+
if (!color) {
|
|
4136
|
+
return styleName;
|
|
4137
|
+
}
|
|
4138
|
+
|
|
4139
|
+
return styleName ? "text-".concat(color, " ").concat(styleName) : "text-".concat(color);
|
|
4140
|
+
};
|
|
4141
|
+
|
|
4142
|
+
var Text = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
4143
|
+
var color = props.color,
|
|
4144
|
+
_props$bold = props.bold,
|
|
4145
|
+
bold = _props$bold === void 0 ? false : _props$bold,
|
|
4146
|
+
_props$italic = props.italic,
|
|
4147
|
+
italic = _props$italic === void 0 ? false : _props$italic,
|
|
4148
|
+
_props$mark = props.mark,
|
|
4149
|
+
mark = _props$mark === void 0 ? false : _props$mark,
|
|
4150
|
+
_props$small = props.small,
|
|
4151
|
+
small = _props$small === void 0 ? false : _props$small,
|
|
4152
|
+
style = props.style,
|
|
4153
|
+
styleName = props.styleName,
|
|
4154
|
+
elementProps = _objectWithoutProperties(props, _excluded$13);
|
|
4155
|
+
|
|
4156
|
+
var media = useMedia();
|
|
4157
|
+
var context = React.useContext(TextStyleContext);
|
|
4158
|
+
var classes = getStyles(styles$T, [bold && 'strong', italic && 'italic', small && 'small', mark && 'mark']);
|
|
4159
|
+
var resolveStyle = useStyle([// eslint-disable-next-line react/destructuring-assignment
|
|
4160
|
+
(!context || !context.hasTextAncestor) && styles$T.text, // eslint-disable-next-line react/destructuring-assignment
|
|
4161
|
+
context && context.style, classes, style], getStyleName(styleName, color));
|
|
4162
|
+
var element = /*#__PURE__*/React__default["default"].createElement(reactNative.Text, _extends({}, elementProps, {
|
|
4163
|
+
ref: ref,
|
|
4164
|
+
style: resolveStyle({
|
|
4165
|
+
media: media
|
|
4166
|
+
})
|
|
4167
|
+
})); // eslint-disable-next-line react/destructuring-assignment
|
|
4168
|
+
|
|
4169
|
+
if (context && context.hasTextAncestor && !context.style) {
|
|
4170
|
+
return element;
|
|
4171
|
+
} // If we are not in an ancestor context yet, we need to set hasTextAncestor
|
|
4172
|
+
// to true for nested text components. Furthermore we need to reset the
|
|
4173
|
+
// context style, because we only need to apply the style once.
|
|
4174
|
+
|
|
4175
|
+
|
|
4176
|
+
return /*#__PURE__*/React__default["default"].createElement(TextStyleContext.Provider, {
|
|
4177
|
+
value: {
|
|
4178
|
+
style: null,
|
|
4179
|
+
hasTextAncestor: true
|
|
4180
|
+
}
|
|
4181
|
+
}, element);
|
|
4182
|
+
});
|
|
4183
|
+
Text.displayName = 'Text';
|
|
4184
|
+
Text.propTypes = propTypes$14;
|
|
4180
4185
|
|
|
4181
4186
|
var _excluded$12 = ["children", "style"];
|
|
4182
4187
|
|
|
@@ -4282,6 +4287,11 @@ var Overlay = function Overlay(props) {
|
|
|
4282
4287
|
if (overlay.arrowProps.style.left) {
|
|
4283
4288
|
overlay.arrowProps.style.left -= arrowOffset;
|
|
4284
4289
|
}
|
|
4290
|
+
} // Adjust bottom value by status bar height on Android
|
|
4291
|
+
|
|
4292
|
+
|
|
4293
|
+
if (reactNative.Platform.OS === 'android' && overlay.overlayProps.style.bottom !== undefined && reactNative.StatusBar.currentHeight) {
|
|
4294
|
+
overlay.overlayProps.style.bottom -= reactNative.StatusBar.currentHeight;
|
|
4285
4295
|
}
|
|
4286
4296
|
|
|
4287
4297
|
return children(overlay, overlayRef);
|
|
@@ -4396,7 +4406,7 @@ BackdropHandler.propTypes = propTypes$10;
|
|
|
4396
4406
|
|
|
4397
4407
|
var _excluded$10 = ["children", "start", "end", "style", "textStyle"];
|
|
4398
4408
|
|
|
4399
|
-
var _templateObject$R, _templateObject2$
|
|
4409
|
+
var _templateObject$R, _templateObject2$D, _templateObject3$i, _templateObject4$g, _templateObject5$e, _templateObject6$d, _templateObject7$9, _templateObject8$8, _templateObject9$6, _templateObject10$6;
|
|
4400
4410
|
var ALIGNMENT_BREAKPOINTS = [true, 'sm', 'md', 'lg', 'xl', 'xxl'];
|
|
4401
4411
|
var propTypes$$ = {
|
|
4402
4412
|
children: PropTypes__default["default"].node.isRequired,
|
|
@@ -4409,7 +4419,7 @@ var propTypes$$ = {
|
|
|
4409
4419
|
};
|
|
4410
4420
|
var styles$Q = StyleSheet.create(_objectSpread2(_objectSpread2(_objectSpread2({
|
|
4411
4421
|
'.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$
|
|
4422
|
+
'.dropdown-menu[data-bs-popper]': css(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteral(["\n top: 100%;\n left: 0;\n margin-top: $dropdown-spacer;\n "])))
|
|
4413
4423
|
}, each(GRID_BREAKPOINTS, function (breakpoint) {
|
|
4414
4424
|
var _ref;
|
|
4415
4425
|
|
|
@@ -4531,7 +4541,7 @@ DropdownMenu.propTypes = propTypes$$;
|
|
|
4531
4541
|
|
|
4532
4542
|
var _excluded$$ = ["children", "size", "style"];
|
|
4533
4543
|
|
|
4534
|
-
var _templateObject$Q, _templateObject2$
|
|
4544
|
+
var _templateObject$Q, _templateObject2$C;
|
|
4535
4545
|
var propTypes$_ = {
|
|
4536
4546
|
children: PropTypes__default["default"].node.isRequired,
|
|
4537
4547
|
size: PropTypes__default["default"].oneOf(Object.keys(FONT_SIZES).map(function (k) {
|
|
@@ -4543,7 +4553,7 @@ var propTypes$_ = {
|
|
|
4543
4553
|
var styles$P = StyleSheet.create(_objectSpread2({
|
|
4544
4554
|
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
4555
|
}, each(FONT_SIZES, function (size, value) {
|
|
4546
|
-
return _defineProperty({}, ".h".concat(size), css(_templateObject2$
|
|
4556
|
+
return _defineProperty({}, ".h".concat(size), css(_templateObject2$C || (_templateObject2$C = _taggedTemplateLiteral(["\n font-size: ", ";\n line-height: ", " * $headings-line-height;\n "])), value, value));
|
|
4547
4557
|
})));
|
|
4548
4558
|
var Heading$1 = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
4549
4559
|
var children = props.children,
|
|
@@ -4562,35 +4572,43 @@ var Heading$1 = /*#__PURE__*/React__default["default"].forwardRef(function (prop
|
|
|
4562
4572
|
Heading$1.displayName = 'Heading';
|
|
4563
4573
|
Heading$1.propTypes = propTypes$_;
|
|
4564
4574
|
|
|
4565
|
-
var _excluded$_ = ["children", "style"];
|
|
4575
|
+
var _excluded$_ = ["children", "style", "textStyle"];
|
|
4566
4576
|
|
|
4567
|
-
var _templateObject$P;
|
|
4577
|
+
var _templateObject$P, _templateObject2$B;
|
|
4568
4578
|
var propTypes$Z = {
|
|
4569
4579
|
children: PropTypes__default["default"].node.isRequired,
|
|
4570
4580
|
// eslint-disable-next-line react/forbid-prop-types
|
|
4571
|
-
style: PropTypes__default["default"].any
|
|
4581
|
+
style: PropTypes__default["default"].any,
|
|
4582
|
+
// eslint-disable-next-line react/forbid-prop-types
|
|
4583
|
+
textStyle: PropTypes__default["default"].any
|
|
4572
4584
|
};
|
|
4573
4585
|
var styles$O = StyleSheet.create({
|
|
4574
|
-
'.dropdown-header': css(_templateObject$P || (_templateObject$P = _taggedTemplateLiteral(["\n // display: block;\n padding: $dropdown-header-padding;\n
|
|
4586
|
+
'.dropdown-header': css(_templateObject$P || (_templateObject$P = _taggedTemplateLiteral(["\n // display: block;\n padding: $dropdown-header-padding;\n "]))),
|
|
4587
|
+
'.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
4588
|
});
|
|
4576
4589
|
var DropdownHeader = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
4577
4590
|
var children = props.children,
|
|
4578
4591
|
style = props.style,
|
|
4592
|
+
textStyle = props.textStyle,
|
|
4579
4593
|
elementProps = _objectWithoutProperties(props, _excluded$_);
|
|
4580
4594
|
|
|
4581
4595
|
var classes = getStyles(styles$O, ['.dropdown-header']);
|
|
4582
|
-
|
|
4596
|
+
var textClasses = getStyles(styles$O, ['.dropdown-header-text']); // composite component
|
|
4597
|
+
|
|
4598
|
+
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
4583
4599
|
ref: ref,
|
|
4584
4600
|
size: 6,
|
|
4585
4601
|
style: [classes, style]
|
|
4586
|
-
}),
|
|
4602
|
+
}), /*#__PURE__*/React__default["default"].createElement(Heading$1, {
|
|
4603
|
+
style: [textClasses, textStyle]
|
|
4604
|
+
}, children));
|
|
4587
4605
|
});
|
|
4588
4606
|
DropdownHeader.displayName = 'DropdownHeader';
|
|
4589
4607
|
DropdownHeader.propTypes = propTypes$Z;
|
|
4590
4608
|
|
|
4591
4609
|
var _excluded$Z = ["children", "onPress", "active", "disabled", "style", "textStyle"];
|
|
4592
4610
|
|
|
4593
|
-
var _templateObject$O, _templateObject2$
|
|
4611
|
+
var _templateObject$O, _templateObject2$A, _templateObject3$h, _templateObject4$f, _templateObject5$d, _templateObject6$c;
|
|
4594
4612
|
var propTypes$Y = {
|
|
4595
4613
|
children: PropTypes__default["default"].node.isRequired,
|
|
4596
4614
|
onPress: PropTypes__default["default"].func,
|
|
@@ -4603,7 +4621,7 @@ var propTypes$Y = {
|
|
|
4603
4621
|
};
|
|
4604
4622
|
var styles$N = StyleSheet.create({
|
|
4605
4623
|
'.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$
|
|
4624
|
+
'.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
4625
|
'.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
4626
|
'.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
4627
|
'.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 +4655,35 @@ var DropdownItem = function DropdownItem(props) {
|
|
|
4637
4655
|
DropdownItem.displayName = 'DropdownItem';
|
|
4638
4656
|
DropdownItem.propTypes = propTypes$Y;
|
|
4639
4657
|
|
|
4640
|
-
var _excluded$Y = ["children", "style"];
|
|
4658
|
+
var _excluded$Y = ["children", "style", "textStyle"];
|
|
4641
4659
|
|
|
4642
|
-
var _templateObject$N;
|
|
4660
|
+
var _templateObject$N, _templateObject2$z;
|
|
4643
4661
|
var propTypes$X = {
|
|
4644
4662
|
children: PropTypes__default["default"].node.isRequired,
|
|
4645
4663
|
// eslint-disable-next-line react/forbid-prop-types
|
|
4646
|
-
style: PropTypes__default["default"].any
|
|
4664
|
+
style: PropTypes__default["default"].any,
|
|
4665
|
+
// eslint-disable-next-line react/forbid-prop-types
|
|
4666
|
+
textStyle: PropTypes__default["default"].any
|
|
4647
4667
|
};
|
|
4648
4668
|
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
|
|
4669
|
+
'.dropdown-item-text': css(_templateObject$N || (_templateObject$N = _taggedTemplateLiteral(["\n // display: block;\n padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n "]))),
|
|
4670
|
+
'.dropdown-item-text-text': css(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteral(["\n color: $dropdown-link-color;\n "])))
|
|
4650
4671
|
});
|
|
4651
4672
|
var DropdownItemText = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
4652
4673
|
var children = props.children,
|
|
4653
4674
|
style = props.style,
|
|
4675
|
+
textStyle = props.textStyle,
|
|
4654
4676
|
elementProps = _objectWithoutProperties(props, _excluded$Y);
|
|
4655
4677
|
|
|
4656
4678
|
var classes = getStyles(styles$M, ['.dropdown-item-text']);
|
|
4657
|
-
|
|
4679
|
+
var textClasses = getStyles(styles$M, ['.dropdown-item-text-text']); // composite component
|
|
4680
|
+
|
|
4681
|
+
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
4658
4682
|
ref: ref,
|
|
4659
4683
|
style: [classes, style]
|
|
4660
|
-
}),
|
|
4684
|
+
}), /*#__PURE__*/React__default["default"].createElement(Text, {
|
|
4685
|
+
style: [textClasses, textStyle]
|
|
4686
|
+
}, children));
|
|
4661
4687
|
});
|
|
4662
4688
|
DropdownItemText.displayName = 'DropdownItemText';
|
|
4663
4689
|
DropdownItemText.propTypes = propTypes$X;
|
|
@@ -4835,27 +4861,35 @@ var Feedback = /*#__PURE__*/React__default["default"].forwardRef(function (props
|
|
|
4835
4861
|
Feedback.displayName = 'Feedback';
|
|
4836
4862
|
Feedback.propTypes = propTypes$T;
|
|
4837
4863
|
|
|
4838
|
-
var _excluded$S = ["children", "style"];
|
|
4864
|
+
var _excluded$S = ["children", "style", "textStyle"];
|
|
4839
4865
|
|
|
4840
|
-
var _templateObject$I;
|
|
4866
|
+
var _templateObject$I, _templateObject2$y;
|
|
4841
4867
|
var propTypes$S = {
|
|
4842
4868
|
children: PropTypes__default["default"].node.isRequired,
|
|
4843
4869
|
// eslint-disable-next-line react/forbid-prop-types
|
|
4844
|
-
style: PropTypes__default["default"].any
|
|
4870
|
+
style: PropTypes__default["default"].any,
|
|
4871
|
+
// eslint-disable-next-line react/forbid-prop-types
|
|
4872
|
+
textStyle: PropTypes__default["default"].any
|
|
4845
4873
|
};
|
|
4846
4874
|
var styles$H = StyleSheet.create({
|
|
4847
|
-
'.form-text': css(_templateObject$I || (_templateObject$I = _taggedTemplateLiteral(["\n margin-top: $form-text-margin-top;\n
|
|
4875
|
+
'.form-text': css(_templateObject$I || (_templateObject$I = _taggedTemplateLiteral(["\n margin-top: $form-text-margin-top;\n "]))),
|
|
4876
|
+
'.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
4877
|
});
|
|
4849
4878
|
var FormText = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
4850
4879
|
var children = props.children,
|
|
4851
4880
|
style = props.style,
|
|
4881
|
+
textStyle = props.textStyle,
|
|
4852
4882
|
elementProps = _objectWithoutProperties(props, _excluded$S);
|
|
4853
4883
|
|
|
4854
4884
|
var classes = getStyles(styles$H, ['.form-text']);
|
|
4855
|
-
|
|
4885
|
+
var textClasses = getStyles(styles$H, ['.form-text-text']); // composite component
|
|
4886
|
+
|
|
4887
|
+
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
4856
4888
|
ref: ref,
|
|
4857
4889
|
style: [classes, style]
|
|
4858
|
-
}),
|
|
4890
|
+
}), /*#__PURE__*/React__default["default"].createElement(Text, {
|
|
4891
|
+
style: [textClasses, textStyle]
|
|
4892
|
+
}, children));
|
|
4859
4893
|
});
|
|
4860
4894
|
FormText.displayName = 'FormText';
|
|
4861
4895
|
FormText.propTypes = propTypes$S;
|
|
@@ -4910,7 +4944,7 @@ TextInput.propTypes = propTypes$R;
|
|
|
4910
4944
|
|
|
4911
4945
|
var _excluded$Q = ["size", "placeholderTextColor", "multiline", "disabled", "valid", "invalid", "style"];
|
|
4912
4946
|
|
|
4913
|
-
var _templateObject$H, _templateObject2$
|
|
4947
|
+
var _templateObject$H, _templateObject2$x, _templateObject3$g, _templateObject4$e, _templateObject5$c, _templateObject6$b, _templateObject7$8, _templateObject8$7;
|
|
4914
4948
|
var propTypes$Q = {
|
|
4915
4949
|
size: PropTypes__default["default"].oneOf(['sm', 'lg']),
|
|
4916
4950
|
placeholderTextColor: PropTypes__default["default"].string,
|
|
@@ -4923,9 +4957,9 @@ var propTypes$Q = {
|
|
|
4923
4957
|
};
|
|
4924
4958
|
var styles$G = StyleSheet.create(_objectSpread2({
|
|
4925
4959
|
'.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$
|
|
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 "]))),
|
|
4960
|
+
'.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 "]))),
|
|
4961
|
+
'.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 "]))),
|
|
4962
|
+
'.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
4963
|
'.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
4964
|
'.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
4965
|
'.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 +5004,7 @@ Input.displayName = 'Input';
|
|
|
4970
5004
|
Input.propTypes = propTypes$Q;
|
|
4971
5005
|
|
|
4972
5006
|
var PLACEMENTS$1 = ['top', 'bottom', 'left', 'right'];
|
|
4973
|
-
var TRIGGERS = ['
|
|
5007
|
+
var TRIGGERS = ['press', 'hover', 'focus', 'manual', 'press hover', 'hover press', 'hover focus', 'focus hover', 'press focus', 'focus press'];
|
|
4974
5008
|
var TriggerPropTypes = {
|
|
4975
5009
|
trigger: PropTypes__default["default"].oneOf(TRIGGERS),
|
|
4976
5010
|
placement: PropTypes__default["default"].oneOf(PLACEMENTS$1),
|
|
@@ -5017,7 +5051,9 @@ function useTrigger(rawTrigger, props, elementProps, ref) {
|
|
|
5017
5051
|
accessibilityDescribedBy: identifier
|
|
5018
5052
|
})), {}, {
|
|
5019
5053
|
onPress: function onPress(event) {
|
|
5020
|
-
|
|
5054
|
+
var handleHoverAsPress = (reactNative.Platform.OS === 'android' || reactNative.Platform.OS === 'ios') && trigger.includes('hover');
|
|
5055
|
+
|
|
5056
|
+
if (trigger.includes('press') || handleHoverAsPress) {
|
|
5021
5057
|
setVisible(function (value) {
|
|
5022
5058
|
return !value;
|
|
5023
5059
|
});
|
|
@@ -5094,14 +5130,14 @@ PopoverContext.displayName = 'PopoverContext';
|
|
|
5094
5130
|
|
|
5095
5131
|
var _excluded$P = ["style"];
|
|
5096
5132
|
|
|
5097
|
-
var _templateObject$G, _templateObject2$
|
|
5133
|
+
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
5134
|
var propTypes$P = {
|
|
5099
5135
|
// eslint-disable-next-line react/forbid-prop-types
|
|
5100
5136
|
style: PropTypes__default["default"].any
|
|
5101
5137
|
};
|
|
5102
5138
|
var styles$F = StyleSheet.create({
|
|
5103
5139
|
'.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$
|
|
5140
|
+
'.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
5141
|
'.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
5142
|
'.bs-popover-top .popover-arrow': css(_templateObject4$d || (_templateObject4$d = _taggedTemplateLiteral(["\n bottom: ", ";\n "])), subtract(function (t) {
|
|
5107
5143
|
return "-".concat(t['popover-arrow-height']);
|
|
@@ -5156,35 +5192,43 @@ var PopoverArrow = /*#__PURE__*/React__default["default"].forwardRef(function (p
|
|
|
5156
5192
|
PopoverArrow.displayName = 'PopoverArrow';
|
|
5157
5193
|
PopoverArrow.propTypes = propTypes$P;
|
|
5158
5194
|
|
|
5159
|
-
var _excluded$O = ["children", "style"];
|
|
5195
|
+
var _excluded$O = ["children", "style", "textStyle"];
|
|
5160
5196
|
|
|
5161
|
-
var _templateObject$F;
|
|
5197
|
+
var _templateObject$F, _templateObject2$v;
|
|
5162
5198
|
var propTypes$O = {
|
|
5163
5199
|
children: PropTypes__default["default"].node.isRequired,
|
|
5164
5200
|
// eslint-disable-next-line react/forbid-prop-types
|
|
5165
|
-
style: PropTypes__default["default"].any
|
|
5201
|
+
style: PropTypes__default["default"].any,
|
|
5202
|
+
// eslint-disable-next-line react/forbid-prop-types
|
|
5203
|
+
textStyle: PropTypes__default["default"].any
|
|
5166
5204
|
};
|
|
5167
5205
|
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
|
|
5206
|
+
'.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 "]))),
|
|
5207
|
+
'.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
5208
|
});
|
|
5170
5209
|
var PopoverHeader = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
5171
5210
|
var children = props.children,
|
|
5172
5211
|
style = props.style,
|
|
5212
|
+
textStyle = props.textStyle,
|
|
5173
5213
|
elementProps = _objectWithoutProperties(props, _excluded$O);
|
|
5174
5214
|
|
|
5175
5215
|
var classes = getStyles(styles$E, ['.popover-header']);
|
|
5176
|
-
|
|
5216
|
+
var textClasses = getStyles(styles$E, ['.popover-header-text']); // composite component
|
|
5217
|
+
|
|
5218
|
+
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
5177
5219
|
ref: ref,
|
|
5178
|
-
size: 3,
|
|
5179
5220
|
style: [classes, style]
|
|
5180
|
-
}),
|
|
5221
|
+
}), /*#__PURE__*/React__default["default"].createElement(Heading$1, {
|
|
5222
|
+
size: 3,
|
|
5223
|
+
style: [textClasses, textStyle]
|
|
5224
|
+
}, children));
|
|
5181
5225
|
});
|
|
5182
5226
|
PopoverHeader.displayName = 'PopoverHeader';
|
|
5183
5227
|
PopoverHeader.propTypes = propTypes$O;
|
|
5184
5228
|
|
|
5185
5229
|
var _excluded$N = ["children", "style", "textStyle"];
|
|
5186
5230
|
|
|
5187
|
-
var _templateObject$E, _templateObject2$
|
|
5231
|
+
var _templateObject$E, _templateObject2$u;
|
|
5188
5232
|
var propTypes$N = {
|
|
5189
5233
|
children: PropTypes__default["default"].node.isRequired,
|
|
5190
5234
|
// eslint-disable-next-line react/forbid-prop-types
|
|
@@ -5194,7 +5238,7 @@ var propTypes$N = {
|
|
|
5194
5238
|
};
|
|
5195
5239
|
var styles$D = StyleSheet.create({
|
|
5196
5240
|
'.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$
|
|
5241
|
+
'.popover-body-text': css(_templateObject2$u || (_templateObject2$u = _taggedTemplateLiteral(["\n color: $popover-body-color;\n "])))
|
|
5198
5242
|
});
|
|
5199
5243
|
var PopoverBody = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
5200
5244
|
var children = props.children,
|
|
@@ -5215,7 +5259,7 @@ PopoverBody.propTypes = propTypes$N;
|
|
|
5215
5259
|
|
|
5216
5260
|
var _excluded$M = ["children", "placement", "popper", "style", "textStyle", "arrowStyle"];
|
|
5217
5261
|
|
|
5218
|
-
var _templateObject$D, _templateObject2$
|
|
5262
|
+
var _templateObject$D, _templateObject2$t;
|
|
5219
5263
|
var propTypes$M = {
|
|
5220
5264
|
children: PropTypes__default["default"].node.isRequired,
|
|
5221
5265
|
placement: PropTypes__default["default"].string,
|
|
@@ -5229,7 +5273,7 @@ var propTypes$M = {
|
|
|
5229
5273
|
};
|
|
5230
5274
|
var styles$C = StyleSheet.create({
|
|
5231
5275
|
'.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$
|
|
5276
|
+
'.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
5277
|
});
|
|
5234
5278
|
var Popover = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
5235
5279
|
var children = props.children,
|
|
@@ -5265,12 +5309,13 @@ Popover.Arrow = PopoverArrow;
|
|
|
5265
5309
|
Popover.Header = PopoverHeader;
|
|
5266
5310
|
Popover.Body = PopoverBody;
|
|
5267
5311
|
|
|
5268
|
-
var _excluded$L = ["title", "content", "trigger", "placement"],
|
|
5312
|
+
var _excluded$L = ["title", "content", "autoClose", "trigger", "placement"],
|
|
5269
5313
|
_excluded2$1 = ["popover"];
|
|
5270
5314
|
var propTypes$L = {
|
|
5271
5315
|
popover: PropTypes__default["default"].shape(_objectSpread2({
|
|
5272
5316
|
title: PropTypes__default["default"].node,
|
|
5273
|
-
content: PropTypes__default["default"].node.isRequired
|
|
5317
|
+
content: PropTypes__default["default"].node.isRequired,
|
|
5318
|
+
autoClose: PropTypes__default["default"].oneOfType([PropTypes__default["default"].bool, PropTypes__default["default"].oneOf(['inside', 'outside'])])
|
|
5274
5319
|
}, TriggerPropTypes))
|
|
5275
5320
|
};
|
|
5276
5321
|
function injectPopover(Target) {
|
|
@@ -5279,8 +5324,10 @@ function injectPopover(Target) {
|
|
|
5279
5324
|
var _props$popover = props.popover,
|
|
5280
5325
|
title = _props$popover.title,
|
|
5281
5326
|
content = _props$popover.content,
|
|
5327
|
+
_props$popover$autoCl = _props$popover.autoClose,
|
|
5328
|
+
autoClose = _props$popover$autoCl === void 0 ? 'outside' : _props$popover$autoCl,
|
|
5282
5329
|
_props$popover$trigge = _props$popover.trigger,
|
|
5283
|
-
trigger = _props$popover$trigge === void 0 ? '
|
|
5330
|
+
trigger = _props$popover$trigge === void 0 ? 'press' : _props$popover$trigge,
|
|
5284
5331
|
_props$popover$placem = _props$popover.placement,
|
|
5285
5332
|
placement = _props$popover$placem === void 0 ? 'right' : _props$popover$placem,
|
|
5286
5333
|
tooltipProps = _objectWithoutProperties(_props$popover, _excluded$L),
|
|
@@ -5290,6 +5337,7 @@ function injectPopover(Target) {
|
|
|
5290
5337
|
|
|
5291
5338
|
var _useTrigger = useTrigger(trigger, tooltipProps, elementProps, ref),
|
|
5292
5339
|
visible = _useTrigger.visible,
|
|
5340
|
+
setVisible = _useTrigger.setVisible,
|
|
5293
5341
|
targetProps = _useTrigger.targetProps,
|
|
5294
5342
|
targetRef = _useTrigger.targetRef,
|
|
5295
5343
|
templateProps = _useTrigger.templateProps;
|
|
@@ -5302,7 +5350,14 @@ function injectPopover(Target) {
|
|
|
5302
5350
|
targetRef: targetRef,
|
|
5303
5351
|
visible: visible
|
|
5304
5352
|
}, function (overlay, overlayRef) {
|
|
5305
|
-
return /*#__PURE__*/React__default["default"].createElement(
|
|
5353
|
+
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(BackdropHandler, {
|
|
5354
|
+
toggleRef: targetRef,
|
|
5355
|
+
dialogRef: overlayRef,
|
|
5356
|
+
onClose: function onClose() {
|
|
5357
|
+
setVisible(false);
|
|
5358
|
+
},
|
|
5359
|
+
autoClose: autoClose
|
|
5360
|
+
}), /*#__PURE__*/React__default["default"].createElement(Popover, _extends({}, templateProps, {
|
|
5306
5361
|
ref: overlayRef,
|
|
5307
5362
|
placement: overlay.placement,
|
|
5308
5363
|
popper: overlay.rendered,
|
|
@@ -5311,7 +5366,7 @@ function injectPopover(Target) {
|
|
|
5311
5366
|
opacity: overlay.rendered ? 1 : 0
|
|
5312
5367
|
}],
|
|
5313
5368
|
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));
|
|
5369
|
+
}), /*#__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
5370
|
})));
|
|
5316
5371
|
});
|
|
5317
5372
|
OverlayPopover.displayName = 'Overlay(Popover)';
|
|
@@ -5324,14 +5379,14 @@ TooltipContext.displayName = 'TooltipContext';
|
|
|
5324
5379
|
|
|
5325
5380
|
var _excluded$K = ["style"];
|
|
5326
5381
|
|
|
5327
|
-
var _templateObject$C, _templateObject2$
|
|
5382
|
+
var _templateObject$C, _templateObject2$s, _templateObject3$e, _templateObject4$c, _templateObject5$a, _templateObject6$9, _templateObject7$6, _templateObject8$5, _templateObject9$4, _templateObject10$4;
|
|
5328
5383
|
var propTypes$K = {
|
|
5329
5384
|
// eslint-disable-next-line react/forbid-prop-types
|
|
5330
5385
|
style: PropTypes__default["default"].any
|
|
5331
5386
|
};
|
|
5332
5387
|
var styles$B = StyleSheet.create({
|
|
5333
5388
|
'.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$
|
|
5389
|
+
'.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
5390
|
'.bs-tooltip-top .tooltip-arrow': css(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteral(["\n bottom: 0;\n "]))),
|
|
5336
5391
|
'.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
5392
|
'.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 +5417,42 @@ var TooltipArrow = /*#__PURE__*/React__default["default"].forwardRef(function (p
|
|
|
5362
5417
|
TooltipArrow.displayName = 'TooltipArrow';
|
|
5363
5418
|
TooltipArrow.propTypes = propTypes$K;
|
|
5364
5419
|
|
|
5365
|
-
var _excluded$J = ["children", "style"];
|
|
5420
|
+
var _excluded$J = ["children", "style", "textStyle"];
|
|
5366
5421
|
|
|
5367
|
-
var _templateObject$B;
|
|
5422
|
+
var _templateObject$B, _templateObject2$r;
|
|
5368
5423
|
var propTypes$J = {
|
|
5369
5424
|
children: PropTypes__default["default"].node.isRequired,
|
|
5370
5425
|
// eslint-disable-next-line react/forbid-prop-types
|
|
5371
|
-
style: PropTypes__default["default"].any
|
|
5426
|
+
style: PropTypes__default["default"].any,
|
|
5427
|
+
// eslint-disable-next-line react/forbid-prop-types
|
|
5428
|
+
textStyle: PropTypes__default["default"].any
|
|
5372
5429
|
};
|
|
5373
5430
|
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
|
|
5431
|
+
'.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 "]))),
|
|
5432
|
+
'.tooltip-inner-text': css(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteral(["\n color: $tooltip-color;\n text-align: center;\n "])))
|
|
5375
5433
|
});
|
|
5376
5434
|
var TooltipInner = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
5377
5435
|
var children = props.children,
|
|
5378
5436
|
style = props.style,
|
|
5437
|
+
textStyle = props.textStyle,
|
|
5379
5438
|
elementProps = _objectWithoutProperties(props, _excluded$J);
|
|
5380
5439
|
|
|
5381
5440
|
var classes = getStyles(styles$A, ['.tooltip-inner']);
|
|
5382
|
-
|
|
5441
|
+
var textClasses = getStyles(styles$A, ['.tooltip-inner-text']); // composite component
|
|
5442
|
+
|
|
5443
|
+
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
5383
5444
|
ref: ref,
|
|
5384
5445
|
style: [classes, style]
|
|
5385
|
-
}),
|
|
5446
|
+
}), /*#__PURE__*/React__default["default"].createElement(Text, {
|
|
5447
|
+
style: [textClasses, textStyle]
|
|
5448
|
+
}, children));
|
|
5386
5449
|
});
|
|
5387
5450
|
TooltipInner.displayName = 'TooltipInner';
|
|
5388
5451
|
TooltipInner.propTypes = propTypes$J;
|
|
5389
5452
|
|
|
5390
5453
|
var _excluded$I = ["children", "placement", "popper", "style", "textStyle", "arrowStyle"];
|
|
5391
5454
|
|
|
5392
|
-
var _templateObject$A, _templateObject2$
|
|
5455
|
+
var _templateObject$A, _templateObject2$q, _templateObject3$d, _templateObject4$b, _templateObject5$9, _templateObject6$8;
|
|
5393
5456
|
var propTypes$I = {
|
|
5394
5457
|
children: PropTypes__default["default"].node.isRequired,
|
|
5395
5458
|
placement: PropTypes__default["default"].string,
|
|
@@ -5403,7 +5466,7 @@ var propTypes$I = {
|
|
|
5403
5466
|
};
|
|
5404
5467
|
var styles$z = StyleSheet.create({
|
|
5405
5468
|
'.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$
|
|
5469
|
+
'.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
5470
|
'.bs-tooltip-top': css(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteral(["\n padding: $tooltip-arrow-height 0;\n "]))),
|
|
5408
5471
|
'.bs-tooltip-end': css(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteral(["\n padding: 0 $tooltip-arrow-height;\n "]))),
|
|
5409
5472
|
'.bs-tooltip-bottom': css(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteral(["\n padding: $tooltip-arrow-height 0;\n "]))),
|
|
@@ -5443,11 +5506,12 @@ Tooltip.propTypes = propTypes$I;
|
|
|
5443
5506
|
Tooltip.Arrow = TooltipArrow;
|
|
5444
5507
|
Tooltip.Inner = TooltipInner;
|
|
5445
5508
|
|
|
5446
|
-
var _excluded$H = ["title", "trigger", "placement"],
|
|
5509
|
+
var _excluded$H = ["title", "autoClose", "trigger", "placement"],
|
|
5447
5510
|
_excluded2 = ["tooltip"];
|
|
5448
5511
|
var propTypes$H = {
|
|
5449
5512
|
tooltip: PropTypes__default["default"].shape(_objectSpread2({
|
|
5450
|
-
title: PropTypes__default["default"].node.isRequired
|
|
5513
|
+
title: PropTypes__default["default"].node.isRequired,
|
|
5514
|
+
autoClose: PropTypes__default["default"].oneOfType([PropTypes__default["default"].bool, PropTypes__default["default"].oneOf(['inside', 'outside'])])
|
|
5451
5515
|
}, TriggerPropTypes))
|
|
5452
5516
|
};
|
|
5453
5517
|
function injectTooltip(Target) {
|
|
@@ -5455,6 +5519,8 @@ function injectTooltip(Target) {
|
|
|
5455
5519
|
/* eslint-disable react/prop-types */
|
|
5456
5520
|
var _props$tooltip = props.tooltip,
|
|
5457
5521
|
title = _props$tooltip.title,
|
|
5522
|
+
_props$tooltip$autoCl = _props$tooltip.autoClose,
|
|
5523
|
+
autoClose = _props$tooltip$autoCl === void 0 ? 'outside' : _props$tooltip$autoCl,
|
|
5458
5524
|
_props$tooltip$trigge = _props$tooltip.trigger,
|
|
5459
5525
|
trigger = _props$tooltip$trigge === void 0 ? 'hover focus' : _props$tooltip$trigge,
|
|
5460
5526
|
_props$tooltip$placem = _props$tooltip.placement,
|
|
@@ -5466,6 +5532,7 @@ function injectTooltip(Target) {
|
|
|
5466
5532
|
|
|
5467
5533
|
var _useTrigger = useTrigger(trigger, tooltipProps, elementProps, ref),
|
|
5468
5534
|
visible = _useTrigger.visible,
|
|
5535
|
+
setVisible = _useTrigger.setVisible,
|
|
5469
5536
|
targetProps = _useTrigger.targetProps,
|
|
5470
5537
|
targetRef = _useTrigger.targetRef,
|
|
5471
5538
|
templateProps = _useTrigger.templateProps;
|
|
@@ -5477,7 +5544,14 @@ function injectTooltip(Target) {
|
|
|
5477
5544
|
arrowOffset: offset,
|
|
5478
5545
|
visible: visible
|
|
5479
5546
|
}, function (overlay, overlayRef) {
|
|
5480
|
-
return /*#__PURE__*/React__default["default"].createElement(
|
|
5547
|
+
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(BackdropHandler, {
|
|
5548
|
+
toggleRef: targetRef,
|
|
5549
|
+
dialogRef: overlayRef,
|
|
5550
|
+
onClose: function onClose() {
|
|
5551
|
+
setVisible(false);
|
|
5552
|
+
},
|
|
5553
|
+
autoClose: autoClose
|
|
5554
|
+
}), /*#__PURE__*/React__default["default"].createElement(Tooltip, _extends({}, templateProps, {
|
|
5481
5555
|
ref: overlayRef,
|
|
5482
5556
|
placement: overlay.placement,
|
|
5483
5557
|
popper: overlay.rendered,
|
|
@@ -5486,7 +5560,7 @@ function injectTooltip(Target) {
|
|
|
5486
5560
|
opacity: overlay.rendered ? 1 : 0
|
|
5487
5561
|
}],
|
|
5488
5562
|
arrowStyle: overlay.arrowProps.style
|
|
5489
|
-
}), /*#__PURE__*/React__default["default"].createElement(Tooltip.Arrow, null), /*#__PURE__*/React__default["default"].createElement(Tooltip.Inner, null, title));
|
|
5563
|
+
}), /*#__PURE__*/React__default["default"].createElement(Tooltip.Arrow, null), /*#__PURE__*/React__default["default"].createElement(Tooltip.Inner, null, title)));
|
|
5490
5564
|
})));
|
|
5491
5565
|
});
|
|
5492
5566
|
OverlayTooltip.displayName = 'Overlay(Tooltip)';
|
|
@@ -5542,27 +5616,35 @@ var ImageBackground = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
|
5542
5616
|
ImageBackground.displayName = 'ImageBackground';
|
|
5543
5617
|
ImageBackground.propTypes = propTypes$F;
|
|
5544
5618
|
|
|
5545
|
-
var _excluded$E = ["children", "style"];
|
|
5619
|
+
var _excluded$E = ["children", "style", "textStyle"];
|
|
5546
5620
|
|
|
5547
|
-
var _templateObject$z;
|
|
5621
|
+
var _templateObject$z, _templateObject2$p;
|
|
5548
5622
|
var propTypes$E = {
|
|
5549
5623
|
children: PropTypes__default["default"].node.isRequired,
|
|
5550
5624
|
// eslint-disable-next-line react/forbid-prop-types
|
|
5551
|
-
style: PropTypes__default["default"].any
|
|
5625
|
+
style: PropTypes__default["default"].any,
|
|
5626
|
+
// eslint-disable-next-line react/forbid-prop-types
|
|
5627
|
+
textStyle: PropTypes__default["default"].any
|
|
5552
5628
|
};
|
|
5553
5629
|
var styles$y = StyleSheet.create({
|
|
5554
|
-
'.form-label': css(_templateObject$z || (_templateObject$z = _taggedTemplateLiteral(["\n margin-bottom: $form-label-margin-bottom;\n
|
|
5630
|
+
'.form-label': css(_templateObject$z || (_templateObject$z = _taggedTemplateLiteral(["\n margin-bottom: $form-label-margin-bottom;\n "]))),
|
|
5631
|
+
'.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
5632
|
});
|
|
5556
5633
|
var Label = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
5557
5634
|
var children = props.children,
|
|
5558
5635
|
style = props.style,
|
|
5636
|
+
textStyle = props.textStyle,
|
|
5559
5637
|
elementProps = _objectWithoutProperties(props, _excluded$E);
|
|
5560
5638
|
|
|
5561
5639
|
var classes = getStyles(styles$y, ['.form-label']);
|
|
5562
|
-
|
|
5640
|
+
var textClasses = getStyles(styles$y, ['.form-label-text']); // composite component
|
|
5641
|
+
|
|
5642
|
+
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
5563
5643
|
ref: ref,
|
|
5564
5644
|
style: [classes, style]
|
|
5565
|
-
}),
|
|
5645
|
+
}), /*#__PURE__*/React__default["default"].createElement(Text, {
|
|
5646
|
+
style: [textClasses, textStyle]
|
|
5647
|
+
}, children));
|
|
5566
5648
|
});
|
|
5567
5649
|
Label.displayName = 'Label';
|
|
5568
5650
|
Label.propTypes = propTypes$E;
|
|
@@ -6319,32 +6401,39 @@ Nav.propTypes = propTypes$s;
|
|
|
6319
6401
|
Nav.Context = NavContext;
|
|
6320
6402
|
Nav.Link = NavLink;
|
|
6321
6403
|
|
|
6322
|
-
var _excluded$r = ["children", "style"];
|
|
6404
|
+
var _excluded$r = ["children", "style", "textStyle"];
|
|
6323
6405
|
|
|
6324
6406
|
var _templateObject$n, _templateObject2$i, _templateObject3$7;
|
|
6325
6407
|
var propTypes$r = {
|
|
6326
6408
|
children: PropTypes__default["default"].node.isRequired,
|
|
6327
6409
|
// eslint-disable-next-line react/forbid-prop-types
|
|
6328
|
-
style: PropTypes__default["default"].any
|
|
6410
|
+
style: PropTypes__default["default"].any,
|
|
6411
|
+
// eslint-disable-next-line react/forbid-prop-types
|
|
6412
|
+
textStyle: PropTypes__default["default"].any
|
|
6329
6413
|
};
|
|
6330
6414
|
var styles$n = StyleSheet.create({
|
|
6331
6415
|
'.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 "])))
|
|
6416
|
+
'.navbar-light .navbar-text-text': css(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteral(["\n color: $navbar-light-color;\n "]))),
|
|
6417
|
+
'.navbar-dark .navbar-text-text': css(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteral(["\n color: $navbar-dark-color;\n "])))
|
|
6334
6418
|
});
|
|
6335
6419
|
var NavbarText = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
6336
6420
|
var children = props.children,
|
|
6337
6421
|
style = props.style,
|
|
6422
|
+
textStyle = props.textStyle,
|
|
6338
6423
|
elementProps = _objectWithoutProperties(props, _excluded$r);
|
|
6339
6424
|
|
|
6340
6425
|
var _useForcedContext = useForcedContext(NavbarContext),
|
|
6341
6426
|
variant = _useForcedContext.variant;
|
|
6342
6427
|
|
|
6343
|
-
var classes = getStyles(styles$n, ['.navbar-text'
|
|
6344
|
-
|
|
6428
|
+
var classes = getStyles(styles$n, ['.navbar-text']);
|
|
6429
|
+
var textClasses = getStyles(styles$n, [".navbar-".concat(variant, " .navbar-text-text")]); // composite component
|
|
6430
|
+
|
|
6431
|
+
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
6345
6432
|
ref: ref,
|
|
6346
6433
|
style: [classes, style]
|
|
6347
|
-
}),
|
|
6434
|
+
}), /*#__PURE__*/React__default["default"].createElement(Text, {
|
|
6435
|
+
style: [textClasses, textStyle]
|
|
6436
|
+
}, children));
|
|
6348
6437
|
});
|
|
6349
6438
|
NavbarText.displayName = 'NavbarText';
|
|
6350
6439
|
NavbarText.propTypes = propTypes$r;
|
|
@@ -7048,7 +7137,8 @@ var ProgressBar = /*#__PURE__*/React__default["default"].forwardRef(function (pr
|
|
|
7048
7137
|
max = _useForcedContext.max;
|
|
7049
7138
|
|
|
7050
7139
|
var classes = getStyles(styles$b, ['.progress-bar']);
|
|
7051
|
-
var textClasses = getStyles(styles$b, ['.progress-bar-text']);
|
|
7140
|
+
var textClasses = getStyles(styles$b, ['.progress-bar-text']); // composite component
|
|
7141
|
+
|
|
7052
7142
|
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
7053
7143
|
ref: ref,
|
|
7054
7144
|
accessibilityRole: "progressbar",
|
|
@@ -7057,9 +7147,10 @@ var ProgressBar = /*#__PURE__*/React__default["default"].forwardRef(function (pr
|
|
|
7057
7147
|
accessibilityValueMax: max,
|
|
7058
7148
|
style: [classes, style, {
|
|
7059
7149
|
width: "".concat(getPercentage(value, min, max), "%")
|
|
7060
|
-
}]
|
|
7061
|
-
|
|
7062
|
-
|
|
7150
|
+
}]
|
|
7151
|
+
}), children && /*#__PURE__*/React__default["default"].createElement(Text, {
|
|
7152
|
+
style: [textClasses, textStyle]
|
|
7153
|
+
}, children));
|
|
7063
7154
|
});
|
|
7064
7155
|
ProgressBar.displayName = 'ProgressBar';
|
|
7065
7156
|
ProgressBar.propTypes = propTypes$f;
|