jb-mobile-input-react
Version:
mobile input react component
26 lines (22 loc) • 1.39 kB
JavaScript
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('jb-mobile-input'), require('jb-input-react')) :
typeof define === 'function' && define.amd ? define(['exports', 'react', 'jb-mobile-input', 'jb-input-react'], factory) :
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.JBMobileInput = {}, global.React, null, global.JBInputReact));
})(this, (function (exports, React, jbMobileInput, jbInputReact) { 'use strict';
// eslint-disable-next-line react/display-name
const JBMobileInput = React.forwardRef((props, ref) => {
const element = React.useRef(null);
const [refChangeCount, refChangeCountSetter] = React.useState(0);
React.useImperativeHandle(ref, () => (element ? element.current : {}), [element]);
//to force rerender for events
React.useEffect(() => {
refChangeCountSetter(refChangeCount + 1);
}, [element.current]);
jbInputReact.useJBInputAttribute(element, props);
jbInputReact.useJBInputEvents(element, props);
return (React.createElement("jb-mobile-input", { ref: element, class: props.className }, props.children));
});
JBMobileInput.displayName = "JBMobileInput";
exports.JBMobileInput = JBMobileInput;
}));
//# sourceMappingURL=JBMobileInput.umd.js.map