@campxdev/react-blueprint 0.1.21 → 0.1.23

package/src/components/{DropDownMenu → Navigation/DropDownMenu}/DropDownMenu.stories.tsx

@@ -1,7 +1,7 @@
 import MoreVertIcon from "@mui/icons-material/MoreVert";
 import { IconButton } from "@mui/material";
 import { Meta, StoryObj } from "@storybook/react";
-import { Icons } from "../export";
+import { Icons } from "../../export";
 import { DropDownButton } from "./DropDownButton";
 import { DropDownIcon } from "./DropDownIcon";
 import { DropdownMenu, DropdownMenuProps } from "./DropDownMenu";

package/src/components/{TabsContainer → Navigation/TabsContainer}/TabsContainer.stories.tsx

@@ -1,6 +1,6 @@
 import { Box } from "@mui/material";
 import { Meta, StoryObj } from "@storybook/react";
-import { PageContent } from "../Layout/PageContent/PageContent";
+import { PageContent } from "../../Layout/PageContent/PageContent";
 import { TabsContainer, TabsContainerProps } from "./TabsContainer";
 
 // Define the default export with Meta type including the component type

package/src/components/export.ts

@@ -1,5 +1,3 @@
-export * from "./DropDownMenu/DropDownButton";
-export * from "./DropDownMenu/DropDownMenu";
 export * from "./Icons/export";
 export * from "./Input/Button/Button";
 export * from "./Input/SingleSelect/SingleSelect";
@@ -11,3 +9,5 @@ export * from "./Layout/Header/AppsMenu";
 export * from "./Layout/LayoutWrapper/LayoutWrapper";
 export * from "./Layout/PageContent/PageContent";
 export * from "./Layout/SideNavigation/SideNavigation";
+export * from "./Navigation/DropDownMenu/DropDownButton";
+export * from "./Navigation/DropDownMenu/DropDownMenu";

package/src/themes/commonTheme.ts

@@ -30,7 +30,19 @@ export const getCommonTheme = (mode: Theme) => {
           },
         },
       },
-
+      MuiCheckbox: {
+        defaultProps: {
+          disableRipple: true,
+        },
+        styleOverrides: {
+          root: {
+            "& .MuiSvgIcon-root": {
+              width: "20px",
+              height: "20px",
+            },
+          },
+        },
+      },
       MuiDialogTitle: {
         styleOverrides: {
           root: {

package/src/themes/darkTheme.ts

@@ -11,6 +11,7 @@ export const darkTheme = createTheme({
     text: DarkColorTokens.text,
     highlight: DarkColorTokens.highlight,
     grey: DarkColorTokens.grey,
+    info: DarkColorTokens.info,
     // defaultProfileIcon: {
     //   main: "#293640", // Default profile images and icons color for dark mode
     // },

package/src/themes/lightTheme.ts

@@ -11,6 +11,7 @@ export const lightTheme = createTheme({
     text: LightColorTokens.text,
     highlight: LightColorTokens.highlight,
     grey: LightColorTokens.grey,
+    info: LightColorTokens.info,
     // defaultProfileIcon: {
     //   main: "#BDD6E8", // Default profile images and icons color
     // },

package/src/themes/typography.stories.tsx

@@ -1,6 +1,6 @@
 // src/stories/Typography.stories.jsx
 import { Stack } from "@mui/material";
-import { Typography } from "../components/Typography/Typography";
+import { Typography } from "../components/DataDisplay/Typography/Typography";
 // Update path as necessary
 
 export default {

package/src/utils/campxAxios.ts

@@ -1,11 +1,10 @@
 import axios from "axios";
-import Cookies from "js-cookie";
+import { sessionKey } from "./constants";
 
 console.log(window.location.pathname.split("/"));
 
 const tenantCode = "campx";
 const institutionCode = "campx";
-const sessionKey = Cookies.get("campx_session_key");
 const isProduction = process.env.NODE_ENV === "production";
 
 export const campxAxios = axios.create({

package/src/utils/constants.ts

@@ -1,6 +1,9 @@
+import Cookies from "js-cookie";
+
 export const isDevelopment: boolean =
   process.env.NODE_ENV === "development" ||
   window.location.origin.split("campx")[1] === ".dev";
 
 export const urlTenantKey = window.location.pathname.split("/")[1];
 export const institutionKey = window.location.pathname.split("/")[2];
+export const sessionKey = Cookies.get("campx_session_key");

package/.vscode/settings.json

@@ -1,3 +0,0 @@
-{
-  "cSpell.words": ["Heebo"]
-}

package/src/components/Layout/Spinner/Spinner.css

@@ -1,32 +0,0 @@
-.spinner {
-    width: 40px;
-    height: 40px;
-    border-radius: 50%;
-    position: relative;
-    animation: rotate 1s linear infinite;
-    scale: 0.4;
-  }
-  .spinner::before , .spinner::after {
-    content: "";
-    box-sizing: border-box;
-    position: absolute;
-    inset: 0px;
-    border-radius: 50%;
-    border: 5px solid #7D60D9;
-    animation: prixClipFix 1.5s linear infinite ;
-  }
-  .spinner::after{
-    transform: rotate3d(90, 90, 0, 180deg );
-    border-color: #FF3D00;
-  }
-
-  @keyframes rotate {
-    0%   {transform: rotate(0deg)}
-    100%   {transform: rotate(360deg)}
-  }
-
-  @keyframes prixClipFix {
-      0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
-      50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
-      75%, 100%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
-  }