@solidstarters/solid-core-ui 1.1.205 → 1.1.207

package/dist/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/dist/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/dist/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solidstarters/solid-core-ui",
-  "version": "1.1.205",
+  "version": "1.1.207",
   "scripts": {
     "prebuild": "npm run copy-resources && npm run copy-styles",
     "build": "tsc && tsc-alias",
@@ -35,6 +35,7 @@
     "cloudinary": "^1.40.0",
     "copyfile": "^0.1.2",
     "copyfiles": "^2.4.1",
+    "dayjs": "^1.11.19",
     "gridstack": "^12.2.1",
     "handlebars": "^4.7.8",
     "html-react-parser": "^5.2.2",
@@ -58,12 +59,13 @@
     "react-range": "^1.10.0",
     "react-syntax-highlighter": "^15.6.6",
     "rehype-pretty-code": "^0.14.1",
-    "remark-gfm": "^4.0.1",
     "rehype-raw": "^7.0.0",
     "rehype-sanitize": "^6.0.0",
+    "remark-gfm": "^4.0.1",
     "shiki": "^3.13.0",
     "stripe": "^13.5.0",
     "uuid": "^10.0.0",
+    "viewerjs": "^1.11.7",
     "xlsx": "^0.18.5",
     "yet-another-react-lightbox": "^3.21.8",
     "yup": "^1.4.0"
@@ -75,7 +77,7 @@
     "@uiw/react-codemirror": "^4.23.3",
     "codemirror": "^6.0.1",
     "formik": "^2.4.6",
-    "next": "^14.2.13",
+    "next": "^14.2.35",
     "next-auth": "^4.24.13",
     "next-connect": "^1.0.0",
     "node-geocoder": "^4.2.0",
@@ -108,7 +110,7 @@
     "@uiw/react-codemirror": "^4.23.3",
     "codemirror": "^6.0.1",
     "formik": "^2.4.6",
-    "next": "^14.2.13",
+    "next": "^14.2.35",
     "next-auth": "^4.24.13",
     "next-connect": "^1.0.0",
     "node-geocoder": "^4.2.0",

package/src/components/common/solid-export.css

@@ -12,8 +12,8 @@
 }
 
 .ExportDialog {
-    width: 70% !important;
-    height: 700px !important;
+    width: 70% ;
+    height: 700px ;
 }
 
 .SolidExportControls{
@@ -72,3 +72,14 @@
 .SolidCustomPicklistSourceItem {
   border-right: 1px solid var(--primary-light-color);
 }
+
+
+@media(max-width:767px){
+  .SolidCustomPicklistItemWrapper {
+    min-height: 2.7rem;
+    height: auto;
+    border-top: 1px solid var(--primary-light-color);
+    display: flex;
+    align-items: center;
+}
+}

package/src/components/common/solidModuleHome.module.css

@@ -102,4 +102,34 @@
 
 .solidModuleHomeActionCard:hover .solidModuleHomeActionCardSvgWrapper svg path {
     fill: var(--surface-a);
+}
+
+@media(max-width:991px) {
+    .solidModuleWelcomeSection {
+        padding: 16px;
+        height: 100%;
+        padding-bottom: 0 !important;
+        padding-right: 0px !important;
+    }
+
+    .solidModuleHomeColorCards {
+        padding: 16px;
+    }
+
+    .solidModuleHomeActionCard {
+        padding: 16px;
+    }
+
+    .solidModuleHomeTitle1 {
+        font-size: 1.4rem;
+    }
+
+    .homeSvg {
+        position: relative;
+        right: 0;
+        top: 0;
+        bottom: 0;
+    }
+
+
 }

package/src/components/core/common/SolidAccountSettings/SolidAccountSettings.module.css

@@ -49,4 +49,11 @@
 
 .SolidRemoveProfile:hover {
     transform: scale(1.1);
+}
+
+
+@media(max-width:991px) {
+    .SolidSettingTab {
+        padding: 10px 12px !important;
+    }
 }

package/src/resources/globals.css

@@ -1427,7 +1427,7 @@ li.header-li-px {
 }
 
 .fieldSubTitle {
-  font-size: 0.6em;
+  font-size: 0.8em;
   margin-top: 5px;
 }
 
@@ -1783,6 +1783,10 @@ li.header-li-px {
   border-bottom: 1px solid var(--primary-light-color);
 }
 
+.solid-header-buttons-wrapper{
+  gap: 1rem !important;
+}
+
 .solid-form-stepper {
   padding: 7.5px 14px 7.5px 24px;
   background-color: #fff;
@@ -1792,9 +1796,9 @@ li.header-li-px {
 }
 
 .solid-dynamic-breadcrumb-stepper {
-  height: 50px;
+  /* height: 50px; */
   border-bottom: 1px solid var(--primary-light-color);
-  padding: 0.8rem 1.5rem;
+  padding: 0.55rem 1.5rem;
 }
 
 
@@ -1820,6 +1824,13 @@ li.header-li-px {
   font-weight: 600 !important;
 }
 
+.solid-breadcrumb.p-breadcrumb .p-menuitem .p-menuitem-link .p-menuitem-text {
+  max-width: clamp(120px, 50vw, 600px);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 .solid-dropzone {
   border-radius: 0.5rem;
   border: 1px dashed var(--solid-primary-border);
@@ -1869,14 +1880,14 @@ li.header-li-px {
 
 .inactive-step-arrow {
   right: 2px;
-  z-index: 999;
+  z-index: 99;
   top: 50%;
   transform: translateY(-37%);
 }
 
 .solid-step-button.p-button {
   position: relative;
-  min-width: 110px;
+  width: auto;
   display: flex;
   justify-content: center;
   padding-top: 8px;
@@ -1887,12 +1898,184 @@ li.header-li-px {
 }
 
 .solid-step-button.p-button-primary {
-  padding-right: 0;
+  padding-left: 42px;
+  padding-right: 16px;
 }
 
 .solid-step-button.p-button-secondary:first-child {
-  padding-left: 0;
+  padding-left: 12px;
+}
+
+.arrow-stepper-container {
+  display: flex;
+  align-items: center;
+  justify-content: end;
+  max-width: 900px;
+  width: 100%;
+  position: relative;
+  gap: 0;
+}
+
+.arrow-step-button {
+  position: relative;
+  padding: 0.5rem 1.5rem;
+  border: none;
+  background: var(--solid-light-grey);
+  color: #0D0B26;
+  font-weight: 500 !important;
+  cursor: pointer;
+  transition: all 0.3s ease;
   min-width: 100px;
+  white-space: nowrap;
+  font-size: 0.875rem;
+  clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0 100%, 15px 50%);
+  margin-right: -13px;
+  z-index: 1;
+}
+
+.step-text {
+  display: inline-block;
+  max-width: 180px;        /* your limit */
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  vertical-align: middle;
+}
+
+.arrow-step-button:first-child{
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+
+.arrow-step-button:last-child{
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+
+.arrow-step-button:first-of-type {
+  clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0 100%);
+  padding-left: 1.5rem;
+}
+
+.arrow-step-button:last-of-type {
+  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 15px 50%);
+  margin-right: 0;
+}
+
+.arrow-step-future {
+  clip-path: polygon(0 0,
+      calc(100% - 15px) 0,
+      100% 50%,
+      calc(100% - 15px) 100%,
+      0 100%,
+      15px 50%);
+  margin-right: -13px;
+}
+
+.arrow-step-button.single-button {
+  clip-path: none;
+  margin-right: 0;
+}
+
+.arrow-step-button:hover:not(.arrow-step-active):not(.arrow-step-completed) {
+  background: #e9ecef;
+  z-index: 2;
+}
+
+.arrow-step-button.arrow-step-completed {
+  background: var(--solid-light-grey);
+  color: #0D0B26;
+  z-index: 2;
+}
+
+.arrow-step-button.arrow-step-active {
+  background: var(--primary-color);
+  color: white;
+  z-index: 3;
+}
+
+.arrow-step-button.arrow-step-completed:hover {
+  background: var(--solid-light-grey);
+}
+
+.overflow-button {
+  padding: 0.5rem;
+  min-width: 2.5rem;
+  height: 100%;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  color: #0D0B26;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.2s ease;
+}
+
+.overflow-right-button {
+  border-top: 1px solid var(--solid-light-grey);
+  border-bottom: 1px solid var(--solid-light-grey);
+  border-right: 1px solid var(--solid-light-grey);
+  border-left: none;
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+
+.overflow-left-button {
+  border-top: 1px solid var(--solid-light-grey);
+  border-bottom: 1px solid var(--solid-light-grey);
+  border-left: 1px solid var(--solid-light-grey);
+  border-right: none;
+
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+
+.overflow-button:hover {
+  background: #e9ecef;
+  color: #0D0B26;
+}
+
+.overlay-step-button {
+  width: 100%;
+  padding: 0.5rem 1rem;
+  border: none;
+  background: transparent;
+  text-align: left;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  color: #0D0B26;
+  border-radius: 4px;
+}
+
+.overlay-step-button:hover {
+  background: #e9ecef;
+}
+
+.overlay-step-button.active {
+  background: var(--primary-color);
+  color: white;
+}
+
+.overlay-step-button.completed {
+  background: var(--solid-light-grey);
+  color: #0D0B26;
+}
+
+@media (max-width: 768px) {
+  .arrow-step-button {
+    padding: 0.5rem 1rem;
+    min-width: 100px;
+    font-size: 0.875rem;
+  }
+}
+
+@media (max-width: 480px) {
+  .arrow-step-button {
+    padding: 0.5rem 0.75rem !important;
+    min-width: 100px;
+    font-size: 0.8rem;
+  }
 }
 
 /* .solid-step-button.p-button.p-button-text:first-child {
@@ -1906,7 +2089,9 @@ li.header-li-px {
 .solid-step-button.p-button-secondary {
   background-color: #EAEDF1;
   color: #0D0B26;
-  padding-right: 0;
+  padding-left: 24px;
+  /* Extra space for the arrow on the left */
+  /* padding-right: 28px; */
 }
 
 .solid-step-button.p-button-secondary.p-button:not(:disabled):active {
@@ -1934,10 +2119,24 @@ li.header-li-px {
 .solid-step-button.p-button.p-button-text {
   background-color: transparent;
   border: 0;
-  min-width: 130px;
+  padding-left: 36px;
+  /* Extra space for the arrow on the left */
+  padding-right: 16px;
   /* padding-left: 0; */
 }
 
+.solid-step-button.p-button.p-button-text:last-child {
+  padding-right: 16px;
+  padding-left: 16px
+}
+
+.solid-step-label {
+  position: relative;
+  z-index: 10;
+  display: inline-block;
+  padding: 0 4px;
+}
+
 /* .solid-dynamic-stepper.test .solid-step-button.p-button:nth-child(2) {
   padding-left: 20px !important;
   min-width: 130px;
@@ -2807,12 +3006,19 @@ li.header-li-px {
 }
 
 .solid-form-stepper-overlay .p-button .p-button-label {
-  color: var(--solid-title);
   font-weight: 400 !important;
   flex: none;
   font-size: 14px;
 }
 
+.solid-form-stepper-overlay .p-button-primary.p-button .p-button-label {
+  color: var(--surface-a);
+}
+
+.solid-form-stepper-overlay .p-button-text.p-button .p-button-label {
+  color: var(--solid-title);
+}
+
 .solid-form-stepper-overlay .p-button:hover .p-button-label {
   color: #fff;
 }
@@ -3054,13 +3260,17 @@ li.header-li-px {
 }
 
 /* 1024px - 1199px */
-@media (min-width: 1024px) and (max-width: 1199px) {
+@media (min-width: 991px) and (max-width: 1199px) {
   html {
     font-size: 70% !important;
   }
 
+  .auth-container.side {
+    width: 75%;
+  }
+
   .auth-container {
-    padding: 24px;
+    padding: 24px 32px;
   }
 
   .solid-left-layout .solid-logo,
@@ -3211,8 +3421,11 @@ flex-shrink: 0; */
   margin-bottom: 0 !important;
 }
 
-.solid-global-search-element input {
-  min-width: 300px;
+@media(min-width:992px) {
+  .solid-global-search-element input {
+    min-width: 300px;
+  }
+
 }
 
 .solid-empty-listview-placeholder-container {
@@ -3320,12 +3533,13 @@ flex-shrink: 0; */
   width: fit-content;
 }
 
-.p-toast .p-toast-message.p-toast-message-info{
+.p-toast .p-toast-message.p-toast-message-info {
   border: 0;
 }
 
-.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close{
-  color: #fff;
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+  color: #fff !important;
 }
 
 .p-toast .p-toast-message.p-toast-message-success {
@@ -3360,4 +3574,24 @@ flex-shrink: 0; */
 
 .p-toast-icon-close {
   border-radius: 50px;
-}
+}
+
+/*css for custom status icon */
+.status-icon {
+  width: 2rem;
+  height: 1.5rem;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 18px;
+}
+
+.status-icon.success {
+  background: var(--green-500);
+  color: var(--surface-0);
+}
+
+.status-icon.danger {
+  background: var(--red-500);
+  color: var(--surface-0);
+}

package/src/resources/solid-primereact.css

@@ -689,10 +689,13 @@
         padding: 0.53rem 0.65625rem;
     }
 
-    .solid-custom-filter-wrapper .p-inputtext {
-        min-width: 24rem !important;
+    @media(min-width:992px){
+        .solid-custom-filter-wrapper .p-inputtext {
+            min-width: 24rem !important;
+        }
     }
 
+
     .p-inputtext.p-inputtext-lg {
         font-size: 1.25rem;
         padding: 0.9375rem 0.9375rem;