@applica-software-guru/react-admin 1.0.42 → 1.0.44

package/src/themes/theme/theme5.jsx

@@ -1,7 +1,7 @@
 // ==============================|| PRESET THEME - Theme4 Blue ||============================== //
 
 const Theme5 = (colors, mode) => {
-  const { grey } = colors
+  const { grey } = colors;
   const greyColors = {
     0: grey[0],
     50: grey[1],
@@ -19,44 +19,22 @@ const Theme5 = (colors, mode) => {
     A200: grey[12],
     A400: grey[13],
     A700: grey[14],
-    A800: grey[16],
-  }
-  const contrastText = '#fff'
+    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']
+  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']
+    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 {
@@ -71,7 +49,7 @@ const Theme5 = (colors, mode) => {
       700: primaryColors[7],
       darker: primaryColors[8],
       900: primaryColors[9],
-      contrastText,
+      contrastText
     },
     secondary: {
       lighter: greyColors[100],
@@ -87,7 +65,7 @@ const Theme5 = (colors, mode) => {
       A100: greyColors[0],
       A200: greyColors.A400,
       A300: greyColors.A700,
-      contrastText: greyColors[0],
+      contrastText: greyColors[0]
     },
     error: {
       lighter: errorColors[0],
@@ -95,7 +73,7 @@ const Theme5 = (colors, mode) => {
       main: errorColors[2],
       dark: errorColors[3],
       darker: errorColors[4],
-      contrastText,
+      contrastText
     },
     warning: {
       lighter: warningColors[0],
@@ -103,7 +81,7 @@ const Theme5 = (colors, mode) => {
       main: warningColors[2],
       dark: warningColors[3],
       darker: warningColors[4],
-      contrastText: greyColors[100],
+      contrastText: greyColors[100]
     },
     info: {
       lighter: infoColors[0],
@@ -111,7 +89,7 @@ const Theme5 = (colors, mode) => {
       main: infoColors[2],
       dark: infoColors[3],
       darker: infoColors[4],
-      contrastText,
+      contrastText
     },
     success: {
       lighter: successColors[0],
@@ -119,10 +97,10 @@ const Theme5 = (colors, mode) => {
       main: successColors[2],
       dark: successColors[3],
       darker: successColors[4],
-      contrastText,
+      contrastText
     },
-    grey: greyColors,
-  }
-}
+    grey: greyColors
+  };
+};
 
-export default Theme5
+export default Theme5;

package/src/themes/theme/theme6.jsx

@@ -1,7 +1,7 @@
 // ==============================|| PRESET THEME - Theme4 Blue ||============================== //
 
 const Theme6 = (colors, mode) => {
-  const { grey } = colors
+  const { grey } = colors;
   const greyColors = {
     0: grey[0],
     50: grey[1],
@@ -19,44 +19,22 @@ const Theme6 = (colors, mode) => {
     A200: grey[12],
     A400: grey[13],
     A700: grey[14],
-    A800: grey[16],
-  }
-  const contrastText = '#fff'
+    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']
+  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']
+    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 {
@@ -71,7 +49,7 @@ const Theme6 = (colors, mode) => {
       700: primaryColors[7],
       darker: primaryColors[8],
       900: primaryColors[9],
-      contrastText,
+      contrastText
     },
     secondary: {
       lighter: greyColors[100],
@@ -87,7 +65,7 @@ const Theme6 = (colors, mode) => {
       A100: greyColors[0],
       A200: greyColors.A400,
       A300: greyColors.A700,
-      contrastText: greyColors[0],
+      contrastText: greyColors[0]
     },
     error: {
       lighter: errorColors[0],
@@ -95,7 +73,7 @@ const Theme6 = (colors, mode) => {
       main: errorColors[2],
       dark: errorColors[3],
       darker: errorColors[4],
-      contrastText,
+      contrastText
     },
     warning: {
       lighter: warningColors[0],
@@ -103,7 +81,7 @@ const Theme6 = (colors, mode) => {
       main: warningColors[2],
       dark: warningColors[3],
       darker: warningColors[4],
-      contrastText: greyColors[100],
+      contrastText: greyColors[100]
     },
     info: {
       lighter: infoColors[0],
@@ -111,7 +89,7 @@ const Theme6 = (colors, mode) => {
       main: infoColors[2],
       dark: infoColors[3],
       darker: infoColors[4],
-      contrastText,
+      contrastText
     },
     success: {
       lighter: successColors[0],
@@ -119,10 +97,10 @@ const Theme6 = (colors, mode) => {
       main: successColors[2],
       dark: successColors[3],
       darker: successColors[4],
-      contrastText,
+      contrastText
     },
-    grey: greyColors,
-  }
-}
+    grey: greyColors
+  };
+};
 
-export default Theme6
+export default Theme6;

package/src/themes/theme/theme7.jsx

@@ -1,7 +1,7 @@
 // ==============================|| PRESET THEME - Theme7 Green ||============================== //
 
 const Theme7 = (colors, mode) => {
-  const { grey } = colors
+  const { grey } = colors;
   const greyColors = {
     0: grey[0],
     50: grey[1],
@@ -19,44 +19,22 @@ const Theme7 = (colors, mode) => {
     A200: grey[12],
     A400: grey[13],
     A700: grey[14],
-    A800: grey[16],
-  }
-  const contrastText = '#fff'
+    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']
+  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']
+    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 {
@@ -71,7 +49,7 @@ const Theme7 = (colors, mode) => {
       700: primaryColors[7],
       darker: primaryColors[8],
       900: primaryColors[9],
-      contrastText,
+      contrastText
     },
     secondary: {
       lighter: greyColors[100],
@@ -87,7 +65,7 @@ const Theme7 = (colors, mode) => {
       A100: greyColors[0],
       A200: greyColors.A400,
       A300: greyColors.A700,
-      contrastText: greyColors[0],
+      contrastText: greyColors[0]
     },
     error: {
       lighter: errorColors[0],
@@ -95,7 +73,7 @@ const Theme7 = (colors, mode) => {
       main: errorColors[2],
       dark: errorColors[3],
       darker: errorColors[4],
-      contrastText,
+      contrastText
     },
     warning: {
       lighter: warningColors[0],
@@ -103,7 +81,7 @@ const Theme7 = (colors, mode) => {
       main: warningColors[2],
       dark: warningColors[3],
       darker: warningColors[4],
-      contrastText: greyColors[100],
+      contrastText: greyColors[100]
     },
     info: {
       lighter: infoColors[0],
@@ -111,7 +89,7 @@ const Theme7 = (colors, mode) => {
       main: infoColors[2],
       dark: infoColors[3],
       darker: infoColors[4],
-      contrastText,
+      contrastText
     },
     success: {
       lighter: successColors[0],
@@ -119,10 +97,10 @@ const Theme7 = (colors, mode) => {
       main: successColors[2],
       dark: successColors[3],
       darker: successColors[4],
-      contrastText,
+      contrastText
     },
-    grey: greyColors,
-  }
-}
+    grey: greyColors
+  };
+};
 
-export default Theme7
+export default Theme7;

package/src/themes/theme/theme8.jsx

@@ -1,7 +1,7 @@
 // ==============================|| PRESET THEME - Theme8 ||============================== //
 
 const Theme8 = (colors, mode) => {
-  const { grey } = colors
+  const { grey } = colors;
   const greyColors = {
     0: grey[0],
     50: grey[1],
@@ -19,44 +19,22 @@ const Theme8 = (colors, mode) => {
     A200: grey[12],
     A400: grey[13],
     A700: grey[14],
-    A800: grey[16],
-  }
-  const contrastText = '#fff'
+    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']
+  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']
+    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 {
@@ -71,7 +49,7 @@ const Theme8 = (colors, mode) => {
       700: primaryColors[7],
       darker: primaryColors[8],
       900: primaryColors[9],
-      contrastText,
+      contrastText
     },
     secondary: {
       lighter: greyColors[100],
@@ -87,7 +65,7 @@ const Theme8 = (colors, mode) => {
       A100: greyColors[0],
       A200: greyColors.A400,
       A300: greyColors.A700,
-      contrastText: greyColors[0],
+      contrastText: greyColors[0]
     },
     error: {
       lighter: errorColors[0],
@@ -95,7 +73,7 @@ const Theme8 = (colors, mode) => {
       main: errorColors[2],
       dark: errorColors[3],
       darker: errorColors[4],
-      contrastText,
+      contrastText
     },
     warning: {
       lighter: warningColors[0],
@@ -103,7 +81,7 @@ const Theme8 = (colors, mode) => {
       main: warningColors[2],
       dark: warningColors[3],
       darker: warningColors[4],
-      contrastText: greyColors[100],
+      contrastText: greyColors[100]
     },
     info: {
       lighter: infoColors[0],
@@ -111,7 +89,7 @@ const Theme8 = (colors, mode) => {
       main: infoColors[2],
       dark: infoColors[3],
       darker: infoColors[4],
-      contrastText,
+      contrastText
     },
     success: {
       lighter: successColors[0],
@@ -119,10 +97,10 @@ const Theme8 = (colors, mode) => {
       main: successColors[2],
       dark: successColors[3],
       darker: successColors[4],
-      contrastText,
+      contrastText
     },
-    grey: greyColors,
-  }
-}
+    grey: greyColors
+  };
+};
 
-export default Theme8
+export default Theme8;

package/src/themes/typography.jsx

@@ -10,62 +10,62 @@ const Typography = (fontFamily) => ({
   h1: {
     fontWeight: 600,
     fontSize: '2.375rem',
-    lineHeight: 1.21,
+    lineHeight: 1.21
   },
   h2: {
     fontWeight: 600,
     fontSize: '1.875rem',
-    lineHeight: 1.27,
+    lineHeight: 1.27
   },
   h3: {
     fontWeight: 600,
     fontSize: '1.5rem',
-    lineHeight: 1.33,
+    lineHeight: 1.33
   },
   h4: {
     fontWeight: 600,
     fontSize: '1.25rem',
-    lineHeight: 1.4,
+    lineHeight: 1.4
   },
   h5: {
     fontWeight: 600,
     fontSize: '1rem',
-    lineHeight: 1.5,
+    lineHeight: 1.5
   },
   h6: {
     fontWeight: 400,
     fontSize: '0.875rem',
-    lineHeight: 1.57,
+    lineHeight: 1.57
   },
   caption: {
     fontWeight: 400,
     fontSize: '0.75rem',
-    lineHeight: 1.66,
+    lineHeight: 1.66
   },
   body1: {
     fontSize: '0.875rem',
-    lineHeight: 1.57,
+    lineHeight: 1.57
   },
   body2: {
     fontSize: '0.75rem',
-    lineHeight: 1.66,
+    lineHeight: 1.66
   },
   subtitle1: {
     fontSize: '0.875rem',
     fontWeight: 600,
-    lineHeight: 1.57,
+    lineHeight: 1.57
   },
   subtitle2: {
     fontSize: '0.75rem',
     fontWeight: 500,
-    lineHeight: 1.66,
+    lineHeight: 1.66
   },
   overline: {
-    lineHeight: 1.66,
+    lineHeight: 1.66
   },
   button: {
-    textTransform: 'capitalize',
-  },
-})
+    textTransform: 'capitalize'
+  }
+});
 
-export default Typography
+export default Typography;

package/src/utils/{lang.js → lang.ts}

@@ -1,10 +1,10 @@
-export function uuid() {
-  var d = new Date().getTime();
+export function uuid(): string {
+  let 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;
+  const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+    const r = (d + Math.random() * 16) % 16 | 0;
     d = Math.floor(d / 16);
     return (c == 'x' ? r : (r & 0x3) | 0x8).toString(16);
   });

package/src/utils/time.ts

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

package/vite.config.js

@@ -10,11 +10,11 @@ const { EsLinter, linterPlugin } = EsLint;
 export default defineConfig((configEnv) => ({
   plugins: [
     dts({
-      include: ['./src/**/*.{js,jsx,ts}']
+      include: ['./src/**/*.{js,jsx,ts,tsx}']
     }),
     react(),
     linterPlugin({
-      include: ['./src/**/*.{js,jsx,ts}'],
+      include: ['./src/**/*.{js,jsx,ts,tsx}'],
       linters: [new EsLinter({ configEnv })]
     })
   ],

package/src/utils/time.js

@@ -1,13 +0,0 @@
-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 };