@campxdev/react-blueprint 0.1.1 → 0.1.2

package/.env

@@ -0,0 +1 @@
+REACT_APP_API_HOST=http://localhost:3000

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "@campxdev/react-blueprint",
-  "version": "0.1.1",
-  "publishConfig": {
-    "access": "public"
-  },
+  "version": "0.1.2",
+  "main":"./export.ts",
+  "private": false,
   "dependencies": {
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",

package/src/components/Input/SingleSelect/SingleSelect.tsx

@@ -1,4 +1,5 @@
 import {
+  Box,
   CircularProgress,
   Autocomplete as MuiAutocomplete,
   TextField,
@@ -6,6 +7,8 @@ import {
 import axios from "axios";
 import { useReducer } from "react";
 import { campxAxios } from "../../../utils/campxAxios";
+import { Typography } from "../../Typography/Typography";
+import { OptionContainer } from "../styles";
 
 function sleep(duration: number): Promise<void> {
   return new Promise<void>((resolve) => {
@@ -91,7 +94,7 @@ const singleSelectReducer = (
       return { ...state, open: true };
     }
     case SingleSelectActionsTypes.CLOSE: {
-      return { ...state, open: false };
+      return { ...state, open: false, loadingInternalOptions: false };
     }
     case SingleSelectActionsTypes.LOAD_INTERNAL_OPTIONS_START: {
       return { ...state, loadingInternalOptions: true };
@@ -135,14 +138,13 @@ export const SingleSelect = ({
             params: {
               limit: 10,
               offset: 0,
-              skip: 0,
             },
           })
           .then((res) => res.data);
         dispatch({
           actionType: SingleSelectActionsTypes.SET_INTERNAL_OPTIONS,
           stateChanges: {
-            options,
+            internalOptions: options,
             loadingInternalOptions: false,
           },
         });
@@ -180,6 +182,16 @@ export const SingleSelect = ({
           }}
         />
       )}
+      renderOption={(props, option: any) => {
+        return (
+          <Box component="li" {...props}>
+            <OptionContainer>
+              <Typography variant="label1">{option.label}</Typography>
+              <Typography variant="caption">{option?.subLabel}</Typography>
+            </OptionContainer>
+          </Box>
+        );
+      }}
       onOpen={handleOpen}
       onClose={() => {
         dispatch({

package/src/components/Input/styles.tsx

@@ -0,0 +1,6 @@
+import { Box, styled } from "@mui/material";
+
+export const OptionContainer = styled(Box)(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+}));

package/src/utils/campxAxios.ts

@@ -1,8 +1,10 @@
 import axios from "axios";
 import Cookies from "js-cookie";
 
-const tenantCode = window.location.pathname.split("/")[1] ?? "campx";
-const institutionCode = window.location.pathname.split("/")[2] ?? "campx";
+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";
 
@@ -11,7 +13,9 @@ export const campxAxios = axios.create({
   withCredentials: true,
   headers: {
     "x-tenant-id": tenantCode,
-    ...(!isProduction && sessionKey ? { campx_session_key: sessionKey } : {}),
+    ...(!isProduction
+      ? { campx_session_key: sessionKey || "6653ed32f34cbc245f22e7c8" }
+      : {}),
     "x-institution-id": institutionCode,
   },
 });