Merge pull request #245 from rtCamp/fix/security-vuls-vite-lodash

Fix: Vite and lodash related security vulnerability

Author: b1ink0

babel.config.cjs

@@ -13,10 +13,7 @@ module.exports = function (api) {
       ],
       "@babel/preset-typescript",
     ],
-    plugins: [
-      ["@babel/plugin-transform-react-jsx", { runtime: "automatic" }],
-      ["babel-plugin-styled-components"],
-    ],
+    plugins: [],
     sourceMaps: true,
   };
 };

package.json

@@ -30,7 +30,6 @@
     "format": "prettier --write \"./**/*.{js,jsx,mjs,cjs,ts,tsx,json}\""
   },
   "devDependencies": {
-    "@babel/plugin-transform-react-jsx": "^7.22.5",
     "@babel/preset-env": "^7.22.5",
     "@babel/preset-react": "^7.22.5",
     "@babel/preset-typescript": "^7.22.5",
@@ -51,7 +50,6 @@
     "@vitest/browser": "^3.2.4",
     "@vitest/coverage-v8": "^3.2.4",
     "babel-jest": "^30.1.2",
-    "babel-plugin-styled-components": "^2.1.4",
     "baseline-browser-mapping": "^2.9.15",
     "eslint": "^9.39.2",
     "eslint-plugin-jest": "^29.12.1",
@@ -100,7 +98,8 @@
       "flatted@<3.4.2": "^3.4.2",
       "brace-expansion@>=4.0.0 <5.0.5": "^5.0.5",
       "picomatch@>=4.0.0 <4.0.4": "^4.0.4",
-      "yaml@>=2.0.0 <2.8.3": "^2.8.3"
+      "yaml@>=2.0.0 <2.8.3": "^2.8.3",
+      "vite@>=7.0.0 <=7.3.1": "^7.3.2"
     }
   }
 }

packages/frappe-ui-react/package.json

@@ -58,7 +58,7 @@
     "@tiptap/starter-kit": "^3.17.1",
     "clsx": "^2.1.1",
     "dayjs": "^1.11.19",
-    "dompurify": "^3.3.2",
+    "dompurify": "^3.4.0",
     "echarts": "^6.0.0",
     "feather-icons": "^4.29.2",
     "lowlight": "^3.3.0",
@@ -67,7 +67,6 @@
     "react-dom": "^19.2.4",
     "react-grid-layout": "^1.5.3",
     "react-resizable": "^3.1.3",
-    "styled-components": "^6.3.8",
     "tailwindcss": "^4.1.18"
   },
   "devDependencies": {

packages/frappe-ui-react/src/components/calendar/calendarTimeMarker.tsx

@@ -1,5 +1,4 @@
 import { useContext, useEffect, useMemo, useState } from "react";
-import styled from "styled-components";
 
 import { CalendarContext } from "./calendarContext";
 
@@ -8,21 +7,6 @@ interface CalendarTimeMarkerProps {
   redundantCellHeight?: number;
 }
 
-const StyledDiv = styled.div`
-  &:before {
-    content: "";
-    display: block;
-    width: 12px;
-    height: 12px;
-    background-color: red;
-    border-radius: 50%;
-    position: absolute;
-    left: -8px;
-    top: 50%;
-    transform: translateY(-50%);
-  }
-`;
-
 export const CalendarTimeMarker = ({
   date,
   redundantCellHeight = 0,
@@ -60,7 +44,9 @@ export const CalendarTimeMarker = ({
       className="absolute left-0 right-0 z-10 w-full pl-2"
       style={topPositionStyle}
     >
-      <StyledDiv className="relative h-0.5 bg-red-600" />
+      <div className="relative h-0.5 bg-red-600">
+        <span className="absolute -left-2 top-1/2 block h-3 w-3 -translate-y-1/2 rounded-full bg-red-600" />
+      </div>
     </div>
   );
 };