@wordpress/components
Version:
UI components for WordPress.
72 lines (68 loc) • 2.24 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _reactNative = require("react-native");
var _icons = require("@wordpress/icons");
var _compose = require("@wordpress/compose");
var _style = _interopRequireDefault(require("./style.scss"));
var _jsxRuntime = require("react/jsx-runtime");
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function Stepper({
getStylesFromColorScheme,
isMaxValue,
isMinValue,
onPressInDecrement,
onPressInIncrement,
onPressOut,
value,
shouldDisplayTextInput,
children
}) {
const valueStyle = getStylesFromColorScheme(_style.default.value, _style.default.valueTextDark);
const buttonIconStyle = getStylesFromColorScheme(_style.default.buttonNoBg, _style.default.buttonNoBgTextDark);
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
style: _style.default.container,
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
disabled: isMinValue,
onPressIn: onPressInDecrement,
onPressOut: onPressOut,
style: [_style.default.buttonNoBg, isMinValue ? {
opacity: 0.4
} : null],
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
icon: _icons.chevronDown,
size: 24,
color: buttonIconStyle.color
})
}), !shouldDisplayTextInput && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
style: [valueStyle, _style.default.spacings],
children: value
}), children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
testID: "Increment",
disabled: isMaxValue,
onPressIn: onPressInIncrement,
onPressOut: onPressOut,
style: [_style.default.buttonNoBg, isMaxValue ? {
opacity: 0.4
} : null],
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
icon: _icons.chevronUp,
size: 24,
color: buttonIconStyle.color
})
})]
});
}
var _default = exports.default = (0, _compose.withPreferredColorScheme)(Stepper);
//# sourceMappingURL=stepper.android.js.map