@campxdev/shared 1.8.3 → 1.8.5-0.alpha-1

package/src/components/index.ts

@@ -1,106 +1,110 @@
-import UploadFileDialog from './UploadFileDialog'
-import Chips from './Chips'
-import ImageUpload from './ImageUpload'
-import FloatingContainer from './FloatingContainer'
-import TabsContainer from './Tabs/TabsContainer'
-import { StyledTableContainer } from './StyledTableContainer'
-import SearchBar from './FilterComponents/SearchBar'
-import { DrawerButton, DialogButton } from './ModalButtons'
-import DetailsGrid from './DetailsGrid'
-import AppHeader from './Layout/Header'
-import StepsHeader from './StepsHeader'
-import UploadDocument from './UploadDocument'
-import { Table as StyledTable } from './Table'
-import ErrorBoundary from './ErrorBoundary'
-import FullScreenLoader from './FullScreenLoader'
-import LoginForm from './LoginForm'
-import ResetPassword from './ResetPassword'
-import { SideMenuHeader } from './Layout/SideMenuHeader'
-import SideNav from './Layout/SideNav'
-import { ListItemButton } from './ListItemButton'
-import LayoutWrapper from './Layout/LayoutWrapper'
-import PageNotFound from './PageNotFound'
-import ChangePassword from './ChangePassword'
-import UploadButton from './UploadButton'
-import DialogWrapper from './DrawerWrapper/DialogWrapper'
-import Form from './Form/Form'
-import RenderForm from './Form/RenderForm'
-import AsyncSearchSelect from './Input/AsyncSearchSelect'
-import FilterButton from './FilterComponents/FilterButton'
-import Helmet from './Layout/Helmet'
-import NavigationTabs from './Tabs/NavigationTabs'
-import GlobalNetworkLoadingIndicator from './ErrorBoundary/GlobalNetworkLoadingIndicator'
-import UserBox from './Layout/Header/HeaderActions/UserBox'
-import { CustomDialog } from './ModalButtons/DialogButton'
-import { CustomDrawer } from './ModalButtons/DrawerButton'
-import ExcelJsonUpload from './ExcelToJsonInput/ExcelJsonUpload'
-import ExcelToJsonInput from './ExcelToJsonInput'
-export { default as Image } from './Image'
-export { default as PageHeader } from './PageHeader'
-export { PageContent } from './PageContent'
-export { default as ActionButton } from './ActionButton'
-export { default as Breadcrumbs } from './Breadcrumbs'
-export { default as Table } from './Tables/BasicTable'
-export { default as Spinner } from './Spinner'
-export { default as AutocompleteSearch } from './AutocompleteSearch'
-export { default as JsonPreview } from './JsonPreview'
-export { default as LabelValue } from './LabelValue'
-export { LinearProgress } from './LinearProgress'
-export { default as MediaRow } from './MediaRow'
-export { default as NoDataIllustration } from './NoDataIllustration'
-export { default as SwitchButton } from './SwitchButton'
-export { default as Tabs } from './Tabs/Tabs'
-export { default as ToastContainer } from './ToastContainer'
-export { default as Card } from './Card'
-export { default as CardsGrid } from './CardsGrid'
-export { default as DividerHeading } from './DividerHeading'
-export { default as ReactTable } from './Tables/ReactTable'
-export { default as TableFooter } from './Tables/BasicTable/TableFooter'
-export { default as DropDownButton } from './DropDownButton'
-export { default as useConfirm } from './PopupConfirm/useConfirm'
-
-export {
-  UploadFileDialog,
-  Chips,
-  ImageUpload,
-  FloatingContainer,
-  TabsContainer,
-  StyledTableContainer,
-  SearchBar,
-  DrawerButton,
-  DialogButton,
-  DetailsGrid,
-  AppHeader,
-  StepsHeader,
-  UploadDocument,
-  StyledTable,
-  ErrorBoundary,
-  FullScreenLoader,
-  LoginForm,
-  ResetPassword,
-  SideMenuHeader,
-  ListItemButton,
-  LayoutWrapper,
-  PageNotFound,
-  SideNav,
-  ChangePassword,
-  UploadButton,
-  DialogWrapper,
-  Form,
-  RenderForm,
-  AsyncSearchSelect,
-  FilterButton,
-  Helmet,
-  NavigationTabs,
-  CustomDialog,
-  CustomDrawer,
-  GlobalNetworkLoadingIndicator,
-  UserBox,
-  ExcelJsonUpload,
-  ExcelToJsonInput,
-}
-
-export * from './UploadButton/types'
-export * from './HookForm'
-export * from './Input'
-export * from './IconButtons'
+import UploadFileDialog from './UploadFileDialog'
+import Chips from './Chips'
+import ImageUpload from './ImageUpload'
+import FloatingContainer from './FloatingContainer'
+import TabsContainer from './Tabs/TabsContainer'
+import { StyledTableContainer } from './StyledTableContainer'
+import SearchBar from './FilterComponents/SearchBar'
+import { DrawerButton, DialogButton } from './ModalButtons'
+import DetailsGrid from './DetailsGrid'
+import AppHeader from './Layout/Header'
+import StepsHeader from './StepsHeader'
+import UploadDocument from './UploadDocument'
+import { Table as StyledTable } from './Table'
+import ErrorBoundary from './ErrorBoundary'
+import FullScreenLoader from './FullScreenLoader'
+import LoginForm from './LoginForm'
+import ResetPassword from './ResetPassword'
+import { SideMenuHeader } from './Layout/SideMenuHeader'
+import SideNav from './Layout/SideNav'
+import { ListItemButton } from './ListItemButton'
+import LayoutWrapper from './Layout/LayoutWrapper'
+import PageNotFound from './PageNotFound'
+import ChangePassword from './ChangePassword'
+import UploadButton from './UploadButton'
+import DialogWrapper from './DrawerWrapper/DialogWrapper'
+import Form from './Form/Form'
+import RenderForm from './Form/RenderForm'
+import AsyncSearchSelect from './Input/AsyncSearchSelect'
+import FilterButton from './FilterComponents/FilterButton'
+import Helmet from './Layout/Helmet'
+import NavigationTabs from './Tabs/NavigationTabs'
+import GlobalNetworkLoadingIndicator from './ErrorBoundary/GlobalNetworkLoadingIndicator'
+import UserBox from './Layout/Header/HeaderActions/UserBox'
+import { CustomDialog } from './ModalButtons/DialogButton'
+import { CustomDrawer } from './ModalButtons/DrawerButton'
+import ExcelJsonUpload from './ExcelToJsonInput/ExcelJsonUpload'
+import ExcelToJsonInput from './ExcelToJsonInput'
+import ApplicationProfile from './ApplicationProfile'
+import PopoverButton from './ModalButtons/PopoverButton'
+export { default as Image } from './Image'
+export { default as PageHeader } from './PageHeader'
+export { PageContent } from './PageContent'
+export { default as ActionButton } from './ActionButton'
+export { default as Breadcrumbs } from './Breadcrumbs'
+export { default as Table } from './Tables/BasicTable'
+export { default as Spinner } from './Spinner'
+export { default as AutocompleteSearch } from './AutocompleteSearch'
+export { default as JsonPreview } from './JsonPreview'
+export { default as LabelValue } from './LabelValue'
+export { LinearProgress } from './LinearProgress'
+export { default as MediaRow } from './MediaRow'
+export { default as NoDataIllustration } from './NoDataIllustration'
+export { default as SwitchButton } from './SwitchButton'
+export { default as Tabs } from './Tabs/Tabs'
+export { default as ToastContainer } from './ToastContainer'
+export { default as Card } from './Card'
+export { default as CardsGrid } from './CardsGrid'
+export { default as DividerHeading } from './DividerHeading'
+export { default as ReactTable } from './Tables/ReactTable'
+export { default as TableFooter } from './Tables/BasicTable/TableFooter'
+export { default as DropDownButton } from './DropDownButton'
+export { default as useConfirm } from './PopupConfirm/useConfirm'
+
+export {
+  UploadFileDialog,
+  Chips,
+  ImageUpload,
+  FloatingContainer,
+  TabsContainer,
+  StyledTableContainer,
+  SearchBar,
+  DrawerButton,
+  DialogButton,
+  DetailsGrid,
+  AppHeader,
+  StepsHeader,
+  UploadDocument,
+  StyledTable,
+  ErrorBoundary,
+  FullScreenLoader,
+  LoginForm,
+  ResetPassword,
+  SideMenuHeader,
+  ListItemButton,
+  LayoutWrapper,
+  PageNotFound,
+  SideNav,
+  ChangePassword,
+  UploadButton,
+  DialogWrapper,
+  Form,
+  RenderForm,
+  AsyncSearchSelect,
+  FilterButton,
+  Helmet,
+  NavigationTabs,
+  CustomDialog,
+  CustomDrawer,
+  GlobalNetworkLoadingIndicator,
+  UserBox,
+  ExcelJsonUpload,
+  ExcelToJsonInput,
+  ApplicationProfile,
+  PopoverButton,
+}
+
+export * from './UploadButton/types'
+export * from './HookForm'
+export * from './Input'
+export * from './IconButtons'

package/src/config/axios.ts

@@ -1,73 +1,79 @@
-import Axios from 'axios'
-import _ from 'lodash'
-import { toast } from 'react-toastify'
-import Cookies from 'js-cookie'
-import { NetworkStore } from '../components/ErrorBoundary/GlobalNetworkLoadingIndicator'
-import { isDevelopment } from '../constants'
-
-const sessionKey = Cookies.get('campx_session_key')
-const clientId = window.location.pathname.split('/')[1] ?? 'campx_dev'
-
-export const formatParams = (params) => {
-  return Object.fromEntries(
-    Object.entries(params ?? {})?.map((i) => [
-      i[0],
-      i[1] === '__empty__' ? '' : i[1],
-    ]),
-  )
-}
-
-let axios = Axios.create({
-  baseURL: process.env.REACT_APP_API_HOST,
-  withCredentials: true,
-  headers: {
-    'x-tenant-id': clientId,
-    ...(isDevelopment &&
-      sessionKey && {
-        campx_session_key: sessionKey,
-      }),
-  },
-})
-
-axios.interceptors.request.use(
-  function (config) {
-    const params = formatParams(config?.params)
-    NetworkStore.update((s) => {
-      s.loading = true
-    })
-    return { ...config, params }
-  },
-  function (error) {
-    NetworkStore.update((s) => {
-      s.loading = false
-    })
-    return Promise.reject(error)
-  },
-)
-
-axios.interceptors.response.use(
-  function (response) {
-    NetworkStore.update((s) => {
-      s.loading = false
-    })
-    return response
-  },
-  function (err) {
-    NetworkStore.update((s) => {
-      s.loading = false
-    })
-    return Promise.reject(err)
-  },
-)
-
-export default axios
-
-export const axiosErrorToast = (error: any, fallback?: string) => {
-  const fallbackMessage = fallback ?? 'Something went wrong.'
-  const errorMessage =
-    typeof error?.response?.data?.message !== 'string'
-      ? error?.response?.data?.message?.join('\n') ?? fallbackMessage
-      : error?.response?.data?.message
-
-  return toast.error(errorMessage)
-}
+import Axios, { AxiosRequestConfig } from 'axios'
+import _ from 'lodash'
+import { toast } from 'react-toastify'
+import Cookies from 'js-cookie'
+import { NetworkStore } from '../components/ErrorBoundary/GlobalNetworkLoadingIndicator'
+import { isDevelopment } from '../constants'
+import { UserStore } from '../shared-state'
+
+const sessionKey = Cookies.get('campx_session_key')
+const clientId = window.location.pathname.split('/')[1] ?? 'campx_dev'
+
+export const formatParams = (params) => {
+  return Object.fromEntries(
+    Object.entries(params ?? {})?.map((i) => [
+      i[0],
+      i[1] === '__empty__' ? '' : i[1],
+    ]),
+  )
+}
+
+let axios = Axios.create({
+  baseURL: process.env.REACT_APP_API_HOST,
+  withCredentials: true,
+  headers: {
+    'x-tenant-id': clientId,
+    ...(isDevelopment &&
+      sessionKey && {
+        campx_session_key: sessionKey,
+      }),
+  },
+})
+
+axios.interceptors.request.use(
+  function (config: AxiosRequestConfig) {
+    const userState = UserStore.getRawState()
+    if (userState?.username) {
+      config.headers.test = userState.username
+    }
+
+    const params = formatParams(config?.params)
+    NetworkStore.update((s) => {
+      s.loading = true
+    })
+    return { ...config, params }
+  },
+  function (error) {
+    NetworkStore.update((s) => {
+      s.loading = false
+    })
+    return Promise.reject(error)
+  },
+)
+
+axios.interceptors.response.use(
+  function (response) {
+    NetworkStore.update((s) => {
+      s.loading = false
+    })
+    return response
+  },
+  function (err) {
+    NetworkStore.update((s) => {
+      s.loading = false
+    })
+    return Promise.reject(err)
+  },
+)
+
+export default axios
+
+export const axiosErrorToast = (error: any, fallback?: string) => {
+  const fallbackMessage = fallback ?? 'Something went wrong.'
+  const errorMessage =
+    typeof error?.response?.data?.message !== 'string'
+      ? error?.response?.data?.message?.join('\n') ?? fallbackMessage
+      : error?.response?.data?.message
+
+  return toast.error(errorMessage)
+}

package/src/config/axiosEvaluator.ts

@@ -1,53 +1,53 @@
-import Axios from 'axios'
-import Cookies from 'js-cookie'
-import { NetworkStore } from '../components/ErrorBoundary/GlobalNetworkLoadingIndicator'
-import { isDevelopment } from '../constants'
-import { formatParams } from './axios'
-
-// const sessionKey = Cookies.get('campx_session_key')
-const clientId = window.location.pathname.split('/')[1] ?? 'campx_dev'
-const evaluatorKey = Cookies.get('campx_evaluator_key')
-
-const axiosEvaluator = Axios.create({
-  baseURL: process.env.REACT_APP_API_HOST,
-  withCredentials: true,
-  headers: {
-    'x-tenant-id': clientId,
-    ...(evaluatorKey && {
-      campx_evaluator_key: evaluatorKey,
-    }),
-  },
-})
-
-axiosEvaluator.interceptors.request.use(
-  function (config) {
-    const params = formatParams(config?.params)
-    NetworkStore.update((s) => {
-      s.loading = true
-    })
-    return { ...config, params }
-  },
-  function (error) {
-    NetworkStore.update((s) => {
-      s.loading = false
-    })
-    return Promise.reject(error)
-  },
-)
-
-axiosEvaluator.interceptors.response.use(
-  function (response) {
-    NetworkStore.update((s) => {
-      s.loading = false
-    })
-    return response
-  },
-  function (err) {
-    NetworkStore.update((s) => {
-      s.loading = false
-    })
-    return Promise.reject(err)
-  },
-)
-
-export default axiosEvaluator
+import Axios from 'axios'
+import Cookies from 'js-cookie'
+import { NetworkStore } from '../components/ErrorBoundary/GlobalNetworkLoadingIndicator'
+import { isDevelopment } from '../constants'
+import { formatParams } from './axios'
+
+// const sessionKey = Cookies.get('campx_session_key')
+const clientId = window.location.pathname.split('/')[1] ?? 'campx_dev'
+const evaluatorKey = Cookies.get('campx_evaluator_key')
+
+const axiosEvaluator = Axios.create({
+  baseURL: process.env.REACT_APP_API_HOST,
+  withCredentials: true,
+  headers: {
+    'x-tenant-id': clientId,
+    ...(evaluatorKey && {
+      campx_evaluator_key: evaluatorKey,
+    }),
+  },
+})
+
+axiosEvaluator.interceptors.request.use(
+  function (config) {
+    const params = formatParams(config?.params)
+    NetworkStore.update((s) => {
+      s.loading = true
+    })
+    return { ...config, params }
+  },
+  function (error) {
+    NetworkStore.update((s) => {
+      s.loading = false
+    })
+    return Promise.reject(error)
+  },
+)
+
+axiosEvaluator.interceptors.response.use(
+  function (response) {
+    NetworkStore.update((s) => {
+      s.loading = false
+    })
+    return response
+  },
+  function (err) {
+    NetworkStore.update((s) => {
+      s.loading = false
+    })
+    return Promise.reject(err)
+  },
+)
+
+export default axiosEvaluator

package/src/config/axiosXTenant.ts

@@ -1,57 +1,57 @@
-import Axios from 'axios'
-import Cookies from 'js-cookie'
-import { NetworkStore } from '../components/ErrorBoundary/GlobalNetworkLoadingIndicator'
-import { isDevelopment } from '../constants'
-import { formatParams } from './axios'
-
-const sessionKey = Cookies.get('campx_session_key')
-const clientId = window.location.pathname.split('/')[1] ?? 'campx_dev'
-const evaluatorKey = Cookies.get('campx_evaluator_key')
-
-const axiosTenant = Axios.create({
-  baseURL: process.env.REACT_APP_API_HOST,
-  withCredentials: true,
-  headers: {
-    'x-tenant-id': clientId,
-    ...(isDevelopment &&
-      sessionKey && {
-        campx_session_key: sessionKey,
-      }),
-    ...(evaluatorKey && {
-      campx_evaluator_key: evaluatorKey,
-    }),
-  },
-})
-
-axiosTenant.interceptors.request.use(
-  function (config) {
-    const params = formatParams(config?.params)
-    NetworkStore.update((s) => {
-      s.loading = true
-    })
-    return { ...config, params }
-  },
-  function (error) {
-    NetworkStore.update((s) => {
-      s.loading = false
-    })
-    return Promise.reject(error)
-  },
-)
-
-axiosTenant.interceptors.response.use(
-  function (response) {
-    NetworkStore.update((s) => {
-      s.loading = false
-    })
-    return response
-  },
-  function (err) {
-    NetworkStore.update((s) => {
-      s.loading = false
-    })
-    return Promise.reject(err)
-  },
-)
-
-export default axiosTenant
+import Axios from 'axios'
+import Cookies from 'js-cookie'
+import { NetworkStore } from '../components/ErrorBoundary/GlobalNetworkLoadingIndicator'
+import { isDevelopment } from '../constants'
+import { formatParams } from './axios'
+
+const sessionKey = Cookies.get('campx_session_key')
+const clientId = window.location.pathname.split('/')[1] ?? 'campx_dev'
+const evaluatorKey = Cookies.get('campx_evaluator_key')
+
+const axiosTenant = Axios.create({
+  baseURL: process.env.REACT_APP_API_HOST,
+  withCredentials: true,
+  headers: {
+    'x-tenant-id': clientId,
+    ...(isDevelopment &&
+      sessionKey && {
+        campx_session_key: sessionKey,
+      }),
+    ...(evaluatorKey && {
+      campx_evaluator_key: evaluatorKey,
+    }),
+  },
+})
+
+axiosTenant.interceptors.request.use(
+  function (config) {
+    const params = formatParams(config?.params)
+    NetworkStore.update((s) => {
+      s.loading = true
+    })
+    return { ...config, params }
+  },
+  function (error) {
+    NetworkStore.update((s) => {
+      s.loading = false
+    })
+    return Promise.reject(error)
+  },
+)
+
+axiosTenant.interceptors.response.use(
+  function (response) {
+    NetworkStore.update((s) => {
+      s.loading = false
+    })
+    return response
+  },
+  function (err) {
+    NetworkStore.update((s) => {
+      s.loading = false
+    })
+    return Promise.reject(err)
+  },
+)
+
+export default axiosTenant