@solidxai/core-ui 0.1.1 → 0.1.2

package/src/routes/AppEventListener.tsx

@@ -1,28 +0,0 @@
-import { useEffect } from "react";
-import { eventBus, AppEvents } from "../helpers/eventBus";
-import { useRouter } from "../hooks/useRouter";
-import { usePathname } from "../hooks/usePathname";
-
-type GlobalErrorPayload = {
-  status?: number | string;
-  message?: string;
-};
-
-export function AppEventListener() {
-  const router = useRouter();
-  const pathname = usePathname();
-
-  useEffect(() => {
-    const off = eventBus.on<GlobalErrorPayload>(AppEvents.GlobalError, (payload) => {
-      if (payload?.message) {
-        sessionStorage.setItem("solidx.globalError", payload.message);
-      }
-      if (pathname !== "/error") {
-        router.push("/error");
-      }
-    });
-    return () => off();
-  }, [router, pathname]);
-
-  return null;
-}

package/src/routes/guards/AuthGuard.tsx

@@ -1,17 +0,0 @@
-import { Navigate, Outlet, useLocation } from "react-router-dom";
-import { useSession } from "../../hooks/useSession";
-
-export function AuthGuard() {
-  const location = useLocation();
-  const { status } = useSession();
-
-  if (status === "loading") {
-    return <div>Loading...</div>;
-  }
-
-  if (status === "unauthenticated") {
-    return <Navigate to="/auth/login" state={{ from: location }} replace />;
-  }
-
-  return <Outlet />;
-}

package/src/routes/pages/ErrorPage.tsx

@@ -1,6 +0,0 @@
-import { SolidErrorPage } from "../../components/common/SolidErrorPage";
-
-export function ErrorPage() {
-  const message = sessionStorage.getItem("solidx.globalError") || undefined;
-  return <SolidErrorPage message={message} />;
-}

package/src/routes/pages/NotFoundPage.tsx

@@ -1,5 +0,0 @@
-import { SolidNotFoundPage } from "../../components/common/SolidNotFoundPage";
-
-export function NotFoundPage() {
-  return <SolidNotFoundPage />;
-}

package/src/routes/pages/admin/AdminPage.tsx

@@ -1,5 +0,0 @@
-import { SolidAdmin } from "../../../components/common/SolidAdmin";
-
-export function AdminPage() {
-  return <SolidAdmin />;
-}

package/src/routes/pages/admin/core/FormPage.tsx

@@ -1,7 +0,0 @@
-import SolidFormLayouts from "../../../../components/core/form/SolidFormLayouts";
-import { useParams } from "react-router-dom";
-
-export function FormPage() {
-  const params = useParams();
-  return <SolidFormLayouts params={params} />;
-}

package/src/routes/pages/admin/core/KanbanPage.tsx

@@ -1,10 +0,0 @@
-import { SolidKanbanView } from "../../../../components/core/kanban/SolidKanbanView";
-import { camelCase } from "change-case";
-import { useParams } from "react-router-dom";
-
-export function KanbanPage() {
-  const params = useParams();
-  const moduleName = params.moduleName || "";
-  const modelName = params.modelName ? camelCase(params.modelName) : "";
-  return <SolidKanbanView {...params} embeded={false} moduleName={moduleName} modelName={modelName} />;
-}

package/src/routes/pages/admin/core/ListPage.tsx

@@ -1,10 +0,0 @@
-import { SolidListView } from "../../../../components/core/list/SolidListView";
-import { camelCase } from "change-case";
-import { useParams } from "react-router-dom";
-
-export function ListPage() {
-  const params = useParams();
-  const moduleName = params.moduleName || "";
-  const modelName = params.modelName ? camelCase(params.modelName) : "";
-  return <SolidListView {...params} embeded={false} moduleName={moduleName} modelName={modelName} />;
-}

package/src/routes/pages/admin/core/ModuleHomePage.tsx

@@ -1,7 +0,0 @@
-import { SolidModuleHome } from "../../../../components/common/SolidModuleHome";
-import { useParams } from "react-router-dom";
-
-export function ModuleHomePage() {
-  const params = useParams();
-  return <SolidModuleHome {...params} />;
-}

package/src/routes/pages/admin/core/SettingsPage.tsx

@@ -1,5 +0,0 @@
-import { GeneralSettings } from "../../../../components/common/GeneralSettings";
-
-export function SettingsPage() {
-  return <GeneralSettings />;
-}

package/src/routes/pages/auth/ConfirmForgotPasswordPage.tsx

@@ -1,5 +0,0 @@
-import SolidResetPassword from "../../../components/auth/SolidResetPassword";
-
-export function ConfirmForgotPasswordPage() {
-  return <SolidResetPassword />;
-}

package/src/routes/pages/auth/ForgotPasswordPage.tsx

@@ -1,5 +0,0 @@
-import SolidForgotPassword from "../../../components/auth/SolidForgotPassword";
-
-export function ForgotPasswordPage() {
-  return <SolidForgotPassword />;
-}

package/src/routes/pages/auth/InitiateForgotPasswordPage.tsx

@@ -1,5 +0,0 @@
-import SolidForgotPassword from "../../../components/auth/SolidForgotPassword";
-
-export function InitiateForgotPasswordPage() {
-  return <SolidForgotPassword />;
-}

package/src/routes/pages/auth/InitiateForgotPasswordThankYouPage.tsx

@@ -1,5 +0,0 @@
-import { ForgotPasswordThankYou } from "../../../components/auth/ForgotPasswordThankYou";
-
-export function InitiateForgotPasswordThankYouPage() {
-  return <ForgotPasswordThankYou />;
-}

package/src/routes/pages/auth/InitiateGoogleOauthPage.tsx

@@ -1,5 +0,0 @@
-import { GoogleAuthChecking } from "../../../components/auth/GoogleAuthChecking";
-
-export function InitiateGoogleOauthPage() {
-  return <GoogleAuthChecking />;
-}

package/src/routes/pages/auth/InitiateLoginPage.tsx

@@ -1,5 +0,0 @@
-import SolidInitialLoginOtp from "../../../components/auth/SolidInitialLoginOtp";
-
-export function InitiateLoginPage() {
-  return <SolidInitialLoginOtp />;
-}

package/src/routes/pages/auth/InitiateRegisterPage.tsx

@@ -1,5 +0,0 @@
-import SolidInitiateRegisterOtp from "../../../components/auth/SolidInitiateRegisterOtp";
-
-export function InitiateRegisterPage() {
-  return <SolidInitiateRegisterOtp />;
-}

package/src/routes/pages/auth/LoginPage.tsx

@@ -1,10 +0,0 @@
-import SolidLogin from "../../../components/auth/SolidLogin";
-
-export function LoginPage() {
-  return (
-    <SolidLogin
-      signInValidatorLabel="Username"
-      signInValidatorPlaceholder="Enter your username"
-    />
-  );
-}

package/src/routes/pages/auth/RegisterPage.tsx

@@ -1,5 +0,0 @@
-import SolidRegister from "../../../components/auth/SolidRegister";
-
-export function RegisterPage() {
-  return <SolidRegister />;
-}

package/src/routes/pages/auth/ResetPasswordPage.tsx

@@ -1,5 +0,0 @@
-import SolidResetPassword from "../../../components/auth/SolidResetPassword";
-
-export function ResetPasswordPage() {
-  return <SolidResetPassword />;
-}

package/src/routes/pages/auth/SsoPage.tsx

@@ -1,79 +0,0 @@
-import { useEffect, useState } from "react";
-import { Card } from "primereact/card";
-import { ProgressSpinner } from "primereact/progressspinner";
-import { useRouter } from "../../../hooks/useRouter";
-import { useSearchParams } from "../../../hooks/useSearchParams";
-import { signIn } from "../../../adapters/auth/signIn";
-
-export function SsoPage() {
-  const router = useRouter();
-  const searchParams = useSearchParams();
-  const [error, setError] = useState<string | null>(null);
-  const [success, setSuccess] = useState(false);
-  const [isLoading, setIsLoading] = useState(true);
-
-  useEffect(() => {
-    const fn = async () => {
-      const email = "";
-      const password = "";
-      const accessToken = searchParams.get("accessToken");
-      const response = await signIn("credentials", {
-        redirect: false,
-        email,
-        password,
-        accessToken,
-      });
-
-      if (response?.error) {
-        setIsLoading(false);
-        setError(response.error);
-      } else {
-        setIsLoading(false);
-        setSuccess(true);
-        router.push("/admin");
-      }
-    };
-
-    fn();
-  }, [router, searchParams]);
-
-  return (
-    <div className="card flex justify-content-center align-items-center" style={{ height: "80vh" }}>
-      <Card
-        className="custom-card md:w-25rem"
-        style={{
-          boxShadow:
-            "rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px",
-        }}
-      >
-        <div
-          style={{
-            position: "relative",
-            display: "flex",
-            justifyContent: "center",
-            zIndex: 1,
-          }}
-        >
-          {isLoading ? (
-            <>
-              <ProgressSpinner style={{ width: "50px", height: "50px" }} />
-              <style>{`
-                .p-progress-spinner circle {
-                  stroke: blue !important;
-                }
-              `}</style>
-            </>
-          ) : success ? (
-            <i className="pi pi-check" style={{ color: "green", fontSize: "30px", fontWeight: "700" }}></i>
-          ) : (
-            <i className="pi pi-times" style={{ color: "red", fontSize: "30px", fontWeight: "700" }}></i>
-          )}
-        </div>
-        <p className="m-20" style={{ textAlign: "center" }}>
-          {isLoading && `Please wait while we authenticate your profile.`}
-          {error && `${error} Your not authenticated`}
-        </p>
-      </Card>
-    </div>
-  );
-}

package/src/routes/solidRoutes.tsx

@@ -1,89 +0,0 @@
-import type { RouteObject } from "react-router-dom";
-import { Navigate } from "react-router-dom";
-import { AuthGuard } from "./guards/AuthGuard";
-import { AdminLayoutWrapper } from "../layouts/AdminLayoutWrapper";
-import { AuthLayoutWrapper } from "../layouts/AuthLayoutWrapper";
-import { ErrorPage } from "./pages/ErrorPage";
-import { NotFoundPage } from "./pages/NotFoundPage";
-import { AdminPage } from "./pages/admin/AdminPage";
-import { ModuleHomePage } from "./pages/admin/core/ModuleHomePage";
-import { ListPage } from "./pages/admin/core/ListPage";
-import { KanbanPage } from "./pages/admin/core/KanbanPage";
-import { FormPage } from "./pages/admin/core/FormPage";
-import { SettingsPage } from "./pages/admin/core/SettingsPage";
-import { LoginPage } from "./pages/auth/LoginPage";
-import { RegisterPage } from "./pages/auth/RegisterPage";
-import { ForgotPasswordPage } from "./pages/auth/ForgotPasswordPage";
-import { InitiateForgotPasswordPage } from "./pages/auth/InitiateForgotPasswordPage";
-import { InitiateForgotPasswordThankYouPage } from "./pages/auth/InitiateForgotPasswordThankYouPage";
-import { ConfirmForgotPasswordPage } from "./pages/auth/ConfirmForgotPasswordPage";
-import { ResetPasswordPage } from "./pages/auth/ResetPasswordPage";
-import { InitiateLoginPage } from "./pages/auth/InitiateLoginPage";
-import { InitiateRegisterPage } from "./pages/auth/InitiateRegisterPage";
-import { InitiateGoogleOauthPage } from "./pages/auth/InitiateGoogleOauthPage";
-import { SsoPage } from "./pages/auth/SsoPage";
-import type { SolidRoutesOptions, SolidRouteKey } from "./types";
-
-export function getSolidRoutes(options: SolidRoutesOptions = {}): RouteObject[] {
-  const {
-    extraAuthRoutes = [],
-    extraAdminRoutes = [],
-    extraRoutes = [],
-    elementOverrides = {},
-  } = options;
-
-  const pick = (key: SolidRouteKey, fallback: JSX.Element) =>
-    (elementOverrides[key] as JSX.Element) || fallback;
-
-  const authChildren: RouteObject[] = [
-    // Password based login, Passwordless login initiate otp
-    { path: "/auth/login", element: pick("login", <LoginPage />) },
-    // Password based registration, Passwordless registration initiate otp
-    { path: "/auth/register", element: pick("register", <RegisterPage />) },
-    // Passwordless login confirm otp
-    { path: "/auth/initiate-login", element: pick("initiateLogin", <InitiateLoginPage />) },
-    // Passwordless registration confirm otp
-    { path: "/auth/initiate-register", element: pick("initiateRegister", <InitiateRegisterPage />) },
-
-    // Forgot password flow
-    { path: "/auth/forgot-password", element: pick("forgotPassword", <ForgotPasswordPage />) },
-    { path: "/auth/initiate-forgot-password", element: pick("initiateForgotPassword", <InitiateForgotPasswordPage />) },
-    { path: "/auth/initiate-forgot-password-thank-you", element: pick("initiateForgotPasswordThankYou", <InitiateForgotPasswordThankYouPage />) },
-    { path: "/auth/confirm-forgot-password", element: pick("confirmForgotPassword", <ConfirmForgotPasswordPage />) },
-    
-    // ??? not used ???
-    { path: "/auth/reset-password", element: pick("resetPassword", <ResetPasswordPage />) },
-
-    { path: "/auth/initiate-google-oauth", element: pick("initiateGoogleOauth", <InitiateGoogleOauthPage />) },
-    { path: "/auth/sso", element: pick("sso", <SsoPage />) },
-    ...extraAuthRoutes,
-  ];
-
-  const adminChildren: RouteObject[] = [
-    { path: "/admin", element: pick("admin", <AdminPage />) },
-    { path: "/admin/core/:moduleName/home", element: pick("moduleHome", <ModuleHomePage />) },
-    { path: "/admin/core/:moduleName/:modelName/list", element: pick("list", <ListPage />) },
-    { path: "/admin/core/:moduleName/:modelName/kanban", element: pick("kanban", <KanbanPage />) },
-    { path: "/admin/core/:moduleName/:modelName/form/:id", element: pick("form", <FormPage />) },
-    { path: "/admin/core/:moduleName/settings/:settings", element: pick("settings", <SettingsPage />) },
-    ...extraAdminRoutes,
-  ];
-
-  return [
-    { path: "/error", element: pick("error", <ErrorPage />) },
-    { path: "/not-found", element: pick("notFound", <NotFoundPage />) },
-    { element: pick("authLayout", <AuthLayoutWrapper />), children: authChildren },
-    {
-      element: pick("authGuard", <AuthGuard />),
-      children: [
-        {
-          element: pick("adminLayout", <AdminLayoutWrapper />),
-          children: adminChildren,
-        },
-      ],
-    },
-    ...extraRoutes,
-    { path: "/", element: <Navigate to="/auth/login" replace /> },
-    { path: "*", element: <Navigate to="/not-found" replace /> },
-  ];
-}

package/src/routes/types.ts

@@ -1,34 +0,0 @@
-import type { ReactNode } from "react";
-import type { RouteObject } from "react-router-dom";
-
-export type SolidRouteKey =
-  | "error"
-  | "notFound"
-  | "login"
-  | "register"
-  | "forgotPassword"
-  | "initiateForgotPassword"
-  | "initiateForgotPasswordThankYou"
-  | "confirmForgotPassword"
-  | "resetPassword"
-  | "otpVerify"
-  | "initiateLogin"
-  | "initiateRegister"
-  | "initiateGoogleOauth"
-  | "sso"
-  | "admin"
-  | "moduleHome"
-  | "list"
-  | "kanban"
-  | "form"
-  | "settings"
-  | "authLayout"
-  | "adminLayout"
-  | "authGuard";
-
-export type SolidRoutesOptions = {
-  extraAuthRoutes?: RouteObject[];
-  extraAdminRoutes?: RouteObject[];
-  extraRoutes?: RouteObject[];
-  elementOverrides?: Partial<Record<SolidRouteKey, ReactNode>>;
-};

package/src/styles.ts

@@ -1,4 +0,0 @@
-import "./resources/globals.css";
-import "./resources/stylesheets/layout.scss";
-import "./resources/solid-responsive.css";
-import "./resources/solid-primereact.css";

package/src/types/css-modules.d.ts

@@ -1,4 +0,0 @@
-declare module "*.module.css" {
-    const classes: { readonly [key: string]: string };
-    export default classes;
-}

package/src/types/handlebars.d.ts

@@ -1,4 +0,0 @@
-declare module "handlebars/dist/handlebars" {
-    import * as Handlebars from "handlebars";
-    export = Handlebars;
-}

package/src/types/index.d.ts

@@ -1,76 +0,0 @@
-declare module "react-star-ratings";
-declare module "react-js-pagination";
-declare module "bcryptjs";
-declare module "nodemailer";
-declare module "mapbox-gl/dist/mapbox-gl.js";
-declare module "react-datepicker";
-declare module "moment";
-
-import React, { ReactNode } from 'react';
-import {
-    LayoutConfig,
-    LayoutState,
-    LayoutContextProps,
-    AppConfigProps
-} from './layout';
-
-import {
-    CommonEntity,
-    ModelMetadata,
-    ModuleMetadata,
-    FieldMetadata,
-    FieldsMetadata,
-    SolidView,
-    LayoutAttribute,
-    LayoutNode,
-    LayoutNodeType,
-    SolidUiEvents,
-    SolidUiEvent,
-    SolidListUiEvent,
-    SolidLoadForm,
-    SolidUiEventResponse,
-    SolidLoadList,
-    SolidListUiEventResponse,
-    SolidFormWidgetProps,
-    SolidFormFieldWidgetProps,
-    SolidChartRendererProps,
-    SolidBeforeListDataLoad
-} from './solid-core';
-
-type ChildContainerProps = {
-    children: ReactNode;
-};
-
-export interface MenuContextProps {
-    activeMenu: string;
-    setActiveMenu: Dispatch<SetStateAction<string>>;
-}
-
-export type {
-    LayoutConfig,
-    LayoutState,
-    LayoutContextProps,
-    ChildContainerProps,
-    AppConfigProps,
-    MenuContextProps,
-    CommonEntity,
-    ModelMetadata,
-    ModuleMetadata,
-    FieldMetadata,
-    FieldsMetadata,
-    SolidView,
-    LayoutAttribute,
-    LayoutNode,
-    LayoutNodeType,
-    SolidUiEvents,
-    SolidUiEvent,
-    SolidLoadList,
-    SolidUiEventResponse,
-    SolidListUiEventResponse,
-    SolidListUiEvent,
-    SolidLoadForm,
-    SolidFormWidgetProps,
-    SolidChartRendererProps,
-    SolidFormFieldWidgetProps,
-    SolidBeforeListDataLoad
-};

package/src/types/layout.d.ts

@@ -1,94 +0,0 @@
-import React, { ReactElement, Dispatch, SetStateAction, HTMLAttributeAnchorTarget, ReactNode } from 'react';
-import { NextPage } from 'next';
-import { Demo } from './demo';
-import { Toast } from 'primereact/toast';
-
-/* Breadcrumb Types */
-export interface AppBreadcrumbProps {
-    className?: string;
-}
-
-export interface Breadcrumb {
-    labels?: string[];
-    to?: string;
-}
-
-export interface BreadcrumbItem {
-    label: string;
-    to?: string;
-    items?: BreadcrumbItem[];
-}
-
-/* Context Types */
-export type LayoutState = {
-    overlayMenuActive: boolean;
-    profileSidebarVisible: boolean;
-    configSidebarVisible: boolean;
-    staticMenuMobileActive: boolean;
-    menuHoverActive: boolean;
-};
-
-export type LayoutConfig = {
-    inputStyle: string;
-    colorScheme: string;
-    theme: string;
-    scale: number;
-    authLayout : string
-};
-
-export interface LayoutContextProps {
-    layoutConfig: LayoutConfig;
-    setLayoutConfig: Dispatch<SetStateAction<LayoutConfig>>;
-    layoutState: LayoutState;
-    setLayoutState: Dispatch<SetStateAction<LayoutState>>;
-    onMenuToggle: () => void;
-    showProfileSidebar: () => void;
-}
-
-export interface MenuContextProps {
-    activeMenu: string;
-    setActiveMenu: Dispatch<SetStateAction<string>>;
-}
-
-/* AppConfig Types */
-export interface AppConfigProps {
-    simple?: boolean;
-}
-
-/* AppTopbar Types */
-export type NodeRef = MutableRefObject<ReactNode>;
-export interface AppTopbarRef {
-    menubutton?: HTMLButtonElement | null;
-    topbarmenu?: HTMLDivElement | null;
-    topbarmenubutton?: HTMLButtonElement | null;
-}
-
-/* AppMenu Types */
-type CommandProps = {
-    originalEvent: React.MouseEvent<HTMLAnchorElement, MouseEvent>;
-    item: MenuModelItem;
-};
-export interface MenuProps {
-    model: MenuModel[];
-}
-
-
-export interface MenuModel {
-    title: string;
-    key?: string;
-    children?: MenuModel[];
-    path?: string;
-}
-
-export interface AppMenuItem extends MenuModel {
-    children?: AppMenuItem[];
-    key?: string
-}
-
-export interface AppMenuItemProps {
-    item?: AppMenuItem;
-    parentKey?: string;
-    index?: number;
-    root?: boolean;
-    className?: string;
-}

package/src/types/next.d.ts

@@ -1,46 +0,0 @@
-import { IUser } from "../backend/models/user";
-import { FetchBaseQueryError } from "@reduxjs/toolkit/query/react";
-import { NextRequest } from "next/server";
-import NextAuth, { DefaultSession, DefaultUser } from 'next-auth';
-import { JWT } from 'next-auth/jwt';
-
-declare module "next/server" {
-  interface NextRequest {
-    user: IUser;
-  }
-}
-
-
-declare module "@reduxjs/toolkit/query/react" {
-  interface FetchBaseQueryError {
-    data?: any;
-  }
-}
-
-
-
-declare module 'next-auth' {
-  interface Session {
-    error:string | null,
-    user: {
-      accessToken: string;
-      refreshToken: string;
-      accessTokenExpires:number;
-    } & DefaultSession['user'];
-  }
-
-  interface User {
-    accessToken: string;
-    refreshToken: string;
-    accessTokenExpires:number;
-  }
-}
-
-declare module 'next-auth/jwt' {
-  interface JWT {
-    accessToken: string;
-    refreshToken: string;
-    error:string;
-    accessTokenExpires:number;
-  }
-}