poc-react-shared-components 1.0.0

package/dist/components/Card/employeeCard.d.ts

@@ -0,0 +1,13 @@
+import './employeeCard';
+type Employee = {
+    id: number;
+    name: string;
+    email: string;
+};
+type Props = {
+    employee: Employee;
+    onEdit?: (employee: Employee) => void;
+    onDelete?: (id: number) => void;
+};
+declare function EmployeeCard({ employee, onEdit, onDelete }: Props): JSX.Element;
+export default EmployeeCard;

package/dist/components/Card/employeeCard.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './employeeCard';
+function EmployeeCard({ employee, onEdit, onDelete }) {
+    return (_jsxs("div", { className: "card", children: [_jsxs("p", { children: [_jsx("strong", { children: "Name:" }), " ", employee.name] }), _jsxs("p", { children: [_jsx("strong", { children: "Email:" }), " ", employee.email] }), _jsx("button", { onClick: () => onEdit === null || onEdit === void 0 ? void 0 : onEdit(employee), children: "Edit" }), _jsx("button", { style: { backgroundColor: "red" }, onClick: () => onDelete === null || onDelete === void 0 ? void 0 : onDelete(employee.id), children: "Delete" })] }));
+}
+export default EmployeeCard;

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { default as EmployeeCard } from './components/Card/employeeCard';

package/dist/index.js

@@ -0,0 +1 @@
+export { default as EmployeeCard } from './components/Card/employeeCard';

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "poc-react-shared-components",
+  "version": "1.0.0",
+  "description": "Reusable shared React components",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": ["dist"],
+  "scripts": {
+    "build": "tsc"
+  },
+  "keywords": ["react", "components", "ui", "shared"],
+  "author": "abishek",
+  "license": "MIT",
+
+  "peerDependencies": {
+    "react": "^18",
+    "react-dom": "^18"
+  },
+
+  "devDependencies": {
+    "typescript": "^5",
+    "@types/react": "^18",
+    "@types/react-dom": "^18"
+  }
+}