proje-react-panel 1.0.4 → 1.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "proje-react-panel",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "",
   "author": "SEFA DEMİR",
   "license": "ISC",
@@ -26,15 +26,10 @@
     "url": "https://github.com/demirsefa/proje-react-panel/issues"
   },
   "homepage": "https://github.com/demirsefa/proje-react-panel#readme",
-  "dependencies": {
-    "axios": "^1.8.3",
-    "react-hook-form": "^7.54.2",
-    "rollup-plugin-serve": "^3.0.0"
-  },
+  "dependencies": {},
   "devDependencies": {
     "@hookform/resolvers": "^4.1.3",
     "@rollup/plugin-commonjs": "^28.0.3",
-    "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.1",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
@@ -43,13 +38,13 @@
     "class-transformer": "^0.5.1",
     "class-validator": "^0.14.1",
     "eslint": "^8.57.1",
-    "node-sass": "^9.0.0",
     "react": "^19.0.0",
+    "react-hook-form": "^7.54.2",
     "react-router-dom": "^7.3.0",
     "reflect-metadata": "^0.2.2",
     "rollup": "^4.35.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-scss": "^4.0.1",
+    "rollup-plugin-serve": "^3.0.0",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.36.0",
     "typescript": "^5.8.2"

package/src/api/crudApi.ts

@@ -1,16 +1,30 @@
-import axios from 'axios';
 
 export const CrudApi = {
   getList: (api: string, page: number) => {
-    return axios.get(api, { data: { page } });
+    return fetch(api, {
+      method: "GET",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ page }),
+    }).then((res) => res.json());
   },
   create: (api: string, data: any) => {
-    return axios.post(api, data);
+    return fetch(api, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(data),
+    }).then((res) => res.json());
   },
   details(api: string, id: any) {
-    return axios.get(api + '/' + id);
+    return fetch(`${api}/${id}`, {
+      method: "GET",
+      headers: { "Content-Type": "application/json" },
+    }).then((res) => res.json());
   },
   edit(api: string, data: any) {
-    return axios.put(api + '/' + data.id, data);
+    return fetch(`${api}/${data.id}`, {
+      method: "PUT",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(data),
+    }).then((res) => res.json());
   },
 };

package/src/index.ts

@@ -1,4 +1,3 @@
-import "./styles/index.scss"
 export { createScreens } from "./utils/createScreens";
 export { getScreenForRoutes } from "./utils/getScreenForRoutes";
 export { Layout } from "./components/layout/Layout";

package/dist/bundle.css

@@ -1,128 +0,0 @@
-.sidebar {
-  position: relative;
-  background-color: #f5f5f5;
-  height: 100vh;
-  transition: width 0.3s ease;
-  border-right: 1px solid #e0e0e0; }
-  .sidebar.open {
-    width: 250px; }
-  .sidebar.closed {
-    width: 60px; }
-    .sidebar.closed .nav-links a span {
-      display: none; }
-  .sidebar .toggle-button {
-    position: absolute;
-    top: 10px;
-    right: -12px;
-    width: 24px;
-    height: 24px;
-    border-radius: 50%;
-    background-color: #ffffff;
-    border: 1px solid #e0e0e0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    z-index: 10; }
-    .sidebar .toggle-button:hover {
-      background-color: #f0f0f0; }
-  .sidebar .nav-links {
-    display: flex;
-    flex-direction: column;
-    padding: 2rem 1rem;
-    height: 100%; }
-    .sidebar .nav-links a {
-      padding: 0.75rem 1rem;
-      margin-bottom: 0.5rem;
-      color: #333;
-      text-decoration: none;
-      border-radius: 4px;
-      font-weight: 500; }
-      .sidebar .nav-links a:hover {
-        background-color: rgba(0, 0, 0, 0.05); }
-      .sidebar .nav-links a.active {
-        background-color: rgba(0, 0, 0, 0.1); }
-    .sidebar .nav-links .bottom-link {
-      margin-top: auto; }
-      .sidebar .nav-links .bottom-link a {
-        color: #666;
-        font-weight: 400; }
-
-.form-wrapper {
-  max-width: 400px;
-  padding: 20px;
-  background-color: #f9f9f9;
-  border-radius: 10px;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
-  .form-wrapper form {
-    display: flex;
-    flex-direction: column; }
-  .form-wrapper .form-field {
-    margin-bottom: 16px; }
-    .form-wrapper .form-field label {
-      font-weight: bold;
-      margin-bottom: 6px;
-      display: block;
-      color: #333; }
-    .form-wrapper .form-field input[type='text'] {
-      padding: 10px;
-      font-size: 16px;
-      border: 1px solid #ccc;
-      border-radius: 5px;
-      width: 100%;
-      transition: border-color 0.2s; }
-      .form-wrapper .form-field input[type='text']:focus {
-        border-color: #007bff;
-        outline: none; }
-    .form-wrapper .form-field .error-message {
-      margin-top: 4px;
-      font-size: 14px;
-      color: #ff4d4f; }
-  .form-wrapper .submit-button {
-    padding: 12px;
-    font-size: 18px;
-    background-color: #007bff;
-    color: white;
-    border: none;
-    border-radius: 5px;
-    cursor: pointer;
-    transition: background-color 0.2s; }
-    .form-wrapper .submit-button:hover {
-      background-color: #0056b3; }
-
-.layout {
-  display: flex;
-  min-height: 100vh;
-  width: 100%; }
-  .layout .content {
-    flex: 1;
-    padding: 1rem;
-    overflow-y: auto;
-    transition: margin-left 0.3s ease; }
-
-.list-wrapper {
-  width: 100%;
-  padding: 16px;
-  background-color: #ffffff;
-  border-radius: 8px;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
-  .list-wrapper .header {
-    font-size: 24px;
-    font-weight: bold;
-    text-align: center;
-    margin-bottom: 20px; }
-  .list-wrapper .list-table {
-    width: 100%;
-    border-collapse: collapse; }
-    .list-wrapper .list-table th,
-    .list-wrapper .list-table td {
-      padding: 12px 16px;
-      text-align: left;
-      border-bottom: 1px solid #ddd; }
-    .list-wrapper .list-table th {
-      background-color: #007bff;
-      color: white; }
-    .list-wrapper .list-table tr:nth-child(even) {
-      background-color: #f9f9f9; }
-    .list-wrapper .list-table tr:hover {
-      background-color: #e8f4ff; }