Merge pull request #26870 from software-mansion-labs/ts-migration/kow…

…czarz/controll-selection-lib

[No QA][TS migration] Migrate 'ControlSelection' lib to TypeScript

src/libs/ControlSelection/index.native.js → src/libs/ControlSelection/index.native.ts

@@ -1,11 +1,15 @@
+import ControlSelectionModule from './types';
+
 function block() {}
 function unblock() {}
 function blockElement() {}
 function unblockElement() {}
 
-export default {
+const ControlSelection: ControlSelectionModule = {
     block,
     unblock,
     blockElement,
     unblockElement,
 };
+
+export default ControlSelection;

src/libs/ControlSelection/index.js → src/libs/ControlSelection/index.ts

@@ -1,4 +1,5 @@
-import _ from 'underscore';
+import ControlSelectionModule from './types';
+import CustomRefObject from '../../types/utils/CustomRefObject';
 
 /**
  * Block selection on the whole app
@@ -18,10 +19,9 @@ function unblock() {
 
 /**
  * Block selection on particular element
- * @param {Element} ref
  */
-function blockElement(ref) {
-    if (_.isNull(ref)) {
+function blockElement<T>(ref?: CustomRefObject<T> | null) {
+    if (!ref) {
         return;
     }
 
@@ -31,20 +31,21 @@ function blockElement(ref) {
 
 /**
  * Unblock selection on particular element
- * @param {Element} ref
  */
-function unblockElement(ref) {
-    if (_.isNull(ref)) {
+function unblockElement<T>(ref?: CustomRefObject<T> | null) {
+    if (!ref) {
         return;
     }
 
     // eslint-disable-next-line no-param-reassign
     ref.onselectstart = () => true;
 }
 
-export default {
+const ControlSelection: ControlSelectionModule = {
     block,
     unblock,
     blockElement,
     unblockElement,
 };
+
+export default ControlSelection;

src/libs/ControlSelection/types.ts

@@ -0,0 +1,10 @@
+import CustomRefObject from '../../types/utils/CustomRefObject';
+
+type ControlSelectionModule = {
+    block: () => void;
+    unblock: () => void;
+    blockElement: <T>(ref?: CustomRefObject<T> | null) => void;
+    unblockElement: <T>(ref?: CustomRefObject<T> | null) => void;
+};
+
+export default ControlSelectionModule;

src/types/utils/CustomRefObject.ts

@@ -0,0 +1,5 @@
+import {RefObject} from 'react';
+
+type CustomRefObject<T> = RefObject<T> & {onselectstart: () => boolean};
+
+export default CustomRefObject;