@solidxai/core-ui 0.1.1 → 0.1.3

package/src/redux/api/testApi.ts

@@ -1,21 +0,0 @@
-import { createApi } from '@reduxjs/toolkit/query/react';
-import { baseQueryWithAuth } from './fetchBaseQuery';
-
-export const testApi = createApi({
-    reducerPath: 'testApi',
-    baseQuery: baseQueryWithAuth,
-    endpoints: (builder) => ({
-        seeder: builder.mutation({
-            query: (name) => ({
-                url: '/test/seed',
-                method: 'POST',
-                body: {
-                    "seeder": name
-                }
-            }),
-        }),
-    })
-
-});
-
-export const {useSeederMutation} = testApi

package/src/redux/api/userApi.ts

@@ -1,135 +0,0 @@
-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/src/redux/features/authSlice.ts

@@ -1,19 +0,0 @@
-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/src/redux/features/dataViewSlice.ts

@@ -1,26 +0,0 @@
-// 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/src/redux/features/navbarSlice.ts

@@ -1,21 +0,0 @@
-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/src/redux/features/popupSlice.ts

@@ -1,37 +0,0 @@
-// 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/src/redux/features/themeSlice.ts

@@ -1,17 +0,0 @@
-// 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/src/redux/features/userSlice.ts

@@ -1,28 +0,0 @@
-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/src/redux/hooks/useSolidPopup.ts

@@ -1,20 +0,0 @@
-// 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/src/redux/store/StoreProvider.tsx

@@ -1,52 +0,0 @@
-import { useEffect, useMemo, useState } from "react";
-import type { ReactNode } from "react";
-import { Provider } from "react-redux";
-import { createSolidStore, type SolidStore } from "./createSolidStore";
-import { eventBus, AppEvents } from "../../helpers/eventBus";
-import { solidGet } from "../../http/solidHttp";
-
-async function fetchEntities(): Promise<string[]> {
-  const response = await solidGet("/model-metadata/public");
-  const data = response?.data;
-  const records = data?.data?.records || [];
-  return records.map((r: { singularName: string }) => r.singularName);
-}
-
-export function StoreProvider({
-  children,
-  reducers,
-  middlewares,
-}: {
-  children: ReactNode;
-  reducers?: NonNullable<Parameters<typeof createSolidStore>[0]>["reducers"];
-  middlewares?: NonNullable<Parameters<typeof createSolidStore>[0]>["middlewares"];
-}) {
-  const [store, setStore] = useState<SolidStore | null>(null);
-
-  useEffect(() => {
-    let mounted = true;
-    fetchEntities()
-      .then((entities) => {
-        if (!mounted) return;
-        setStore(createSolidStore({ entities, reducers, middlewares }));
-      })
-      .catch(() => {
-        if (!mounted) return;
-        eventBus.emit(AppEvents.GlobalError, {
-          message: "Unable to reach the server. Please try again later.",
-        });
-        setStore(createSolidStore({ entities: [], reducers, middlewares }));
-      });
-
-    return () => {
-      mounted = false;
-    };
-  }, [reducers, middlewares]);
-
-  const content = useMemo(() => {
-    if (!store) return <div>Loading...</div>;
-    return <Provider store={store}>{children}</Provider>;
-  }, [store, children]);
-
-  return content;
-}

package/src/redux/store/createSolidStore.ts

@@ -1,55 +0,0 @@
-import { configureStore } from "@reduxjs/toolkit";
-import type { Middleware, ReducersMapObject } from "@reduxjs/toolkit";
-import { solidApiSlices, solidReducers } from "./defaultStoreConfig";
-import { createSolidEntityApi } from "../api/solidEntityApi";
-
-export type CreateSolidStoreOptions = {
-  entities?: string[];
-  reducers?: ReducersMapObject;
-  middlewares?: Middleware[];
-};
-
-/**
- * createSolidStore builds the default SolidX store and lets consumers extend it.
- *
- * To add custom slices/middlewares in a consuming app:
- *   import { createSolidStore } from "@solidxai/core-ui";
- *   import myReducer from "./myReducer";
- *   import myMiddleware from "./myMiddleware";
- *
- *   const store = createSolidStore({
- *     entities,
- *     reducers: { mySlice: myReducer },
- *     middlewares: [myMiddleware],
- *   });
- */
-export function createSolidStore(options: CreateSolidStoreOptions = {}) {
-  const { entities = [], reducers = {}, middlewares = [] } = options;
-
-  const rootReducers: ReducersMapObject = {
-    ...solidReducers,
-    ...Object.fromEntries(solidApiSlices.map((api) => [api.reducerPath, api.reducer])),
-    ...reducers,
-  } as ReducersMapObject;
-
-  const rootMiddlewares: Middleware[] = [
-    ...solidApiSlices.map((api) => api.middleware as Middleware),
-    ...middlewares,
-  ];
-
-  for (let i = 0; i < entities.length; i += 1) {
-    const entity = entities[i];
-    const apiSlice = createSolidEntityApi(entity);
-    rootReducers[apiSlice.reducerPath] = apiSlice.reducer;
-    rootMiddlewares.push(apiSlice.middleware as Middleware);
-  }
-
-  return configureStore({
-    reducer: rootReducers,
-    middleware: (getDefaultMiddleware) => getDefaultMiddleware().concat(rootMiddlewares),
-  });
-}
-
-export type SolidStore = ReturnType<typeof createSolidStore>;
-export type SolidRootState = ReturnType<SolidStore["getState"]>;
-export type SolidDispatch = SolidStore["dispatch"];

package/src/redux/store/defaultStoreConfig.ts

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