feat: add react utils package

Author: abelflopes

packages/utils/react/babel.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: "@react-ck/babel-config",
+};

packages/utils/react/index.ts

@@ -0,0 +1,2 @@
+// Hack for module resolution of non built packages
+export * from "./src/index";

packages/utils/react/jest.config.ts

@@ -0,0 +1 @@
+export { config as default } from "@react-ck/jest-config";

packages/utils/react/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@react-ck/react-utils",
+  "private": true,
+  "version": "1.0.0",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "/dist"
+  ],
+  "homepage": "https://github.com/abelflopes/react-ck/tree/master/packages/utils/react-hooks#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/abelflopes/react-ck.git"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "lint:typescript": "tsc --noEmit",
+    "test": "jest --testPathPattern=\".unit.*\""
+  },
+  "devDependencies": {
+    "@react-ck/babel-config": "^1.0.0",
+    "@react-ck/jest-config": "^1.0.0",
+    "@react-ck/typescript-config": "^1.0.0",
+    "@types/react": "^18.2.33"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0"
+  }
+}

packages/utils/react/src/display-name.ts

@@ -0,0 +1,13 @@
+import { type ReactElement } from "react";
+
+export function getDisplayName(el: ReactElement): string | undefined {
+  if (typeof el.type === "string") {
+    return el.type;
+  }
+
+  if (typeof el.type !== "string" && "name" in el.type) {
+    return el.type.name;
+  }
+
+  return undefined;
+}

packages/utils/react/src/index.tsx

@@ -0,0 +1 @@
+export * from "./display-name";

packages/utils/react/tsconfig.build.json

@@ -0,0 +1,7 @@
+{
+  "extends": "@react-ck/typescript-config/tsconfig.build.json",
+  "compilerOptions": {
+    "outDir": "./dist"
+  },
+  "include": ["./*.d.ts", "./src/**/*", "./src/index.ts*"]
+}

packages/utils/react/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "@react-ck/typescript-config/tsconfig.json",
+  "include": ["./**/*"]
+}