react-native-cross-components
Version:
Beautiful React-Native components using RN Paper by Callstack
40 lines • 9.12 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
result["default"] = mod;
return result;
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
// @ts-ignore
const react_native_paper_1 = require("react-native-paper");
const react_native_1 = require("react-native");
const FontAwesome_1 = __importDefault(require("react-native-vector-icons/FontAwesome"));
const lodash_1 = __importDefault(require("lodash"));
const styles_1 = __importStar(require("../../styles"));
/**
* A custom button that displays as an icon if {@param title} is not supplied
*
* Remarks: use custom {@param onPressButton} event
* @param param0 {@link ICrossButtonProps}
*/
class CrossButton extends react_1.default.Component {
render() {
const mode = this.props.mode || 'text';
return (react_1.default.createElement(react_native_1.View, { style: styles_1.default.container }, lodash_1.default.isNil(this.props.title) && !lodash_1.default.isNil(this.props.iconName) ? (react_1.default.createElement(FontAwesome_1.default.Button, Object.assign({}, this.props, { style: this.props.style || styles_1.default.container, onPress: () => {
if (this.props.onPress) {
this.props.onPress();
}
}, color: this.props.color || styles_1.Colors.CrossBlack, name: this.props.iconName.toString() }))) : (react_1.default.createElement(react_native_paper_1.Button, Object.assign({ color: this.props.backgroundColor || styles_1.Colors.NextButton, disabled: this.props.disabled || false }, this.props, { icon: ({ size, color }) => this.props.iconName ? (react_1.default.createElement(FontAwesome_1.default, { name: this.props.iconName, size: this.props.size || size, style: { margin: 0, padding: 0 }, color: color })) : null, style: this.props.style || this.props.buttonStyle || styles_1.default.button, onPress: this.props.onPress
? this.props.onPress
: () => console.log('** CrossButton press **'), mode: mode }), this.props.title))));
}
}
exports.CrossButton = CrossButton;
exports.default = CrossButton;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJmaWxlIjoiL1VzZXJzL3Rob21hcy9Tb3VyY2UvcmVhY3QtbmF0aXZlLWNvcmUvc291cmNlL2NvbXBvbmVudHMvQ3Jvc3NCdXR0b24vQ3Jvc3NCdXR0b24udHN4IiwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7OztBQUFBLGtEQUEwQjtBQUMxQixhQUFhO0FBQ2IsMkRBQTRDO0FBQzVDLCtDQUF1RTtBQUN2RSx3RkFBZ0U7QUFFaEUsb0RBQXVCO0FBQ3ZCLHVEQUE4QztBQTBDOUM7Ozs7O0dBS0c7QUFDSCxNQUFhLFdBQVksU0FBUSxlQUFLLENBQUMsU0FBNEI7SUFDakUsTUFBTTtRQUNKLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxJQUFJLE1BQU0sQ0FBQztRQUN2QyxPQUFPLENBQ0wsOEJBQUMsbUJBQUksSUFBQyxLQUFLLEVBQUUsZ0JBQU0sQ0FBQyxTQUFTLElBQzFCLGdCQUFDLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxnQkFBQyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUM1RCw4QkFBQyxxQkFBVyxDQUFDLE1BQU0sb0JBQ2IsSUFBSSxDQUFDLEtBQUssSUFDZCxLQUFLLEVBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFtQixJQUFJLGdCQUFNLENBQUMsU0FBUyxFQUMxRCxPQUFPLEVBQUUsR0FBRyxFQUFFO2dCQUNaLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLEVBQUU7b0JBQ3RCLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLENBQUM7aUJBQ3RCO1lBQ0gsQ0FBQyxFQUNELEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssSUFBSSxlQUFNLENBQUMsVUFBVSxFQUM1QyxJQUFJLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLElBRXBDLENBQ0gsQ0FBQyxDQUFDLENBQUMsQ0FDRiw4QkFBQywyQkFBTSxrQkFDTCxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxlQUFlLElBQUksZUFBTSxDQUFDLFVBQVUsRUFDdEQsUUFBUSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxJQUFJLEtBQUssSUFDbEMsSUFBSSxDQUFDLEtBQUssSUFDZCxJQUFJLEVBQUUsQ0FBQyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQ3hCLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUNwQiw4QkFBQyxxQkFBVyxJQUNWLElBQUksRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFDekIsSUFBSSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxJQUFJLElBQUksRUFDN0IsS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLEVBQ2hDLEtBQUssRUFBRSxLQUFLLEdBQ1osQ0FDSCxDQUFDLENBQUMsQ0FBQyxJQUFJLEVBRVYsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsV0FBVyxJQUFJLGdCQUFNLENBQUMsTUFBTSxFQUNsRSxPQUFPLEVBQ0wsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPO2dCQUNoQixDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPO2dCQUNwQixDQUFDLENBQUMsR0FBRyxFQUFFLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyx5QkFBeUIsQ0FBQyxFQUVsRCxJQUFJLEVBQUUsSUFBSSxLQUVULElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUNWLENBQ1YsQ0FDSSxDQUNSLENBQUM7SUFDSixDQUFDO0NBQ0Y7QUEvQ0Qsa0NBK0NDO0FBRUQsa0JBQWUsV0FBVyxDQUFDIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi9Vc2Vycy90aG9tYXMvU291cmNlL3JlYWN0LW5hdGl2ZS1jb3JlL3NvdXJjZS9jb21wb25lbnRzL0Nyb3NzQnV0dG9uL0Nyb3NzQnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuLy8gQHRzLWlnbm9yZVxuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAncmVhY3QtbmF0aXZlLXBhcGVyJztcbmltcG9ydCB7IFZpZXdTdHlsZSwgU3R5bGVQcm9wLCBWaWV3LCBCdXR0b25Qcm9wcyB9IGZyb20gJ3JlYWN0LW5hdGl2ZSc7XG5pbXBvcnQgRm9udEF3ZXNvbWUgZnJvbSAncmVhY3QtbmF0aXZlLXZlY3Rvci1pY29ucy9Gb250QXdlc29tZSc7XG5pbXBvcnQgeyBDb2xvciB9IGZyb20gJ2Nzc3R5cGUnO1xuaW1wb3J0IF8gZnJvbSAnbG9kYXNoJztcbmltcG9ydCBzdHlsZXMsIHsgQ29sb3JzIH0gZnJvbSAnLi4vLi4vc3R5bGVzJztcblxuLyoqXG4gKiBDcm9zcyBidXR0b24gb3B0aW9uc1xuICogQHR5cGVkZWYgSUNyb3NzQnV0dG9uUHJvcHNcbiAqL1xuZXhwb3J0IGludGVyZmFjZSBJQ3Jvc3NCdXR0b25Qcm9wcyB7XG4gIC8qKlxuICAgKiBGb3JlZ3JvdW5kIChpY29uKSBjb2xvci4gRGVmYXVsdCBpcyB7QGxpbmsgQ29sb3JzLkNyb3NzQmxhY2t9XG4gICAqL1xuICBjb2xvcj86IENvbG9yO1xuICAvKipcbiAgICogRm9udC1Bd2Vzb21lIGljb24gbmFtZVxuICAgKlxuICAgKiBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9pY29ucy9cbiAgICovXG4gIGljb25OYW1lPzogc3RyaW5nO1xuICAvKipcbiAgICogQmFja2dyb3VuZCBjb2xvci4gRGVmYXVsdCB2YWx1ZSBpcyB7QGxpbmsgQ29sb3JzLk5leHRCdXR0b259IGlmIHtAbGluayB0aXRsZX0gd2FzIHN1cHBsaWVkXG4gICAqL1xuICBiYWNrZ3JvdW5kQ29sb3I/OiBDb2xvcjtcbiAgc3R5bGU/OiBTdHlsZVByb3A8Vmlld1N0eWxlPjtcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBTaXplIG9mIHRoZSBpY29uXG4gICAqL1xuICBzaXplPzogbnVtYmVyO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBCdXR0b24gdmlzdWFsIGFwcGVhcmVuY2UuIERlZmF1bHQgaXMgJ3RleHQnXG4gICAqXG4gICAqIGh0dHBzOi8vY2FsbHN0YWNrLmdpdGh1Yi5pby9yZWFjdC1uYXRpdmUtcGFwZXIvYnV0dG9uLmh0bWxcbiAgICovXG4gIG1vZGU/OiAndGV4dCcgfCAnb3V0bGluZWQnIHwgJ2NvbnRhaW5lZCc7XG4gIC8qKlxuICAgKiBPcHRpb25hbCBidXR0b24gc3R5bGVzIHRvIGFwcGx5XG4gICAqL1xuICBidXR0b25TdHlsZT86IEJ1dHRvblByb3BzO1xuICBvblByZXNzPzogKCkgPT4gdm9pZDtcbiAgY29tcGFjdD86IGJvb2xlYW47XG59XG5cbi8qKlxuICogQSBjdXN0b20gYnV0dG9uIHRoYXQgZGlzcGxheXMgYXMgYW4gaWNvbiBpZiB7QHBhcmFtIHRpdGxlfSBpcyBub3Qgc3VwcGxpZWRcbiAqXG4gKiBSZW1hcmtzOiB1c2UgY3VzdG9tIHtAcGFyYW0gb25QcmVzc0J1dHRvbn0gZXZlbnRcbiAqIEBwYXJhbSBwYXJhbTAge0BsaW5rIElDcm9zc0J1dHRvblByb3BzfVxuICovXG5leHBvcnQgY2xhc3MgQ3Jvc3NCdXR0b24gZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQ8SUNyb3NzQnV0dG9uUHJvcHM+IHtcbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IG1vZGUgPSB0aGlzLnByb3BzLm1vZGUgfHwgJ3RleHQnO1xuICAgIHJldHVybiAoXG4gICAgICA8VmlldyBzdHlsZT17c3R5bGVzLmNvbnRhaW5lcn0+XG4gICAgICAgIHtfLmlzTmlsKHRoaXMucHJvcHMudGl0bGUpICYmICFfLmlzTmlsKHRoaXMucHJvcHMuaWNvbk5hbWUpID8gKFxuICAgICAgICAgIDxGb250QXdlc29tZS5CdXR0b25cbiAgICAgICAgICAgIHsuLi50aGlzLnByb3BzfVxuICAgICAgICAgICAgc3R5bGU9eyh0aGlzLnByb3BzLnN0eWxlIGFzIFZpZXdTdHlsZSkgfHwgc3R5bGVzLmNvbnRhaW5lcn1cbiAgICAgICAgICAgIG9uUHJlc3M9eygpID0+IHtcbiAgICAgICAgICAgICAgaWYgKHRoaXMucHJvcHMub25QcmVzcykge1xuICAgICAgICAgICAgICAgIHRoaXMucHJvcHMub25QcmVzcygpO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgY29sb3I9e3RoaXMucHJvcHMuY29sb3IgfHwgQ29sb3JzLkNyb3NzQmxhY2t9XG4gICAgICAgICAgICBuYW1lPXt0aGlzLnByb3BzLmljb25OYW1lLnRvU3RyaW5nKClcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGNvbG9yPXt0aGlzLnByb3BzLmJhY2tncm91bmRDb2xvciB8fCBDb2xvcnMuTmV4dEJ1dHRvbn1cbiAgICAgICAgICAgIGRpc2FibGVkPXt0aGlzLnByb3BzLmRpc2FibGVkIHx8IGZhbHNlfVxuICAgICAgICAgICAgey4uLnRoaXMucHJvcHN9XG4gICAgICAgICAgICBpY29uPXsoeyBzaXplLCBjb2xvciB9KSA9PlxuICAgICAgICAgICAgICB0aGlzLnByb3BzLmljb25OYW1lID8gKFxuICAgICAgICAgICAgICAgIDxGb250QXdlc29tZVxuICAgICAgICAgICAgICAgICAgbmFtZT17dGhpcy5wcm9wcy5pY29uTmFtZX1cbiAgICAgICAgICAgICAgICAgIHNpemU9e3RoaXMucHJvcHMuc2l6ZSB8fCBzaXplfVxuICAgICAgICAgICAgICAgICAgc3R5bGU9e3sgbWFyZ2luOiAwLCBwYWRkaW5nOiAwIH19XG4gICAgICAgICAgICAgICAgICBjb2xvcj17Y29sb3J9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgKSA6IG51bGxcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHN0eWxlPXt0aGlzLnByb3BzLnN0eWxlIHx8IHRoaXMucHJvcHMuYnV0dG9uU3R5bGUgfHwgc3R5bGVzLmJ1dHRvbn1cbiAgICAgICAgICAgIG9uUHJlc3M9e1xuICAgICAgICAgICAgICB0aGlzLnByb3BzLm9uUHJlc3NcbiAgICAgICAgICAgICAgICA/IHRoaXMucHJvcHMub25QcmVzc1xuICAgICAgICAgICAgICAgIDogKCkgPT4gY29uc29sZS5sb2coJyoqIENyb3NzQnV0dG9uIHByZXNzICoqJylcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIG1vZGU9e21vZGV9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge3RoaXMucHJvcHMudGl0bGV9XG4gICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICl9XG4gICAgICA8L1ZpZXc+XG4gICAgKTtcbiAgfVxufVxuXG5leHBvcnQgZGVmYXVsdCBDcm9zc0J1dHRvbjtcbiJdLCJ2ZXJzaW9uIjozfQ==