udp-react-enterprise-component-library 25.1.0-beta.9 → 25.1.1-beta.1

package/dist/types/udp/pages/UdpMaintenanceConfigPage.d.ts

@@ -1,2 +1,3 @@
 import React from 'react';
-export declare const UdpMaintenanceConfigPage: (props: any) => React.JSX.Element;
+declare const UdpMaintenanceConfigPage: (props: any) => React.JSX.Element;
+export default UdpMaintenanceConfigPage;

package/dist/useAxiosGet-Dh5pVURP.js

@@ -0,0 +1,144 @@
+import { getAccessToken, getMergedConfig, handleResponseErrors, whitelistedPaths } from "./apiHelpers-CmM6DWAT.js";
+import { createContext, useContext, useEffect, useMemo } from "react";
+import useAxios from "axios-hooks";
+import Axios from "axios";
+
+//#region src/utilities/axiosInterceptors.js
+const axiosInterceptors = () => {
+	Axios.interceptors.request.use(async (config) => {
+		if (!whitelistedPaths.includes(window.location.pathname)) {
+			let accessToken = "";
+			if (!config?.headers?.Authorization) accessToken = await getAccessToken();
+			return getMergedConfig(accessToken, config);
+		}
+		return config;
+	}, (error) => Promise.reject(error));
+	Axios.interceptors.response.use((response) => response, async (error) => {
+		const config = error?.config;
+		if (error?.response?.status === 401 && !config?._retry && !whitelistedPaths.includes(window.location.pathname)) {
+			config.headers.Authorization = `Bearer ${await getAccessToken()}`;
+			config._retry = true;
+			return Axios(config);
+		}
+		return Promise.reject(error);
+	});
+};
+var axiosInterceptors_default = axiosInterceptors;
+
+//#endregion
+//#region src/utilities/auth/internal.ts
+const UserContext = createContext(null);
+const UserDispatchContext = createContext(null);
+
+//#endregion
+//#region src/utilities/auth/useUser.ts
+/**
+* Get the current User object (or null if not logged in)
+*
+* Does not redirect to login
+* @see {@link useAuthedUser}
+*/
+function useUser() {
+	return useContext(UserContext);
+}
+
+//#endregion
+//#region src/utilities/input/StringUtilities.js
+const removeWhiteSpace = (str) => {
+	if (!str) return "";
+	return str.replace(/\s/g, "");
+};
+const camelToPascalCaseWithSpace = (str) => {
+	return (str.charAt(0).toUpperCase() + str.slice(1)).replace(/([a-z0-9])([A-Z])/g, "$1 $2");
+};
+const trimStringAfter = (str, character) => {
+	const lastIndex = str.lastIndexOf(character);
+	return str.substring(0, lastIndex === -1 ? str.length : lastIndex);
+};
+const toLowerFirstChar = (field) => {
+	return field?.charAt(0)?.toLowerCase() + field?.slice(1);
+};
+const toUpperFirstChar = (field) => {
+	return field?.charAt(0)?.toUpperCase() + field?.slice(1);
+};
+const toTitleCase = (str) => {
+	const result = str.replace(/([A-Z][a-z]+)/g, " $1").replace(/([A-Z]+)\b/g, " $1").replace(/_/g, " ").trim();
+	return result.charAt(0).toUpperCase() + result.slice(1);
+};
+const pluralize = (str) => {
+	if (str.charAt(str.length - 1) === "s") return str;
+	else return `${str}s`;
+};
+
+//#endregion
+//#region src/utilities/useAxiosGet.js
+axiosInterceptors_default();
+/**
+* A custom hook for making GET requests with query parameters.
+* @template T - The expected type of the response data.
+* @param {string} url - The URL for the request.
+* @param {object} [params] - Optional object for query parameters.
+* @param {import('axios').AxiosRequestConfig} [config] - Optional Axios request config.
+* @param {boolean} [isManual] - If true, the request is not made automatically.
+* @returns {import('axios-hooks').AxiosHooksResult<T>}
+*/
+const useAxiosGetQuery = (url, params, config, isManual) => {
+	const user = useUser();
+	if (!user?.accessToken) isManual = true;
+	config.headers = useMemo(() => {
+		const currentHeaders = config.headers ?? {};
+		currentHeaders.currentTenantId ||= user?.currentTenantId ?? "";
+		return currentHeaders;
+	}, [user, config]);
+	const [{ data, loading, error }, refetch] = useAxios({
+		url,
+		params,
+		...config
+	}, { manual: isManual });
+	useEffect(() => {
+		handleResponseErrors(error);
+	}, [error]);
+	return [{
+		data,
+		loading,
+		error
+	}, refetch];
+};
+/**
+* A custom hook for making GET requests with Axios.
+* @template T - The expected type of the response data.
+* @param {string} baseURL - The base URL for the request.
+* @param {string} url - The URL path for the request.
+* @param {import('axios').AxiosRequestConfig} [config={}] - Optional Axios request config.
+* @param {boolean} [isManual] - If true, the request is not made automatically.
+* @param {boolean} [useCache=true] - If true, caching is enabled.
+* @returns {import('axios-hooks').AxiosHooksResult<T>}
+*/
+const useAxiosGet = (baseURL, url, config = {}, isManual, useCache = true) => {
+	const user = useUser();
+	config.headers = useMemo(() => {
+		const currentHeaders = config.headers ?? {};
+		currentHeaders.currentTenantId ||= user?.currentTenantId ?? "";
+		return currentHeaders;
+	}, [user, config]);
+	const fullURL = { url: `${baseURL}/${url}` };
+	const [{ data, loading, error }, refetch] = useAxios({
+		...fullURL,
+		...config
+	}, {
+		manual: isManual,
+		useCache
+	});
+	useEffect(() => {
+		handleResponseErrors(error);
+	}, [error]);
+	return [{
+		data,
+		loading,
+		error
+	}, refetch];
+};
+
+//#endregion
+export { UserContext, UserDispatchContext, axiosInterceptors_default, camelToPascalCaseWithSpace, pluralize, removeWhiteSpace, toLowerFirstChar, toTitleCase, toUpperFirstChar, trimStringAfter, useAxiosGet, useAxiosGetQuery, useUser };
+//# sourceMappingURL=useAxiosGet-Dh5pVURP.js.map

package/dist/useAxiosGet-Dh5pVURP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAxiosGet-Dh5pVURP.js","names":["UserContext: React.Context<User | null>","UserDispatchContext: React.Context<Dispatch | null>","enableAxiosInterceptors"],"sources":["../src/utilities/axiosInterceptors.js","../src/utilities/auth/internal.ts","../src/utilities/auth/useUser.ts","../src/utilities/input/StringUtilities.js","../src/utilities/useAxiosGet.js"],"sourcesContent":["import Axios from 'axios';\nimport { getAccessToken, getMergedConfig } from './apiHelpers';\nimport { whitelistedPaths } from './auth/whitelistedPaths';\n\nconst axiosInterceptors = () => {\n  Axios.interceptors.request.use(\n    async (config) => {\n      // don't want to change the access token if it's already there, this rule is already applied in getMergedConfig\n      // we don't want to call getAccessToken until it is actually need it because it might log the user out\n      if (!whitelistedPaths.includes(window.location.pathname)) {\n        let accessToken = '';\n        if(!config?.headers?.Authorization){\n          accessToken = await getAccessToken()\n        }\n        return getMergedConfig(accessToken, config);\n      }\n      return config;\n    },\n    (error) => Promise.reject(error)\n  );\n\n  Axios.interceptors.response.use(\n    (response) => response,\n    async (error) => {\n      const config = error?.config;\n      if (\n        error?.response?.status === 401 &&\n        !config?._retry &&\n        !whitelistedPaths.includes(window.location.pathname)\n      ) {\n        config.headers.Authorization = `Bearer ${await getAccessToken()}`;\n        config._retry = true;\n\n        return Axios(config);\n      }\n\n      return Promise.reject(error);\n    }\n  );\n};\n\nexport default axiosInterceptors;\n","import { createContext } from 'react';\nimport { User } from './user';\n\nexport type UserAction = { type: 'SET_USER' };\nexport type AccessTokenAction = { type: 'SET_ACCESS_TOKEN' };\nexport type Dispatch = (action: UserAction | AccessTokenAction) => void;\nexport const UserContext: React.Context<User | null> = createContext<User | null>(null);\nexport const UserDispatchContext: React.Context<Dispatch | null> = createContext<Dispatch | null>(null);\n","import { useContext } from 'react';\nimport { UserContext } from './internal';\nimport { User } from './user';\n\n/**\n * Get the current User object (or null if not logged in)\n *\n * Does not redirect to login\n * @see {@link useAuthedUser}\n */\nexport function useUser(): User | null {\n  return useContext(UserContext);\n}\n","export const removeWhiteSpace = (str) => {\n  if (!str) {\n    return '';\n  }\n  return str.replace(/\\s/g, '');\n};\n\nexport const camelToPascalCaseWithSpace = (str) => {\n  const capitalizedStr = str.charAt(0).toUpperCase() + str.slice(1);\n  return capitalizedStr.replace(/([a-z0-9])([A-Z])/g, '$1 $2');\n};\n\nexport const trimStringAfter = (str, character) => {\n  const lastIndex = str.lastIndexOf(character);\n  return str.substring(0, lastIndex === -1 ? str.length : lastIndex);\n};\n\nexport const toLowerFirstChar = (field) => {\n  return field?.charAt(0)?.toLowerCase() + field?.slice(1);\n};\n\nexport const toUpperFirstChar = (field) => {\n  return field?.charAt(0)?.toUpperCase() + field?.slice(1);\n};\n\nexport const toTitleCase = (str) => {\n  const result = str\n    .replace(/([A-Z][a-z]+)/g, ' $1')\n    .replace(/([A-Z]+)\\b/g, ' $1')\n    .replace(/_/g, ' ')\n    .trim();\n  return result.charAt(0).toUpperCase() + result.slice(1);\n};\n\nexport const pluralize = (str) => {\n  const last = str.charAt(str.length - 1);\n  if (last === 's') {\n    return str;\n  } else {\n    return `${str}s`;\n  }\n};\n","import { useEffect, useMemo } from 'react';\nimport useAxios from 'axios-hooks';\nimport { handleResponseErrors, getMergedConfig } from './apiHelpers';\nimport enableAxiosInterceptors from './axiosInterceptors';\nimport { useUser } from './auth/useUser';\nimport { getStoredTenant } from './storage/UnitySessionStorage';\n\nenableAxiosInterceptors();\n/**\n * A custom hook for making GET requests with query parameters.\n * @template T - The expected type of the response data.\n * @param {string} url - The URL for the request.\n * @param {object} [params] - Optional object for query parameters.\n * @param {import('axios').AxiosRequestConfig} [config] - Optional Axios request config.\n * @param {boolean} [isManual] - If true, the request is not made automatically.\n * @returns {import('axios-hooks').AxiosHooksResult<T>}\n */\nexport const useAxiosGetQuery = (url, params, config, isManual) => {\n  const user = useUser();\n\n  if (!user?.accessToken) {\n    isManual = true;\n  }\n  const headers = useMemo(() => {\n    const currentHeaders = config.headers ?? {}\n    currentHeaders.currentTenantId ||= user?.currentTenantId ?? ''\n    return currentHeaders\n  }, [user, config])\n  config.headers = headers\n\n  const [{ data, loading, error }, refetch] = useAxios(\n    { url, params, ...config },\n    { manual: isManual }\n  );\n  useEffect(() => {\n    handleResponseErrors(error);\n  }, [error]);\n\n  return [{ data, loading, error }, refetch];\n};\n/**\n * A custom hook for making GET requests with Axios.\n * @template T - The expected type of the response data.\n * @param {string} baseURL - The base URL for the request.\n * @param {string} url - The URL path for the request.\n * @param {import('axios').AxiosRequestConfig} [config={}] - Optional Axios request config.\n * @param {boolean} [isManual] - If true, the request is not made automatically.\n * @param {boolean} [useCache=true] - If true, caching is enabled.\n * @returns {import('axios-hooks').AxiosHooksResult<T>}\n */\nexport const useAxiosGet = (\n  baseURL,\n  url,\n  config = {},\n  isManual,\n  useCache = true\n) => {\n  const user = useUser();\n\n  const headers = useMemo(() => {\n    const currentHeaders = config.headers ?? {}\n    currentHeaders.currentTenantId ||= user?.currentTenantId ?? ''\n    return currentHeaders\n  }, [user, config])\n  config.headers = headers\n\n  const fullURL = { url: `${baseURL}/${url}` };\n  const [{ data, loading, error }, refetch] = useAxios(\n    { ...fullURL, ...config },\n    { manual: isManual, useCache: useCache }\n  );\n\n  useEffect(() => {\n    handleResponseErrors(error);\n  }, [error]);\n\n  return [{ data, loading, error }, refetch];\n};\n"],"mappings":"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"}

package/dist/useAxiosMutate-DlG255x9.js

@@ -0,0 +1,43 @@
+import { getAccessToken, getMergedConfig, handleResponseErrors } from "./apiHelpers-CmM6DWAT.js";
+import { axiosInterceptors_default, useUser } from "./useAxiosGet-Dh5pVURP.js";
+import { useEffect, useMemo } from "react";
+import useAxios from "axios-hooks";
+import Axios from "axios";
+
+//#region src/utilities/useAxiosMutate.js
+axiosInterceptors_default();
+const useAxiosMutate = (baseURL, url, config) => {
+	const fullURL = { url: `${baseURL}/${url}` };
+	const user = useUser();
+	config.headers = useMemo(() => {
+		const currentHeaders = config.headers ?? {};
+		currentHeaders.currentTenantId ||= user?.currentTenantId ?? "";
+		return currentHeaders;
+	}, [user, config]);
+	const [{ data, loading, error }, execute] = useAxios({
+		...fullURL,
+		...config
+	}, { manual: true });
+	useEffect(() => {
+		handleResponseErrors(error);
+	}, [error]);
+	return [{
+		data,
+		loading,
+		error
+	}, execute];
+};
+const apiMutate = async (baseURL, url, config, data) => {
+	const fullURL = { url: `${baseURL}/${url}` };
+	const accessToken = await getAccessToken();
+	const mergedConfig = getMergedConfig(accessToken, config);
+	return Axios({
+		...fullURL,
+		...mergedConfig,
+		...data
+	});
+};
+
+//#endregion
+export { apiMutate, useAxiosMutate };
+//# sourceMappingURL=useAxiosMutate-DlG255x9.js.map

package/dist/useAxiosMutate-DlG255x9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAxiosMutate-DlG255x9.js","names":["enableAxiosInterceptors"],"sources":["../src/utilities/useAxiosMutate.js"],"sourcesContent":["import { useEffect, useMemo } from 'react';\nimport useAxios from 'axios-hooks';\nimport Axios from 'axios';\nimport {\n  handleResponseErrors,\n  getMergedConfig,\n  getAccessToken\n} from './apiHelpers';\nimport enableAxiosInterceptors from './axiosInterceptors';\nimport { useUser } from './auth/useUser';\n\nenableAxiosInterceptors();\n\nexport const useAxiosMutate = (baseURL, url, config) => {\n\n  const fullURL = { url: `${baseURL}/${url}` };\n  const user = useUser()\n\n  const headers = useMemo(() => {\n    const currentHeaders = config.headers ?? {}\n    currentHeaders.currentTenantId ||= user?.currentTenantId ?? ''\n    return currentHeaders\n  }, [user, config])\n  config.headers = headers\n\n  const [{ data, loading, error }, execute] = useAxios(\n    { ...fullURL, ...config },\n    { manual: true }\n  );\n\n  useEffect(() => {\n    handleResponseErrors(error);\n  }, [error]);\n\n  return [{ data, loading, error }, execute];\n};\n\nexport const apiMutate = async (baseURL, url, config, data) => {\n  const fullURL = { url: `${baseURL}/${url}` };\n  const accessToken = await getAccessToken();\n  const mergedConfig = getMergedConfig(accessToken, config);\n  return Axios({ ...fullURL, ...mergedConfig, ...data });\n};\n"],"mappings":";;;;;;;AAWAA,2BAAyB;AAEzB,MAAa,kBAAkB,SAAS,KAAK,WAAW;CAEtD,MAAM,UAAU,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO;CAC5C,MAAM,OAAO,SAAS;AAOtB,QAAO,UALS,cAAc;EAC5B,MAAM,iBAAiB,OAAO,WAAW,EAAE;AAC3C,iBAAe,oBAAoB,MAAM,mBAAmB;AAC5D,SAAO;IACN,CAAC,MAAM,OAAO,CAAC;CAGlB,MAAM,CAAC,EAAE,MAAM,SAAS,SAAS,WAAW,SAC1C;EAAE,GAAG;EAAS,GAAG;EAAQ,EACzB,EAAE,QAAQ,MAAM,CACjB;AAED,iBAAgB;AACd,uBAAqB,MAAM;IAC1B,CAAC,MAAM,CAAC;AAEX,QAAO,CAAC;EAAE;EAAM;EAAS;EAAO,EAAE,QAAQ;;AAG5C,MAAa,YAAY,OAAO,SAAS,KAAK,QAAQ,SAAS;CAC7D,MAAM,UAAU,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO;CAC5C,MAAM,cAAc,MAAM,gBAAgB;CAC1C,MAAM,eAAe,gBAAgB,aAAa,OAAO;AACzD,QAAO,MAAM;EAAE,GAAG;EAAS,GAAG;EAAc,GAAG;EAAM,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "udp-react-enterprise-component-library",
-  "version": "25.1.0-beta.9",
+  "version": "25.1.1-beta.1",
   "description": "React-based UI component library implementing Fluent UI design for Univerus internal projects",
   "author": "Univerus",
   "license": "MIT",
@@ -161,7 +161,7 @@
     "warning": "^4.0.3",
     "xlsx": "^0.18.5",
     "zustand": "^4.3.7",
-    "udp-react-stencil-component-library": "25.1.0-beta.9"
+    "udp-react-stencil-component-library": "25.1.1-beta.1"
   },
   "publishConfig": {
     "tag": "beta"