Input moved to stremio-common

src/common/Checkbox/Checkbox.js

@@ -2,7 +2,7 @@ const React = require('react');
 const PropTypes = require('prop-types');
 const classnames = require('classnames');
 const Icon = require('stremio-icons/dom');
-const { Input } = require('stremio-navigation');
+const Input = require('../Input');
 const styles = require('./styles');
 
 const Checkbox = React.forwardRef(({ className, checked = false, disabled = false, onClick, children }, ref) => {

src/common/Input/Input.js

@@ -1,6 +1,6 @@
 const React = require('react');
 const PropTypes = require('prop-types');
-const { useFocusable } = require('../FocusableContext');
+const { useFocusable } = require('stremio-navigation');
 
 const ENTER_KEY_CODE = 13;
 const BUTTON_INPUT_TYPES = ['button', 'link', 'checkbox'];

src/common/MetaItem/MetaItem.js

@@ -1,8 +1,8 @@
 const React = require('react');
 const PropTypes = require('prop-types');
 const classnames = require('classnames');
-const { Input } = require('stremio-navigation');
 const Icon = require('stremio-icons/dom');
+const Input = require('../Input');
 const useBinaryState = require('../useBinaryState');
 const Popup = require('../Popup');
 const styles = require('./styles');

src/common/MetaPreview/MetaPreview.js

@@ -2,7 +2,8 @@ const React = require('react');
 const PropTypes = require('prop-types');
 const classnames = require('classnames');
 const Icon = require('stremio-icons/dom');
-const { Input, Modal } = require('stremio-navigation');
+const { Modal } = require('stremio-navigation');
+const Input = require('../Input');
 const useBinaryState = require('../useBinaryState');
 const styles = require('./styles');
 

src/common/NavBar/NavBarButton/NavBarButton.js

@@ -3,7 +3,7 @@ const PropTypes = require('prop-types');
 const classnames = require('classnames');
 const UrlUtils = require('url');
 const Icon = require('stremio-icons/dom');
-const { Input } = require('stremio-navigation');
+const Input = require('../../Input');
 const routesRegexp = require('../../routesRegexp');
 const useLocationHash = require('../../useLocationHash');
 const styles = require('./styles');

src/common/NavBar/NavMenu/NavMenu.js

@@ -2,7 +2,7 @@ const React = require('react');
 const PropTypes = require('prop-types');
 const classnames = require('classnames');
 const Icon = require('stremio-icons/dom');
-const { Input } = require('stremio-navigation');
+const Input = require('../../Input');
 const Popup = require('../../Popup');
 const styles = require('./styles');
 

src/common/NavBar/SearchBar/SearchBar.js

@@ -3,7 +3,8 @@ const PropTypes = require('prop-types');
 const classnames = require('classnames');
 const UrlUtils = require('url');
 const Icon = require('stremio-icons/dom');
-const { Input, useFocusable } = require('stremio-navigation');
+const { useFocusable } = require('stremio-navigation');
+const Input = require('../../Input');
 const useLocationHash = require('../../useLocationHash');
 const styles = require('./styles');
 

src/common/index.js

@@ -1,5 +1,6 @@
 const Checkbox = require('./Checkbox');
 const ColorPicker = require('./ColorPicker');
+const Input = require('./Input');
 const Loader = require('./Loader');
 const MainNavBar = require('./MainNavBar');
 const MetaItem = require('./MetaItem');
@@ -15,6 +16,7 @@ const useLocationHash = require('./useLocationHash');
 module.exports = {
     Checkbox,
     ColorPicker,
+    Input,
     Loader,
     MainNavBar,
     MetaItem,

src/navigation/index.js

@@ -1,11 +1,9 @@
 const { useFocusable } = require('./FocusableContext');
-const Input = require('./Input');
 const Modal = require('./Modal');
 const Router = require('./Router');
 
 module.exports = {
     useFocusable,
-    Input,
     Modal,
     Router
 };

src/routes/Board/BoardRow/BoardRow.js

@@ -2,8 +2,7 @@ const React = require('react');
 const PropTypes = require('prop-types');
 const classnames = require('classnames');
 const Icon = require('stremio-icons/dom');
-const { Input } = require('stremio-navigation');
-const { MetaItem } = require('stremio/common');
+const { Input, MetaItem } = require('stremio/common');
 require('./styles');
 
 const BoardRow = ({ className, title, items = [], itemMenuOptions = [] }) => {

src/routes/Discover/PickerMenu.js

@@ -2,8 +2,7 @@ const React = require('react');
 const PropTypes = require('prop-types');
 const classnames = require('classnames');
 const Icon = require('stremio-icons/dom');
-const { Input } = require('stremio-navigation');
-const { Popup, useBinaryState } = require('stremio/common');
+const { Input, Popup, useBinaryState } = require('stremio/common');
 const styles = require('./styles');
 
 const PickerMenu = ({ name, value, options, onChange }) => {

src/routes/Intro/ConsentCheckbox/ConsentCheckbox.js

@@ -1,8 +1,7 @@
 const React = require('react');
 const PropTypes = require('prop-types');
 const classnames = require('classnames');
-const { Input } = require('stremio-navigation');
-const { Checkbox } = require('stremio/common');
+const { Input, Checkbox } = require('stremio/common');
 require('./styles');
 
 const ConsentCheckbox = React.forwardRef(({ className, checked, label, link, href, toggle }, ref) => {

src/routes/Intro/Intro.js

@@ -1,7 +1,7 @@
 const React = require('react');
 const classnames = require('classnames');
 const Icon = require('stremio-icons/dom');
-const { Input } = require('stremio-navigation');
+const { Input } = require('stremio/common');
 const ConsentCheckbox = require('./ConsentCheckbox');
 require('./styles');