@campxdev/shared 0.3.11 → 0.3.13

package/antd.customize.less

@@ -1,73 +1,73 @@
-@font-family: Avenir;
-
-/*
-COLORS
-*/
-
-@primary-color: #1e19f5; // primary color for all components
-@secondary-color: #1d1d1d;
-@success-color: #52c41a; // success state color
-@warning-color: #faad14; // warning state color
-@error-color: #f5222d; // error state color
-@menu-highlight-color: #1d1d1d;
-// @link-color: #1890ff; // link color
-@heading-color: rgba(0, 0, 0, 0.85); // heading text color
-@text-color: rgba(0, 0, 0, 0.65); // major text color
-@text-color-secondary: rgba(0, 0, 0, 0.45); // secondary text color
-@disabled-color: rgba(0, 0, 0, 0.25); // disable state color
-@border-color-base: #d9d9d9; // major border color
-@body-background: #fff;
-// Base background color for most components
-@component-background: #fff;
-
-/*
-  SIZES
-*/
-@height-lg: 40px;
-@font-size-base: 14px; // major text font size
-@font-size-lg: @font-size-base + 2px;
-@border-radius-base: 10px; // major border radius
-@border-width-base: 1px;
-@line-height-base: 1.5715;
-
-// /*
-//   VERTICAL PADDINGS
-// */
-// @padding-lg: 24px; // containers
-// @padding-md: 16px; // small containers and buttons
-// @padding-sm: 12px; // Form controls and items
-// @padding-xs: 8px; // small items
-// @padding-xss: 4px; // more small
-
-/*
-  SHADOWS
-*/
-@box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.12),
-  0 6px 16px 0 rgba(0, 0, 0, 0.08), i 0 9px 28px 8px rgba(0, 0, 0, 0.05); // major shadow for layers
-
-/*
-  TYPOGRAPHY
-*/
-@heading-5-size: ceil(@font-size-base + 4px);
-
-/*
-  COMPONENTS
-*/
-
-//button
-@btn-height-lg: @height-lg;
-@btn-border-radius-base: @border-radius-base;
-@btn-border-radius-sm: @border-radius-base;
-
-//input
-@input-height-lg: @height-lg;
-@input-bg: @component-background;
-
-//Menu
-@menu-dark-bg: var(--secondary-dark);
-@menu-dark-item-active-bg: var(--secondary-light);
-
-//table
-@table-header-bg: #f2f2f2;
-@table-header-sort-active-bg: @table-header-bg;
-@table-border-radius-base: 0;
+@font-family: Avenir;
+
+/*
+COLORS
+*/
+
+@primary-color: #1e19f5; // primary color for all components
+@secondary-color: #1d1d1d;
+@success-color: #52c41a; // success state color
+@warning-color: #faad14; // warning state color
+@error-color: #f5222d; // error state color
+@menu-highlight-color: #1d1d1d;
+// @link-color: #1890ff; // link color
+@heading-color: rgba(0, 0, 0, 0.85); // heading text color
+@text-color: rgba(0, 0, 0, 0.65); // major text color
+@text-color-secondary: rgba(0, 0, 0, 0.45); // secondary text color
+@disabled-color: rgba(0, 0, 0, 0.25); // disable state color
+@border-color-base: #d9d9d9; // major border color
+@body-background: #fff;
+// Base background color for most components
+@component-background: #fff;
+
+/*
+  SIZES
+*/
+@height-lg: 40px;
+@font-size-base: 14px; // major text font size
+@font-size-lg: @font-size-base + 2px;
+@border-radius-base: 10px; // major border radius
+@border-width-base: 1px;
+@line-height-base: 1.5715;
+
+// /*
+//   VERTICAL PADDINGS
+// */
+// @padding-lg: 24px; // containers
+// @padding-md: 16px; // small containers and buttons
+// @padding-sm: 12px; // Form controls and items
+// @padding-xs: 8px; // small items
+// @padding-xss: 4px; // more small
+
+/*
+  SHADOWS
+*/
+@box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.12),
+  0 6px 16px 0 rgba(0, 0, 0, 0.08), i 0 9px 28px 8px rgba(0, 0, 0, 0.05); // major shadow for layers
+
+/*
+  TYPOGRAPHY
+*/
+@heading-5-size: ceil(@font-size-base + 4px);
+
+/*
+  COMPONENTS
+*/
+
+//button
+@btn-height-lg: @height-lg;
+@btn-border-radius-base: @border-radius-base;
+@btn-border-radius-sm: @border-radius-base;
+
+//input
+@input-height-lg: @height-lg;
+@input-bg: @component-background;
+
+//Menu
+@menu-dark-bg: var(--secondary-dark);
+@menu-dark-item-active-bg: var(--secondary-light);
+
+//table
+@table-header-bg: #f2f2f2;
+@table-header-sort-active-bg: @table-header-bg;
+@table-border-radius-base: 0;

package/exports.ts

@@ -1,15 +1,15 @@
-export * from './src/components'
-export * from './src/constants'
-export {default as axios, axiosErrorToast} from './src/config/axios'
-
-export * from './src/permissions'
-export * from './src/utils'
-export * from './src/hooks'
-export {useModal} from './src/components/DrawerWrapper/DrawerWrapper'
-export {default as MuiThemeProvider} from './src/theme/MuiThemeProvider'
-export {default as ConfirmContextProvider} from './src/components/PopupConfirm/ConfirmContextProvider'
-export {default as DialogProvider} from './src/components/DrawerWrapper/DrawerWrapper'
-export {default as Providers} from './src/contexts/Providers'
-
-export * from './src/shared-state'
-export * from './src/assets/images'
+export * from './src/components'
+export * from './src/constants'
+export {default as axios, axiosErrorToast} from './src/config/axios'
+
+export * from './src/permissions'
+export * from './src/utils'
+export * from './src/hooks'
+export {useModal} from './src/components/DrawerWrapper/DrawerWrapper'
+export {default as MuiThemeProvider} from './src/theme/MuiThemeProvider'
+export {default as ConfirmContextProvider} from './src/components/PopupConfirm/ConfirmContextProvider'
+export {default as DialogProvider} from './src/components/DrawerWrapper/DrawerWrapper'
+export {default as Providers} from './src/contexts/Providers'
+
+export * from './src/shared-state'
+export * from './src/assets/images'

package/package.json

@@ -1,51 +1,51 @@
-{
-	"name": "@campxdev/shared",
-	"version": "0.3.11",
-	"main": "./exports.ts",
-	"scripts": {
-		"start": "react-scripts start",
-		"build": "CI=false && react-scripts build",
-		"test": "react-scripts test",
-		"eject": "react-scripts eject"
-	},
-	"browserslist": {
-		"production": [
-			">0.2%",
-			"not dead",
-			"not op_mini all"
-		],
-		"development": [
-			"last 1 chrome version",
-			"last 1 firefox version",
-			"last 1 safari version"
-		]
-	},
-	"dependencies": {
-		"@emotion/react": "^11.9.0",
-		"@emotion/styled": "^11.8.1",
-		"@mui/icons-material": "^5.6.2",
-		"@mui/material": "^5.7.0",
-		"@mui/x-date-pickers": "^5.0.0-alpha.3",
-		"@types/js-cookie": "^3.0.2",
-		"@types/node": "^18.11.8",
-		"axios": "^0.27.2",
-		"date-fns": "^2.28.0",
-		"js-cookie": "^3.0.1",
-		"moment": "^2.29.4",
-		"pullstate": "^1.24.0",
-		"react": "^18.2.0",
-		"react-dom": "^18.2.0",
-		"react-error-boundary": "^3.1.4",
-		"react-hook-form": "^7.31.1",
-		"react-query": "^3.39.0",
-		"react-router-dom": "^6.4.2",
-		"react-table": "^7.8.0",
-		"react-toastify": "^9.0.1",
-		"styled-components": "^5.3.5",
-		"swiper": "^8.1.5",
-		"typescript": "^4.8.4"
-	},
-	"devDependencies": {
-		"react-scripts": "^5.0.1"
-	}
-}
+{
+	"name": "@campxdev/shared",
+	"version": "0.3.13",
+	"main": "./exports.ts",
+	"scripts": {
+		"start": "react-scripts start",
+		"build": "CI=false && react-scripts build",
+		"test": "react-scripts test",
+		"eject": "react-scripts eject"
+	},
+	"browserslist": {
+		"production": [
+			">0.2%",
+			"not dead",
+			"not op_mini all"
+		],
+		"development": [
+			"last 1 chrome version",
+			"last 1 firefox version",
+			"last 1 safari version"
+		]
+	},
+	"dependencies": {
+		"@emotion/react": "^11.9.0",
+		"@emotion/styled": "^11.8.1",
+		"@mui/icons-material": "^5.6.2",
+		"@mui/material": "^5.7.0",
+		"@mui/x-date-pickers": "^5.0.0-alpha.3",
+		"@types/js-cookie": "^3.0.2",
+		"@types/node": "^18.11.8",
+		"axios": "^0.27.2",
+		"date-fns": "^2.28.0",
+		"js-cookie": "^3.0.1",
+		"moment": "^2.29.4",
+		"pullstate": "^1.24.0",
+		"react": "^18.2.0",
+		"react-dom": "^18.2.0",
+		"react-error-boundary": "^3.1.4",
+		"react-hook-form": "^7.31.1",
+		"react-query": "^3.39.0",
+		"react-router-dom": "^6.4.2",
+		"react-table": "^7.8.0",
+		"react-toastify": "^9.0.1",
+		"styled-components": "^5.3.5",
+		"swiper": "^8.1.5",
+		"typescript": "^4.8.4"
+	},
+	"devDependencies": {
+		"react-scripts": "^5.0.1"
+	}
+}

package/src/assets/fonts/avenir/index.ts

@@ -1,2 +1,2 @@
-const avenirFont = require('./Avenir.ttc')
-export { avenirFont }
+const avenirFont = require('./Avenir.ttc')
+export { avenirFont }

package/src/assets/fonts/poppins/index.ts

@@ -1,7 +1,7 @@
-//semibold, medium, light, regular
-const semiboldPoppins = require('./Poppins-SemiBold.ttf')
-const mediumPoppins = require('./Poppins-Medium.ttf')
-const lightPoppins = require('./Poppins-Light.ttf')
-const regularPoppins = require('./Poppins-Regular.ttf')
-
-export { semiboldPoppins, mediumPoppins, lightPoppins, regularPoppins }
+//semibold, medium, light, regular
+const semiboldPoppins = require('./Poppins-SemiBold.ttf')
+const mediumPoppins = require('./Poppins-Medium.ttf')
+const lightPoppins = require('./Poppins-Light.ttf')
+const regularPoppins = require('./Poppins-Regular.ttf')
+
+export { semiboldPoppins, mediumPoppins, lightPoppins, regularPoppins }

package/src/assets/images/index.ts

@@ -1,16 +1,16 @@
-const avatarImage = require("./avatar.png");
-const pagenotfound = require("./notfound.png");
-const permissiondenied = require("./403.png");
-const internalserver = require("./500.png");
-const unauth = require("./401.png");
-const nointernet = require("./nointernet.png");
-const campxLogoPrimary = require("./campx_logo__full_primary.png");
-export {
-  avatarImage,
-  campxLogoPrimary,
-  pagenotfound,
-  permissiondenied,
-  internalserver,
-  unauth,
-  nointernet,
-};
+const avatarImage = require("./avatar.png");
+const pagenotfound = require("./notfound.png");
+const permissiondenied = require("./403.png");
+const internalserver = require("./500.png");
+const unauth = require("./401.png");
+const nointernet = require("./nointernet.png");
+const campxLogoPrimary = require("./campx_logo__full_primary.png");
+export {
+  avatarImage,
+  campxLogoPrimary,
+  pagenotfound,
+  permissiondenied,
+  internalserver,
+  unauth,
+  nointernet,
+};

package/src/components/ActionButton.tsx

@@ -1,28 +1,28 @@
-import { Button, ButtonProps, CircularProgress } from '@mui/material'
-import React from 'react'
-
-interface ActionButtonProps extends ButtonProps {
-  loading?: boolean
-  [key: string]: any
-  variant?: any
-}
-
-export default function ActionButton({
-  children,
-  loading,
-  ...props
-}: ActionButtonProps) {
-  return (
-    <React.Fragment>
-      <Button
-        variant={!props?.variant ? 'contained' : props?.variant}
-        color="primary"
-        endIcon={loading ? <CircularProgress size={20} /> : null}
-        disabled={loading}
-        {...props}
-      >
-        {children}
-      </Button>
-    </React.Fragment>
-  )
-}
+import { Button, ButtonProps, CircularProgress } from '@mui/material'
+import React from 'react'
+
+interface ActionButtonProps extends ButtonProps {
+  loading?: boolean
+  [key: string]: any
+  variant?: any
+}
+
+export default function ActionButton({
+  children,
+  loading,
+  ...props
+}: ActionButtonProps) {
+  return (
+    <React.Fragment>
+      <Button
+        variant={!props?.variant ? 'contained' : props?.variant}
+        color="primary"
+        endIcon={loading ? <CircularProgress size={20} /> : null}
+        disabled={loading}
+        {...props}
+      >
+        {children}
+      </Button>
+    </React.Fragment>
+  )
+}

package/src/components/Attachment.tsx

@@ -1,26 +1,26 @@
-import React from 'react'
-import styled from 'styled-components'
-
-interface AttachemntProps {
-  name: string
-  onClick?: Function
-  actions?: any
-}
-
-const AttachmentContainer = styled.div`
-  background: rgba(0, 0, 0, 0.1);
-  border-radius: 8px;
-  padding: 8px;
-  display: flex;
-  justify-content: space-between;
-  cursor: pointer;
-`
-
-export default function Attachment(props: AttachemntProps) {
-  return (
-    <AttachmentContainer onClick={() => props.onClick && props.onClick()}>
-      <div>{props.name}</div>
-      <div onClick={(e) => e.stopPropagation()}>{props.actions}</div>
-    </AttachmentContainer>
-  )
-}
+import React from 'react'
+import styled from 'styled-components'
+
+interface AttachemntProps {
+  name: string
+  onClick?: Function
+  actions?: any
+}
+
+const AttachmentContainer = styled.div`
+  background: rgba(0, 0, 0, 0.1);
+  border-radius: 8px;
+  padding: 8px;
+  display: flex;
+  justify-content: space-between;
+  cursor: pointer;
+`
+
+export default function Attachment(props: AttachemntProps) {
+  return (
+    <AttachmentContainer onClick={() => props.onClick && props.onClick()}>
+      <div>{props.name}</div>
+      <div onClick={(e) => e.stopPropagation()}>{props.actions}</div>
+    </AttachmentContainer>
+  )
+}

package/src/components/AutocompleteSearch/AutocompleteSearch.tsx

@@ -1,57 +1,57 @@
-import { Autocomplete as MuiAutocomplete, TextField } from '@mui/material'
-import _ from 'lodash'
-import { useEffect, useMemo, useState } from 'react'
-
-export default function AutocompleteSearch({
-  name,
-  value,
-  onInputChange,
-  onChange,
-  label,
-  options: _options,
-  ...props
-}) {
-  const [options, setOptions] = useState([])
-
-  const debouncedChangeHandler = useMemo(
-    () =>
-      _.debounce((e, newInput) => {
-        onInputChange(newInput)
-      }, 300),
-    [],
-  )
-
-  useEffect(() => {
-    if (!_options) return
-    setOptions((prev) => [..._options])
-  }, [_options])
-
-  return (
-    <MuiAutocomplete
-      id="autocomplete-search"
-      fullWidth
-      getOptionLabel={(option) =>
-        typeof option === 'string' ? option : option?.label
-      }
-      filterOptions={(x) => x}
-      options={options || []}
-      autoComplete
-      includeInputInList
-      filterSelectedOptions
-      value={value}
-      onChange={(event: any, newValue: any) => {
-        if (!newValue) return
-        // onInputChange(newValue)
-        onChange(newValue)
-      }}
-      onInputChange={debouncedChangeHandler}
-      renderInput={(params) => (
-        <TextField {...params} label={label} fullWidth />
-      )}
-      renderOption={(props, option) => {
-        return <li {...props}>{option?.label}</li>
-      }}
-      {...props}
-    />
-  )
-}
+import { Autocomplete as MuiAutocomplete, TextField } from '@mui/material'
+import _ from 'lodash'
+import { useEffect, useMemo, useState } from 'react'
+
+export default function AutocompleteSearch({
+  name,
+  value,
+  onInputChange,
+  onChange,
+  label,
+  options: _options,
+  ...props
+}) {
+  const [options, setOptions] = useState([])
+
+  const debouncedChangeHandler = useMemo(
+    () =>
+      _.debounce((e, newInput) => {
+        onInputChange(newInput)
+      }, 300),
+    [],
+  )
+
+  useEffect(() => {
+    if (!_options) return
+    setOptions((prev) => [..._options])
+  }, [_options])
+
+  return (
+    <MuiAutocomplete
+      id="autocomplete-search"
+      fullWidth
+      getOptionLabel={(option) =>
+        typeof option === 'string' ? option : option?.label
+      }
+      filterOptions={(x) => x}
+      options={options || []}
+      autoComplete
+      includeInputInList
+      filterSelectedOptions
+      value={value}
+      onChange={(event: any, newValue: any) => {
+        if (!newValue) return
+        // onInputChange(newValue)
+        onChange(newValue)
+      }}
+      onInputChange={debouncedChangeHandler}
+      renderInput={(params) => (
+        <TextField {...params} label={label} fullWidth />
+      )}
+      renderOption={(props, option) => {
+        return <li {...props}>{option?.label}</li>
+      }}
+      {...props}
+    />
+  )
+}

package/src/components/AutocompleteSearch/index.tsx

@@ -1 +1 @@
-export { default } from './AutocompleteSearch'
+export { default } from './AutocompleteSearch'