@applica-software-guru/react-admin 1.0.32 → 1.0.34

package/src/themes/theme/theme5.jsx

@@ -0,0 +1,128 @@
+// ==============================|| PRESET THEME - Theme4 Blue ||============================== //
+
+const Theme5 = (colors, mode) => {
+  const { grey } = colors
+  const greyColors = {
+    0: grey[0],
+    50: grey[1],
+    100: grey[2],
+    200: grey[3],
+    300: grey[4],
+    400: grey[5],
+    500: grey[6],
+    600: grey[7],
+    700: grey[8],
+    800: grey[9],
+    900: grey[10],
+    A50: grey[15],
+    A100: grey[11],
+    A200: grey[12],
+    A400: grey[13],
+    A700: grey[14],
+    A800: grey[16],
+  }
+  const contrastText = '#fff'
+
+  let primaryColors = [
+    '#fff4e6',
+    '#ffdfb8',
+    '#ffc98f',
+    '#ffb066',
+    '#ff943d',
+    '#f27013',
+    '#cc5206',
+    '#a63a00',
+    '#802800',
+    '#591900',
+  ]
+  let errorColors = ['#FDE8E7', '#F25E52', '#F04134', '#EE3B2F', '#E92A21']
+  let warningColors = ['#FFF7E0', '#FFC926', '#FFBF00', '#FFB900', '#FFA900']
+  let infoColors = ['#E0F4F5', '#26B0BA', '#00A2AE', '#009AA7', '#008694']
+  let successColors = ['#E0F5EA', '#26B56E', '#00A854', '#00A04D', '#008D3A']
+
+  if (mode === 'dark') {
+    primaryColors = [
+      '#32221a',
+      '#4a2b18',
+      '#5e371b',
+      '#7d4319',
+      '#a85317',
+      '#d26415',
+      '#e9883a',
+      '#f4a962',
+      '#f8c48c',
+      '#fbdbb5',
+    ]
+    errorColors = ['#321d1d', '#7d2e28', '#d13c31', '#e66859', '#f8baaf']
+    warningColors = ['#342c1a', '#836611', '#dda705', '#e9bf28', '#f8e577']
+    infoColors = ['#1a2628', '#11595f', '#058e98', '#1ea6aa', '#64cfcb']
+    successColors = ['#1a2721', '#115c36', '#05934c', '#1da65d', '#61ca8b']
+  }
+
+  return {
+    primary: {
+      lighter: primaryColors[0],
+      100: primaryColors[1],
+      200: primaryColors[2],
+      light: primaryColors[3],
+      400: primaryColors[4],
+      main: primaryColors[5],
+      dark: primaryColors[6],
+      700: primaryColors[7],
+      darker: primaryColors[8],
+      900: primaryColors[9],
+      contrastText,
+    },
+    secondary: {
+      lighter: greyColors[100],
+      100: greyColors[100],
+      200: greyColors[200],
+      light: greyColors[300],
+      400: greyColors[400],
+      main: greyColors[500],
+      600: greyColors[600],
+      dark: greyColors[700],
+      800: greyColors[800],
+      darker: greyColors[900],
+      A100: greyColors[0],
+      A200: greyColors.A400,
+      A300: greyColors.A700,
+      contrastText: greyColors[0],
+    },
+    error: {
+      lighter: errorColors[0],
+      light: errorColors[1],
+      main: errorColors[2],
+      dark: errorColors[3],
+      darker: errorColors[4],
+      contrastText,
+    },
+    warning: {
+      lighter: warningColors[0],
+      light: warningColors[1],
+      main: warningColors[2],
+      dark: warningColors[3],
+      darker: warningColors[4],
+      contrastText: greyColors[100],
+    },
+    info: {
+      lighter: infoColors[0],
+      light: infoColors[1],
+      main: infoColors[2],
+      dark: infoColors[3],
+      darker: infoColors[4],
+      contrastText,
+    },
+    success: {
+      lighter: successColors[0],
+      light: successColors[1],
+      main: successColors[2],
+      dark: successColors[3],
+      darker: successColors[4],
+      contrastText,
+    },
+    grey: greyColors,
+  }
+}
+
+export default Theme5

package/src/themes/theme/theme6.jsx

@@ -0,0 +1,128 @@
+// ==============================|| PRESET THEME - Theme4 Blue ||============================== //
+
+const Theme6 = (colors, mode) => {
+  const { grey } = colors
+  const greyColors = {
+    0: grey[0],
+    50: grey[1],
+    100: grey[2],
+    200: grey[3],
+    300: grey[4],
+    400: grey[5],
+    500: grey[6],
+    600: grey[7],
+    700: grey[8],
+    800: grey[9],
+    900: grey[10],
+    A50: grey[15],
+    A100: grey[11],
+    A200: grey[12],
+    A400: grey[13],
+    A700: grey[14],
+    A800: grey[16],
+  }
+  const contrastText = '#fff'
+
+  let primaryColors = [
+    '#e1f0ef',
+    '#c8e3e2',
+    '#9ad6d6',
+    '#71c6c9',
+    '#4bb5bd',
+    '#2aa1af',
+    '#1a7b8a',
+    '#0e5563',
+    '#06323d',
+    '#021217',
+  ]
+  let errorColors = ['#FDE8E7', '#F25E52', '#F04134', '#EE3B2F', '#E92A21']
+  let warningColors = ['#FFF7E0', '#FFC926', '#FFBF00', '#FFB900', '#FFA900']
+  let infoColors = ['#E0F4F5', '#26B0BA', '#00A2AE', '#009AA7', '#008694']
+  let successColors = ['#E0F5EA', '#26B56E', '#00A854', '#00A04D', '#008D3A']
+
+  if (mode === 'dark') {
+    primaryColors = [
+      '#1c2628',
+      '#1d3539',
+      '#22454a',
+      '#23595f',
+      '#26737c',
+      '#288d99',
+      '#47a6ad',
+      '#6dbec0',
+      '#96d0d0',
+      '#c5dfde',
+    ]
+    errorColors = ['#321d1d', '#7d2e28', '#d13c31', '#e66859', '#f8baaf']
+    warningColors = ['#342c1a', '#836611', '#dda705', '#e9bf28', '#f8e577']
+    infoColors = ['#1a2628', '#11595f', '#058e98', '#1ea6aa', '#64cfcb']
+    successColors = ['#1a2721', '#115c36', '#05934c', '#1da65d', '#61ca8b']
+  }
+
+  return {
+    primary: {
+      lighter: primaryColors[0],
+      100: primaryColors[1],
+      200: primaryColors[2],
+      light: primaryColors[3],
+      400: primaryColors[4],
+      main: primaryColors[5],
+      dark: primaryColors[6],
+      700: primaryColors[7],
+      darker: primaryColors[8],
+      900: primaryColors[9],
+      contrastText,
+    },
+    secondary: {
+      lighter: greyColors[100],
+      100: greyColors[100],
+      200: greyColors[200],
+      light: greyColors[300],
+      400: greyColors[400],
+      main: greyColors[500],
+      600: greyColors[600],
+      dark: greyColors[700],
+      800: greyColors[800],
+      darker: greyColors[900],
+      A100: greyColors[0],
+      A200: greyColors.A400,
+      A300: greyColors.A700,
+      contrastText: greyColors[0],
+    },
+    error: {
+      lighter: errorColors[0],
+      light: errorColors[1],
+      main: errorColors[2],
+      dark: errorColors[3],
+      darker: errorColors[4],
+      contrastText,
+    },
+    warning: {
+      lighter: warningColors[0],
+      light: warningColors[1],
+      main: warningColors[2],
+      dark: warningColors[3],
+      darker: warningColors[4],
+      contrastText: greyColors[100],
+    },
+    info: {
+      lighter: infoColors[0],
+      light: infoColors[1],
+      main: infoColors[2],
+      dark: infoColors[3],
+      darker: infoColors[4],
+      contrastText,
+    },
+    success: {
+      lighter: successColors[0],
+      light: successColors[1],
+      main: successColors[2],
+      dark: successColors[3],
+      darker: successColors[4],
+      contrastText,
+    },
+    grey: greyColors,
+  }
+}
+
+export default Theme6

package/src/themes/theme/theme7.jsx

@@ -0,0 +1,128 @@
+// ==============================|| PRESET THEME - Theme7 Green ||============================== //
+
+const Theme7 = (colors, mode) => {
+  const { grey } = colors
+  const greyColors = {
+    0: grey[0],
+    50: grey[1],
+    100: grey[2],
+    200: grey[3],
+    300: grey[4],
+    400: grey[5],
+    500: grey[6],
+    600: grey[7],
+    700: grey[8],
+    800: grey[9],
+    900: grey[10],
+    A50: grey[15],
+    A100: grey[11],
+    A200: grey[12],
+    A400: grey[13],
+    A700: grey[14],
+    A800: grey[16],
+  }
+  const contrastText = '#fff'
+
+  let primaryColors = [
+    '#d1e8d99c',
+    '#8cdba9',
+    '#63cf8e',
+    '#3ec277',
+    '#1db564',
+    '#00a854',
+    '#008245',
+    '#005c34',
+    '#003620',
+    '#000f0a',
+  ]
+  let errorColors = ['#FDE8E7', '#F25E52', '#F04134', '#EE3B2F', '#E92A21']
+  let warningColors = ['#FFF7E0', '#FFC926', '#FFBF00', '#FFB900', '#FFA900']
+  let infoColors = ['#E0F4F5', '#26B0BA', '#00A2AE', '#009AA7', '#008694']
+  let successColors = ['#E0F5EA', '#26B56E', '#00A854', '#00A04D', '#008D3A']
+
+  if (mode === 'dark') {
+    primaryColors = [
+      '#1a2721',
+      '#173728',
+      '#15472e',
+      '#115c36',
+      '#0b7841',
+      '#05934c',
+      '#1da65d',
+      '#3cba73',
+      '#61ca8b',
+      '#8ad7a6',
+    ]
+    errorColors = ['#321d1d', '#7d2e28', '#d13c31', '#e66859', '#f8baaf']
+    warningColors = ['#342c1a', '#836611', '#dda705', '#e9bf28', '#f8e577']
+    infoColors = ['#1a2628', '#11595f', '#058e98', '#1ea6aa', '#64cfcb']
+    successColors = ['#1a2721', '#115c36', '#05934c', '#1da65d', '#61ca8b']
+  }
+
+  return {
+    primary: {
+      lighter: primaryColors[0],
+      100: primaryColors[1],
+      200: primaryColors[2],
+      light: primaryColors[3],
+      400: primaryColors[4],
+      main: primaryColors[5],
+      dark: primaryColors[6],
+      700: primaryColors[7],
+      darker: primaryColors[8],
+      900: primaryColors[9],
+      contrastText,
+    },
+    secondary: {
+      lighter: greyColors[100],
+      100: greyColors[100],
+      200: greyColors[200],
+      light: greyColors[300],
+      400: greyColors[400],
+      main: greyColors[500],
+      600: greyColors[600],
+      dark: greyColors[700],
+      800: greyColors[800],
+      darker: greyColors[900],
+      A100: greyColors[0],
+      A200: greyColors.A400,
+      A300: greyColors.A700,
+      contrastText: greyColors[0],
+    },
+    error: {
+      lighter: errorColors[0],
+      light: errorColors[1],
+      main: errorColors[2],
+      dark: errorColors[3],
+      darker: errorColors[4],
+      contrastText,
+    },
+    warning: {
+      lighter: warningColors[0],
+      light: warningColors[1],
+      main: warningColors[2],
+      dark: warningColors[3],
+      darker: warningColors[4],
+      contrastText: greyColors[100],
+    },
+    info: {
+      lighter: infoColors[0],
+      light: infoColors[1],
+      main: infoColors[2],
+      dark: infoColors[3],
+      darker: infoColors[4],
+      contrastText,
+    },
+    success: {
+      lighter: successColors[0],
+      light: successColors[1],
+      main: successColors[2],
+      dark: successColors[3],
+      darker: successColors[4],
+      contrastText,
+    },
+    grey: greyColors,
+  }
+}
+
+export default Theme7

package/src/themes/theme/theme8.jsx

@@ -0,0 +1,128 @@
+// ==============================|| PRESET THEME - Theme8 ||============================== //
+
+const Theme8 = (colors, mode) => {
+  const { grey } = colors
+  const greyColors = {
+    0: grey[0],
+    50: grey[1],
+    100: grey[2],
+    200: grey[3],
+    300: grey[4],
+    400: grey[5],
+    500: grey[6],
+    600: grey[7],
+    700: grey[8],
+    800: grey[9],
+    900: grey[10],
+    A50: grey[15],
+    A100: grey[11],
+    A200: grey[12],
+    A400: grey[13],
+    A700: grey[14],
+    A800: grey[16],
+  }
+  const contrastText = '#fff'
+
+  let primaryColors = [
+    '#c1d6d066',
+    '#81c9b9',
+    '#5bbda9',
+    '#38b09c',
+    '#1aa391',
+    '#009688',
+    '#007069',
+    '#004a47',
+    '#002424',
+    '#000000',
+  ]
+  let errorColors = ['#FDE8E7', '#F25E52', '#F04134', '#EE3B2F', '#E92A21']
+  let warningColors = ['#FFF7E0', '#FFC926', '#FFBF00', '#FFB900', '#FFA900']
+  let infoColors = ['#E0F4F5', '#26B0BA', '#00A2AE', '#009AA7', '#008694']
+  let successColors = ['#E0F5EA', '#26B56E', '#00A854', '#00A04D', '#008D3A']
+
+  if (mode === 'dark') {
+    primaryColors = [
+      '#1a2524',
+      '#173331',
+      '#15423e',
+      '#11544e',
+      '#0b6c63',
+      '#058478',
+      '#1a9686',
+      '#37a996',
+      '#59b8a5',
+      '#7fc6b6',
+    ]
+    errorColors = ['#321d1d', '#7d2e28', '#d13c31', '#e66859', '#f8baaf']
+    warningColors = ['#342c1a', '#836611', '#dda705', '#e9bf28', '#f8e577']
+    infoColors = ['#1a2628', '#11595f', '#058e98', '#1ea6aa', '#64cfcb']
+    successColors = ['#1a2721', '#115c36', '#05934c', '#1da65d', '#61ca8b']
+  }
+
+  return {
+    primary: {
+      lighter: primaryColors[0],
+      100: primaryColors[1],
+      200: primaryColors[2],
+      light: primaryColors[3],
+      400: primaryColors[4],
+      main: primaryColors[5],
+      dark: primaryColors[6],
+      700: primaryColors[7],
+      darker: primaryColors[8],
+      900: primaryColors[9],
+      contrastText,
+    },
+    secondary: {
+      lighter: greyColors[100],
+      100: greyColors[100],
+      200: greyColors[200],
+      light: greyColors[300],
+      400: greyColors[400],
+      main: greyColors[500],
+      600: greyColors[600],
+      dark: greyColors[700],
+      800: greyColors[800],
+      darker: greyColors[900],
+      A100: greyColors[0],
+      A200: greyColors.A400,
+      A300: greyColors.A700,
+      contrastText: greyColors[0],
+    },
+    error: {
+      lighter: errorColors[0],
+      light: errorColors[1],
+      main: errorColors[2],
+      dark: errorColors[3],
+      darker: errorColors[4],
+      contrastText,
+    },
+    warning: {
+      lighter: warningColors[0],
+      light: warningColors[1],
+      main: warningColors[2],
+      dark: warningColors[3],
+      darker: warningColors[4],
+      contrastText: greyColors[100],
+    },
+    info: {
+      lighter: infoColors[0],
+      light: infoColors[1],
+      main: infoColors[2],
+      dark: infoColors[3],
+      darker: infoColors[4],
+      contrastText,
+    },
+    success: {
+      lighter: successColors[0],
+      light: successColors[1],
+      main: successColors[2],
+      dark: successColors[3],
+      darker: successColors[4],
+      contrastText,
+    },
+    grey: greyColors,
+  }
+}
+
+export default Theme8

package/src/themes/typography.jsx

@@ -0,0 +1,71 @@
+// ==============================|| DEFAULT THEME - TYPOGRAPHY  ||============================== //
+
+const Typography = (fontFamily) => ({
+  htmlFontSize: 16,
+  fontFamily,
+  fontWeightLight: 300,
+  fontWeightRegular: 400,
+  fontWeightMedium: 500,
+  fontWeightBold: 600,
+  h1: {
+    fontWeight: 600,
+    fontSize: '2.375rem',
+    lineHeight: 1.21,
+  },
+  h2: {
+    fontWeight: 600,
+    fontSize: '1.875rem',
+    lineHeight: 1.27,
+  },
+  h3: {
+    fontWeight: 600,
+    fontSize: '1.5rem',
+    lineHeight: 1.33,
+  },
+  h4: {
+    fontWeight: 600,
+    fontSize: '1.25rem',
+    lineHeight: 1.4,
+  },
+  h5: {
+    fontWeight: 600,
+    fontSize: '1rem',
+    lineHeight: 1.5,
+  },
+  h6: {
+    fontWeight: 400,
+    fontSize: '0.875rem',
+    lineHeight: 1.57,
+  },
+  caption: {
+    fontWeight: 400,
+    fontSize: '0.75rem',
+    lineHeight: 1.66,
+  },
+  body1: {
+    fontSize: '0.875rem',
+    lineHeight: 1.57,
+  },
+  body2: {
+    fontSize: '0.75rem',
+    lineHeight: 1.66,
+  },
+  subtitle1: {
+    fontSize: '0.875rem',
+    fontWeight: 600,
+    lineHeight: 1.57,
+  },
+  subtitle2: {
+    fontSize: '0.75rem',
+    fontWeight: 500,
+    lineHeight: 1.66,
+  },
+  overline: {
+    lineHeight: 1.66,
+  },
+  button: {
+    textTransform: 'capitalize',
+  },
+})
+
+export default Typography

package/src/utils/index.js

@@ -0,0 +1,2 @@
+export * from './time'
+export * from './lang'

package/src/utils/lang.js

@@ -0,0 +1,12 @@
+export function uuid() {
+  var d = new Date().getTime()
+  if (window.performance && typeof window.performance.now === 'function') {
+    d += performance.now() //use high-precision timer if available
+  }
+  var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+    var r = (d + Math.random() * 16) % 16 | 0
+    d = Math.floor(d / 16)
+    return (c == 'x' ? r : (r & 0x3) | 0x8).toString(16)
+  })
+  return uuid
+}

package/src/utils/time.js

@@ -0,0 +1,13 @@
+import dayjs from 'dayjs'
+
+const parseTime = (time) => {
+  const args = time.split(':')
+  if (args.length === 1) {
+    args.push('00')
+  }
+
+  const d = dayjs().hour(args[0]).minute(args[1])
+  return d
+}
+
+export { parseTime }

package/tsconfig.json

@@ -0,0 +1,28 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "allowJs": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": false,
+    "jsx": "react-jsx",
+    "declaration": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "declarationMap": true,
+    "baseUrl": ".",
+    "paths": {
+      "crud-client": ["src/index.jsx"]
+    },
+    "typeRoots": ["node_modules/@types", "src/index.d.ts"]
+  },
+  "include": ["src"],
+  "references": [{ "path": "./jsconfig.node.json" }]
+}