Updates

components/lib/editors/AceEditor.tsx

@@ -1,4 +1,3 @@
-import { AceEditorAcceptedModes } from "@/components/general/data/partials/EditDataListButton";
 import React, { MutableRefObject } from "react";
 import { twMerge } from "tailwind-merge";
 
@@ -9,7 +8,7 @@ export type AceEditorComponentType = {
     ctrlEnterFn?: (editor: AceAjax.Editor) => void;
     content?: string;
     placeholder?: string;
-    mode?: AceEditorAcceptedModes;
+    mode?: any;
     fontSize?: string;
     previewMode?: boolean;
     onChange?: (value: string) => void;

components/lib/elements/Breadcrumbs.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import Link from "../layout/Link";
 import Divider from "../layout/Divider";
 import Row from "../layout/Row";
-import lowerToTitleCase from "@/server-client-shared/utils/lower-to-title-case";
+import lowerToTitleCase from "../utils/lower-to-title-case";
 
 type LinkObject = {
     title: string;

components/lib/utils/fetch/fetchApi.ts

@@ -1,4 +1,3 @@
-import { AuthCsrfHeaderName } from "@/server-client-shared/types/admin/auth";
 import _ from "lodash";
 
 type FetchApiOptions = {
@@ -18,7 +17,7 @@ type FetchApiOptions = {
 };
 
 type FetchHeader = HeadersInit & {
-    [key in AuthCsrfHeaderName]?: string | null;
+    [key: string]: string | null;
 };
 
 export type FetchApiReturn = {

components/lib/utils/lower-to-title-case.ts

@@ -0,0 +1,9 @@
+export default function lowerToTitleCase(str: string) {
+    return str
+        .replace(/_|-/g, " ")
+        .split(" ")
+        .map(
+            (word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()
+        )
+        .join(" ");
+}

package.json

@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@moduletrace/datasquirel": "^2.7.4",
+    "lodash": "^4.17.21",
     "lucide-react": "^0.462.0",
     "next": "15.0.3",
     "react": "19.0.0-rc-66855b96-20241106",
@@ -17,11 +18,12 @@
     "tailwind-merge": "^2.5.5"
   },
   "devDependencies": {
-    "typescript": "^5",
+    "@types/lodash": "^4.17.13",
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "postcss": "^8",
-    "tailwindcss": "^3.4.1"
+    "tailwindcss": "^3.4.1",
+    "typescript": "^5"
   }
 }