@campxdev/shared 1.9.0 → 1.9.1

package/src/theme/theme.d.ts

@@ -1,77 +1,77 @@
-import { ThemeOptions as MuiThemeOptions } from '@mui/material/styles'
-
-declare module '@mui/material/styles' {
-  interface Theme {
-    borders: {
-      grayLight: string
-      primary: string
-    }
-    palette: {
-      primary: {
-        dark: string
-        main: string
-        light: string
-        lighter: string
-      }
-      secondary: {
-        main: string
-        light: string
-        dark: string
-        lighter: string
-      }
-      common: {
-        black: string
-        white: string
-        green: string
-        yellow: string
-        blue: string
-      }
-      error: {
-        main: string
-      }
-      text: {
-        primary: string
-        secondary: string
-        disabled: string
-      }
-    }
-  }
-  // allow configuration using `createTheme`
-  interface CustomThemeOptions extends MuiThemeOptions {
-    borders?: {
-      grayLight?: string
-    }
-    palette: {
-      secondary?: {
-        main?: string
-        light?: string
-        dark?: string
-        lighter?: string
-      }
-      primary?: {
-        dark?: string
-        main?: string
-        light?: string
-        lighter?: string
-      }
-      common?: {
-        black?: string
-        white?: string
-        green?: string
-        yellow?: string
-        blue?: string
-      }
-      error?: {
-        main?: string
-      }
-      text?: {
-        primary?: string
-        secondary?: string
-        disabled?: string
-      }
-    }
-    components?: Components<Omit<Theme, 'components'>>
-    typography?: TypographyOptions | ((palette: Palette) => TypographyOptions)
-  }
-  export function createTheme(options?: CustomThemeOptions): CustomTheme
-}
+import { ThemeOptions as MuiThemeOptions } from '@mui/material/styles'
+
+declare module '@mui/material/styles' {
+  interface Theme {
+    borders: {
+      grayLight: string
+      primary: string
+    }
+    palette: {
+      primary: {
+        dark: string
+        main: string
+        light: string
+        lighter: string
+      }
+      secondary: {
+        main: string
+        light: string
+        dark: string
+        lighter: string
+      }
+      common: {
+        black: string
+        white: string
+        green: string
+        yellow: string
+        blue: string
+      }
+      error: {
+        main: string
+      }
+      text: {
+        primary: string
+        secondary: string
+        disabled: string
+      }
+    }
+  }
+  // allow configuration using `createTheme`
+  interface CustomThemeOptions extends MuiThemeOptions {
+    borders?: {
+      grayLight?: string
+    }
+    palette: {
+      secondary?: {
+        main?: string
+        light?: string
+        dark?: string
+        lighter?: string
+      }
+      primary?: {
+        dark?: string
+        main?: string
+        light?: string
+        lighter?: string
+      }
+      common?: {
+        black?: string
+        white?: string
+        green?: string
+        yellow?: string
+        blue?: string
+      }
+      error?: {
+        main?: string
+      }
+      text?: {
+        primary?: string
+        secondary?: string
+        disabled?: string
+      }
+    }
+    components?: Components<Omit<Theme, 'components'>>
+    typography?: TypographyOptions | ((palette: Palette) => TypographyOptions)
+  }
+  export function createTheme(options?: CustomThemeOptions): CustomTheme
+}

package/src/utils/adminAxios.ts

@@ -1,15 +1,15 @@
-import Axios from 'axios'
-import Cookies from 'js-cookie'
-
-const sessionKey = Cookies.get('campx_admin_session_key')
-let adminAxios = Axios.create({
-  baseURL: process.env.REACT_APP_TENANT_API_HOST,
-  withCredentials: true,
-  headers: {
-    ...(sessionKey && {
-      campx_admin_session_key: sessionKey,
-    }),
-  },
-})
-
-export default adminAxios
+import Axios from 'axios'
+import Cookies from 'js-cookie'
+
+const sessionKey = Cookies.get('campx_admin_session_key')
+let adminAxios = Axios.create({
+  baseURL: process.env.REACT_APP_TENANT_API_HOST,
+  withCredentials: true,
+  headers: {
+    ...(sessionKey && {
+      campx_admin_session_key: sessionKey,
+    }),
+  },
+})
+
+export default adminAxios

package/src/utils/alphabet.ts

@@ -1,23 +1,23 @@
-export function alphabet(option) {
-  let letters: any = []
-
-  //set the default value of i & j to print A to Z
-  var i = 65
-  var j = 91
-
-  //if the option is small set the value of i,j to print a to z
-  if (option == 'small') {
-    i = 97
-    j = 123
-  }
-
-  //loop through the values from i to j
-  for (let k = i; k < j; k++) {
-    //convert the char code to string (Alphabets)
-    var str = String.fromCharCode(k)
-    //print the result in console
-    letters.push(str)
-  }
-
-  return letters
-}
+export function alphabet(option) {
+  let letters: any = []
+
+  //set the default value of i & j to print A to Z
+  var i = 65
+  var j = 91
+
+  //if the option is small set the value of i,j to print a to z
+  if (option == 'small') {
+    i = 97
+    j = 123
+  }
+
+  //loop through the values from i to j
+  for (let k = i; k < j; k++) {
+    //convert the char code to string (Alphabets)
+    var str = String.fromCharCode(k)
+    //print the result in console
+    letters.push(str)
+  }
+
+  return letters
+}

package/src/utils/arrayPadEnd.ts

@@ -1,3 +1,3 @@
-export default function arrayPadEnd(array, minLength, fillValue = undefined) {
-  return Object.assign(new Array(minLength).fill(fillValue), array)
-}
+export default function arrayPadEnd(array, minLength, fillValue = undefined) {
+  return Object.assign(new Array(minLength).fill(fillValue), array)
+}

package/src/utils/formatCurrency.ts

@@ -1,9 +1,9 @@
-var formatter = new Intl.NumberFormat('en-IN', {
-  style: 'currency',
-  currency: 'INR',
-  currencyDisplay: 'code',
-})
-
-export default function inr(amount: number) {
-  return formatter.format(amount).replace('INR', '').trim()
-}
+var formatter = new Intl.NumberFormat('en-IN', {
+  style: 'currency',
+  currency: 'INR',
+  currencyDisplay: 'code',
+})
+
+export default function inr(amount: number) {
+  return formatter.format(amount).replace('INR', '').trim()
+}

package/src/utils/getUrlParams.ts

@@ -1,5 +1,5 @@
-export default function getUrlParams() {
-  const urlSearchParams = new URLSearchParams(window.location.search)
-  const params = Object.fromEntries(urlSearchParams.entries())
-  return params
-}
+export default function getUrlParams() {
+  const urlSearchParams = new URLSearchParams(window.location.search)
+  const params = Object.fromEntries(urlSearchParams.entries())
+  return params
+}

package/src/utils/index.ts

@@ -1,7 +1,7 @@
-export { default as getUrlParams } from './getUrlParams'
-export { default as arrayPadEnd } from './arrayPadEnd'
-export { default as romanize } from './romanize'
-
-export { default as withRouteWrapper } from './withRouteWrapper'
-export { default as withSuspense } from './withSuspense'
-export { default as onLogout } from './logout'
+export { default as getUrlParams } from './getUrlParams'
+export { default as arrayPadEnd } from './arrayPadEnd'
+export { default as romanize } from './romanize'
+
+export { default as withRouteWrapper } from './withRouteWrapper'
+export { default as withSuspense } from './withSuspense'
+export { default as onLogout } from './logout'

package/src/utils/logout.ts

@@ -1,25 +1,25 @@
-import Cookies from 'js-cookie'
-import axios, { axiosErrorToast } from '../config/axios'
-
-export default function logout() {
-  axios({
-    method: 'POST',
-    baseURL: process.env.REACT_APP_API_HOST,
-    url: '/auth-server/auth/logout',
-  })
-    .then((res) => {
-      if (
-        process.env.NODE_ENV === 'development' ||
-        window.location.origin.split('campx')[1] === '.dev'
-      ) {
-        Cookies.remove('campx_tenant')
-        Cookies.remove('campx_session_key')
-        window.location.href = window.location.origin
-      } else {
-        window.location.href = 'https://id.campx.in'
-      }
-    })
-    .catch((err) => {
-      axiosErrorToast('Unable To Logout.')
-    })
-}
+import Cookies from 'js-cookie'
+import axios, { axiosErrorToast } from '../config/axios'
+
+export default function logout() {
+  axios({
+    method: 'POST',
+    baseURL: process.env.REACT_APP_API_HOST,
+    url: '/auth-server/auth/logout',
+  })
+    .then((res) => {
+      if (
+        process.env.NODE_ENV === 'development' ||
+        window.location.origin.split('campx')[1] === '.dev'
+      ) {
+        Cookies.remove('campx_tenant')
+        Cookies.remove('campx_session_key')
+        window.location.href = window.location.origin
+      } else {
+        window.location.href = 'https://id.campx.in'
+      }
+    })
+    .catch((err) => {
+      axiosErrorToast('Unable To Logout.')
+    })
+}

package/src/utils/ordinalSuffixOf.ts

@@ -1,14 +1,14 @@
-export default function ordinalSuffixOf(i: number) {
-  var j = i % 10,
-    k = i % 100
-  if (j == 1 && k != 11) {
-    return i + 'st'
-  }
-  if (j == 2 && k != 12) {
-    return i + 'nd'
-  }
-  if (j == 3 && k != 13) {
-    return i + 'rd'
-  }
-  return i + 'th'
-}
+export default function ordinalSuffixOf(i: number) {
+  var j = i % 10,
+    k = i % 100
+  if (j == 1 && k != 11) {
+    return i + 'st'
+  }
+  if (j == 2 && k != 12) {
+    return i + 'nd'
+  }
+  if (j == 3 && k != 13) {
+    return i + 'rd'
+  }
+  return i + 'th'
+}

package/src/utils/romanize.ts

@@ -1,40 +1,40 @@
-export default function romanize(num) {
-  if (!+num) return false
-  var digits = String(+num).split(''),
-    key = [
-      '',
-      'C',
-      'CC',
-      'CCC',
-      'CD',
-      'D',
-      'DC',
-      'DCC',
-      'DCCC',
-      'CM',
-      '',
-      'X',
-      'XX',
-      'XXX',
-      'XL',
-      'L',
-      'LX',
-      'LXX',
-      'LXXX',
-      'XC',
-      '',
-      'I',
-      'II',
-      'III',
-      'IV',
-      'V',
-      'VI',
-      'VII',
-      'VIII',
-      'IX',
-    ],
-    roman = '',
-    i = 3
-  while (i--) roman = (key[+digits.pop() + i * 10] || '') + roman
-  return Array(+digits.join('') + 1).join('M') + roman
-}
+export default function romanize(num) {
+  if (!+num) return false
+  var digits = String(+num).split(''),
+    key = [
+      '',
+      'C',
+      'CC',
+      'CCC',
+      'CD',
+      'D',
+      'DC',
+      'DCC',
+      'DCCC',
+      'CM',
+      '',
+      'X',
+      'XX',
+      'XXX',
+      'XL',
+      'L',
+      'LX',
+      'LXX',
+      'LXXX',
+      'XC',
+      '',
+      'I',
+      'II',
+      'III',
+      'IV',
+      'V',
+      'VI',
+      'VII',
+      'VIII',
+      'IX',
+    ],
+    roman = '',
+    i = 3
+  while (i--) roman = (key[+digits.pop() + i * 10] || '') + roman
+  return Array(+digits.join('') + 1).join('M') + roman
+}

package/src/utils/withRouteWrapper.tsx

@@ -1,25 +1,25 @@
-import { Suspense } from 'react'
-import PageWithPermission from '../permissions/PageWithPermission'
-import { Spinner } from '../components'
-
-const withRouteWrapper = (routes) => {
-  return routes?.map((item, index) => {
-    if (item?.children) {
-      return {
-        ...item,
-        children: withRouteWrapper(item.children),
-      }
-    }
-    return {
-      ...item,
-      element: item?.element ? (
-        <Suspense fallback={<Spinner />} key={index}>
-          <PageWithPermission permissionKey={item?.permissionKey}>
-            {item.element}
-          </PageWithPermission>
-        </Suspense>
-      ) : undefined,
-    }
-  })
-}
-export default withRouteWrapper
+import { Suspense } from 'react'
+import PageWithPermission from '../permissions/PageWithPermission'
+import { Spinner } from '../components'
+
+const withRouteWrapper = (routes) => {
+  return routes?.map((item, index) => {
+    if (item?.children) {
+      return {
+        ...item,
+        children: withRouteWrapper(item.children),
+      }
+    }
+    return {
+      ...item,
+      element: item?.element ? (
+        <Suspense fallback={<Spinner />} key={index}>
+          <PageWithPermission permissionKey={item?.permissionKey}>
+            {item.element}
+          </PageWithPermission>
+        </Suspense>
+      ) : undefined,
+    }
+  })
+}
+export default withRouteWrapper

package/src/utils/withSuspense.tsx

@@ -1,6 +1,6 @@
-import { LinearProgress, Spinner } from '../components'
-import { ReactNode, Suspense } from 'react'
-
-export default function withSuspense(component: ReactNode) {
-  return <Suspense fallback={<LinearProgress />}>{component}</Suspense>
-}
+import { LinearProgress, Spinner } from '../components'
+import { ReactNode, Suspense } from 'react'
+
+export default function withSuspense(component: ReactNode) {
+  return <Suspense fallback={<LinearProgress />}>{component}</Suspense>
+}

package/styled-components.tsx

@@ -1,60 +1,60 @@
-import styled from 'styled-components'
-import { styled as muiStyled } from '@mui/material'
-
-export const headerHeight = '64px'
-export const sideNavWidth = '220px'
-
-export const StyledLayoutContainer = styled.div`
-  & > div {
-  }
-`
-
-export const StyledHeaderContainer = styled.header`
-  z-index: 300;
-  width: 100%;
-  position: fixed;
-  top: 0;
-  left: 0;
-  min-height: ${headerHeight};
-  background: #fff;
-  & > div {
-    height: ${headerHeight};
-  }
-`
-
-export const StyledLeftNavContainer = muiStyled('aside')(({ theme }) => ({
-  width: sideNavWidth,
-  background: theme.palette.secondary.main,
-  color: 'white',
-  position: 'fixed',
-  top: headerHeight,
-  left: 0,
-  height: `calc(100vh - ${headerHeight})`,
-  overflowY: 'auto',
-
-  '&::-webkit-scrollbar': {
-    width: '0.5em',
-    height: '0.5em',
-  },
-
-  '&::-webkit-scrollbar-thumb': {
-    backgroundColor: 'rgba(255, 255, 255, 0.3)',
-    borderRadius: '3px',
-
-    '&:hover': {
-      background: 'rgba(255, 255, 255, 0.4)',
-    },
-  },
-
-  zIndex: 100,
-}))
-
-export const StyledMainContentContainer = muiStyled('main')(() => ({
-  width: `calc(100% - ${sideNavWidth})`,
-  // width: '100%',
-  height: `calc(100vh - ${headerHeight})`,
-  position: 'fixed',
-  top: headerHeight,
-  left: sideNavWidth,
-  overflowY: 'auto',
-}))
+import styled from 'styled-components'
+import { styled as muiStyled } from '@mui/material'
+
+export const headerHeight = '64px'
+export const sideNavWidth = '220px'
+
+export const StyledLayoutContainer = styled.div`
+  & > div {
+  }
+`
+
+export const StyledHeaderContainer = styled.header`
+  z-index: 300;
+  width: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  min-height: ${headerHeight};
+  background: #fff;
+  & > div {
+    height: ${headerHeight};
+  }
+`
+
+export const StyledLeftNavContainer = muiStyled('aside')(({ theme }) => ({
+  width: sideNavWidth,
+  background: theme.palette.secondary.main,
+  color: 'white',
+  position: 'fixed',
+  top: headerHeight,
+  left: 0,
+  height: `calc(100vh - ${headerHeight})`,
+  overflowY: 'auto',
+
+  '&::-webkit-scrollbar': {
+    width: '0.5em',
+    height: '0.5em',
+  },
+
+  '&::-webkit-scrollbar-thumb': {
+    backgroundColor: 'rgba(255, 255, 255, 0.3)',
+    borderRadius: '3px',
+
+    '&:hover': {
+      background: 'rgba(255, 255, 255, 0.4)',
+    },
+  },
+
+  zIndex: 100,
+}))
+
+export const StyledMainContentContainer = muiStyled('main')(() => ({
+  width: `calc(100% - ${sideNavWidth})`,
+  // width: '100%',
+  height: `calc(100vh - ${headerHeight})`,
+  position: 'fixed',
+  top: headerHeight,
+  left: sideNavWidth,
+  overflowY: 'auto',
+}))