fix: start refactor hooks: useOutsideClick (#1035)

CODEOWNERS

@@ -41,6 +41,9 @@
 /src/components/Toaster @ogonkov
 /src/components/theme @resure
 /src/components/Pagination @jhoncool
+
+/src/hooks/useOutsideClick @NikitaCG
+
 # Allow everyone to update dependencies
 /package.json
 /package-lock.json

package.json

@@ -69,6 +69,7 @@
         "lint:js": "eslint --ext .js,.jsx,.ts,.tsx .",
         "lint:styles": "stylelint '{styles,src}/**/*.scss'",
         "lint:prettier": "prettier --check '**/*.md'",
+        "lint:prettier:fix": "prettier --write '**/*.md'",
         "lint": "run-p lint:*",
         "typecheck": "tsc --noEmit",
         "prepublishOnly": "npm run build"

src/components/index.ts

@@ -69,4 +69,3 @@ export * from './utils/useFileInput/useFileInput';
 export {useActionHandlers} from './utils/useActionHandlers';
 export {useUniqId} from './utils/useUniqId';
 export {getLayersCount} from './utils/LayerManager';
-export * from './utils/useOutsideClick';

src/hooks/index.ts

@@ -0,0 +1 @@
+export * from './useOutsideClick';

src/hooks/useOutsideClick/README.md

@@ -0,0 +1,18 @@
+<!--GITHUB_BLOCK-->
+
+# useOutsideClick
+
+<!--/GITHUB_BLOCK-->
+
+```tsx
+import {useOutsideClick} from '@gravity-ui/uikit';
+```
+
+The `useOutsideClick` hook helps to track the click outside of the tracked element.
+
+## Properties
+
+| Name    | Description                                                       |       Type        | Default |
+| :------ | :---------------------------------------------------------------- | :---------------: | :-----: |
+| ref     | Ref-link to target of observation                                 | `React.RefObject` |         |
+| handler | Callback when a click is triggered outside the observation target |   `() => void`    |         |

src/index.ts

@@ -1 +1,2 @@
 export * from './components';
+export * from './hooks';