@solidstarters/solid-core-ui 1.1.153 → 1.1.154

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

@@ -0,0 +1,94 @@
+/* .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);
+}

package/src/resources/globals.css

@@ -1770,6 +1770,7 @@ li.header-li-px {
   writing-mode: vertical-rl;
   transform: rotate(180deg);
   width: 30px;
+  cursor: pointer;
 }
 
 .solid-form-header {

package/src/types/index.d.ts

@@ -26,7 +26,8 @@ import {
     LayoutNodeType,
     SolidUiEvents,
     SolidUiEvent,
-    SolidFormWidgetProps
+    SolidFormWidgetProps,
+    SolidChartRendererProps
 } from './solid-core';
 
 type ChildContainerProps = {
@@ -56,5 +57,6 @@ export type {
     LayoutNodeType,
     SolidUiEvents,
     SolidUiEvent,
-    SolidFormWidgetProps
+    SolidFormWidgetProps,
+    SolidChartRendererProps
 };

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

@@ -111,18 +111,48 @@ export type SolidLoadForm = {
     formViewLayout: LayoutNode;
 }
 
+export enum SqlExpressionOperator {
+    EQUALS = '$equals',
+    NOT_EQUALS = '$notEquals',
+    CONTAINS = '$contains',
+    NOT_CONTAINS = '$notContains',
+    STARTS_WITH = '$startsWith',
+    ENDS_WITH = '$endsWith',
+    IN = '$in',
+    NOT_IN = '$notIn',
+    BETWEEN = '$between',
+    LT = '$lt',
+    LTE = '$lte',
+    GT = '$gt',
+    GTE = '$gte'
+}
+
+export interface SqlExpression {
+    variableName: string;
+    operator: SqlExpressionOperator;
+    value: string[];
+}
+
+export type SolidChartRendererProps = {
+    question: any;
+    filters: SqlExpression[];
+    isPreview: boolean;
+};
+
 export type SolidFormWidgetProps = {
     field: any;
     // This comes from Formik...
     formData: Record<string, any>;
     viewMetadata: SolidView;
     fieldsMetadata: FieldsMetadata;
+    formViewData: any;
 };
 
 export type SolidFormFieldWidgetProps = {
     formik: any;
     fieldContext?: SolidFieldProps;
 }
+
 export type SolidListFieldWidgetProps = {
     rowData: any;
     solidListViewMetaData: any
@@ -144,7 +174,6 @@ export type SolidShortTextImageRenderModeWidgetProps = {
     data: string;
 }
 
-
 export type SolidFormDynamicFunctionProps = {
     action: string,
     params: any,
@@ -159,7 +188,6 @@ export type SolidListHeaderDynamicFunctionProps = {
     solidListViewMetaData: any
 }
 
-
 export type SolidListRowdataDynamicFunctionProps = {
     action: string,
     params: any,