@asaleh37/ui-base 1.2.29 → 25.1.9

package/src/routes/administration/devRoutes.tsx

@@ -1,129 +1,129 @@
-import { SystemRoute } from "../types";
-import BluePrintGrid from "../../components/administration/dev/BluePrintGrid";
-import DataQueryGrid from "../../components/administration/dev/DataQueryGrid";
-import DatasourceConnectionGrid from "../../components/administration/dev/DatasourceConnectionGrid";
-import EntityParameterGrid from "../../components/administration/dev/EntityParameterGrid";
-
-import LookupGrid from "../../components/administration/dev/LookupGrid";
-
-import ReportGrid from "../../components/administration/dev/ReportGrid";
-import MailTemplateGrid from "../../components/administration/dev/MailTemplateGrid";
-import MailSenderConfigGrid from "../../components/administration/dev/MailSenderConfigGrid";
-import WorkflowDocumentGrid from "../../components/administration/dev/WorkflowDocumentGrid";
-import WidgetGrid from "../../components/administration/dev/WidgetGrid";
-import DashboardGrid from "../../components/administration/dev/DashboardGrid";
-import DashboardRouteView from "../../components/templates/visuals/DashboardRouteView";
-import WorkflowDocumentMailLogGrid from "../../components/administration/dev/WorkflowDocumentMailLogGrid";
-import MailNotificationQueueGrid from "../../components/administration/dev/MailNotificationQueueGrid";
-import SystemApplicationAuthorityGrid from "../../components/administration/admin/SystemApplicationAuthorityGrid";
-import SystemApplicationRoleGrid from "../../components/administration/admin/SystemApplicationRoleGrid";
-import SystemApplicationModuleGrid from "../../components/administration/admin/SystemApplicationModuleGrid";
-import AttachmentConfigGrid from "../../components/administration/dev/AttachmentConfigGrid";
-import NotificationGrid from "../../components/administration/dev/NotificationGrid";
-import MyNotificationsPanel from "../../components/common/MyNotificationsPanel";
-import WorkflowRouteComponent from "../../components/templates/workflow/WorkflowRouteComponent";
-
-export const devRoutes: Array<SystemRoute> = [
-  {
-    path: "dev/blueprints",
-    component: BluePrintGrid,
-    authority: "BLUE_PRINT_VIEW",
-  },
-  {
-    path: "dev/dataqueries",
-    component: DataQueryGrid,
-    authority: "DATA_QUERY_VIEW",
-  },
-  {
-    path: "dev/datasourceconnections",
-    component: DatasourceConnectionGrid,
-    authority: "DATASOURCE_CONNECTION_VIEW",
-  },
-  {
-    path: "dev/entityparameters",
-    component: EntityParameterGrid,
-    authority: "ENTITY_PARAMETER_VIEW",
-  },
-  {
-    path: "dev/lookups",
-    component: LookupGrid,
-    authority: "LOOKUP_VIEW",
-  },
-  {
-    path: "dev/reports",
-    component: ReportGrid,
-    authority: "REPORT_VIEW",
-  },
-  {
-    path: "dev/mailtemplates",
-    component: MailTemplateGrid,
-    authority: "MAILTEMPLATE_VIEW",
-  },
-  {
-    path: "dev/mailsender/config",
-    component: MailSenderConfigGrid,
-    authority: "MAILTEMPLATE_VIEW",
-  },
-  {
-    path: "dev/workflowdocuments",
-    component: WorkflowDocumentGrid,
-    authority: "WORKFLOW_DOCUMENT_VIEW",
-  },
-  {
-    path: "dev/widgets",
-    component: WidgetGrid,
-    authority: "WIDGET_VIEW",
-  },
-  {
-    path: "dev/dashboards",
-    component: DashboardGrid,
-    authority: "DASHBOARD_VIEW",
-  },
-  {
-    path: "dashboard/:dashboardCode",
-    component: DashboardRouteView,
-  },
-  {
-    path: "dev/workflowdocumentmaillogs",
-    component: WorkflowDocumentMailLogGrid,
-  },
-  {
-    path: "dev/mailnotificationqueues",
-    component: MailNotificationQueueGrid,
-  },
-  {
-    path: "dev/system/authorities",
-    component: SystemApplicationAuthorityGrid,
-  },
-  {
-    path: "dev/system/roles",
-    component: SystemApplicationRoleGrid,
-  },
-  {
-    path: "dev/system/lookups",
-    component: LookupGrid,
-  },
-  {
-    path: "dev/system/modules",
-    component: SystemApplicationModuleGrid,
-  },
-  {
-    path: "dev/attachmentconfigs",
-    component: AttachmentConfigGrid,
-  },
-  {
-    path: "dev/notifications",
-    component: NotificationGrid,
-  },
-  {
-    path: "myNotifications",
-    component: MyNotificationsPanel,
-  },
-  {
-    path: "workflow/:workflowDocumentCode/:refDocumentId",
-    component: WorkflowRouteComponent,
-  },
-];
-
-//  import { devRoutes } from "./devRoutes";
-//  [...devRoutes]
+import { SystemRoute } from "../types";
+import BluePrintGrid from "../../components/administration/dev/BluePrintGrid";
+import DataQueryGrid from "../../components/administration/dev/DataQueryGrid";
+import DatasourceConnectionGrid from "../../components/administration/dev/DatasourceConnectionGrid";
+import EntityParameterGrid from "../../components/administration/dev/EntityParameterGrid";
+
+import LookupGrid from "../../components/administration/dev/LookupGrid";
+
+import ReportGrid from "../../components/administration/dev/ReportGrid";
+import MailTemplateGrid from "../../components/administration/dev/MailTemplateGrid";
+import MailSenderConfigGrid from "../../components/administration/dev/MailSenderConfigGrid";
+import WorkflowDocumentGrid from "../../components/administration/dev/WorkflowDocumentGrid";
+import WidgetGrid from "../../components/administration/dev/WidgetGrid";
+import DashboardGrid from "../../components/administration/dev/DashboardGrid";
+import DashboardRouteView from "../../components/templates/visuals/DashboardRouteView";
+import WorkflowDocumentMailLogGrid from "../../components/administration/dev/WorkflowDocumentMailLogGrid";
+import MailNotificationQueueGrid from "../../components/administration/dev/MailNotificationQueueGrid";
+import SystemApplicationAuthorityGrid from "../../components/administration/admin/SystemApplicationAuthorityGrid";
+import SystemApplicationRoleGrid from "../../components/administration/admin/SystemApplicationRoleGrid";
+import SystemApplicationModuleGrid from "../../components/administration/admin/SystemApplicationModuleGrid";
+import AttachmentConfigGrid from "../../components/administration/dev/AttachmentConfigGrid";
+import NotificationGrid from "../../components/administration/dev/NotificationGrid";
+import MyNotificationsPanel from "../../components/common/MyNotificationsPanel";
+import WorkflowRouteComponent from "../../components/templates/workflow/WorkflowRouteComponent";
+
+export const devRoutes: Array<SystemRoute> = [
+  {
+    path: "dev/blueprints",
+    component: BluePrintGrid,
+    authority: "BLUE_PRINT_VIEW",
+  },
+  {
+    path: "dev/dataqueries",
+    component: DataQueryGrid,
+    authority: "DATA_QUERY_VIEW",
+  },
+  {
+    path: "dev/datasourceconnections",
+    component: DatasourceConnectionGrid,
+    authority: "DATASOURCE_CONNECTION_VIEW",
+  },
+  {
+    path: "dev/entityparameters",
+    component: EntityParameterGrid,
+    authority: "ENTITY_PARAMETER_VIEW",
+  },
+  {
+    path: "dev/lookups",
+    component: LookupGrid,
+    authority: "LOOKUP_VIEW",
+  },
+  {
+    path: "dev/reports",
+    component: ReportGrid,
+    authority: "REPORT_VIEW",
+  },
+  {
+    path: "dev/mailtemplates",
+    component: MailTemplateGrid,
+    authority: "MAILTEMPLATE_VIEW",
+  },
+  {
+    path: "dev/mailsender/config",
+    component: MailSenderConfigGrid,
+    authority: "MAILTEMPLATE_VIEW",
+  },
+  {
+    path: "dev/workflowdocuments",
+    component: WorkflowDocumentGrid,
+    authority: "WORKFLOW_DOCUMENT_VIEW",
+  },
+  {
+    path: "dev/widgets",
+    component: WidgetGrid,
+    authority: "WIDGET_VIEW",
+  },
+  {
+    path: "dev/dashboards",
+    component: DashboardGrid,
+    authority: "DASHBOARD_VIEW",
+  },
+  {
+    path: "dashboard/:dashboardCode",
+    component: DashboardRouteView,
+  },
+  {
+    path: "dev/workflowdocumentmaillogs",
+    component: WorkflowDocumentMailLogGrid,
+  },
+  {
+    path: "dev/mailnotificationqueues",
+    component: MailNotificationQueueGrid,
+  },
+  {
+    path: "dev/system/authorities",
+    component: SystemApplicationAuthorityGrid,
+  },
+  {
+    path: "dev/system/roles",
+    component: SystemApplicationRoleGrid,
+  },
+  {
+    path: "dev/system/lookups",
+    component: LookupGrid,
+  },
+  {
+    path: "dev/system/modules",
+    component: SystemApplicationModuleGrid,
+  },
+  {
+    path: "dev/attachmentconfigs",
+    component: AttachmentConfigGrid,
+  },
+  {
+    path: "dev/notifications",
+    component: NotificationGrid,
+  },
+  {
+    path: "myNotifications",
+    component: MyNotificationsPanel,
+  },
+  {
+    path: "workflow/:workflowDocumentCode/:refDocumentId",
+    component: WorkflowRouteComponent,
+  },
+];
+
+//  import { devRoutes } from "./devRoutes";
+//  [...devRoutes]

package/src/routes/administration/index.ts

@@ -1,8 +1,8 @@
-import { SystemRoute } from "../types";
-import { adminRoutes } from "./adminRoutes";
-import { devRoutes } from "./devRoutes";
-
-export const ADMINISTRATION_ROUTES: Array<SystemRoute> = [
-  ...adminRoutes,
-  ...devRoutes,
-];
+import { SystemRoute } from "../types";
+import { adminRoutes } from "./adminRoutes";
+import { devRoutes } from "./devRoutes";
+
+export const ADMINISTRATION_ROUTES: Array<SystemRoute> = [
+  ...adminRoutes,
+  ...devRoutes,
+];

package/src/routes/index.ts

@@ -1,11 +1,5 @@
-import Home from "../components/common/Home";
-import { ADMINISTRATION_ROUTES } from "./administration";
-import { SystemRoute } from "./types";
-
-export const SYSTEM_ROUTES: Array<SystemRoute> = [
-  {
-    path: "/",
-    component: Home,
-  },
-  ...ADMINISTRATION_ROUTES,
-];
+import ExampleTrial from "../components/ExampleTrial";
+import { ADMINISTRATION_ROUTES } from "./administration";
+import { SystemRoute } from "./types";
+
+export const SYSTEM_ROUTES: Array<SystemRoute> = [...ADMINISTRATION_ROUTES];

package/src/routes/types/index.ts

@@ -1,5 +1,6 @@
-export interface SystemRoute {
-  path: string;
-  component: React.FC;
-  authority?: string;
-}
+export interface SystemRoute {
+  path: string;
+  component: React.FC;
+  applicationModule?: string;
+  authority?: string;
+}

package/src/styles/index.css

@@ -1,19 +1,19 @@
-html,
-body {
-  height: 100vh;
-  margin: 0;
-  padding: 0;
-}
-
-#root {
-  height: 100vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-}
-
-.red-row {
-  background-color: #f0d8d8;
-}
+html,
+body {
+  height: 100vh;
+  margin: 0;
+  padding: 0;
+}
+
+#root {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+}
+
+.red-row {
+  background-color: #f0d8d8;
+}

package/src/types/index.ts

@@ -1,2 +1,8 @@
-export type { ExtendedTreeItemProps } from "../navigationItems/index";
-export type * from "../routes/types/index";
+export type { ExtendedTreeItemProps } from "../navigationItems/index";
+export type * from "../routes/types/index";
+
+export {
+  type CommonStores,
+  type CommonStoresInterface,
+  type StoreMetaData,
+} from "../redux/features/common/CommonStoreSlice";

package/src/util/AppUtils.ts

@@ -1,53 +1,73 @@
-export function hasDigitsOnly(str: string) {
-  return /^\d+$/.test(str);
-}
-
-export function isNumber(value: any) {
-  return typeof value === "number" && !isNaN(value);
-}
-
-export function isNumeric(value: string) {
-  return (
-    typeof value === "string" && value.trim() !== "" && !isNaN(Number(value))
-  );
-}
-
-export function capitalizeFirstLetter(str: string) {
-  if (!str) return "";
-  return str.charAt(0).toUpperCase() + str.slice(1);
-}
-
-export function isValidEmail(email) {
-  const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-  return re.test(email);
-}
-
-export function timeAgo(dateInput, appDirection: "ltr" | "rtl") {
-  const date = new Date(dateInput);
-  const now = new Date();
-  const diffInSeconds = Math.floor((date - now) / 1000); // Note: future is positive
-  const absDiff = Math.abs(diffInSeconds);
-
-  const locale = appDirection === "rtl" ? "ar" : "en";
-
-  const rtf = new Intl.RelativeTimeFormat(locale, { numeric: "auto" });
-
-  const units = [
-    { unit: "year", seconds: 31536000 },
-    { unit: "month", seconds: 2592000 },
-    { unit: "week", seconds: 604800 },
-    { unit: "day", seconds: 86400 },
-    { unit: "hour", seconds: 3600 },
-    { unit: "minute", seconds: 60 },
-    { unit: "second", seconds: 1 },
-  ];
-
-  for (const { unit, seconds } of units) {
-    const delta = Math.floor(diffInSeconds / seconds);
-    if (Math.abs(delta) > 1) {
-      return rtf.format(delta, unit);
-    }
-  }
-
-  return locale === "ar" ? "الآن" : "just now";
-}
+import moment from "moment";
+import { FormElementProps } from "../components";
+import { DATE_FORMAT } from "./constants";
+
+export function hasDigitsOnly(str: string) {
+  return /^\d+$/.test(str);
+}
+
+export function isNumber(value: any) {
+  return typeof value === "number" && !isNaN(value);
+}
+
+export function isNumeric(value: string) {
+  return (
+    typeof value === "string" && value.trim() !== "" && !isNaN(Number(value))
+  );
+}
+
+export function capitalizeFirstLetter(str: string) {
+  if (!str) return "";
+  return str.charAt(0).toUpperCase() + str.slice(1);
+}
+
+export function isValidEmail(email) {
+  const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+  return re.test(email);
+}
+
+export function timeAgo(dateInput, appDirection: "ltr" | "rtl") {
+  const date = new Date(dateInput);
+  const now = new Date();
+  const diffInSeconds = Math.floor((date - now) / 1000); // Note: future is positive
+  const absDiff = Math.abs(diffInSeconds);
+
+  const locale = appDirection === "rtl" ? "ar" : "en";
+
+  const rtf = new Intl.RelativeTimeFormat(locale, { numeric: "auto" });
+
+  const units = [
+    { unit: "year", seconds: 31536000 },
+    { unit: "month", seconds: 2592000 },
+    { unit: "week", seconds: 604800 },
+    { unit: "day", seconds: 86400 },
+    { unit: "hour", seconds: 3600 },
+    { unit: "minute", seconds: 60 },
+    { unit: "second", seconds: 1 },
+  ];
+
+  for (const { unit, seconds } of units) {
+    const delta = Math.floor(diffInSeconds / seconds);
+    if (Math.abs(delta) > 1) {
+      return rtf.format(delta, unit);
+    }
+  }
+
+  return locale === "ar" ? "الآن" : "just now";
+}
+
+export const formatDate = (date, format) => {
+  if (format) {
+    return moment(date).format(format);
+  } else {
+    return moment(date).format(DATE_FORMAT);
+  }
+};
+
+export const parseStringToDate = (dateString, format) => {
+  if (format) {
+    return moment(dateString, format).toDate();
+  } else {
+    return moment(dateString, DATE_FORMAT).toDate();
+  }
+};

package/src/util/constants.ts

@@ -1,6 +1,6 @@
-export const DATE_FORMAT = "YYYY-MM-DD";
-export const DATE_TIME_FORMAT = "YYYY-MM-DD HH:mm:ss";
-export const LIGHT_THEME_INITIAL_MAIN_COLOR = "#37505C";
-export const LIGHT_THEME_INITIAL_SECANDARY_COLOR = "#ff6d00";
-export const DARK_THEME_INITIAL_MAIN_COLOR = "#ea690e";
-export const DARK_THEME_INITIAL_SECANDARY_COLOR = "#74776B";
+export const DATE_FORMAT = "YYYY-MM-DD";
+export const DATE_TIME_FORMAT = "YYYY-MM-DD HH:mm:ss";
+export const LIGHT_THEME_INITIAL_MAIN_COLOR = "#37505C";
+export const LIGHT_THEME_INITIAL_SECANDARY_COLOR = "#ff6d00";
+export const DARK_THEME_INITIAL_MAIN_COLOR = "#ea690e";
+export const DARK_THEME_INITIAL_SECANDARY_COLOR = "#74776B";

package/src/util/index.ts

@@ -1,2 +1,5 @@
-export * from "./AppUtils";
-export * from "./constants";
+import axios from "axios";
+
+export * from "./AppUtils";
+export * from "./constants";
+export { axios };