@campxdev/shared 0.5.20 → 0.5.22

package/.eslintignore

@@ -0,0 +1,4 @@
+# .estlintignore file
+dist
+build
+node_modules/

package/.eslintrc.js

@@ -0,0 +1,34 @@
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+    jest: true,
+  },
+  parser: '@typescript-eslint/parser',
+  extends: ['prettier'],
+  overrides: [],
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+    ecmaFeatures: {
+      jsx: true,
+    },
+  },
+  settings: {
+    'import/resolver': {
+      typescript: {},
+    },
+  },
+  plugins: ['react', '@typescript-eslint', 'prettier'],
+  rules: {
+    'react/react-in-jsx-scope': 'off',
+    'spaced-comment': 'error',
+    'no-duplicate-imports': 'error',
+    'no-console': 'warn',
+    'react/prop-types': ['off'],
+    'react/jsx-key': ['warn'],
+    'react/no-unescaped-entities': 'off',
+    'spaced-comment': 'off',
+  },
+  ignorePatterns: ['**/*.html'],
+}

package/.prettierrc

@@ -0,0 +1,10 @@
+{
+  "bracketSpacing": true,
+  "printWidth": 80,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "tabWidth": 2,
+  "useTabs": false,
+  "bracketSameLine": false,
+  "semi": false
+}

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,16 @@
-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 { default as axiosTenant } from './src/config/axiosXTenant'
+
+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,52 +1,66 @@
-{
-	"name": "@campxdev/shared",
-	"version": "0.5.20",
-	"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": {
-		"@types/react": "^18.0.25",
-		"react-scripts": "^5.0.1"
-	}
-}
+{
+  "name": "@campxdev/shared",
+  "version": "0.5.22",
+  "main": "./exports.ts",
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "CI=false && react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject",
+    "lint": "eslint ./src/**/*.{js,jsx,ts,tsx,json}",
+    "lint:fix": "eslint --fix \"./src/**/*.{js,jsx,ts,tsx,json}\"",
+    "format": "prettier --write \"./src/**/*.{js,jsx,ts,tsx,css,md,json}\" --config ./.prettierrc",
+    "publish": "./publish.sh"
+  },
+  "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",
+    "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"
+  },
+  "devDependencies": {
+    "@types/js-cookie": "^3.0.2",
+    "@types/node": "^18.11.8",
+    "typescript": "^4.8.4",
+    "@types/react": "^18.0.25",
+    "react-scripts": "^5.0.1",
+    "@typescript-eslint/eslint-plugin": "^5.35.1",
+    "@typescript-eslint/parser": "^5.35.1",
+    "eslint": "^8.23.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-import-resolver-typescript": "^3.5.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.31.1",
+    "lerna": "^5.5.1",
+    "prettier": "^2.5.0"
+  }
+}

package/publish.sh

@@ -0,0 +1,2 @@
+npm version patch
+npm publish --verbose --production

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,17 +1,17 @@
-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,
+}