react-native-cross-components
Version:
Beautiful React-Native components using RN Paper by Callstack
55 lines • 8.22 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const react_native_paper_1 = require("react-native-paper");
const react_native_masked_text_1 = require("react-native-masked-text");
let maskInput = null;
/**
* A text input supporting mask through {@see ICrossEditorProps.maskProps}.
*
* When using mask the raw value will be exported in the `onChangeText` event, not the masked value.
*
* Default {@see ICrossEditorProps.mode mode} is 'outlined'.
*
* Props are {@see ICrossEditorProps}
*
*
* @example
* ```
<CrossEditor
label='Mobile'
maskProps={{ type: 'cel-phone' }} />
```
*/
class CrossEditor extends react_1.default.Component {
constructor(props) {
super(props);
}
render() {
const paperProps = Object.assign({}, this.props, { mode: this.props.mode || 'outlined' });
if (this.props.maskProps && this.props.maskProps.type) {
const maskedProps = Object.assign({}, this.props, this.props.maskProps);
return (react_1.default.createElement(react_native_masked_text_1.TextInputMask, Object.assign({}, maskedProps, { ref: (comp) => (maskInput = comp),
// @ts-ignore - bad map
customTextInput: react_native_paper_1.TextInput, customTextInputProps: paperProps, onChangeText: () => {
if (maskInput && this.props.onChangeText) {
}
if (!maskInput ||
!this.props.maskProps ||
!this.props.maskProps.onChangeText) {
return;
}
// @ts-ignore - bad map
const rawValue = maskInput.getRawValue();
this.props.maskProps.onChangeText(rawValue);
} })));
}
return react_1.default.createElement(react_native_paper_1.TextInput, Object.assign({}, paperProps, { mode: paperProps.mode }));
}
}
exports.CrossEditor = CrossEditor;
exports.default = CrossEditor;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJmaWxlIjoiL1VzZXJzL3Rob21hcy9Tb3VyY2UvcmVhY3QtbmF0aXZlLWNvcmUvc291cmNlL2NvbXBvbmVudHMvaW5wdXQvQ3Jvc3NFZGl0b3IudHN4IiwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsa0RBQTBCO0FBQzFCLDJEQUErRDtBQUMvRCx1RUFBNkU7QUF3QzdFLElBQUksU0FBUyxHQUF5QixJQUFJLENBQUM7QUFFM0M7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQkc7QUFDSCxNQUFhLFdBQVksU0FBUSxlQUFLLENBQUMsU0FBNEI7SUFDakUsWUFBWSxLQUF3QjtRQUNsQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDZixDQUFDO0lBRUQsTUFBTTtRQUNKLE1BQU0sVUFBVSxHQUFHLGtCQUNkLElBQUksQ0FBQyxLQUFLLElBQ2IsSUFBSSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxJQUFLLFVBQWtDLEdBQzNDLENBQUM7UUFFcEIsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUU7WUFDckQsTUFBTSxXQUFXLEdBQUcsa0JBQ2YsSUFBSSxDQUFDLEtBQUssRUFDVixJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FDRixDQUFDO1lBRXhCLE9BQU8sQ0FDTCw4QkFBQyx3Q0FBYSxvQkFDUixXQUFXLElBQ2YsR0FBRyxFQUFFLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7Z0JBQ2pDLHVCQUF1QjtnQkFDdkIsZUFBZSxFQUFFLDhCQUFTLEVBQzFCLG9CQUFvQixFQUFFLFVBQVUsRUFDaEMsWUFBWSxFQUFFLEdBQUcsRUFBRTtvQkFDakIsSUFBRyxTQUFTLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLEVBQUM7cUJBRXZDO29CQUNELElBQ0UsQ0FBQyxTQUFTO3dCQUNWLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTO3dCQUNyQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLFlBQVksRUFDbEM7d0JBQ0EsT0FBTztxQkFDUjtvQkFFRCx1QkFBdUI7b0JBQ3ZCLE1BQU0sUUFBUSxHQUFHLFNBQVMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztvQkFDekMsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2dCQUM5QyxDQUFDLElBQ0QsQ0FDSCxDQUFDO1NBQ0g7UUFFRCxPQUFPLDhCQUFDLDhCQUFTLG9CQUFLLFVBQVUsSUFBRSxJQUFJLEVBQUUsVUFBVSxDQUFDLElBQUksSUFBSSxDQUFDO0lBQzlELENBQUM7Q0FDRjtBQTlDRCxrQ0E4Q0M7QUFFRCxrQkFBZSxXQUFXLENBQUMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiL1VzZXJzL3Rob21hcy9Tb3VyY2UvcmVhY3QtbmF0aXZlLWNvcmUvc291cmNlL2NvbXBvbmVudHMvaW5wdXQvQ3Jvc3NFZGl0b3IudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUZXh0SW5wdXQsIFRleHRJbnB1dFByb3BzIH0gZnJvbSAncmVhY3QtbmF0aXZlLXBhcGVyJztcbmltcG9ydCB7IFRleHRJbnB1dE1hc2ssIFRleHRJbnB1dE1hc2tQcm9wcyB9IGZyb20gJ3JlYWN0LW5hdGl2ZS1tYXNrZWQtdGV4dCc7XG5cbi8qKlxuICogUHJvcGVydGllcyBmb3IgdGhlIHtAbGluayBDcm9zc0VkaXRvcn0gY29tcG9uZW50LiBTdXBwb3J0cyBtYXNraW5nIHRocm91Z2gge0BsaW5rIG1hc2tQcm9wc30uIFRoaXMgYWxsb3dzIGdldHRpbmcgdGhlIG1hc2tlZCB2YWx1ZS5cbiAqXG4gKiBUaGUgYG9uQ2hhbmdlVGV4dGAgZXZlbnQgd2lsbCBpc250ZWFkIGV4cG9ydCB0aGUgcmF3IHZhbHVlLlxuICpcbiAqIEluaGVyaXRzIHJlYWN0LW5hdGl2ZS1wYXBlciB7QGxpbmsgaHR0cHM6Ly9jYWxsc3RhY2suZ2l0aHViLmlvL3JlYWN0LW5hdGl2ZS1wYXBlci90ZXh0LWlucHV0Lmh0bWwgVGV4dElucHV0UHJvcHN9XG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgSUNyb3NzRWRpdG9yUHJvcHMgZXh0ZW5kcyBUZXh0SW5wdXRQcm9wcyB7XG4gIC8qKlxuICAgKiBUZXh0IGZvciBmbG9hdGluZyBsYWJlbFxuICAgKiBodHRwczovL2NhbGxzdGFjay5naXRodWIuaW8vcmVhY3QtbmF0aXZlLXBhcGVyL3RleHQtaW5wdXQuaHRtbFxuICAgKi9cbiAgbGFiZWw6IHN0cmluZztcbiAgLyoqXG4gICAqIGBUcnVlYCB0byB1c2UgZXJyb3Igc3R5bGluZ1xuICAgKiBodHRwczovL2NhbGxzdGFjay5naXRodWIuaW8vcmVhY3QtbmF0aXZlLXBhcGVyL3RleHQtaW5wdXQuaHRtbFxuICAgKi9cbiAgZXJyb3I/OiBib29sZWFuIHwgdW5kZWZpbmVkO1xuICAvKipcbiAgICogVmlzdWFsIGFwcGVhcmVuY2UuIERlZmF1bHQgdmFsdWUgaXMgJ291dGxpbmVkJ1xuICAgKlxuICAgKiBodHRwczovL2NhbGxzdGFjay5naXRodWIuaW8vcmVhY3QtbmF0aXZlLXBhcGVyL3RleHQtaW5wdXQuaHRtbFxuICAgKi9cbiAgbW9kZT86ICdmbGF0JyB8ICdvdXRsaW5lZCcgfCB1bmRlZmluZWQ7XG4gIC8qKlxuICAgKiBBbGxvd3MgbWFza2luZyB0aGUgaW5wdXQuXG4gICAqIFxuICAgKiBodHRwczovL2dpdGh1Yi5jb20vYmVuaHVyb3R0L3JlYWN0LW5hdGl2ZS1tYXNrZWQtdGV4dFxuICAgKiBcbiAgICogQGV4YW1wbGVcbiAgICogYGBgXG4gICA8Q3Jvc3NFZGl0b3JcbiAgICBsYWJlbD0nTW9iaWxlJ1xuICAgIG1hc2tQcm9wcz17eyB0eXBlOiAnY2VsLXBob25lJyB9fSAvPmBgYFxuICAgKi9cbiAgbWFza1Byb3BzPzogVGV4dElucHV0TWFza1Byb3BzIHwgdW5kZWZpbmVkO1xufVxuXG5sZXQgbWFza0lucHV0OiBUZXh0SW5wdXRNYXNrIHwgbnVsbCA9IG51bGw7XG5cbi8qKlxuICogQSB0ZXh0IGlucHV0IHN1cHBvcnRpbmcgbWFzayB0aHJvdWdoIHtAc2VlIElDcm9zc0VkaXRvclByb3BzLm1hc2tQcm9wc30uXG4gKiBcbiAqIFdoZW4gdXNpbmcgbWFzayB0aGUgcmF3IHZhbHVlIHdpbGwgYmUgZXhwb3J0ZWQgaW4gdGhlIGBvbkNoYW5nZVRleHRgIGV2ZW50LCBub3QgdGhlIG1hc2tlZCB2YWx1ZS5cbiAqIFxuICogRGVmYXVsdCB7QHNlZSBJQ3Jvc3NFZGl0b3JQcm9wcy5tb2RlIG1vZGV9IGlzICdvdXRsaW5lZCcuXG4gKlxuICogUHJvcHMgYXJlIHtAc2VlIElDcm9zc0VkaXRvclByb3BzfVxuICogXG4gKiBcbiAqIEBleGFtcGxlXG4gKiBgYGBcbiA8Q3Jvc3NFZGl0b3JcbiAgbGFiZWw9J01vYmlsZSdcbiAgbWFza1Byb3BzPXt7IHR5cGU6ICdjZWwtcGhvbmUnIH19IC8+XG4gYGBgXG4gKi9cbmV4cG9ydCBjbGFzcyBDcm9zc0VkaXRvciBleHRlbmRzIFJlYWN0LkNvbXBvbmVudDxJQ3Jvc3NFZGl0b3JQcm9wcz4ge1xuICBjb25zdHJ1Y3Rvcihwcm9wczogSUNyb3NzRWRpdG9yUHJvcHMpIHtcbiAgICBzdXBlcihwcm9wcyk7XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgcGFwZXJQcm9wcyA9IHtcbiAgICAgIC4uLnRoaXMucHJvcHMsXG4gICAgICBtb2RlOiB0aGlzLnByb3BzLm1vZGUgfHwgKCdvdXRsaW5lZCcgYXMgJ2ZsYXQnIHwgJ291dGxpbmVkJyksXG4gICAgfSBhcyBUZXh0SW5wdXRQcm9wcztcblxuICAgIGlmICh0aGlzLnByb3BzLm1hc2tQcm9wcyAmJiB0aGlzLnByb3BzLm1hc2tQcm9wcy50eXBlKSB7XG4gICAgICBjb25zdCBtYXNrZWRQcm9wcyA9IHtcbiAgICAgICAgLi4udGhpcy5wcm9wcyxcbiAgICAgICAgLi4udGhpcy5wcm9wcy5tYXNrUHJvcHMsXG4gICAgICB9IGFzIFRleHRJbnB1dE1hc2tQcm9wcztcblxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPFRleHRJbnB1dE1hc2tcbiAgICAgICAgICB7Li4ubWFza2VkUHJvcHN9XG4gICAgICAgICAgcmVmPXsoY29tcCkgPT4gKG1hc2tJbnB1dCA9IGNvbXApfVxuICAgICAgICAgIC8vIEB0cy1pZ25vcmUgLSBiYWQgbWFwXG4gICAgICAgICAgY3VzdG9tVGV4dElucHV0PXtUZXh0SW5wdXR9XG4gICAgICAgICAgY3VzdG9tVGV4dElucHV0UHJvcHM9e3BhcGVyUHJvcHN9XG4gICAgICAgICAgb25DaGFuZ2VUZXh0PXsoKSA9PiB7XG4gICAgICAgICAgICBpZihtYXNrSW5wdXQgJiYgdGhpcy5wcm9wcy5vbkNoYW5nZVRleHQpe1xuXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBpZiAoXG4gICAgICAgICAgICAgICFtYXNrSW5wdXQgfHxcbiAgICAgICAgICAgICAgIXRoaXMucHJvcHMubWFza1Byb3BzIHx8XG4gICAgICAgICAgICAgICF0aGlzLnByb3BzLm1hc2tQcm9wcy5vbkNoYW5nZVRleHRcbiAgICAgICAgICAgICkge1xuICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIC8vIEB0cy1pZ25vcmUgLSBiYWQgbWFwXG4gICAgICAgICAgICBjb25zdCByYXdWYWx1ZSA9IG1hc2tJbnB1dC5nZXRSYXdWYWx1ZSgpO1xuICAgICAgICAgICAgdGhpcy5wcm9wcy5tYXNrUHJvcHMub25DaGFuZ2VUZXh0KHJhd1ZhbHVlKTtcbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgKTtcbiAgICB9XG5cbiAgICByZXR1cm4gPFRleHRJbnB1dCB7Li4ucGFwZXJQcm9wc30gbW9kZT17cGFwZXJQcm9wcy5tb2RlfSAvPjtcbiAgfVxufVxuXG5leHBvcnQgZGVmYXVsdCBDcm9zc0VkaXRvcjtcbiJdLCJ2ZXJzaW9uIjozfQ==