react-native-cross-components
Version:
Beautiful React-Native components using RN Paper by Callstack
66 lines • 10.1 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' });
console.log('** CrossEditor paper props = ', paperProps);
if (this.props.maskProps && this.props.maskProps.type) {
const maskedProps = Object.assign({}, this.props, this.props.maskProps);
console.log('** CrossEditor masked props = ', maskedProps);
console.log('*** CrossEditor: render TextInputMask');
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: () => {
console.log('**** CrossEditor: onChangeText');
if (!maskInput || !maskInput.getRawValue) {
console.log('TextInputMask missing getRawValue', maskInput);
return;
}
// @ts-ignore - bad map
const rawValue = maskInput.getRawValue();
//console.log('CrossEditor rawValue = ', rawValue || 'nothing');
if (paperProps.onChangeText) {
paperProps.onChangeText(rawValue);
return;
}
else if (maskedProps && maskedProps.onChangeText) {
maskedProps.onChangeText(rawValue);
return;
}
console.log('CrossEditor: no listener');
} })));
}
console.log('** CrossEditor: render paper TextInput **');
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,eyJmaWxlIjoiL1VzZXJzL3Rob21hcy9Tb3VyY2UvcmVhY3QtbmF0aXZlLWNvcmUvc291cmNlL2NvbXBvbmVudHMvaW5wdXQvQ3Jvc3NFZGl0b3IudHN4IiwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsa0RBQTBCO0FBQzFCLDJEQUErRDtBQUMvRCx1RUFBNkU7QUF3QzdFLElBQUksU0FBUyxHQUFlLElBQUksQ0FBQztBQUVqQzs7Ozs7Ozs7Ozs7Ozs7OztHQWdCRztBQUNILE1BQWEsV0FBWSxTQUFRLGVBQUssQ0FBQyxTQUE0QjtJQUNqRSxZQUFZLEtBQXdCO1FBQ2xDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNmLENBQUM7SUFFRCxNQUFNO1FBQ0osTUFBTSxVQUFVLEdBQUcsa0JBQ2QsSUFBSSxDQUFDLEtBQUssSUFDYixJQUFJLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLElBQUssVUFBa0MsR0FDM0MsQ0FBQztRQUNwQixPQUFPLENBQUMsR0FBRyxDQUFDLCtCQUErQixFQUFFLFVBQVUsQ0FBQyxDQUFDO1FBRXpELElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFO1lBQ3JELE1BQU0sV0FBVyxHQUFHLGtCQUNmLElBQUksQ0FBQyxLQUFLLEVBQ1YsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQ0YsQ0FBQztZQUN4QixPQUFPLENBQUMsR0FBRyxDQUFDLGdDQUFnQyxFQUFFLFdBQVcsQ0FBQyxDQUFDO1lBRTNELE9BQU8sQ0FBQyxHQUFHLENBQUMsdUNBQXVDLENBQUMsQ0FBQztZQUVyRCxPQUFPLENBQ0wsOEJBQUMsd0NBQWEsb0JBQ1IsV0FBVyxJQUNmLEdBQUcsRUFBRSxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO2dCQUNqQyx1QkFBdUI7Z0JBQ3ZCLGVBQWUsRUFBRSw4QkFBUyxFQUMxQixvQkFBb0IsRUFBRSxVQUFVLEVBQ2hDLFlBQVksRUFBRSxHQUFHLEVBQUU7b0JBQ2pCLE9BQU8sQ0FBQyxHQUFHLENBQUMsZ0NBQWdDLENBQUMsQ0FBQztvQkFDOUMsSUFBSSxDQUFDLFNBQVMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxXQUFXLEVBQUU7d0JBQ3hDLE9BQU8sQ0FBQyxHQUFHLENBQUMsbUNBQW1DLEVBQUUsU0FBUyxDQUFDLENBQUM7d0JBQzVELE9BQU87cUJBQ1I7b0JBRUQsdUJBQXVCO29CQUN2QixNQUFNLFFBQVEsR0FBRyxTQUFTLENBQUMsV0FBVyxFQUFFLENBQUM7b0JBQ3pDLGdFQUFnRTtvQkFFaEUsSUFBSSxVQUFVLENBQUMsWUFBWSxFQUFFO3dCQUMzQixVQUFVLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxDQUFDO3dCQUNsQyxPQUFPO3FCQUNSO3lCQUFNLElBQUksV0FBVyxJQUFJLFdBQVcsQ0FBQyxZQUFZLEVBQUU7d0JBQ2xELFdBQVcsQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUM7d0JBQ25DLE9BQU87cUJBQ1I7b0JBRUQsT0FBTyxDQUFDLEdBQUcsQ0FBQywwQkFBMEIsQ0FBQyxDQUFDO2dCQUMxQyxDQUFDLElBQ0QsQ0FDSCxDQUFDO1NBQ0g7UUFFRCxPQUFPLENBQUMsR0FBRyxDQUFDLDJDQUEyQyxDQUFDLENBQUE7UUFDeEQsT0FBTyw4QkFBQyw4QkFBUyxvQkFBSyxVQUFVLElBQUUsSUFBSSxFQUFFLFVBQVUsQ0FBQyxJQUFJLElBQUksQ0FBQztJQUM5RCxDQUFDO0NBQ0Y7QUF4REQsa0NBd0RDO0FBRUQsa0JBQWUsV0FBVyxDQUFDIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi9Vc2Vycy90aG9tYXMvU291cmNlL3JlYWN0LW5hdGl2ZS1jb3JlL3NvdXJjZS9jb21wb25lbnRzL2lucHV0L0Nyb3NzRWRpdG9yLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVGV4dElucHV0LCBUZXh0SW5wdXRQcm9wcyB9IGZyb20gJ3JlYWN0LW5hdGl2ZS1wYXBlcic7XG5pbXBvcnQgeyBUZXh0SW5wdXRNYXNrLCBUZXh0SW5wdXRNYXNrUHJvcHMgfSBmcm9tICdyZWFjdC1uYXRpdmUtbWFza2VkLXRleHQnO1xuXG4vKipcbiAqIFByb3BlcnRpZXMgZm9yIHRoZSB7QGxpbmsgQ3Jvc3NFZGl0b3J9IGNvbXBvbmVudC4gU3VwcG9ydHMgbWFza2luZyB0aHJvdWdoIHtAbGluayBtYXNrUHJvcHN9LiBUaGlzIGFsbG93cyBnZXR0aW5nIHRoZSBtYXNrZWQgdmFsdWUuXG4gKlxuICogVGhlIGBvbkNoYW5nZVRleHRgIGV2ZW50IHdpbGwgaXNudGVhZCBleHBvcnQgdGhlIHJhdyB2YWx1ZS5cbiAqXG4gKiBJbmhlcml0cyByZWFjdC1uYXRpdmUtcGFwZXIge0BsaW5rIGh0dHBzOi8vY2FsbHN0YWNrLmdpdGh1Yi5pby9yZWFjdC1uYXRpdmUtcGFwZXIvdGV4dC1pbnB1dC5odG1sIFRleHRJbnB1dFByb3BzfVxuICovXG5leHBvcnQgaW50ZXJmYWNlIElDcm9zc0VkaXRvclByb3BzIGV4dGVuZHMgVGV4dElucHV0UHJvcHMge1xuICAvKipcbiAgICogVGV4dCBmb3IgZmxvYXRpbmcgbGFiZWxcbiAgICogaHR0cHM6Ly9jYWxsc3RhY2suZ2l0aHViLmlvL3JlYWN0LW5hdGl2ZS1wYXBlci90ZXh0LWlucHV0Lmh0bWxcbiAgICovXG4gIGxhYmVsOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBgVHJ1ZWAgdG8gdXNlIGVycm9yIHN0eWxpbmdcbiAgICogaHR0cHM6Ly9jYWxsc3RhY2suZ2l0aHViLmlvL3JlYWN0LW5hdGl2ZS1wYXBlci90ZXh0LWlucHV0Lmh0bWxcbiAgICovXG4gIGVycm9yPzogYm9vbGVhbiB8IHVuZGVmaW5lZDtcbiAgLyoqXG4gICAqIFZpc3VhbCBhcHBlYXJlbmNlLiBEZWZhdWx0IHZhbHVlIGlzICdvdXRsaW5lZCdcbiAgICpcbiAgICogaHR0cHM6Ly9jYWxsc3RhY2suZ2l0aHViLmlvL3JlYWN0LW5hdGl2ZS1wYXBlci90ZXh0LWlucHV0Lmh0bWxcbiAgICovXG4gIG1vZGU/OiAnZmxhdCcgfCAnb3V0bGluZWQnIHwgdW5kZWZpbmVkO1xuICAvKipcbiAgICogQWxsb3dzIG1hc2tpbmcgdGhlIGlucHV0LlxuICAgKiBcbiAgICogaHR0cHM6Ly9naXRodWIuY29tL2Jlbmh1cm90dC9yZWFjdC1uYXRpdmUtbWFza2VkLXRleHRcbiAgICogXG4gICAqIEBleGFtcGxlXG4gICAqIGBgYFxuICAgPENyb3NzRWRpdG9yXG4gICAgbGFiZWw9J01vYmlsZSdcbiAgICBtYXNrUHJvcHM9e3sgdHlwZTogJ2NlbC1waG9uZScgfX0gLz5gYGBcbiAgICovXG4gIG1hc2tQcm9wcz86IFRleHRJbnB1dE1hc2tQcm9wcyB8IHVuZGVmaW5lZDtcbn1cblxubGV0IG1hc2tJbnB1dDogYW55IHwgbnVsbCA9IG51bGw7XG5cbi8qKlxuICogQSB0ZXh0IGlucHV0IHN1cHBvcnRpbmcgbWFzayB0aHJvdWdoIHtAc2VlIElDcm9zc0VkaXRvclByb3BzLm1hc2tQcm9wc30uXG4gKiBcbiAqIFdoZW4gdXNpbmcgbWFzayB0aGUgcmF3IHZhbHVlIHdpbGwgYmUgZXhwb3J0ZWQgaW4gdGhlIGBvbkNoYW5nZVRleHRgIGV2ZW50LCBub3QgdGhlIG1hc2tlZCB2YWx1ZS5cbiAqIFxuICogRGVmYXVsdCB7QHNlZSBJQ3Jvc3NFZGl0b3JQcm9wcy5tb2RlIG1vZGV9IGlzICdvdXRsaW5lZCcuXG4gKlxuICogUHJvcHMgYXJlIHtAc2VlIElDcm9zc0VkaXRvclByb3BzfVxuICogXG4gKiBcbiAqIEBleGFtcGxlXG4gKiBgYGBcbiA8Q3Jvc3NFZGl0b3JcbiAgbGFiZWw9J01vYmlsZSdcbiAgbWFza1Byb3BzPXt7IHR5cGU6ICdjZWwtcGhvbmUnIH19IC8+XG4gYGBgXG4gKi9cbmV4cG9ydCBjbGFzcyBDcm9zc0VkaXRvciBleHRlbmRzIFJlYWN0LkNvbXBvbmVudDxJQ3Jvc3NFZGl0b3JQcm9wcz4ge1xuICBjb25zdHJ1Y3Rvcihwcm9wczogSUNyb3NzRWRpdG9yUHJvcHMpIHtcbiAgICBzdXBlcihwcm9wcyk7XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgcGFwZXJQcm9wcyA9IHtcbiAgICAgIC4uLnRoaXMucHJvcHMsXG4gICAgICBtb2RlOiB0aGlzLnByb3BzLm1vZGUgfHwgKCdvdXRsaW5lZCcgYXMgJ2ZsYXQnIHwgJ291dGxpbmVkJyksXG4gICAgfSBhcyBUZXh0SW5wdXRQcm9wcztcbiAgICBjb25zb2xlLmxvZygnKiogQ3Jvc3NFZGl0b3IgcGFwZXIgcHJvcHMgPSAnLCBwYXBlclByb3BzKTtcblxuICAgIGlmICh0aGlzLnByb3BzLm1hc2tQcm9wcyAmJiB0aGlzLnByb3BzLm1hc2tQcm9wcy50eXBlKSB7XG4gICAgICBjb25zdCBtYXNrZWRQcm9wcyA9IHtcbiAgICAgICAgLi4udGhpcy5wcm9wcyxcbiAgICAgICAgLi4udGhpcy5wcm9wcy5tYXNrUHJvcHMsXG4gICAgICB9IGFzIFRleHRJbnB1dE1hc2tQcm9wcztcbiAgICAgIGNvbnNvbGUubG9nKCcqKiBDcm9zc0VkaXRvciBtYXNrZWQgcHJvcHMgPSAnLCBtYXNrZWRQcm9wcyk7XG5cbiAgICAgIGNvbnNvbGUubG9nKCcqKiogQ3Jvc3NFZGl0b3I6IHJlbmRlciBUZXh0SW5wdXRNYXNrJyk7XG5cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxUZXh0SW5wdXRNYXNrXG4gICAgICAgICAgey4uLm1hc2tlZFByb3BzfVxuICAgICAgICAgIHJlZj17KGNvbXApID0+IChtYXNrSW5wdXQgPSBjb21wKX1cbiAgICAgICAgICAvLyBAdHMtaWdub3JlIC0gYmFkIG1hcFxuICAgICAgICAgIGN1c3RvbVRleHRJbnB1dD17VGV4dElucHV0fVxuICAgICAgICAgIGN1c3RvbVRleHRJbnB1dFByb3BzPXtwYXBlclByb3BzfVxuICAgICAgICAgIG9uQ2hhbmdlVGV4dD17KCkgPT4ge1xuICAgICAgICAgICAgY29uc29sZS5sb2coJyoqKiogQ3Jvc3NFZGl0b3I6IG9uQ2hhbmdlVGV4dCcpO1xuICAgICAgICAgICAgaWYgKCFtYXNrSW5wdXQgfHwgIW1hc2tJbnB1dC5nZXRSYXdWYWx1ZSkge1xuICAgICAgICAgICAgICBjb25zb2xlLmxvZygnVGV4dElucHV0TWFzayBtaXNzaW5nIGdldFJhd1ZhbHVlJywgbWFza0lucHV0KTtcbiAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAvLyBAdHMtaWdub3JlIC0gYmFkIG1hcFxuICAgICAgICAgICAgY29uc3QgcmF3VmFsdWUgPSBtYXNrSW5wdXQuZ2V0UmF3VmFsdWUoKTtcbiAgICAgICAgICAgIC8vY29uc29sZS5sb2coJ0Nyb3NzRWRpdG9yIHJhd1ZhbHVlID0gJywgcmF3VmFsdWUgfHwgJ25vdGhpbmcnKTtcblxuICAgICAgICAgICAgaWYgKHBhcGVyUHJvcHMub25DaGFuZ2VUZXh0KSB7XG4gICAgICAgICAgICAgIHBhcGVyUHJvcHMub25DaGFuZ2VUZXh0KHJhd1ZhbHVlKTtcbiAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgfSBlbHNlIGlmIChtYXNrZWRQcm9wcyAmJiBtYXNrZWRQcm9wcy5vbkNoYW5nZVRleHQpIHtcbiAgICAgICAgICAgICAgbWFza2VkUHJvcHMub25DaGFuZ2VUZXh0KHJhd1ZhbHVlKTtcbiAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBjb25zb2xlLmxvZygnQ3Jvc3NFZGl0b3I6IG5vIGxpc3RlbmVyJyk7XG4gICAgICAgICAgfX1cbiAgICAgICAgLz5cbiAgICAgICk7XG4gICAgfVxuXG4gICAgY29uc29sZS5sb2coJyoqIENyb3NzRWRpdG9yOiByZW5kZXIgcGFwZXIgVGV4dElucHV0ICoqJylcbiAgICByZXR1cm4gPFRleHRJbnB1dCB7Li4ucGFwZXJQcm9wc30gbW9kZT17cGFwZXJQcm9wcy5tb2RlfSAvPjtcbiAgfVxufVxuXG5leHBvcnQgZGVmYXVsdCBDcm9zc0VkaXRvcjtcbiJdLCJ2ZXJzaW9uIjozfQ==