react-native-cross-components
Version:
Beautiful React-Native components using RN Paper by Callstack
45 lines • 11.2 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 Paper Button with icon or just an icon if {@link ICrossButtonProps.title} is not supplied.
*
* Remarks:
*
* * All icons are {@link https://fontawesome.com/v4.7.0/icons/ FontAwesome v4}.
* * react-native-paper is currently missing the option to customize `fontSize`.
* * Default appearence is "text", see {@link ICrossButtonProps.mode}
*
* Properties are {@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: this.props.style ? this.props.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.iconStyle || 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.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,eyJmaWxlIjoiL1VzZXJzL3Rob21hcy9Tb3VyY2UvcmVhY3QtbmF0aXZlLWNvcmUvc291cmNlL2NvbXBvbmVudHMvYnV0dG9ucy9Dcm9zc0J1dHRvbi50c3giLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FBQUEsa0RBQTBCO0FBQzFCLGFBQWE7QUFDYiwyREFBNEM7QUFDNUMsK0NBQXFFO0FBQ3JFLHdGQUFnRTtBQUVoRSxvREFBdUI7QUFDdkIsdURBQThDO0FBc0U5Qzs7Ozs7Ozs7OztHQVVHO0FBQ0gsTUFBYSxXQUFZLFNBQVEsZUFBSyxDQUFDLFNBQTRCO0lBQ2pFLE1BQU07UUFDSixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksSUFBSSxNQUFNLENBQUM7UUFDdkMsT0FBTyxDQUNMLDhCQUFDLG1CQUFJLElBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsZ0JBQU0sQ0FBQyxTQUFTLElBQ2hFLGdCQUFDLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxnQkFBQyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUM1RCw4QkFBQyxxQkFBVyxDQUFDLE1BQU0sb0JBQ2IsSUFBSSxDQUFDLEtBQUssSUFDZCxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLElBQUksZ0JBQU0sQ0FBQyxTQUFzQixFQUM1RCxPQUFPLEVBQUUsR0FBRyxFQUFFO2dCQUNaLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLEVBQUU7b0JBQ3RCLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLENBQUM7aUJBQ3RCO1lBQ0gsQ0FBQyxFQUNELEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssSUFBSSxlQUFNLENBQUMsVUFBVSxFQUM1QyxJQUFJLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLElBQ3BDLENBQ0gsQ0FBQyxDQUFDLENBQUMsQ0FDRiw4QkFBQywyQkFBTSxrQkFDTCxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxlQUFlLElBQUksZUFBTSxDQUFDLFVBQVUsRUFDdEQsUUFBUSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxJQUFJLEtBQUssSUFDbEMsSUFBSSxDQUFDLEtBQUssSUFDZCxJQUFJLEVBQUUsQ0FBQyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQ3hCLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUNwQiw4QkFBQyxxQkFBVyxJQUNWLElBQUksRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFDekIsSUFBSSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxJQUFJLElBQUksRUFDN0IsS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLEVBQ2hDLEtBQUssRUFBRSxLQUFLLEdBQ1osQ0FDSCxDQUFDLENBQUMsQ0FBQyxJQUFJLEVBRVYsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsV0FBVyxJQUFJLGdCQUFNLENBQUMsTUFBTSxFQUM5QyxPQUFPLEVBQ0wsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPO2dCQUNoQixDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPO2dCQUNwQixDQUFDLENBQUMsR0FBRyxFQUFFLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyx5QkFBeUIsQ0FBQyxFQUVsRCxJQUFJLEVBQUUsSUFBSSxLQUVULElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUNWLENBQ1YsQ0FDSSxDQUNSLENBQUM7SUFDSixDQUFDO0NBQ0Y7QUE5Q0Qsa0NBOENDO0FBRUQsa0JBQWUsV0FBVyxDQUFDIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi9Vc2Vycy90aG9tYXMvU291cmNlL3JlYWN0LW5hdGl2ZS1jb3JlL3NvdXJjZS9jb21wb25lbnRzL2J1dHRvbnMvQ3Jvc3NCdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG4vLyBAdHMtaWdub3JlXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICdyZWFjdC1uYXRpdmUtcGFwZXInO1xuaW1wb3J0IHsgVmlld1N0eWxlLCBTdHlsZVByb3AsIFZpZXcsIFRleHRTdHlsZSB9IGZyb20gJ3JlYWN0LW5hdGl2ZSc7XG5pbXBvcnQgRm9udEF3ZXNvbWUgZnJvbSAncmVhY3QtbmF0aXZlLXZlY3Rvci1pY29ucy9Gb250QXdlc29tZSc7XG5pbXBvcnQgeyBDb2xvciB9IGZyb20gJ2Nzc3R5cGUnO1xuaW1wb3J0IF8gZnJvbSAnbG9kYXNoJztcbmltcG9ydCBzdHlsZXMsIHsgQ29sb3JzIH0gZnJvbSAnLi4vLi4vc3R5bGVzJztcblxuLyoqXG4gKiBQcm9wZXJ0aWVzIGZvciB0aGUge0BsaW5rIENyb3NzQnV0dG9ufSBjb21wb25lbnQuXG4gKiBcbiAqIE5vdGUgdGhlIGRpZmZlcmVuY2UgYmV0d2VlbiB7QGxpbmsgYnV0dG9uU3R5bGV9IGFuZCB0aGUgcmVndWxhciB7QGxpbmsgc3R5bGV9IHByb3BlcnR5LlxuICogXG4gKiBSZW1hcmtzOiByZWFjdC1uYXRpdmUtcGFwZXIgaXMgY3VycmVudGx5IG1pc3NpbmcgdGhlIG9wdGlvbiB0byBjdXN0b21pemUgYGZvbnRTaXplYC5cbiAqIFxuICoge0BsaW5rIGljb25OYW1lfSBpcyBmb3IgYSB7QGxpbmsgaHR0cHM6Ly9mb250YXdlc29tZS5jb20vdjQuNy4wL2ljb25zLyBGb250QXdlc29tZSB2NCBpY29ufS5cbiAqXG4gKiB7QGxpbmsgbW9kZX0gaXMgJ3RleHQnXG4gKiBcbiAqIEB0eXBlZGVmIElDcm9zc0J1dHRvblByb3BzXG4gKiBAdHlwZSBJQ3Jvc3NCdXR0b25Qcm9wc1xuICovXG5leHBvcnQgaW50ZXJmYWNlIElDcm9zc0J1dHRvblByb3BzIHtcbiAgLyoqXG4gICAqIEZvcmVncm91bmQgKGljb24pIGNvbG9yLiBEZWZhdWx0IGlzIHtAbGluayBDb2xvcnMuQ3Jvc3NCbGFja31cbiAgICovXG4gIGNvbG9yPzogQ29sb3I7XG4gIC8qKlxuICAgKiBGb250LUF3ZXNvbWUgNCBpY29uIG5hbWUgdXNpbmcgYHJlYWN0LW5hdGl2ZS12ZWN0b3ItaWNvbnMvRm9udEF3ZXNvbWVgXG4gICAqXG4gICAqIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL3Y0LjcuMC9pY29ucy9cbiAgICovXG4gIGljb25OYW1lPzogc3RyaW5nO1xuICAvKipcbiAgICogQmFja2dyb3VuZCBjb2xvci4gRGVmYXVsdCB2YWx1ZSBpcyB7QGxpbmsgQ29sb3JzLk5leHRCdXR0b259IGlmIHtAbGluayB0aXRsZX0gd2FzIHN1cHBsaWVkXG4gICAqL1xuICBiYWNrZ3JvdW5kQ29sb3I/OiBDb2xvcjtcbiAgLyoqXG4gICAqIFN0eWxlIGZvciBvdXRlciBjb250YWluZXIuXG4gICAqXG4gICAqIFNlZSBhbHNvIHtAbGluayBpY29uU3R5bGV9LCB7QGxpbmsgYnV0dG9uU3R5bGV9XG4gICAqL1xuICBzdHlsZT86IFN0eWxlUHJvcDxWaWV3U3R5bGU+O1xuICAvKipcbiAgICogT3B0aW9uYWwgc3R5bGUgZm9yIHRoZSBpY29ucy4gU2VlIGFsc28ge0BsaW5rIGljb25OYW1lfVxuICAgKlxuICAgKiBTZWUgYWxzbyB7QGxpbmsgYnV0dG9uU3R5bGV9LCB7QGxpbmsgc3R5bGV9XG4gICAqL1xuICBpY29uU3R5bGU/OiBWaWV3U3R5bGUgfCBUZXh0U3R5bGU7XG4gIC8qKlxuICAgKiBUaXRsZSBmb3IgdGhlIGJ1dHRvbi4gSWYgbm90IHN1cHBsaWVkIGEgY2xpY2thYmxlIGljb24gd2lsbCBiZSBkaXNwbGF5ZWQgaW5zdGVhZCBvZiByZWFjdC1uYXRpdmUtcGFwZXIgYnV0dG9uXG4gICAqXG4gICAqIGh0dHBzOi8vY2FsbHN0YWNrLmdpdGh1Yi5pby9yZWFjdC1uYXRpdmUtcGFwZXIvYnV0dG9uLmh0bWxcbiAgICovXG4gIHRpdGxlPzogc3RyaW5nO1xuICAvKipcbiAgICogU2l6ZSBvZiB0aGUgaWNvblxuICAgKi9cbiAgc2l6ZT86IG51bWJlcjtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogQnV0dG9uIHZpc3VhbCBhcHBlYXJlbmNlLiBEZWZhdWx0IGlzICd0ZXh0J1xuICAgKlxuICAgKiBodHRwczovL2NhbGxzdGFjay5naXRodWIuaW8vcmVhY3QtbmF0aXZlLXBhcGVyL2J1dHRvbi5odG1sXG4gICAqL1xuICBtb2RlPzogJ3RleHQnIHwgJ291dGxpbmVkJyB8ICdjb250YWluZWQnO1xuICAvKipcbiAgICogT3B0aW9uYWwgYnV0dG9uIHN0eWxlcyB0byBhcHBseSB0byB7QGxpbmsgaHR0cHM6Ly9jYWxsc3RhY2suZ2l0aHViLmlvL3JlYWN0LW5hdGl2ZS1wYXBlci9idXR0b24uaHRtbCBCdXR0b259LlxuICAgKlxuICAgKiBTZWUgYWxzbyB7QGxpbmsgaWNvblN0eWxlfSwge0BsaW5rIHN0eWxlfVxuICAgKi9cbiAgYnV0dG9uU3R5bGU/OiBTdHlsZVByb3A8Vmlld1N0eWxlPjtcbiAgb25QcmVzcz86ICgpID0+IHZvaWQ7XG4gIGNvbXBhY3Q/OiBib29sZWFuO1xufVxuXG4vKipcbiAqIEEgY3VzdG9tIGJ1dHRvbiB0aGF0IGRpc3BsYXlzIGFzIGFuIFBhcGVyIEJ1dHRvbiB3aXRoIGljb24gb3IganVzdCBhbiBpY29uIGlmIHtAbGluayBJQ3Jvc3NCdXR0b25Qcm9wcy50aXRsZX0gaXMgbm90IHN1cHBsaWVkLlxuICpcbiAqIFJlbWFya3M6IFxuICogXG4gKiAqIEFsbCBpY29ucyBhcmUge0BsaW5rIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL3Y0LjcuMC9pY29ucy8gRm9udEF3ZXNvbWUgdjR9LlxuICogKiByZWFjdC1uYXRpdmUtcGFwZXIgaXMgY3VycmVudGx5IG1pc3NpbmcgdGhlIG9wdGlvbiB0byBjdXN0b21pemUgYGZvbnRTaXplYC5cbiAqICogRGVmYXVsdCBhcHBlYXJlbmNlIGlzIFwidGV4dFwiLCBzZWUge0BsaW5rIElDcm9zc0J1dHRvblByb3BzLm1vZGV9XG4gKlxuICogUHJvcGVydGllcyBhcmUge0BsaW5rIElDcm9zc0J1dHRvblByb3BzfVxuICovXG5leHBvcnQgY2xhc3MgQ3Jvc3NCdXR0b24gZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQ8SUNyb3NzQnV0dG9uUHJvcHM+IHtcbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IG1vZGUgPSB0aGlzLnByb3BzLm1vZGUgfHwgJ3RleHQnO1xuICAgIHJldHVybiAoXG4gICAgICA8VmlldyBzdHlsZT17dGhpcy5wcm9wcy5zdHlsZSA/IHRoaXMucHJvcHMuc3R5bGUgOiBzdHlsZXMuY29udGFpbmVyfT5cbiAgICAgICAge18uaXNOaWwodGhpcy5wcm9wcy50aXRsZSkgJiYgIV8uaXNOaWwodGhpcy5wcm9wcy5pY29uTmFtZSkgPyAoXG4gICAgICAgICAgPEZvbnRBd2Vzb21lLkJ1dHRvblxuICAgICAgICAgICAgey4uLnRoaXMucHJvcHN9XG4gICAgICAgICAgICBzdHlsZT17dGhpcy5wcm9wcy5pY29uU3R5bGUgfHwgc3R5bGVzLmNvbnRhaW5lciBhcyBWaWV3U3R5bGV9XG4gICAgICAgICAgICBvblByZXNzPXsoKSA9PiB7XG4gICAgICAgICAgICAgIGlmICh0aGlzLnByb3BzLm9uUHJlc3MpIHtcbiAgICAgICAgICAgICAgICB0aGlzLnByb3BzLm9uUHJlc3MoKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIGNvbG9yPXt0aGlzLnByb3BzLmNvbG9yIHx8IENvbG9ycy5Dcm9zc0JsYWNrfVxuICAgICAgICAgICAgbmFtZT17dGhpcy5wcm9wcy5pY29uTmFtZS50b1N0cmluZygpfVxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgY29sb3I9e3RoaXMucHJvcHMuYmFja2dyb3VuZENvbG9yIHx8IENvbG9ycy5OZXh0QnV0dG9ufVxuICAgICAgICAgICAgZGlzYWJsZWQ9e3RoaXMucHJvcHMuZGlzYWJsZWQgfHwgZmFsc2V9XG4gICAgICAgICAgICB7Li4udGhpcy5wcm9wc31cbiAgICAgICAgICAgIGljb249eyh7IHNpemUsIGNvbG9yIH0pID0+XG4gICAgICAgICAgICAgIHRoaXMucHJvcHMuaWNvbk5hbWUgPyAoXG4gICAgICAgICAgICAgICAgPEZvbnRBd2Vzb21lXG4gICAgICAgICAgICAgICAgICBuYW1lPXt0aGlzLnByb3BzLmljb25OYW1lfVxuICAgICAgICAgICAgICAgICAgc2l6ZT17dGhpcy5wcm9wcy5zaXplIHx8IHNpemV9XG4gICAgICAgICAgICAgICAgICBzdHlsZT17eyBtYXJnaW46IDAsIHBhZGRpbmc6IDAgfX1cbiAgICAgICAgICAgICAgICAgIGNvbG9yPXtjb2xvcn1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICApIDogbnVsbFxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc3R5bGU9e3RoaXMucHJvcHMuYnV0dG9uU3R5bGUgfHwgc3R5bGVzLmJ1dHRvbn1cbiAgICAgICAgICAgIG9uUHJlc3M9e1xuICAgICAgICAgICAgICB0aGlzLnByb3BzLm9uUHJlc3NcbiAgICAgICAgICAgICAgICA/IHRoaXMucHJvcHMub25QcmVzc1xuICAgICAgICAgICAgICAgIDogKCkgPT4gY29uc29sZS5sb2coJyoqIENyb3NzQnV0dG9uIHByZXNzICoqJylcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIG1vZGU9e21vZGV9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge3RoaXMucHJvcHMudGl0bGV9XG4gICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICl9XG4gICAgICA8L1ZpZXc+XG4gICAgKTtcbiAgfVxufVxuXG5leHBvcnQgZGVmYXVsdCBDcm9zc0J1dHRvbjtcbiJdLCJ2ZXJzaW9uIjozfQ==