@solidstarters/solid-core-ui 1.1.205 → 1.1.207

package/src/resources/stylesheets/_content.scss

@@ -53,6 +53,10 @@
     border-right: 1px solid var(--primary-light-color)
 }
 
+.sidebar-backdrop {
+    display: none; /* Hidden by default */
+}
+
 .sidebar-toggle-button {
     position: absolute;
     z-index: 999;

package/src/resources/themes/solid-light-purple/theme.css

@@ -6136,7 +6136,7 @@
   }
 
   .solid-auth-input-label.right {
-    color: #fff !important;
+    color: #fff ;
   }
 
   .solid-auth-subtitle,

package/src/types/solid-core.d.ts

@@ -75,7 +75,13 @@ export type LayoutAttribute = {
     showLabel?: boolean;
     inlineListLayout?: any;
     inlineCreateLayout?: any;
+    showDefaultAddButton?: boolean;
+    showDefaultEditButton?: boolean;
+    showEditFormButton?: boolean;
+    showAddFormButton?: boolean;
+    showDeleteFormButton?: boolean;
     formButtons?: any;
+    rowButtons?: any;
     whereClause?: string;
     disabled?: boolean;
     readonly?: boolean;
@@ -97,7 +103,7 @@ export type ListLayoutType = {
 };
 
 // Event type
-export type SolidUiEvents = "onFieldChange" | "onFieldBlur" | "onCustomWidgetRender" | "onFormDataLoad" | "onFormLayoutLoad" | "onFormLoad" | "onListLoad" | "afterLogin" | "beforeLogout" | "onApplicationMount";
+export type SolidUiEvents = "onFieldChange" | "onFieldBlur" | "onCustomWidgetRender" | "onFormDataLoad" | "onFormLayoutLoad" | "onFormLoad" | "onListLoad" | "onBeforeListDataLoad" | "afterLogin" | "beforeLogout" | "onApplicationMount";
 export type SolidUiEvent = {
     type: SolidUiEvents;
     modifiedField?: string;
@@ -134,6 +140,8 @@ export type SolidListUiEvent = {
     totalRecords: number;
     viewMetadata: SolidView;
     listViewLayout: ListLayoutType;
+    user: any;
+    session: any
 };
 
 export type SolidLoadList = {
@@ -143,11 +151,27 @@ export type SolidLoadList = {
     totalRecords: number;
     viewMetadata: SolidView;
     listViewLayout: ListLayoutType;
+    queryParams?: any,
     user: any,
-    session: any
+    session: any,
+    params?: SolidListViewParams
+}
+
+export type SolidBeforeListDataLoad = {
+    type: SolidUiEvents;
+    fieldsMetadata: FieldsMetadata;
+    viewMetadata: SolidView;
+    listViewLayout: ListLayoutType;
+    filter?: any,
+    queryParams?: any,
+    user: any,
+    session: any,
+    params?: SolidListViewParams
 }
 
 export type SolidListUiEventResponse = {
+    filterApplied?: Boolean;
+    newFilter?: any;
     dataChanged?: Boolean;
     newListData?: any[];
     layoutChanged?: Boolean;
@@ -257,15 +281,15 @@ export type RootState = ReturnType<ReturnType<typeof initializeStore>['getState'
 
 export interface AiInteraction {
     id: number;
-    threadId: string;
+    thread_id: string;
     role: 'human' | 'gen-ai' | string;
     message: string;
-    contentType?: string;
+    content_type?: string;
     status?: string;
-    errorMessage?: string;
-    modelUsed?: string;
-    responseTimeMs?: number;
+    error_message?: string;
+    model_used?: string;
+    response_time_ms?: number;
     metadata?: string;
-    isApplied?: boolean;
-    createdAt?: Date
+    is_applied?: boolean;
+    created_at?: Date
 }

package/src/components/core/solid-ai/SolidXAI.module.css

@@ -1,100 +0,0 @@
-/* .SolidXAIHeader {} */
-
-.SolidXAIThreadWrapper {
-    height: calc(100vh - 65px);
-    padding-bottom: 200px;
-}
-
-.SolidXAIInputWrapper {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    margin: 0 16px 16px 16px;
-    background-color: var(--surface-c);
-    border-radius: 8px;
-    overflow: hidden;
-}
-
-.SolidAIInput {
-    border: none;
-    width: 100%;
-    resize: none;
-    background-color: transparent;
-}
-
-.SolidXAIEmptyPlaceholder {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-}
-
-.SolidXAIEmptyPlaceholderBg {
-    height: 100px;
-    background: #DBC4F5;
-    background: radial-gradient(circle, rgba(219, 196, 245, 1) 0%, rgba(255, 255, 255, 0) 100%);
-}
-
-.SolidXAIThinkingAnimation {
-    width: 36px;
-    aspect-ratio: 2;
-    --_g: no-repeat radial-gradient(circle closest-side, var(--primary-color) 90%, #0000);
-    background:
-        var(--_g) 0% 50%,
-        var(--_g) 50% 50%,
-        var(--_g) 100% 50%;
-    background-size: calc(100%/3) 50%;
-    animation: solid-x-ai-thinking 1s infinite linear;
-}
-
-@keyframes solid-x-ai-thinking {
-    20% {
-        background-position: 0% 0%, 50% 50%, 100% 50%
-    }
-
-    40% {
-        background-position: 0% 100%, 50% 0%, 100% 50%
-    }
-
-    60% {
-        background-position: 0% 50%, 50% 100%, 100% 0%
-    }
-
-    80% {
-        background-position: 0% 50%, 50% 50%, 100% 100%
-    }
-}
-
-.SolidXUserPromptWrapper {
-    max-width: 90%;
-    margin-left: auto;
-}
-
-.SolidXUserPrompt {
-    border-radius: 8px;
-}
-
-.SolidXUserPrompt div {
-    color: var(--solid-dark-title);
-}
-
-.SolidXAIResponseWrapper {
-    max-width: 90%;
-    margin-right: auto;
-}
-
-.SolidXAIResponse {
-    border-radius: 8px;
-    background-color: var(--primary-50);
-}
-
-.SolidXAIResponse div {
-    color: var(--solid-dark-title);
-}
-
-.SolidXAiResponseError{
-    background-color: #ffecec;
-    padding: 10px;
-    border: 1px solid #f5aca6;
-}