@solidstarters/solid-core-ui 1.1.211 → 1.1.212

package/dist/redux/api/userApi.ts

@@ -0,0 +1,135 @@
+import { createApi, fetchBaseQuery } from "@reduxjs/toolkit/query/react";
+import { baseQueryWithAuth } from "./fetchBaseQuery";
+
+const resourceName = 'user';
+
+export const userApi = createApi({
+  reducerPath: "userApi",
+  baseQuery: baseQueryWithAuth,
+  endpoints: (builder) => ({
+    getusers: builder.query({
+      query: (qs) => {
+        return `/${resourceName}?${qs}`
+      },
+      // query: () => '/${resourceName}?offset=0&limit=5',
+    }),
+    getusersById: builder.query({
+      query: (id) => `/${resourceName}/${id}?populate[0]=roles`,
+    }),
+    checkIfPermissionExists: builder.query({
+      query: (query) => `/${resourceName}/permissions-exists?${query}`,
+    }),
+    
+    registerUser: builder.mutation({
+      query: (user) => ({
+        url: `/${resourceName}/roles`,
+        method: 'POST',
+        body: user
+      }),
+    }),
+    createuserrole: builder.mutation({
+      query: (role) => ({
+        url: `/${resourceName}/roles`,
+        method: 'POST',
+        body: role
+      }),
+    }),
+    createuserrolebulk: builder.mutation({
+      query: (role) => ({
+        url: `/${resourceName}/roles/bulk`,
+        method: 'POST',
+        body: role
+      }),
+    }),
+    updateProfile: builder.mutation({
+      query(body) {
+        return {
+          url: `/me/update`,
+          method: "PUT",
+          body,
+        };
+      },
+    }),
+    updateSession: builder.query({
+      query() {
+        return {
+          url: `/auth/session?update`,
+        };
+      },
+    }),
+    updatePassword: builder.mutation({
+      query(body) {
+        return {
+          url: `/me/update_password`,
+          method: "PUT",
+          body,
+        };
+      },
+    }),
+    uploadAvatar: builder.mutation({
+      query(body) {
+        return {
+          url: `/me/upload_avatar`,
+          method: "PUT",
+          body,
+        };
+      },
+    }),
+    updateUser: builder.mutation({
+      query({ id, body }) {
+        return {
+          url: `/admin/${resourceName}/${id}`,
+          method: "PUT",
+          body,
+        };
+      },
+    }),
+    deleteMultipleUsers: builder.mutation({
+      query: (data) => ({
+        url: `/${resourceName}/bulk/`,
+        method: 'DELETE',
+        body: data
+      }),
+    }),
+    deleteUser: builder.mutation({
+      query: (id) => ({
+        url: `/${resourceName}/${id}`,
+        method: 'DELETE',
+      }),
+    }),
+
+    getUser: builder.query({
+      query: (userId) => `/user/${userId}?populateMedia[]=profilePicture&populate[]=roles`,
+    }),
+
+    updateUserProfile: builder.mutation({
+      query: ({ data }) => ({
+        url: `/user/profile`,
+        method: 'POST',
+        body: data,
+      }),
+    }),
+  }),
+});
+
+export const {
+  useUpdateProfileMutation,
+  useLazyUpdateSessionQuery,
+  useLazyCheckIfPermissionExistsQuery,
+  useUpdatePasswordMutation,
+  useUploadAvatarMutation,
+  // useUpdateUserMutation,
+  useDeleteUserMutation,
+  useGetusersQuery,
+  useLazyGetusersQuery,
+  useGetusersByIdQuery,
+  useCreateuserroleMutation,
+  useCreateuserrolebulkMutation,
+  useDeleteMultipleUsersMutation,
+  useLazyGetusersByIdQuery,
+  useRegisterUserMutation,
+  useUpdateSessionQuery,
+  useGetUserQuery,
+  useLazyGetUserQuery,
+  useUpdateUserProfileMutation
+} = userApi;

package/dist/redux/features/authSlice.ts

@@ -0,0 +1,19 @@
+import { createSlice } from '@reduxjs/toolkit';
+
+const authSlice = createSlice({
+    name: 'authentication',
+    initialState: {
+        token: null, // Store the JWT token here
+    },
+    reducers: {
+        setToken: (state, action) => {
+            state.token = action.payload;
+        },
+        logout: (state) => {
+            state.token = null;
+        },
+    },
+});
+
+export const { setToken, logout } = authSlice.actions;
+export default authSlice.reducer;

package/dist/redux/features/dataViewSlice.ts

@@ -0,0 +1,26 @@
+// store/features/dataViewSlice.ts
+import { createSlice, PayloadAction } from '@reduxjs/toolkit';
+
+export interface DataViewState {
+  dataView: 'LIST' | 'GRID';
+}
+
+const initialState: DataViewState = {
+  dataView: 'LIST',
+};
+
+const dataViewSlice = createSlice({
+  name: 'view',
+  initialState,
+  reducers: {
+    gridView: (state) => {
+      state.dataView = 'GRID';
+    },
+    listView: (state) => {
+      state.dataView = 'LIST';
+    },
+  },
+});
+
+export const { gridView, listView } = dataViewSlice.actions;
+export default dataViewSlice.reducer;

package/dist/redux/features/navbarSlice.ts

@@ -0,0 +1,21 @@
+import { createSlice } from '@reduxjs/toolkit';
+const navbarSlice = createSlice({
+    name: 'navbar',
+    initialState: {
+        visibleNavbar: false,
+    },
+    reducers: {
+        showNavbar: (state) => {
+            state.visibleNavbar = true
+        },
+        hideNavbar: (state) => {
+            state.visibleNavbar = false
+        },
+        toggleNavbar(state) {
+            state.visibleNavbar = state.visibleNavbar === true ? false : true;
+        },
+    }
+})
+
+export const { showNavbar, hideNavbar, toggleNavbar } = navbarSlice.actions;
+export default navbarSlice.reducer

package/dist/redux/features/popupSlice.ts

@@ -0,0 +1,37 @@
+// store/popupSlice.ts
+import { createSlice, PayloadAction } from '@reduxjs/toolkit';
+import { ReactNode } from 'react';
+
+interface PopupEvent {
+  action: string;
+  closable?: boolean;
+  [key: string]: any;
+}
+
+export interface PopupState {
+  isOpen: boolean;
+  event: PopupEvent | null;
+}
+
+const initialState: PopupState = {
+  isOpen: false,
+  event: null,
+};
+
+const popupSlice = createSlice({
+  name: 'popup',
+  initialState,
+  reducers: {
+    openPopup: (state, action: PayloadAction<PopupEvent>) => {
+      state.isOpen = true;
+      state.event = action.payload;
+    },
+    closePopup: (state) => {
+      state.isOpen = false;
+      state.event = null;
+    },
+  },
+});
+
+export const { openPopup, closePopup } = popupSlice.actions;
+export default popupSlice.reducer;

package/dist/redux/features/settingsSlice.ts

@@ -0,0 +1,60 @@
+import { PayloadAction, createSlice } from "@reduxjs/toolkit";
+
+export interface ISettingsState {
+  authSettings: Record<string, any>;
+  solidSettings: Record<string, any>;
+}
+
+const initialState: ISettingsState = {
+  authSettings: {},
+  solidSettings: {},
+};
+
+export const settingsSlice = createSlice({
+  name: "settingsSlice",
+  initialState,
+  reducers: {
+    // // -------- AUTH SETTINGS --------
+    // setAuthSettings: (
+    //   state,
+    //   action: PayloadAction<Record<string, any>>
+    // ) => {
+    //   state.authSettings = action.payload;
+    // },
+
+    // updateAuthSetting: (
+    //   state,
+    //   action: PayloadAction<{ key: string; value: any }>
+    // ) => {
+    //   state.authSettings[action.payload.key] = action.payload.value;
+    // },
+
+    // -------- SOLID SETTINGS --------
+    setSolidSettings: (
+      state,
+      action: PayloadAction<Record<string, any>>
+    ) => {
+      state.solidSettings = action.payload;
+    },
+
+    updateSolidSetting: (
+      state,
+      action: PayloadAction<{ key: string; value: any }>
+    ) => {
+      state.solidSettings[action.payload.key] = action.payload.value;
+    },
+
+    // -------- RESET --------
+    resetSettings: () => initialState,
+  },
+});
+
+export default settingsSlice.reducer;
+
+export const {
+  // setAuthSettings,
+  // updateAuthSetting,
+  setSolidSettings,
+  updateSolidSetting,
+  resetSettings,
+} = settingsSlice.actions;

package/dist/redux/features/themeSlice.ts

@@ -0,0 +1,17 @@
+// store/themeSlice.js
+import { createSlice } from '@reduxjs/toolkit';
+
+const themeSlice = createSlice({
+    name: 'theme',
+    initialState: {
+        mode: 'light', // Default mode
+    },
+    reducers: {
+        toggleTheme(state) {
+            state.mode = state.mode === 'light' ? 'dark' : 'light';
+        },
+    },
+});
+
+export const { toggleTheme } = themeSlice.actions;
+export default themeSlice.reducer;

package/dist/redux/features/userSlice.ts

@@ -0,0 +1,28 @@
+import { PayloadAction, createSlice } from "@reduxjs/toolkit";
+
+export interface IUserState {
+  user: any;
+  isAuthenticated: boolean;
+}
+
+const initialState: IUserState = {
+  user: null,
+  isAuthenticated: false,
+};
+
+export const userSlice = createSlice({
+  initialState,
+  name: "userSlice",
+  reducers: {
+    setUser: (state, action: PayloadAction<any>) => {
+      state.user = action.payload;
+    },
+    setIsAuthenticated: (state, action: PayloadAction<boolean>) => {
+      state.isAuthenticated = action.payload;
+    },
+  },
+});
+
+export default userSlice.reducer;
+
+export const { setUser, setIsAuthenticated } = userSlice.actions;

package/dist/redux/hooks/useSolidPopup.ts

@@ -0,0 +1,20 @@
+// hooks/usePopup.ts
+import { useDispatch } from 'react-redux';
+import { ReactNode } from 'react';
+import { closePopup, openPopup } from '../features/popupSlice';
+
+const useSolidPopup = () => {
+    const dispatch = useDispatch();
+
+    const showSolidPopup = (content: ReactNode) => {
+        // dispatch(openPopup(content));
+    };
+
+    const hideSolidPopup = () => {
+        // dispatch(closePopup());
+    };
+
+    return { showSolidPopup, hideSolidPopup };
+};
+
+export default useSolidPopup;

package/dist/redux/store/defaultStoreConfig.ts

@@ -0,0 +1,62 @@
+import {
+    authenticationReducer,
+    dataViewReducer,
+    navbarReducer,
+    popupReducer,
+    themeReducer,
+    userReducer
+} from "../../index";
+import {
+    authApi,
+    aiInteractionApi,
+    dashboardApi,
+    dashboardQuestionApi,
+    exportTemplateApi,
+    fieldsApi,
+    importTransactionApi,
+    mediaApi,
+    mediaStorageProviderApi,
+    modulesApi,
+    modelsApi,
+    roleApi,
+    solidActionsApi,
+    solidChatterMessageApi,
+    solidMenusApi,
+    solidServiceApi,
+    solidSettingsApi,
+    solidViewsApi,
+    userApi
+} from "../../index";
+
+// 1. Export all APIs in one array
+export const solidApiSlices = [
+    authApi,
+    userApi,
+    modulesApi,
+    modelsApi,
+    fieldsApi,
+    mediaStorageProviderApi,
+    mediaApi,
+    solidViewsApi,
+    solidActionsApi,
+    solidMenusApi,
+    solidSettingsApi,
+    roleApi,
+    solidChatterMessageApi,
+    exportTemplateApi,
+    solidServiceApi,
+    importTransactionApi,
+    dashboardApi,
+    dashboardQuestionApi,
+    aiInteractionApi
+];
+
+// 2. Export default reducers
+export const solidReducers = {
+    authentication: authenticationReducer,
+    auth: userReducer,
+    theme: themeReducer,
+    popup: popupReducer,
+    navbarState: navbarReducer,
+    dataViewState: dataViewReducer,
+};  

package/dist/styles.ts

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

package/dist/types/handlebars.d.ts

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

package/dist/types/index.d.ts

@@ -0,0 +1,76 @@
+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/dist/types/layout.d.ts

@@ -0,0 +1,94 @@
+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/dist/types/next.d.ts

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