bootstrap-rn 0.1.6 → 0.1.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bootstrap-rn.cjs.js +263 -261
- package/dist/bootstrap-rn.esm.js +264 -262
- package/dist/bootstrap-rn.umd.js +263 -261
- package/dist/bootstrap-rn.umd.min.js +1 -1
- package/package.json +1 -1
package/dist/bootstrap-rn.esm.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { OverlayProvider, useOverlayPosition, OverlayContainer } from '@react-native-aria/overlays';
|
|
2
2
|
export { PortalProvider } from '@react-native-aria/overlays';
|
|
3
|
-
import { Platform, PixelRatio, StyleSheet as StyleSheet$1, I18nManager, Dimensions, View as View$1,
|
|
3
|
+
import { Platform, PixelRatio, StyleSheet as StyleSheet$1, I18nManager, Dimensions, View as View$1, Text as Text$1, Pressable as Pressable$1, StatusBar, findNodeHandle, TextInput as TextInput$1, Image as Image$1, ImageBackground as ImageBackground$1, ScrollView as ScrollView$1, Modal as Modal$1, SafeAreaView, Picker as Picker$1, Animated, Easing } from 'react-native';
|
|
4
4
|
import { getStylesForProperty, getPropertyName } from 'css-to-react-native';
|
|
5
5
|
import { rgba as rgba$1, mix, parseToRgb } from 'polished';
|
|
6
6
|
import React, { useState, useEffect, useRef, useContext, useMemo, createContext } from 'react';
|
|
@@ -3006,41 +3006,117 @@ var Alert = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3006
3006
|
Alert.displayName = 'Alert';
|
|
3007
3007
|
Alert.propTypes = propTypes$1o;
|
|
3008
3008
|
|
|
3009
|
-
var _excluded$1p = ["
|
|
3009
|
+
var _excluded$1p = ["color", "bold", "italic", "mark", "small", "style", "styleName"];
|
|
3010
3010
|
|
|
3011
|
-
var _templateObject$18, _templateObject2$Q;
|
|
3011
|
+
var _templateObject$18, _templateObject2$Q, _templateObject3$p, _templateObject4$m, _templateObject5$k;
|
|
3012
3012
|
var propTypes$1n = {
|
|
3013
|
+
color: PropTypes.oneOf([].concat(_toConsumableArray(Object.keys(THEME_COLORS)), ['muted', 'black-50', 'white-50'])),
|
|
3014
|
+
small: PropTypes.bool,
|
|
3015
|
+
mark: PropTypes.bool,
|
|
3016
|
+
bold: PropTypes.bool,
|
|
3017
|
+
italic: PropTypes.bool,
|
|
3018
|
+
// eslint-disable-next-line react/forbid-prop-types
|
|
3019
|
+
style: PropTypes.any,
|
|
3020
|
+
// eslint-disable-next-line react/forbid-prop-types
|
|
3021
|
+
styleName: PropTypes.any
|
|
3022
|
+
};
|
|
3023
|
+
var styles$17 = StyleSheet.create({
|
|
3024
|
+
text: css(_templateObject$18 || (_templateObject$18 = _taggedTemplateLiteral(["\n font-family: $font-family-base;\n font-size: $font-size-base;\n font-weight: $font-weight-base;\n line-height: $font-size-base * $line-height-base;\n "]))),
|
|
3025
|
+
strong: css(_templateObject2$Q || (_templateObject2$Q = _taggedTemplateLiteral(["\n font-weight: $font-weight-bolder;\n "]))),
|
|
3026
|
+
italic: css(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteral(["\n font-style: italic;\n "]))),
|
|
3027
|
+
small: css(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteral(["\n font-size: $small-font-size;\n line-height: $small-font-size * $line-height-base;\n "]))),
|
|
3028
|
+
mark: css(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteral(["\n padding: $mark-padding;\n background-color: $mark-bg;\n "])))
|
|
3029
|
+
});
|
|
3030
|
+
|
|
3031
|
+
var getStyleName = function getStyleName(styleName, color) {
|
|
3032
|
+
if (!color) {
|
|
3033
|
+
return styleName;
|
|
3034
|
+
}
|
|
3035
|
+
|
|
3036
|
+
return styleName ? "text-".concat(color, " ").concat(styleName) : "text-".concat(color);
|
|
3037
|
+
};
|
|
3038
|
+
|
|
3039
|
+
var Text = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
3040
|
+
var color = props.color,
|
|
3041
|
+
_props$bold = props.bold,
|
|
3042
|
+
bold = _props$bold === void 0 ? false : _props$bold,
|
|
3043
|
+
_props$italic = props.italic,
|
|
3044
|
+
italic = _props$italic === void 0 ? false : _props$italic,
|
|
3045
|
+
_props$mark = props.mark,
|
|
3046
|
+
mark = _props$mark === void 0 ? false : _props$mark,
|
|
3047
|
+
_props$small = props.small,
|
|
3048
|
+
small = _props$small === void 0 ? false : _props$small,
|
|
3049
|
+
style = props.style,
|
|
3050
|
+
styleName = props.styleName,
|
|
3051
|
+
elementProps = _objectWithoutProperties(props, _excluded$1p);
|
|
3052
|
+
|
|
3053
|
+
var media = useMedia();
|
|
3054
|
+
var context = useContext(TextStyleContext);
|
|
3055
|
+
var classes = getStyles(styles$17, [bold && 'strong', italic && 'italic', small && 'small', mark && 'mark']);
|
|
3056
|
+
var resolveStyle = useStyle([// eslint-disable-next-line react/destructuring-assignment
|
|
3057
|
+
(!context || !context.hasTextAncestor) && styles$17.text, // eslint-disable-next-line react/destructuring-assignment
|
|
3058
|
+
context && context.style, classes, style], getStyleName(styleName, color));
|
|
3059
|
+
var element = /*#__PURE__*/React.createElement(Text$1, _extends({}, elementProps, {
|
|
3060
|
+
ref: ref,
|
|
3061
|
+
style: resolveStyle({
|
|
3062
|
+
media: media
|
|
3063
|
+
})
|
|
3064
|
+
})); // eslint-disable-next-line react/destructuring-assignment
|
|
3065
|
+
|
|
3066
|
+
if (context && context.hasTextAncestor && !context.style) {
|
|
3067
|
+
return element;
|
|
3068
|
+
} // If we are not in an ancestor context yet, we need to set hasTextAncestor
|
|
3069
|
+
// to true for nested text components. Furthermore we need to reset the
|
|
3070
|
+
// context style, because we only need to apply the style once.
|
|
3071
|
+
|
|
3072
|
+
|
|
3073
|
+
return /*#__PURE__*/React.createElement(TextStyleContext.Provider, {
|
|
3074
|
+
value: {
|
|
3075
|
+
style: null,
|
|
3076
|
+
hasTextAncestor: true
|
|
3077
|
+
}
|
|
3078
|
+
}, element);
|
|
3079
|
+
});
|
|
3080
|
+
Text.displayName = 'Text';
|
|
3081
|
+
Text.propTypes = propTypes$1n;
|
|
3082
|
+
|
|
3083
|
+
var _excluded$1o = ["children", "style", "textStyle"];
|
|
3084
|
+
|
|
3085
|
+
var _templateObject$17, _templateObject2$P;
|
|
3086
|
+
var propTypes$1m = {
|
|
3013
3087
|
children: PropTypes.node.isRequired,
|
|
3014
3088
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3015
3089
|
style: PropTypes.any,
|
|
3016
3090
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3017
3091
|
textStyle: PropTypes.any
|
|
3018
3092
|
};
|
|
3019
|
-
var styles$
|
|
3020
|
-
'.badge': css(_templateObject$
|
|
3021
|
-
'.badge-text': css(_templateObject2$
|
|
3093
|
+
var styles$16 = StyleSheet.create({
|
|
3094
|
+
'.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 "]))),
|
|
3095
|
+
'.badge-text': css(_templateObject2$P || (_templateObject2$P = _taggedTemplateLiteral(["\n font-size: $badge-font-size;\n font-weight: $badge-font-weight;\n line-height: $badge-font-size * 1;\n color: $badge-color;\n text-align: center;\n // white-space: nowrap;\n // vertical-align: baseline;\n "])))
|
|
3022
3096
|
});
|
|
3023
3097
|
var Badge = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
3024
3098
|
var children = props.children,
|
|
3025
3099
|
style = props.style,
|
|
3026
3100
|
textStyle = props.textStyle,
|
|
3027
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3101
|
+
elementProps = _objectWithoutProperties(props, _excluded$1o);
|
|
3102
|
+
|
|
3103
|
+
var classes = getStyles(styles$16, ['.badge']);
|
|
3104
|
+
var textClasses = getStyles(styles$16, ['.badge-text']); // composite component
|
|
3028
3105
|
|
|
3029
|
-
var classes = getStyles(styles$17, ['.badge']);
|
|
3030
|
-
var textClasses = getStyles(styles$17, ['.badge-text']);
|
|
3031
3106
|
return /*#__PURE__*/React.createElement(View, _extends({}, elementProps, {
|
|
3032
3107
|
ref: ref,
|
|
3033
|
-
style: [classes, style]
|
|
3034
|
-
|
|
3035
|
-
|
|
3108
|
+
style: [classes, style]
|
|
3109
|
+
}), /*#__PURE__*/React.createElement(Text, {
|
|
3110
|
+
style: [textClasses, textStyle]
|
|
3111
|
+
}, children));
|
|
3036
3112
|
});
|
|
3037
3113
|
Badge.displayName = 'Badge';
|
|
3038
|
-
Badge.propTypes = propTypes$
|
|
3114
|
+
Badge.propTypes = propTypes$1m;
|
|
3039
3115
|
|
|
3040
|
-
var _excluded$
|
|
3116
|
+
var _excluded$1n = ["children", "active", "style", "textStyle"];
|
|
3041
3117
|
|
|
3042
|
-
var _templateObject$
|
|
3043
|
-
var propTypes$
|
|
3118
|
+
var _templateObject$16, _templateObject2$O, _templateObject3$o;
|
|
3119
|
+
var propTypes$1l = {
|
|
3044
3120
|
children: PropTypes.node.isRequired,
|
|
3045
3121
|
active: PropTypes.bool,
|
|
3046
3122
|
// eslint-disable-next-line react/forbid-prop-types
|
|
@@ -3048,10 +3124,10 @@ var propTypes$1m = {
|
|
|
3048
3124
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3049
3125
|
textStyle: PropTypes.any
|
|
3050
3126
|
};
|
|
3051
|
-
var styles$
|
|
3052
|
-
'.breadcrumb-item': css(_templateObject$
|
|
3053
|
-
'.breadcrumb-text': css(_templateObject2$
|
|
3054
|
-
'.breadcrumb-item-active': css(_templateObject3$
|
|
3127
|
+
var styles$15 = StyleSheet.create({
|
|
3128
|
+
'.breadcrumb-item': css(_templateObject$16 || (_templateObject$16 = _taggedTemplateLiteral(["\n padding-left: $breadcrumb-item-padding-x;\n padding-right: $breadcrumb-item-padding-x;\n "]))),
|
|
3129
|
+
'.breadcrumb-text': css(_templateObject2$O || (_templateObject2$O = _taggedTemplateLiteral(["\n color: $primary;\n "]))),
|
|
3130
|
+
'.breadcrumb-item-active': css(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteral(["\n color: $breadcrumb-active-color;\n "])))
|
|
3055
3131
|
});
|
|
3056
3132
|
var BreadcrumbItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
3057
3133
|
var children = props.children,
|
|
@@ -3059,10 +3135,10 @@ var BreadcrumbItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3059
3135
|
active = _props$active === void 0 ? false : _props$active,
|
|
3060
3136
|
style = props.style,
|
|
3061
3137
|
textStyle = props.textStyle,
|
|
3062
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3138
|
+
elementProps = _objectWithoutProperties(props, _excluded$1n);
|
|
3063
3139
|
|
|
3064
|
-
var classes = getStyles(styles$
|
|
3065
|
-
var textClasses = getStyles(styles$
|
|
3140
|
+
var classes = getStyles(styles$15, ['.breadcrumb-item', active && '.breadcrumb-item-active']);
|
|
3141
|
+
var textClasses = getStyles(styles$15, ['.breadcrumb-text', active && '.breadcrumb-item-active']);
|
|
3066
3142
|
return /*#__PURE__*/React.createElement(View, _extends({}, elementProps, {
|
|
3067
3143
|
ref: ref,
|
|
3068
3144
|
style: [classes, style],
|
|
@@ -3070,7 +3146,7 @@ var BreadcrumbItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3070
3146
|
}), children);
|
|
3071
3147
|
});
|
|
3072
3148
|
BreadcrumbItem.displayName = 'BreadcrumbItem';
|
|
3073
|
-
BreadcrumbItem.propTypes = propTypes$
|
|
3149
|
+
BreadcrumbItem.propTypes = propTypes$1l;
|
|
3074
3150
|
/*
|
|
3075
3151
|
$breadcrumb-font-size: null;
|
|
3076
3152
|
$breadcrumb-padding-y: 0;
|
|
@@ -3085,30 +3161,30 @@ $breadcrumb-divider-flipped: $breadcrumb-divider;
|
|
|
3085
3161
|
$breadcrumb-border-radius: null;
|
|
3086
3162
|
*/
|
|
3087
3163
|
|
|
3088
|
-
var _excluded$
|
|
3164
|
+
var _excluded$1m = ["children", "style"];
|
|
3089
3165
|
|
|
3090
|
-
var _templateObject$
|
|
3091
|
-
var propTypes$
|
|
3166
|
+
var _templateObject$15;
|
|
3167
|
+
var propTypes$1k = {
|
|
3092
3168
|
children: PropTypes.node.isRequired,
|
|
3093
3169
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3094
3170
|
style: PropTypes.any
|
|
3095
3171
|
};
|
|
3096
|
-
var styles$
|
|
3097
|
-
'.breadcrumb': css(_templateObject$
|
|
3172
|
+
var styles$14 = StyleSheet.create({
|
|
3173
|
+
'.breadcrumb': css(_templateObject$15 || (_templateObject$15 = _taggedTemplateLiteral(["\n flex-direction: row;\n "])))
|
|
3098
3174
|
});
|
|
3099
3175
|
var Breadcrumb = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
3100
3176
|
var children = props.children,
|
|
3101
3177
|
style = props.style,
|
|
3102
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3178
|
+
elementProps = _objectWithoutProperties(props, _excluded$1m);
|
|
3103
3179
|
|
|
3104
|
-
var classes = getStyles(styles$
|
|
3180
|
+
var classes = getStyles(styles$14, ['.breadcrumb']);
|
|
3105
3181
|
return /*#__PURE__*/React.createElement(View, _extends({}, elementProps, {
|
|
3106
3182
|
ref: ref,
|
|
3107
3183
|
style: [classes, style]
|
|
3108
3184
|
}), makeListChildren(children));
|
|
3109
3185
|
});
|
|
3110
3186
|
Breadcrumb.displayName = 'Breadcrumb';
|
|
3111
|
-
Breadcrumb.propTypes = propTypes$
|
|
3187
|
+
Breadcrumb.propTypes = propTypes$1k;
|
|
3112
3188
|
Breadcrumb.Item = BreadcrumbItem;
|
|
3113
3189
|
/*
|
|
3114
3190
|
$breadcrumb-font-size: null;
|
|
@@ -3127,25 +3203,25 @@ $breadcrumb-border-radius: null;
|
|
|
3127
3203
|
var ButtonGroupContext = /*#__PURE__*/React.createContext();
|
|
3128
3204
|
ButtonGroupContext.displayName = 'ButtonGroupContext';
|
|
3129
3205
|
|
|
3130
|
-
var _excluded$
|
|
3206
|
+
var _excluded$1l = ["children", "size", "style"];
|
|
3131
3207
|
|
|
3132
|
-
var _templateObject$
|
|
3133
|
-
var propTypes$
|
|
3208
|
+
var _templateObject$14;
|
|
3209
|
+
var propTypes$1j = {
|
|
3134
3210
|
children: PropTypes.node.isRequired,
|
|
3135
3211
|
size: PropTypes.oneOf(['lg', 'sm']),
|
|
3136
3212
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3137
3213
|
style: PropTypes.any
|
|
3138
3214
|
};
|
|
3139
|
-
var styles$
|
|
3140
|
-
'.btn-group': css(_templateObject$
|
|
3215
|
+
var styles$13 = StyleSheet.create({
|
|
3216
|
+
'.btn-group': css(_templateObject$14 || (_templateObject$14 = _taggedTemplateLiteral(["\n flex-direction: row; // added for bootstrap-rn\n border-radius: $btn-border-radius;\n "])))
|
|
3141
3217
|
});
|
|
3142
3218
|
var ButtonGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
3143
3219
|
var children = props.children,
|
|
3144
3220
|
size = props.size,
|
|
3145
3221
|
style = props.style,
|
|
3146
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3222
|
+
elementProps = _objectWithoutProperties(props, _excluded$1l);
|
|
3147
3223
|
|
|
3148
|
-
var classes = getStyles(styles$
|
|
3224
|
+
var classes = getStyles(styles$13, ['.btn-group']); // Accessiblity role tabpanel is only supported on web.
|
|
3149
3225
|
|
|
3150
3226
|
var role = Platform.OS === 'web' ? 'group' : null;
|
|
3151
3227
|
return /*#__PURE__*/React.createElement(View, _extends({}, elementProps, {
|
|
@@ -3159,25 +3235,25 @@ var ButtonGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3159
3235
|
}, makeListChildren(children)));
|
|
3160
3236
|
});
|
|
3161
3237
|
ButtonGroup.displayName = 'ButtonGroup';
|
|
3162
|
-
ButtonGroup.propTypes = propTypes$
|
|
3238
|
+
ButtonGroup.propTypes = propTypes$1j;
|
|
3163
3239
|
|
|
3164
|
-
var _excluded$
|
|
3240
|
+
var _excluded$1k = ["children", "style"];
|
|
3165
3241
|
|
|
3166
|
-
var _templateObject$
|
|
3167
|
-
var propTypes$
|
|
3242
|
+
var _templateObject$13;
|
|
3243
|
+
var propTypes$1i = {
|
|
3168
3244
|
children: PropTypes.node.isRequired,
|
|
3169
3245
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3170
3246
|
style: PropTypes.any
|
|
3171
3247
|
};
|
|
3172
|
-
var styles$
|
|
3173
|
-
'.btn-toolbar': css(_templateObject$
|
|
3248
|
+
var styles$12 = StyleSheet.create({
|
|
3249
|
+
'.btn-toolbar': css(_templateObject$13 || (_templateObject$13 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row; // added for bootstrap-rn\n flex-wrap: wrap;\n justify-content: flex-start;\n "])))
|
|
3174
3250
|
});
|
|
3175
3251
|
var ButtonToolbar = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
3176
3252
|
var children = props.children,
|
|
3177
3253
|
style = props.style,
|
|
3178
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3254
|
+
elementProps = _objectWithoutProperties(props, _excluded$1k);
|
|
3179
3255
|
|
|
3180
|
-
var classes = getStyles(styles$
|
|
3256
|
+
var classes = getStyles(styles$12, ['.btn-toolbar']);
|
|
3181
3257
|
return /*#__PURE__*/React.createElement(View, _extends({}, elementProps, {
|
|
3182
3258
|
ref: ref,
|
|
3183
3259
|
accessibilityRole: "toolbar",
|
|
@@ -3185,7 +3261,7 @@ var ButtonToolbar = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3185
3261
|
}), children);
|
|
3186
3262
|
});
|
|
3187
3263
|
ButtonToolbar.displayName = 'ButtonToolbar';
|
|
3188
|
-
ButtonToolbar.propTypes = propTypes$
|
|
3264
|
+
ButtonToolbar.propTypes = propTypes$1i;
|
|
3189
3265
|
|
|
3190
3266
|
function useForcedContext(Context) {
|
|
3191
3267
|
var context = useContext(Context);
|
|
@@ -3193,7 +3269,7 @@ function useForcedContext(Context) {
|
|
|
3193
3269
|
return context;
|
|
3194
3270
|
}
|
|
3195
3271
|
|
|
3196
|
-
var _excluded$
|
|
3272
|
+
var _excluded$1j = ["ref"];
|
|
3197
3273
|
function useModifier(name, props, ref) {
|
|
3198
3274
|
var context = useForcedContext(Context);
|
|
3199
3275
|
var useModifierHook = context.modifiers[name];
|
|
@@ -3204,12 +3280,12 @@ function useModifier(name, props, ref) {
|
|
|
3204
3280
|
|
|
3205
3281
|
var _useModifierHook = useModifierHook(props),
|
|
3206
3282
|
modifierRef = _useModifierHook.ref,
|
|
3207
|
-
modifierProps = _objectWithoutProperties(_useModifierHook, _excluded$
|
|
3283
|
+
modifierProps = _objectWithoutProperties(_useModifierHook, _excluded$1j);
|
|
3208
3284
|
|
|
3209
3285
|
return [modifierProps, concatRefs(modifierRef, ref)];
|
|
3210
3286
|
}
|
|
3211
3287
|
|
|
3212
|
-
var _excluded$
|
|
3288
|
+
var _excluded$1i = ["toggle", "dismiss"],
|
|
3213
3289
|
_excluded2$2 = ["ref"];
|
|
3214
3290
|
|
|
3215
3291
|
var getActionHook = function getActionHook(toggle, dismiss) {
|
|
@@ -3227,7 +3303,7 @@ var getActionHook = function getActionHook(toggle, dismiss) {
|
|
|
3227
3303
|
function useAction(props, ref) {
|
|
3228
3304
|
var toggle = props.toggle,
|
|
3229
3305
|
dismiss = props.dismiss,
|
|
3230
|
-
restProps = _objectWithoutProperties(props, _excluded$
|
|
3306
|
+
restProps = _objectWithoutProperties(props, _excluded$1i);
|
|
3231
3307
|
|
|
3232
3308
|
var useActionHook = getActionHook(toggle, dismiss);
|
|
3233
3309
|
|
|
@@ -3246,8 +3322,8 @@ function useAction(props, ref) {
|
|
|
3246
3322
|
return [actionProps, concatRefs(actionRef, ref)];
|
|
3247
3323
|
}
|
|
3248
3324
|
|
|
3249
|
-
var _excluded$
|
|
3250
|
-
var propTypes$
|
|
3325
|
+
var _excluded$1h = ["children", "active", "style", "activeStyle", "textStyle", "activeTextStyle", "styleName"];
|
|
3326
|
+
var propTypes$1h = {
|
|
3251
3327
|
children: PropTypes.node,
|
|
3252
3328
|
active: PropTypes.bool,
|
|
3253
3329
|
// eslint-disable-next-line react/forbid-prop-types
|
|
@@ -3299,7 +3375,7 @@ var Pressable = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3299
3375
|
textStyle = actionProps.textStyle,
|
|
3300
3376
|
activeTextStyle = actionProps.activeTextStyle,
|
|
3301
3377
|
styleName = actionProps.styleName,
|
|
3302
|
-
elementProps = _objectWithoutProperties(actionProps, _excluded$
|
|
3378
|
+
elementProps = _objectWithoutProperties(actionProps, _excluded$1h);
|
|
3303
3379
|
|
|
3304
3380
|
var media = useMedia();
|
|
3305
3381
|
var context = useContext(TextStyleContext);
|
|
@@ -3336,13 +3412,13 @@ var Pressable = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3336
3412
|
} : children);
|
|
3337
3413
|
});
|
|
3338
3414
|
Pressable.displayName = 'Pressable';
|
|
3339
|
-
Pressable.propTypes = propTypes$
|
|
3415
|
+
Pressable.propTypes = propTypes$1h;
|
|
3340
3416
|
|
|
3341
|
-
var _excluded$
|
|
3417
|
+
var _excluded$1g = ["active", "handlePress"];
|
|
3342
3418
|
function useToggleButton(props) {
|
|
3343
3419
|
var active = props.active,
|
|
3344
3420
|
handlePress = props.handlePress,
|
|
3345
|
-
restProps = _objectWithoutProperties(props, _excluded$
|
|
3421
|
+
restProps = _objectWithoutProperties(props, _excluded$1g);
|
|
3346
3422
|
|
|
3347
3423
|
var _useState = useState(active),
|
|
3348
3424
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -3361,10 +3437,10 @@ function useToggleButton(props) {
|
|
|
3361
3437
|
});
|
|
3362
3438
|
}
|
|
3363
3439
|
|
|
3364
|
-
var _excluded$
|
|
3440
|
+
var _excluded$1f = ["children", "color", "size", "outline", "first", "last", "active", "disabled", "style", "activeStyle", "textStyle", "activeTextStyle"];
|
|
3365
3441
|
|
|
3366
|
-
var _templateObject$
|
|
3367
|
-
var propTypes$
|
|
3442
|
+
var _templateObject$12, _templateObject2$N, _templateObject3$n, _templateObject4$l, _templateObject5$j, _templateObject6$g, _templateObject7$c, _templateObject8$b, _templateObject9$8, _templateObject10$8, _templateObject11$6, _templateObject12$5, _templateObject13$5, _templateObject14$3, _templateObject15$2, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1, _templateObject21, _templateObject22, _templateObject23;
|
|
3443
|
+
var propTypes$1g = {
|
|
3368
3444
|
children: PropTypes.node.isRequired,
|
|
3369
3445
|
color: PropTypes.oneOf([].concat(_toConsumableArray(Object.keys(THEME_COLORS)), ['link'])),
|
|
3370
3446
|
size: PropTypes.oneOf(['lg', 'sm']),
|
|
@@ -3382,14 +3458,14 @@ var propTypes$1h = {
|
|
|
3382
3458
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3383
3459
|
activeTextStyle: PropTypes.any
|
|
3384
3460
|
};
|
|
3385
|
-
var styles$
|
|
3386
|
-
'.btn': css(_templateObject$
|
|
3387
|
-
'.btn-text': css(_templateObject2$
|
|
3388
|
-
'.btn-disabled': css(_templateObject3$
|
|
3461
|
+
var styles$11 = StyleSheet.create(_objectSpread2(_objectSpread2({
|
|
3462
|
+
'.btn': css(_templateObject$12 || (_templateObject$12 = _taggedTemplateLiteral(["\n flex-direction: row; // added for bootstrap-rn\n justify-content: center; // added for bootstrap-rn\n // display: inline-block;\n @include platform(web) {\n // cursor: if($enable-button-pointers, pointer, null);\n user-select: none;\n }\n background-color: transparent;\n border: $btn-border-width solid transparent;\n padding: $btn-padding-y $btn-padding-x;\n // Manually declare to provide an override to the browser default\n border-radius: $btn-border-radius;\n // @include transition($btn-transition);\n\n &:focus {\n // outline: 0;\n // box-shadow: $btn-focus-box-shadow;\n }\n\n &:active {\n // @include box-shadow($btn-active-box-shadow);\n\n &:focus {\n // @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);\n }\n }\n "]))),
|
|
3463
|
+
'.btn-text': css(_templateObject2$N || (_templateObject2$N = _taggedTemplateLiteral(["\n font-family: $btn-font-family;\n font-weight: $btn-font-weight;\n line-height: $btn-font-size * $btn-line-height;\n color: $body-color;\n text-align: center;\n text-decoration: none; // if($link-decoration == none, null, none);\n white-space: $btn-white-space;\n // vertical-align: middle;\n font-size: $btn-font-size;\n\n &:hover {\n color: $body-color;\n text-decoration: none; // if($link-decoration == none, null, none);\n }\n "]))),
|
|
3464
|
+
'.btn-disabled': css(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteral(["\n // pointer-events: none;\n opacity: $btn-disabled-opacity;\n // @include box-shadow(none);\n "])))
|
|
3389
3465
|
}, each(THEME_COLORS, function (color, value) {
|
|
3390
3466
|
var _ref;
|
|
3391
3467
|
|
|
3392
|
-
return _ref = {}, _defineProperty(_ref, ".btn-".concat(color), css(_templateObject4$
|
|
3468
|
+
return _ref = {}, _defineProperty(_ref, ".btn-".concat(color), css(_templateObject4$l || (_templateObject4$l = _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) {
|
|
3393
3469
|
return t['btn-hover-bg-shade-amount'];
|
|
3394
3470
|
}, value), shadeColor(function (t) {
|
|
3395
3471
|
return t['btn-hover-border-shade-amount'];
|
|
@@ -3401,7 +3477,7 @@ var styles$12 = StyleSheet.create(_objectSpread2(_objectSpread2({
|
|
|
3401
3477
|
return t['btn-active-bg-shade-amount'];
|
|
3402
3478
|
}, value), shadeColor(function (t) {
|
|
3403
3479
|
return t['btn-active-border-shade-amount'];
|
|
3404
|
-
}, value))), _defineProperty(_ref, ".btn-".concat(color, "-text"), css(_templateObject5$
|
|
3480
|
+
}, value))), _defineProperty(_ref, ".btn-".concat(color, "-text"), css(_templateObject5$j || (_templateObject5$j = _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) {
|
|
3405
3481
|
return t['btn-active-bg-shade-amount'];
|
|
3406
3482
|
}, value), shadeColor(function (t) {
|
|
3407
3483
|
return t['btn-active-border-shade-amount'];
|
|
@@ -3458,14 +3534,14 @@ var Button = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3458
3534
|
activeStyle = props.activeStyle,
|
|
3459
3535
|
textStyle = props.textStyle,
|
|
3460
3536
|
activeTextStyle = props.activeTextStyle,
|
|
3461
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3537
|
+
elementProps = _objectWithoutProperties(props, _excluded$1f);
|
|
3462
3538
|
|
|
3463
3539
|
invariant(color !== 'link' || !outline, 'Button link variant is only available as non outline style.');
|
|
3464
3540
|
var group = useContext(ButtonGroupContext);
|
|
3465
|
-
var classes = getStyles(styles$
|
|
3466
|
-
var activeClasses = getStyles(styles$
|
|
3467
|
-
var textClasses = getStyles(styles$
|
|
3468
|
-
var activeTextClasses = getStyles(styles$
|
|
3541
|
+
var classes = getStyles(styles$11, ['.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']);
|
|
3542
|
+
var activeClasses = getStyles(styles$11, ["".concat(getVariant(color, outline), "-active")]);
|
|
3543
|
+
var textClasses = getStyles(styles$11, ['.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']);
|
|
3544
|
+
var activeTextClasses = getStyles(styles$11, ["".concat(getVariant(color, outline), "-active-text")]);
|
|
3469
3545
|
return /*#__PURE__*/React.createElement(Pressable, _extends({}, elementProps, {
|
|
3470
3546
|
ref: ref,
|
|
3471
3547
|
active: active,
|
|
@@ -3477,31 +3553,31 @@ var Button = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3477
3553
|
}), children);
|
|
3478
3554
|
});
|
|
3479
3555
|
Button.displayName = 'Button';
|
|
3480
|
-
Button.propTypes = propTypes$
|
|
3556
|
+
Button.propTypes = propTypes$1g;
|
|
3481
3557
|
Button.useToggle = useToggleButton;
|
|
3482
3558
|
|
|
3483
|
-
var _excluded$
|
|
3559
|
+
var _excluded$1e = ["children", "style", "textStyle"];
|
|
3484
3560
|
|
|
3485
|
-
var _templateObject$
|
|
3486
|
-
var propTypes$
|
|
3561
|
+
var _templateObject$11, _templateObject2$M;
|
|
3562
|
+
var propTypes$1f = {
|
|
3487
3563
|
children: PropTypes.node.isRequired,
|
|
3488
3564
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3489
3565
|
style: PropTypes.any,
|
|
3490
3566
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3491
3567
|
textStyle: PropTypes.any
|
|
3492
3568
|
};
|
|
3493
|
-
var styles$
|
|
3494
|
-
blockquote: css(_templateObject$
|
|
3495
|
-
'blockquote-text': css(_templateObject2$
|
|
3569
|
+
var styles$10 = StyleSheet.create({
|
|
3570
|
+
blockquote: css(_templateObject$11 || (_templateObject$11 = _taggedTemplateLiteral(["\n margin-bottom: $blockquote-margin-y;\n "]))),
|
|
3571
|
+
'blockquote-text': css(_templateObject2$M || (_templateObject2$M = _taggedTemplateLiteral(["\n font-size: $blockquote-font-size;\n "])))
|
|
3496
3572
|
});
|
|
3497
3573
|
var Blockquote = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
3498
3574
|
var children = props.children,
|
|
3499
3575
|
style = props.style,
|
|
3500
3576
|
textStyle = props.textStyle,
|
|
3501
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3577
|
+
elementProps = _objectWithoutProperties(props, _excluded$1e);
|
|
3502
3578
|
|
|
3503
|
-
var classes = getStyles(styles$
|
|
3504
|
-
var textClasses = getStyles(styles$
|
|
3579
|
+
var classes = getStyles(styles$10, ['blockquote']);
|
|
3580
|
+
var textClasses = getStyles(styles$10, ['blockquote-text']); // Accessiblity role blockquote is only supported on web.
|
|
3505
3581
|
|
|
3506
3582
|
var role = Platform.OS === 'web' ? 'blockquote' : null;
|
|
3507
3583
|
return /*#__PURE__*/React.createElement(View, _extends({}, elementProps, {
|
|
@@ -3512,30 +3588,30 @@ var Blockquote = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3512
3588
|
}), children);
|
|
3513
3589
|
});
|
|
3514
3590
|
Blockquote.displayName = 'Blockquote';
|
|
3515
|
-
Blockquote.propTypes = propTypes$
|
|
3591
|
+
Blockquote.propTypes = propTypes$1f;
|
|
3516
3592
|
|
|
3517
|
-
var _excluded$
|
|
3593
|
+
var _excluded$1d = ["children", "style", "textStyle"];
|
|
3518
3594
|
|
|
3519
|
-
var _templateObject$
|
|
3520
|
-
var propTypes$
|
|
3595
|
+
var _templateObject$10, _templateObject2$L;
|
|
3596
|
+
var propTypes$1e = {
|
|
3521
3597
|
children: PropTypes.node.isRequired,
|
|
3522
3598
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3523
3599
|
style: PropTypes.any,
|
|
3524
3600
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3525
3601
|
textStyle: PropTypes.any
|
|
3526
3602
|
};
|
|
3527
|
-
var styles
|
|
3528
|
-
body: css(_templateObject$
|
|
3529
|
-
'body-text': css(_templateObject2$
|
|
3603
|
+
var styles$$ = StyleSheet.create({
|
|
3604
|
+
body: css(_templateObject$10 || (_templateObject$10 = _taggedTemplateLiteral(["\n background-color: $body-bg;\n height: 100%; // added for bootstrap-rn\n "]))),
|
|
3605
|
+
'body-text': css(_templateObject2$L || (_templateObject2$L = _taggedTemplateLiteral(["\n color: $body-color;\n text-align: $body-text-align;\n "])))
|
|
3530
3606
|
});
|
|
3531
3607
|
var Body = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
3532
3608
|
var children = props.children,
|
|
3533
3609
|
style = props.style,
|
|
3534
3610
|
textStyle = props.textStyle,
|
|
3535
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3611
|
+
elementProps = _objectWithoutProperties(props, _excluded$1d);
|
|
3536
3612
|
|
|
3537
|
-
var classes = getStyles(styles
|
|
3538
|
-
var textClasses = getStyles(styles
|
|
3613
|
+
var classes = getStyles(styles$$, ['body']);
|
|
3614
|
+
var textClasses = getStyles(styles$$, ['body-text']);
|
|
3539
3615
|
return /*#__PURE__*/React.createElement(View, _extends({}, elementProps, {
|
|
3540
3616
|
ref: ref,
|
|
3541
3617
|
style: [classes, style],
|
|
@@ -3543,30 +3619,30 @@ var Body = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3543
3619
|
}), children);
|
|
3544
3620
|
});
|
|
3545
3621
|
Body.displayName = 'Body';
|
|
3546
|
-
Body.propTypes = propTypes$
|
|
3622
|
+
Body.propTypes = propTypes$1e;
|
|
3547
3623
|
|
|
3548
|
-
var _excluded$
|
|
3624
|
+
var _excluded$1c = ["children", "style", "textStyle"];
|
|
3549
3625
|
|
|
3550
|
-
var _templateObject
|
|
3551
|
-
var propTypes$
|
|
3626
|
+
var _templateObject$$, _templateObject2$K;
|
|
3627
|
+
var propTypes$1d = {
|
|
3552
3628
|
children: PropTypes.node.isRequired,
|
|
3553
3629
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3554
3630
|
style: PropTypes.any,
|
|
3555
3631
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3556
3632
|
textStyle: PropTypes.any
|
|
3557
3633
|
};
|
|
3558
|
-
var styles
|
|
3559
|
-
'.card-body': css(_templateObject
|
|
3560
|
-
'.card-body-text': css(_templateObject2$
|
|
3634
|
+
var styles$_ = StyleSheet.create({
|
|
3635
|
+
'.card-body': css(_templateObject$$ || (_templateObject$$ = _taggedTemplateLiteral(["\n // flex: 1 1 auto;\n padding: $card-spacer-y $card-spacer-x;\n "]))),
|
|
3636
|
+
'.card-body-text': css(_templateObject2$K || (_templateObject2$K = _taggedTemplateLiteral(["\n color: $card-color;\n "])))
|
|
3561
3637
|
});
|
|
3562
3638
|
var CardBody = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
3563
3639
|
var children = props.children,
|
|
3564
3640
|
style = props.style,
|
|
3565
3641
|
textStyle = props.textStyle,
|
|
3566
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3642
|
+
elementProps = _objectWithoutProperties(props, _excluded$1c);
|
|
3567
3643
|
|
|
3568
|
-
var classes = getStyles(styles
|
|
3569
|
-
var textClasses = getStyles(styles
|
|
3644
|
+
var classes = getStyles(styles$_, ['.card-body']);
|
|
3645
|
+
var textClasses = getStyles(styles$_, [".card-body-text"]);
|
|
3570
3646
|
return /*#__PURE__*/React.createElement(View, _extends({}, elementProps, {
|
|
3571
3647
|
ref: ref,
|
|
3572
3648
|
style: [classes, style],
|
|
@@ -3574,30 +3650,30 @@ var CardBody = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3574
3650
|
}), children);
|
|
3575
3651
|
});
|
|
3576
3652
|
CardBody.displayName = 'CardBody';
|
|
3577
|
-
CardBody.propTypes = propTypes$
|
|
3653
|
+
CardBody.propTypes = propTypes$1d;
|
|
3578
3654
|
|
|
3579
|
-
var _excluded$
|
|
3655
|
+
var _excluded$1b = ["children", "style", "textStyle"];
|
|
3580
3656
|
|
|
3581
|
-
var _templateObject
|
|
3582
|
-
var propTypes$
|
|
3657
|
+
var _templateObject$_, _templateObject2$J;
|
|
3658
|
+
var propTypes$1c = {
|
|
3583
3659
|
children: PropTypes.node.isRequired,
|
|
3584
3660
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3585
3661
|
style: PropTypes.any,
|
|
3586
3662
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3587
3663
|
textStyle: PropTypes.any
|
|
3588
3664
|
};
|
|
3589
|
-
var styles$
|
|
3590
|
-
'.card-header': css(_templateObject
|
|
3591
|
-
'.card-header-text': css(_templateObject2$
|
|
3665
|
+
var styles$Z = StyleSheet.create({
|
|
3666
|
+
'.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 "]))),
|
|
3667
|
+
'.card-header-text': css(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteral(["\n color: $card-cap-color;\n "])))
|
|
3592
3668
|
});
|
|
3593
3669
|
var CardHeader = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
3594
3670
|
var children = props.children,
|
|
3595
3671
|
style = props.style,
|
|
3596
3672
|
textStyle = props.textStyle,
|
|
3597
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3673
|
+
elementProps = _objectWithoutProperties(props, _excluded$1b);
|
|
3598
3674
|
|
|
3599
|
-
var classes = getStyles(styles$
|
|
3600
|
-
var textClasses = getStyles(styles$
|
|
3675
|
+
var classes = getStyles(styles$Z, ['.card-header']);
|
|
3676
|
+
var textClasses = getStyles(styles$Z, ['.card-header-text']);
|
|
3601
3677
|
return /*#__PURE__*/React.createElement(View, _extends({}, elementProps, {
|
|
3602
3678
|
ref: ref,
|
|
3603
3679
|
style: [classes, style],
|
|
@@ -3605,30 +3681,30 @@ var CardHeader = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3605
3681
|
}), children);
|
|
3606
3682
|
});
|
|
3607
3683
|
CardHeader.displayName = 'CardHeader';
|
|
3608
|
-
CardHeader.propTypes = propTypes$
|
|
3684
|
+
CardHeader.propTypes = propTypes$1c;
|
|
3609
3685
|
|
|
3610
|
-
var _excluded$
|
|
3686
|
+
var _excluded$1a = ["children", "style", "textStyle"];
|
|
3611
3687
|
|
|
3612
|
-
var _templateObject$
|
|
3613
|
-
var propTypes$
|
|
3688
|
+
var _templateObject$Z, _templateObject2$I;
|
|
3689
|
+
var propTypes$1b = {
|
|
3614
3690
|
children: PropTypes.node.isRequired,
|
|
3615
3691
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3616
3692
|
style: PropTypes.any,
|
|
3617
3693
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3618
3694
|
textStyle: PropTypes.any
|
|
3619
3695
|
};
|
|
3620
|
-
var styles$
|
|
3621
|
-
'.card-footer': css(_templateObject$
|
|
3622
|
-
'.card-footer-text': css(_templateObject2$
|
|
3696
|
+
var styles$Y = StyleSheet.create({
|
|
3697
|
+
'.card-footer': css(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteral(["\n padding: $card-cap-padding-y $card-cap-padding-x;\n background-color: $card-cap-bg;\n border-top-width: $card-border-width;\n border-style: solid;\n border-color: $card-border-color;\n border-radius: 0 0 $card-inner-border-radius $card-inner-border-radius;\n "]))),
|
|
3698
|
+
'.card-footer-text': css(_templateObject2$I || (_templateObject2$I = _taggedTemplateLiteral(["\n color: $card-cap-color;\n "])))
|
|
3623
3699
|
});
|
|
3624
3700
|
var CardFooter = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
3625
3701
|
var children = props.children,
|
|
3626
3702
|
style = props.style,
|
|
3627
3703
|
textStyle = props.textStyle,
|
|
3628
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3704
|
+
elementProps = _objectWithoutProperties(props, _excluded$1a);
|
|
3629
3705
|
|
|
3630
|
-
var classes = getStyles(styles$
|
|
3631
|
-
var textClasses = getStyles(styles$
|
|
3706
|
+
var classes = getStyles(styles$Y, ['.card-footer']);
|
|
3707
|
+
var textClasses = getStyles(styles$Y, ['.card-footer-text']);
|
|
3632
3708
|
return /*#__PURE__*/React.createElement(View, _extends({}, elementProps, {
|
|
3633
3709
|
ref: ref,
|
|
3634
3710
|
style: [classes, style],
|
|
@@ -3636,32 +3712,32 @@ var CardFooter = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3636
3712
|
}), children);
|
|
3637
3713
|
});
|
|
3638
3714
|
CardFooter.displayName = 'CardFooter';
|
|
3639
|
-
CardFooter.propTypes = propTypes$
|
|
3715
|
+
CardFooter.propTypes = propTypes$1b;
|
|
3640
3716
|
|
|
3641
|
-
var _excluded$
|
|
3717
|
+
var _excluded$19 = ["children", "style"];
|
|
3642
3718
|
|
|
3643
|
-
var _templateObject$
|
|
3644
|
-
var propTypes$
|
|
3719
|
+
var _templateObject$Y;
|
|
3720
|
+
var propTypes$1a = {
|
|
3645
3721
|
children: PropTypes.node.isRequired,
|
|
3646
3722
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3647
3723
|
style: PropTypes.any
|
|
3648
3724
|
};
|
|
3649
|
-
var styles$
|
|
3650
|
-
'.card': css(_templateObject$
|
|
3725
|
+
var styles$X = StyleSheet.create({
|
|
3726
|
+
'.card': css(_templateObject$Y || (_templateObject$Y = _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 "])))
|
|
3651
3727
|
});
|
|
3652
3728
|
var Card = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
3653
3729
|
var children = props.children,
|
|
3654
3730
|
style = props.style,
|
|
3655
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3731
|
+
elementProps = _objectWithoutProperties(props, _excluded$19);
|
|
3656
3732
|
|
|
3657
|
-
var classes = getStyles(styles$
|
|
3733
|
+
var classes = getStyles(styles$X, ['.card']);
|
|
3658
3734
|
return /*#__PURE__*/React.createElement(View, _extends({}, elementProps, {
|
|
3659
3735
|
ref: ref,
|
|
3660
3736
|
style: [classes, style]
|
|
3661
3737
|
}), children);
|
|
3662
3738
|
});
|
|
3663
3739
|
Card.displayName = 'Card';
|
|
3664
|
-
Card.propTypes = propTypes$
|
|
3740
|
+
Card.propTypes = propTypes$1a;
|
|
3665
3741
|
Card.Header = CardHeader;
|
|
3666
3742
|
Card.Body = CardBody;
|
|
3667
3743
|
Card.Footer = CardFooter;
|
|
@@ -3672,10 +3748,10 @@ ModalContext.displayName = 'ModalContext';
|
|
|
3672
3748
|
var OffcanvasContext = /*#__PURE__*/React.createContext();
|
|
3673
3749
|
OffcanvasContext.displayName = 'OffcanvasContext';
|
|
3674
3750
|
|
|
3675
|
-
var _excluded$
|
|
3751
|
+
var _excluded$18 = ["children", "disabled", "style", "textStyle"];
|
|
3676
3752
|
|
|
3677
|
-
var _templateObject$
|
|
3678
|
-
var propTypes$
|
|
3753
|
+
var _templateObject$X, _templateObject2$H, _templateObject3$m, _templateObject4$k, _templateObject5$i;
|
|
3754
|
+
var propTypes$19 = {
|
|
3679
3755
|
children: PropTypes.node,
|
|
3680
3756
|
disabled: PropTypes.bool,
|
|
3681
3757
|
// eslint-disable-next-line react/forbid-prop-types
|
|
@@ -3683,14 +3759,14 @@ var propTypes$1a = {
|
|
|
3683
3759
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3684
3760
|
textStyle: PropTypes.any
|
|
3685
3761
|
};
|
|
3686
|
-
var styles$
|
|
3687
|
-
'.btn-close': css(_templateObject$
|
|
3688
|
-
'.btn-close-text': css(_templateObject2$
|
|
3689
|
-
'.btn-close-disabled': css(_templateObject3$
|
|
3762
|
+
var styles$W = StyleSheet.create({
|
|
3763
|
+
'.btn-close': css(_templateObject$X || (_templateObject$X = _taggedTemplateLiteral(["\n // Workaround for missing box-sizing in react native.\n $additional-width: $btn-close-padding-x * 2;\n $additional-height: $btn-close-padding-y * 2;\n\n // box-sizing: content-box;\n width: $btn-close-width + $additional-width;\n height: $btn-close-height + $additional-height;\n padding: $btn-close-padding-y $btn-close-padding-x;\n background: transparent;\n border-width: 0; // for button elements\n // @include border-radius();\n opacity: $btn-close-opacity;\n\n &:hover {\n opacity: $btn-close-hover-opacity;\n }\n\n &:focus {\n // outline: 0;\n // box-shadow: $btn-close-focus-shadow;\n opacity: $btn-close-focus-opacity;\n }\n "]))),
|
|
3764
|
+
'.btn-close-text': css(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteral(["\n color: $btn-close-color;\n\n // Override <a>'s hover style\n &:hover {\n color: $btn-close-color;\n text-decoration: none;\n }\n "]))),
|
|
3765
|
+
'.btn-close-disabled': css(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteral(["\n // pointer-events: none;\n // user-select: none;\n opacity: $btn-close-disabled-opacity;\n "]))),
|
|
3690
3766
|
// Modal styles
|
|
3691
|
-
'.modal-header .btn-close': css(_templateObject4$
|
|
3767
|
+
'.modal-header .btn-close': css(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteral(["\n padding: $modal-header-padding-y * 0.5 $modal-header-padding-x * 0.5;\n margin: -0.5 * $modal-header-padding-y -0.5 * $modal-header-padding-x -0.5 *\n $modal-header-padding-y auto;\n\n // Workaround for missing box-sizing in react native.\n width: $btn-close-width + $modal-header-padding-x;\n height: $btn-close-height + $modal-header-padding-y;\n "]))),
|
|
3692
3768
|
// Offcanvas styles
|
|
3693
|
-
'.offcanvas-header .btn-close': css(_templateObject5$
|
|
3769
|
+
'.offcanvas-header .btn-close': css(_templateObject5$i || (_templateObject5$i = _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 "])))
|
|
3694
3770
|
});
|
|
3695
3771
|
var CloseButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
3696
3772
|
props.children;
|
|
@@ -3698,14 +3774,14 @@ var CloseButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3698
3774
|
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
3699
3775
|
style = props.style,
|
|
3700
3776
|
textStyle = props.textStyle,
|
|
3701
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3777
|
+
elementProps = _objectWithoutProperties(props, _excluded$18);
|
|
3702
3778
|
|
|
3703
3779
|
var modal = useContext(ModalContext);
|
|
3704
3780
|
var offcanvas = useContext(OffcanvasContext);
|
|
3705
|
-
var classes = getStyles(styles$
|
|
3781
|
+
var classes = getStyles(styles$W, ['.btn-close', disabled && '.btn-close-disabled', // Modal styles
|
|
3706
3782
|
modal && '.modal-header .btn-close', // Offcanvas styles
|
|
3707
3783
|
offcanvas && '.offcanvas-header .btn-close']);
|
|
3708
|
-
var textClasses = getStyles(styles$
|
|
3784
|
+
var textClasses = getStyles(styles$W, ['.btn-close-text']);
|
|
3709
3785
|
return /*#__PURE__*/React.createElement(Pressable, _extends({}, elementProps, {
|
|
3710
3786
|
ref: ref,
|
|
3711
3787
|
disabled: disabled,
|
|
@@ -3714,7 +3790,7 @@ var CloseButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3714
3790
|
}), StyleSheet.value('btn-close-bg'));
|
|
3715
3791
|
});
|
|
3716
3792
|
CloseButton.displayName = 'CloseButton';
|
|
3717
|
-
CloseButton.propTypes = propTypes$
|
|
3793
|
+
CloseButton.propTypes = propTypes$19;
|
|
3718
3794
|
|
|
3719
3795
|
var CollapseContext = /*#__PURE__*/React.createContext();
|
|
3720
3796
|
CollapseContext.displayName = 'CollapseContext';
|
|
@@ -3773,7 +3849,7 @@ function useCollapse(defaultVisible, controlledVisible, onToggle) {
|
|
|
3773
3849
|
}, [visible]);
|
|
3774
3850
|
}
|
|
3775
3851
|
|
|
3776
|
-
var propTypes$
|
|
3852
|
+
var propTypes$18 = {
|
|
3777
3853
|
children: PropTypes.node.isRequired,
|
|
3778
3854
|
defaultVisible: PropTypes.bool,
|
|
3779
3855
|
visible: PropTypes.bool,
|
|
@@ -3793,14 +3869,14 @@ var CollapseProvider = function CollapseProvider(props) {
|
|
|
3793
3869
|
};
|
|
3794
3870
|
|
|
3795
3871
|
CollapseProvider.displayName = 'CollapseProvider';
|
|
3796
|
-
CollapseProvider.propTypes = propTypes$
|
|
3872
|
+
CollapseProvider.propTypes = propTypes$18;
|
|
3797
3873
|
|
|
3798
|
-
var _excluded$
|
|
3874
|
+
var _excluded$17 = ["onPress"];
|
|
3799
3875
|
function useToggleCollapse(props) {
|
|
3800
3876
|
var context = useForcedContext(CollapseContext);
|
|
3801
3877
|
|
|
3802
3878
|
var handlePress = props.onPress,
|
|
3803
|
-
restProps = _objectWithoutProperties(props, _excluded$
|
|
3879
|
+
restProps = _objectWithoutProperties(props, _excluded$17);
|
|
3804
3880
|
|
|
3805
3881
|
return _objectSpread2(_objectSpread2({}, restProps), {}, {
|
|
3806
3882
|
onPress: function onPress(event) {
|
|
@@ -3814,13 +3890,13 @@ function useToggleCollapse(props) {
|
|
|
3814
3890
|
});
|
|
3815
3891
|
}
|
|
3816
3892
|
|
|
3817
|
-
var _excluded$
|
|
3818
|
-
var propTypes$
|
|
3893
|
+
var _excluded$16 = ["children"];
|
|
3894
|
+
var propTypes$17 = {
|
|
3819
3895
|
children: PropTypes.node
|
|
3820
3896
|
};
|
|
3821
3897
|
var Collapse = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
3822
3898
|
var children = props.children,
|
|
3823
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3899
|
+
elementProps = _objectWithoutProperties(props, _excluded$16);
|
|
3824
3900
|
|
|
3825
3901
|
var _useForcedContext = useForcedContext(CollapseContext),
|
|
3826
3902
|
identifier = _useForcedContext.identifier,
|
|
@@ -3836,7 +3912,7 @@ var Collapse = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3836
3912
|
}), children);
|
|
3837
3913
|
});
|
|
3838
3914
|
Collapse.displayName = 'Collapse';
|
|
3839
|
-
Collapse.propTypes = propTypes$
|
|
3915
|
+
Collapse.propTypes = propTypes$17;
|
|
3840
3916
|
Collapse.Provider = CollapseProvider;
|
|
3841
3917
|
Collapse.useToggle = useToggleCollapse;
|
|
3842
3918
|
|
|
@@ -3861,18 +3937,18 @@ function infix(breakpoint) {
|
|
|
3861
3937
|
var NavbarContext = /*#__PURE__*/React.createContext();
|
|
3862
3938
|
NavbarContext.displayName = 'NavbarContext';
|
|
3863
3939
|
|
|
3864
|
-
var _excluded$
|
|
3940
|
+
var _excluded$15 = ["fluid", "style"];
|
|
3865
3941
|
|
|
3866
|
-
var _templateObject$
|
|
3867
|
-
var propTypes$
|
|
3942
|
+
var _templateObject$W, _templateObject2$G, _templateObject3$l, _templateObject4$j, _templateObject5$h, _templateObject6$f, _templateObject7$b, _templateObject8$a;
|
|
3943
|
+
var propTypes$16 = {
|
|
3868
3944
|
children: PropTypes.node.isRequired,
|
|
3869
3945
|
fluid: PropTypes.oneOf([true].concat(_toConsumableArray(Object.keys(CONTAINER_MAX_WIDTHS)))),
|
|
3870
3946
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3871
3947
|
style: PropTypes.any
|
|
3872
3948
|
};
|
|
3873
|
-
var styles$
|
|
3874
|
-
'.container': css(_templateObject$
|
|
3875
|
-
'.container-sm': css(_templateObject2$
|
|
3949
|
+
var styles$V = StyleSheet.create(_objectSpread2({
|
|
3950
|
+
'.container': css(_templateObject$W || (_templateObject$W = _taggedTemplateLiteral(["\n width: 100%;\n padding-right: $container-padding-x;\n padding-left: $container-padding-x;\n margin-right: auto;\n margin-left: auto;\n "]))),
|
|
3951
|
+
'.container-sm': css(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteral(["\n @include media-breakpoint-up(sm) {\n max-width: ", ";\n }\n @include media-breakpoint-up(md) {\n max-width: ", ";\n }\n @include media-breakpoint-up(lg) {\n max-width: ", ";\n }\n @include media-breakpoint-up(xl) {\n max-width: ", ";\n }\n @include media-breakpoint-up(xxl) {\n max-width: ", ";\n }\n "])), function (t) {
|
|
3876
3952
|
return t['container-max-widths'].sm;
|
|
3877
3953
|
}, function (t) {
|
|
3878
3954
|
return t['container-max-widths'].md;
|
|
@@ -3883,7 +3959,7 @@ var styles$W = StyleSheet.create(_objectSpread2({
|
|
|
3883
3959
|
}, function (t) {
|
|
3884
3960
|
return t['container-max-widths'].xxl;
|
|
3885
3961
|
}),
|
|
3886
|
-
'.container-md': css(_templateObject3$
|
|
3962
|
+
'.container-md': css(_templateObject3$l || (_templateObject3$l = _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) {
|
|
3887
3963
|
return t['container-max-widths'].md;
|
|
3888
3964
|
}, function (t) {
|
|
3889
3965
|
return t['container-max-widths'].lg;
|
|
@@ -3892,14 +3968,14 @@ var styles$W = StyleSheet.create(_objectSpread2({
|
|
|
3892
3968
|
}, function (t) {
|
|
3893
3969
|
return t['container-max-widths'].xxl;
|
|
3894
3970
|
}),
|
|
3895
|
-
'.container-lg': css(_templateObject4$
|
|
3971
|
+
'.container-lg': css(_templateObject4$j || (_templateObject4$j = _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) {
|
|
3896
3972
|
return t['container-max-widths'].lg;
|
|
3897
3973
|
}, function (t) {
|
|
3898
3974
|
return t['container-max-widths'].xl;
|
|
3899
3975
|
}, function (t) {
|
|
3900
3976
|
return t['container-max-widths'].xxl;
|
|
3901
3977
|
}),
|
|
3902
|
-
'.container-xl': css(_templateObject5$
|
|
3978
|
+
'.container-xl': css(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteral(["\n @include media-breakpoint-up(xl) {\n max-width: ", ";\n }\n @include media-breakpoint-up(xxl) {\n max-width: ", ";\n }\n "])), function (t) {
|
|
3903
3979
|
return t['container-max-widths'].xl;
|
|
3904
3980
|
}, function (t) {
|
|
3905
3981
|
return t['container-max-widths'].xxl;
|
|
@@ -3916,10 +3992,10 @@ var Container = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3916
3992
|
var _props$fluid = props.fluid,
|
|
3917
3993
|
fluid = _props$fluid === void 0 ? 'sm' : _props$fluid,
|
|
3918
3994
|
style = props.style,
|
|
3919
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3995
|
+
elementProps = _objectWithoutProperties(props, _excluded$15);
|
|
3920
3996
|
|
|
3921
3997
|
var navbar = useContext(NavbarContext);
|
|
3922
|
-
var classes = getStyles(styles$
|
|
3998
|
+
var classes = getStyles(styles$V, ['.container', // Hint: Bootstrap's .container class is identical with .container-sm.
|
|
3923
3999
|
fluid !== true && ".container-".concat(fluid), // Navbar styles
|
|
3924
4000
|
navbar && '.navbar .container', navbar && navbar.expand && ".navbar-expand".concat(navbar.expand === true ? '' : "-".concat(navbar.expand), " .container")]);
|
|
3925
4001
|
return /*#__PURE__*/React.createElement(View, _extends({}, elementProps, {
|
|
@@ -3928,12 +4004,12 @@ var Container = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3928
4004
|
}));
|
|
3929
4005
|
});
|
|
3930
4006
|
Container.displayName = 'Container';
|
|
3931
|
-
Container.propTypes = propTypes$
|
|
4007
|
+
Container.propTypes = propTypes$16;
|
|
3932
4008
|
|
|
3933
|
-
var _excluded$
|
|
4009
|
+
var _excluded$14 = ["children", "type", "value", "onChange", "onPress", "label", "disabled", "valid", "invalid", "style", "inputStyle", "labelStyle", "labelTextStyle"];
|
|
3934
4010
|
|
|
3935
|
-
var _templateObject$
|
|
3936
|
-
var propTypes$
|
|
4011
|
+
var _templateObject$V, _templateObject2$F, _templateObject3$k, _templateObject4$i, _templateObject5$g, _templateObject6$e, _templateObject7$a, _templateObject8$9, _templateObject9$7, _templateObject10$7, _templateObject11$5, _templateObject12$4, _templateObject13$4;
|
|
4012
|
+
var propTypes$15 = {
|
|
3937
4013
|
children: PropTypes.node,
|
|
3938
4014
|
type: PropTypes.oneOf(['checkbox', 'radio', 'switch']).isRequired,
|
|
3939
4015
|
value: PropTypes.bool.isRequired,
|
|
@@ -3952,12 +4028,12 @@ var propTypes$16 = {
|
|
|
3952
4028
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3953
4029
|
labelTextStyle: PropTypes.any
|
|
3954
4030
|
};
|
|
3955
|
-
var styles$
|
|
3956
|
-
'.form-check': css(_templateObject$
|
|
3957
|
-
'.form-check-disabled': css(_templateObject2$
|
|
3958
|
-
'.form-check-input': css(_templateObject3$
|
|
3959
|
-
'.form-check-input-checkbox': css(_templateObject4$
|
|
3960
|
-
'.form-check-input-radio': css(_templateObject5$
|
|
4031
|
+
var styles$U = StyleSheet.create(_objectSpread2({
|
|
4032
|
+
'.form-check': css(_templateObject$V || (_templateObject$V = _taggedTemplateLiteral(["\n // display: block;\n flex-direction: row; // added for bootstrap-rn\n min-height: $form-check-min-height;\n padding-left: $form-check-padding-start;\n margin-bottom: $form-check-margin-bottom;\n "]))),
|
|
4033
|
+
'.form-check-disabled': css(_templateObject2$F || (_templateObject2$F = _taggedTemplateLiteral(["\n opacity: $form-check-label-disabled-opacity;\n "]))),
|
|
4034
|
+
'.form-check-input': css(_templateObject3$k || (_templateObject3$k = _taggedTemplateLiteral(["\n // Use additional variables instead of brackets, because brackets not supported yet.\n $lineHeight: $line-height-base * 1rem;\n $rawMarginTop: $lineHeight - $form-check-input-width;\n\n // float: left;\n margin-left: $form-check-padding-start * -1;\n margin-right: $form-check-padding-start - $form-check-input-width; // added for bootstrap-rn\n\n width: $form-check-input-width;\n height: $form-check-input-width;\n margin-top: $rawMarginTop * 0.5; // line-height minus check height\n // vertical-align: top;\n background-color: $form-check-input-bg;\n // background-repeat: no-repeat;\n // background-position: center;\n // background-size: contain;\n border: $form-check-input-border;\n @include platform(web) {\n appearance: none;\n user-select: none; // added for bootstrap-rn\n }\n // color-adjust: exact; // Keep themed appearance for print\n // @include transition($form-check-transition);\n\n &:active {\n // filter: $form-check-input-active-filter;\n }\n\n &:focus {\n border-color: $form-check-input-focus-border;\n // outline: 0;\n // box-shadow: $form-check-input-focus-box-shadow;\n }\n "]))),
|
|
4035
|
+
'.form-check-input-checkbox': css(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteral(["\n border-radius: $form-check-input-border-radius;\n "]))),
|
|
4036
|
+
'.form-check-input-radio': css(_templateObject5$g || (_templateObject5$g = _taggedTemplateLiteral(["\n border-radius: $form-check-radio-border-radius;\n "]))),
|
|
3961
4037
|
'.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 "]))),
|
|
3962
4038
|
'.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 "]))),
|
|
3963
4039
|
'.form-switch': css(_templateObject8$9 || (_templateObject8$9 = _taggedTemplateLiteral(["\n padding-left: $form-switch-padding-start;\n "]))),
|
|
@@ -4013,16 +4089,16 @@ var CheckInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
4013
4089
|
inputStyle = modifierProps.inputStyle,
|
|
4014
4090
|
labelStyle = modifierProps.labelStyle,
|
|
4015
4091
|
labelTextStyle = modifierProps.labelTextStyle,
|
|
4016
|
-
elementProps = _objectWithoutProperties(modifierProps, _excluded$
|
|
4092
|
+
elementProps = _objectWithoutProperties(modifierProps, _excluded$14);
|
|
4017
4093
|
|
|
4018
4094
|
if (!children && !label) {
|
|
4019
4095
|
// eslint-disable-next-line no-console
|
|
4020
4096
|
console.warn('You need to provide either children or a label for accessibility.');
|
|
4021
4097
|
}
|
|
4022
4098
|
|
|
4023
|
-
var classes = getStyles(styles$
|
|
4024
|
-
var inputClasses = getStyles(styles$
|
|
4025
|
-
var labelTextClasses = getStyles(styles$
|
|
4099
|
+
var classes = getStyles(styles$U, ['.form-check', type === 'switch' && '.form-switch', disabled && '.form-check-disabled']);
|
|
4100
|
+
var inputClasses = getStyles(styles$U, ['.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']);
|
|
4101
|
+
var labelTextClasses = getStyles(styles$U, ['.form-check-label', valid && '.form-check-label.is-valid', invalid && '.form-check-label.is-invalid']); // TODO &:focus, &:active
|
|
4026
4102
|
|
|
4027
4103
|
return /*#__PURE__*/React.createElement(Pressable, _extends({}, elementProps, {
|
|
4028
4104
|
ref: modifierRef,
|
|
@@ -4042,7 +4118,7 @@ var CheckInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
4042
4118
|
}, children));
|
|
4043
4119
|
});
|
|
4044
4120
|
CheckInput.displayName = 'CheckInput';
|
|
4045
|
-
CheckInput.propTypes = propTypes$
|
|
4121
|
+
CheckInput.propTypes = propTypes$15;
|
|
4046
4122
|
|
|
4047
4123
|
var Checkbox = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
4048
4124
|
var elementProps = _extends({}, props);
|
|
@@ -4054,13 +4130,13 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
4054
4130
|
});
|
|
4055
4131
|
Checkbox.displayName = 'Checkbox';
|
|
4056
4132
|
|
|
4057
|
-
var _excluded$
|
|
4133
|
+
var _excluded$13 = ["children", "size", "sizeSm", "sizeMd", "sizeLg", "sizeXl", "style"];
|
|
4058
4134
|
|
|
4059
|
-
var _templateObject$
|
|
4135
|
+
var _templateObject$U, _templateObject2$E, _templateObject3$j, _templateObject4$h, _templateObject5$f;
|
|
4060
4136
|
var sizes = makeArray(GRID_COLUMNS).map(function (v) {
|
|
4061
4137
|
return v + 1;
|
|
4062
4138
|
});
|
|
4063
|
-
var propTypes$
|
|
4139
|
+
var propTypes$14 = {
|
|
4064
4140
|
children: PropTypes.node.isRequired,
|
|
4065
4141
|
size: PropTypes.oneOf(['auto'].concat(_toConsumableArray(sizes))),
|
|
4066
4142
|
sizeSm: PropTypes.oneOf(['auto'].concat(_toConsumableArray(sizes))),
|
|
@@ -4070,15 +4146,15 @@ var propTypes$15 = {
|
|
|
4070
4146
|
// eslint-disable-next-line react/forbid-prop-types
|
|
4071
4147
|
style: PropTypes.any
|
|
4072
4148
|
};
|
|
4073
|
-
var styles$
|
|
4074
|
-
'*': css(_templateObject$
|
|
4149
|
+
var styles$T = StyleSheet.create(_objectSpread2({
|
|
4150
|
+
'*': css(_templateObject$U || (_templateObject$U = _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 "])))
|
|
4075
4151
|
}, each(GRID_BREAKPOINTS, function (breakpoint) {
|
|
4076
4152
|
var _objectSpread2$1;
|
|
4077
4153
|
|
|
4078
|
-
return _objectSpread2((_objectSpread2$1 = {}, _defineProperty(_objectSpread2$1, ".col".concat(infix(breakpoint)), css(_templateObject2$
|
|
4154
|
+
return _objectSpread2((_objectSpread2$1 = {}, _defineProperty(_objectSpread2$1, ".col".concat(infix(breakpoint)), css(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteral(["\n @include media-breakpoint-up(", ") {\n flex: 1 0 0%; // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n }\n "])), breakpoint)), _defineProperty(_objectSpread2$1, ".col".concat(infix(breakpoint), "-auto"), css(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteral(["\n @include media-breakpoint-up(", ") {\n flex: 0 0 auto;\n width: auto;\n }\n "])), breakpoint)), _objectSpread2$1), normalize$1(makeArray(GRID_COLUMNS - 1, function (i) {
|
|
4079
4155
|
var _ref;
|
|
4080
4156
|
|
|
4081
|
-
return _ref = {}, _defineProperty(_ref, ".col".concat(infix(breakpoint), "-").concat(i + 1), css(_templateObject4$
|
|
4157
|
+
return _ref = {}, _defineProperty(_ref, ".col".concat(infix(breakpoint), "-").concat(i + 1), css(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteral(["\n @include media-breakpoint-up(", ") {\n flex: 0 0 auto;\n width: ", "%;\n }\n "])), breakpoint, (i + 1) / GRID_COLUMNS * 100)), _defineProperty(_ref, ".offset".concat(infix(breakpoint), "-").concat(i), css(_templateObject5$f || (_templateObject5$f = _taggedTemplateLiteral(["\n @include media-breakpoint-up(", ") {\n margin-left: ", "%;\n }\n "])), breakpoint, i / GRID_COLUMNS * 100)), _ref;
|
|
4082
4158
|
})));
|
|
4083
4159
|
})));
|
|
4084
4160
|
var Col = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
@@ -4089,90 +4165,16 @@ var Col = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
4089
4165
|
sizeLg = props.sizeLg,
|
|
4090
4166
|
sizeXl = props.sizeXl,
|
|
4091
4167
|
style = props.style,
|
|
4092
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
4168
|
+
elementProps = _objectWithoutProperties(props, _excluded$13);
|
|
4093
4169
|
|
|
4094
|
-
var classes = getStyles(styles$
|
|
4170
|
+
var classes = getStyles(styles$T, ['*', ".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())]);
|
|
4095
4171
|
return /*#__PURE__*/React.createElement(View, _extends({}, elementProps, {
|
|
4096
4172
|
ref: ref,
|
|
4097
4173
|
style: [classes, style]
|
|
4098
4174
|
}), children);
|
|
4099
4175
|
});
|
|
4100
4176
|
Col.displayName = 'Col';
|
|
4101
|
-
Col.propTypes = propTypes$
|
|
4102
|
-
|
|
4103
|
-
var _excluded$13 = ["color", "bold", "italic", "mark", "small", "style", "styleName"];
|
|
4104
|
-
|
|
4105
|
-
var _templateObject$U, _templateObject2$E, _templateObject3$j, _templateObject4$h, _templateObject5$f;
|
|
4106
|
-
var propTypes$14 = {
|
|
4107
|
-
color: PropTypes.oneOf([].concat(_toConsumableArray(Object.keys(THEME_COLORS)), ['muted', 'black-50', 'white-50'])),
|
|
4108
|
-
small: PropTypes.bool,
|
|
4109
|
-
mark: PropTypes.bool,
|
|
4110
|
-
bold: PropTypes.bool,
|
|
4111
|
-
italic: PropTypes.bool,
|
|
4112
|
-
// eslint-disable-next-line react/forbid-prop-types
|
|
4113
|
-
style: PropTypes.any,
|
|
4114
|
-
// eslint-disable-next-line react/forbid-prop-types
|
|
4115
|
-
styleName: PropTypes.any
|
|
4116
|
-
};
|
|
4117
|
-
var styles$T = StyleSheet.create({
|
|
4118
|
-
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 "]))),
|
|
4119
|
-
strong: css(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteral(["\n font-weight: $font-weight-bolder;\n "]))),
|
|
4120
|
-
italic: css(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteral(["\n font-style: italic;\n "]))),
|
|
4121
|
-
small: css(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteral(["\n font-size: $small-font-size;\n line-height: $small-font-size * $line-height-base;\n "]))),
|
|
4122
|
-
mark: css(_templateObject5$f || (_templateObject5$f = _taggedTemplateLiteral(["\n padding: $mark-padding;\n background-color: $mark-bg;\n "])))
|
|
4123
|
-
});
|
|
4124
|
-
|
|
4125
|
-
var getStyleName = function getStyleName(styleName, color) {
|
|
4126
|
-
if (!color) {
|
|
4127
|
-
return styleName;
|
|
4128
|
-
}
|
|
4129
|
-
|
|
4130
|
-
return styleName ? "text-".concat(color, " ").concat(styleName) : "text-".concat(color);
|
|
4131
|
-
};
|
|
4132
|
-
|
|
4133
|
-
var Text = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
4134
|
-
var color = props.color,
|
|
4135
|
-
_props$bold = props.bold,
|
|
4136
|
-
bold = _props$bold === void 0 ? false : _props$bold,
|
|
4137
|
-
_props$italic = props.italic,
|
|
4138
|
-
italic = _props$italic === void 0 ? false : _props$italic,
|
|
4139
|
-
_props$mark = props.mark,
|
|
4140
|
-
mark = _props$mark === void 0 ? false : _props$mark,
|
|
4141
|
-
_props$small = props.small,
|
|
4142
|
-
small = _props$small === void 0 ? false : _props$small,
|
|
4143
|
-
style = props.style,
|
|
4144
|
-
styleName = props.styleName,
|
|
4145
|
-
elementProps = _objectWithoutProperties(props, _excluded$13);
|
|
4146
|
-
|
|
4147
|
-
var media = useMedia();
|
|
4148
|
-
var context = useContext(TextStyleContext);
|
|
4149
|
-
var classes = getStyles(styles$T, [bold && 'strong', italic && 'italic', small && 'small', mark && 'mark']);
|
|
4150
|
-
var resolveStyle = useStyle([// eslint-disable-next-line react/destructuring-assignment
|
|
4151
|
-
(!context || !context.hasTextAncestor) && styles$T.text, // eslint-disable-next-line react/destructuring-assignment
|
|
4152
|
-
context && context.style, classes, style], getStyleName(styleName, color));
|
|
4153
|
-
var element = /*#__PURE__*/React.createElement(Text$1, _extends({}, elementProps, {
|
|
4154
|
-
ref: ref,
|
|
4155
|
-
style: resolveStyle({
|
|
4156
|
-
media: media
|
|
4157
|
-
})
|
|
4158
|
-
})); // eslint-disable-next-line react/destructuring-assignment
|
|
4159
|
-
|
|
4160
|
-
if (context && context.hasTextAncestor && !context.style) {
|
|
4161
|
-
return element;
|
|
4162
|
-
} // If we are not in an ancestor context yet, we need to set hasTextAncestor
|
|
4163
|
-
// to true for nested text components. Furthermore we need to reset the
|
|
4164
|
-
// context style, because we only need to apply the style once.
|
|
4165
|
-
|
|
4166
|
-
|
|
4167
|
-
return /*#__PURE__*/React.createElement(TextStyleContext.Provider, {
|
|
4168
|
-
value: {
|
|
4169
|
-
style: null,
|
|
4170
|
-
hasTextAncestor: true
|
|
4171
|
-
}
|
|
4172
|
-
}, element);
|
|
4173
|
-
});
|
|
4174
|
-
Text.displayName = 'Text';
|
|
4175
|
-
Text.propTypes = propTypes$14;
|
|
4177
|
+
Col.propTypes = propTypes$14;
|
|
4176
4178
|
|
|
4177
4179
|
var _excluded$12 = ["children", "style"];
|
|
4178
4180
|
|