@campxdev/react-blueprint 1.5.6 → 1.5.8

package/export.ts

@@ -2,3 +2,4 @@ export * from './src/components/export';
 export * from './src/hooks/export';
 export * from './src/redux/export';
 export * from './src/themes/export';
+export * from './src/utils/export';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/react-blueprint",
-  "version": "1.5.6",
+  "version": "1.5.8",
   "main": "./export.ts",
   "private": false,
   "dependencies": {

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

@@ -351,7 +351,7 @@ export const SingleSelect = ({
 
   const debouncedSendRequest = useMemo(() => {
     return debounce((searchValue) => {
-      searchDb(searchValue);
+      if (optionsApiEndPoint) searchDb(searchValue);
     }, 300);
   }, [searchDb]);
 

package/src/components/Navigation/Breadcrumbs/Breadcrumbs.tsx

@@ -6,26 +6,14 @@ import {
 } from '@mui/material';
 import _ from 'lodash';
 import { Link } from 'react-router-dom';
+
+import { getBreadcrumbsCharacter } from '../../../utils/export';
 import { Typography } from '../../export';
 
 export type BreadcrumbsProps = {
   pathTrimCount: number;
 } & MuiBreadcrumbsProps;
 
-const getBreadcrumbsCharacter = () => {
-  const unicodeChar = String.fromCharCode(0x21e5);
-  const testElement = document.createElement('span');
-  testElement.innerHTML = unicodeChar;
-  document.body.appendChild(testElement);
-  const isRendered = testElement.offsetWidth > 0;
-  document.body.removeChild(testElement);
-
-  const fallbackChar = '~~';
-  const s = isRendered ? unicodeChar : fallbackChar;
-
-  return s;
-};
-
 export const Breadcrumbs = ({ pathTrimCount, ...rest }: BreadcrumbsProps) => {
   const specialCharacter = getBreadcrumbsCharacter();
   const currentPathArray = window.location.pathname.split('/');

package/src/hooks/export.ts

@@ -1 +1,3 @@
 export * from './usePageHeader';
+export * from './useParams';
+export * from './useUrlParams';

package/src/hooks/useParams.ts

@@ -0,0 +1,20 @@
+import { useParams as useReactRouterParams } from 'react-router-dom';
+import { getBreadcrumbsCharacter } from '../utils/breadcrumbs';
+
+export const useParams = (): {
+  [x: string]: { id: string | number; slug: string };
+} => {
+  const params = useReactRouterParams();
+
+  const processedParams = Object.fromEntries(
+    Object.entries(params).map(([key, value]) => {
+      if (value) {
+        const [slug, id] = value.split(getBreadcrumbsCharacter());
+        return [key, { slug, id }];
+      }
+      return [];
+    }),
+  );
+
+  return processedParams;
+};

package/src/hooks/useUrlParams.ts

@@ -0,0 +1,3 @@
+export const useUrlParams = (): { [x: string]: string } => {
+  return Object.fromEntries(new URLSearchParams(window.location.search));
+};

package/src/themes/commonTheme.ts

@@ -316,7 +316,7 @@ export const getCommonTheme = (mode: Theme) => {
               },
             },
             '& input:-webkit-autofill': {
-              height: '7px',
+              padding: '9px',
             },
             minWidth: '200px',
           },
@@ -434,6 +434,9 @@ export const getCommonTheme = (mode: Theme) => {
             fontWeight: 300,
             color: ColorTokens.text.primary,
           },
+          multiline: {
+            maxHeight: '200px',
+          },
         },
       },
       MuiLink: {

package/src/utils/breadcrumbs.ts

@@ -0,0 +1,23 @@
+import _ from 'lodash';
+
+export const getBreadcrumbsCharacter = () => {
+  const unicodeChar = String.fromCharCode(0x21e5);
+  const testElement = document.createElement('span');
+  testElement.innerHTML = unicodeChar;
+  document.body.appendChild(testElement);
+  const isRendered = testElement.offsetWidth > 0;
+  document.body.removeChild(testElement);
+
+  const fallbackChar = '~~';
+  const s = isRendered ? unicodeChar : fallbackChar;
+
+  return s;
+};
+
+type CreateUrlSlug = {
+  name: string;
+  id: string | number;
+};
+export const createBreadcrumbIdSlug = ({ name, id }: CreateUrlSlug): string => {
+  return `${_.kebabCase(name)}${getBreadcrumbsCharacter()}${id}`;
+};

package/src/utils/constants.ts

@@ -1,6 +1,2 @@
-import Cookies from 'js-cookie';
-
 export const isDevelopment: boolean = process.env.NODE_ENV === 'development';
-export const urlTenantKey = window.location.pathname.split('/')[1];
-export const institutionKey = window.location.pathname.split('/')[2];
-export const sessionKey = Cookies.get('campx_session_key');
+export const isLocal = window.location.hostname === 'localhost';

package/src/utils/export.ts

@@ -0,0 +1,2 @@
+export * from './breadcrumbs';
+export * from './constants';

package/src/utils/logout.ts

@@ -1,19 +0,0 @@
-import axios from 'axios';
-import Cookies from 'js-cookie';
-
-export default function logout() {
-  axios({
-    method: 'POST',
-    baseURL: process.env.REACT_APP_API_HOST,
-    url: '/auth-server/auth/logout',
-  })
-    .then((res) => {
-      Cookies.remove('campx_tenant');
-      Cookies.remove('campx_session_key');
-      Cookies.remove('campx_institution');
-      window.location.href = '/';
-    })
-    .catch((err) => {
-      // toast("Unable To Logout.");
-    });
-}