@sisense/sdk-ui-vue 1.7.2 → 1.9.0

package/dist/src/components/charts/area-chart.d.ts

@@ -2,7 +2,6 @@ import type { PropType } from 'vue';
 /**
  * A Vue component similar to a {@link LineChart},
  * but with filled in areas under each line and an option to display them as stacked.
- * More info on [Sisense Documentation page](https://docs.sisense.com/main/SisenseLinux/area-chart.htm).
  *
  * @example
  * Here's how you can use the AreaChart component in a Vue application:

package/dist/src/components/charts/areamap-chart.d.ts

@@ -1,7 +1,6 @@
 import type { PropType } from 'vue';
 /**
  * A Vue component for visualizing geographical data as polygons on a map.
- * See [Areamap Chart](https://docs.sisense.com/main/SisenseLinux/area-map.htm) for more information.
  *
  * @example
  * Here's how you can use the AreamapChart component in a Vue application:

package/dist/src/components/charts/bar-chart.d.ts

@@ -2,7 +2,7 @@ import type { PropType } from 'vue';
 /**
  * A Vue component representing categorical data with horizontal rectangular bars,
  * whose lengths are proportional to the values that they represent.
- * See [Bar Chart](https://docs.sisense.com/main/SisenseLinux/bar-chart.htm) for more information.
+ *
  * @example
  * Here's how you can use the BarChart component in a Vue application:
  * ```vue

package/dist/src/components/charts/boxplot-chart.d.ts

@@ -2,7 +2,7 @@ import type { PropType } from 'vue';
 /**
  * A Vue component representing data in a way that visually describes the distribution, variability,
  * and center of a data set along an axis.
- * See [Boxplot Chart](https://docs.sisense.com/main/SisenseLinux/box-and-whisker-plot.htm) for more information.
+ *
  * @example
  * Here's how you can use the BoxplotChart component in a Vue application:
  * ```vue

package/dist/src/components/charts/column-chart.d.ts

@@ -2,7 +2,6 @@ import type { PropType } from 'vue';
 /**
  * A Vue component representing categorical data with vertical rectangular bars
  * whose heights are proportional to the values that they represent.
- * See [Column Chart](https://docs.sisense.com/main/SisenseLinux/column-chart.htm) for more information.
  *
  * @example
  * Here's how you can use the ColumnChart component in a Vue application:

package/dist/src/components/charts/indicator-chart.d.ts

@@ -1,7 +1,6 @@
 import type { PropType } from 'vue';
 /**
  * A Vue component that provides various options for displaying one or two numeric values as a number, gauge or ticker.
- * See [Indicator](https://docs.sisense.com/main/SisenseLinux/indicator.htm) for more information.
  *
  * @example
  * Here's how you can use the IndicatorChart component in a Vue application:

package/dist/src/components/charts/pie-chart.d.ts

@@ -2,7 +2,6 @@ import type { PropType } from 'vue';
 /**
  * A Vue component representing data in a circular graph with the data shown as slices of a whole,
  * with each slice representing a proportion of the total.
- * See [Pie Chart](https://docs.sisense.com/main/SisenseLinux/pie-chart.htm) for more information.
  *
  * @example
  * Here's how you can use the PieChart component in a Vue application:

package/dist/src/components/charts/polar-chart.d.ts

@@ -1,7 +1,6 @@
 import { type PropType } from 'vue';
 /**
  * A Vue component comparing multiple categories/variables with a spacial perspective in a radial chart.
- * See [Polar Chart](https://docs.sisense.com/main/SisenseLinux/polar-chart.htm) for more information.
  *
  * @example
  * Here's how you can use the PolarChart component in a Vue application:

package/dist/src/components/charts/scatter-chart.d.ts

@@ -8,8 +8,6 @@ import type { PropType } from 'vue';
  * **Size**: An optional field represented by the size of the circles.
  * If omitted, all scatter points are equal in size. If used, the circle sizes are relative to their values.
  *
- * See [Scatter Chart](https://docs.sisense.com/main/SisenseLinux/scatter-chart.htm) for more information.
- *
  * @example
  * Here's how you can use the ScatterChart component in a Vue application:
  * ```vue

package/dist/src/components/charts/treemap-chart.d.ts

@@ -1,8 +1,8 @@
 import type { PropType } from 'vue';
 /**
  * A Vue component displaying hierarchical data in the form of nested rectangles.
+ *
  * This type of chart can be used instead of a column chart for comparing a large number of categories and sub-categories.
- * See [Treemap Chart](https://docs.sisense.com/main/SisenseLinux/treemap.htm) for more information.
  *
  * @example
  * Here's how you can use the TreemapChart component in a Vue application:

package/dist/src/composables/use-custom-drilldown.d.ts

@@ -49,6 +49,7 @@ export declare const useCustomDrilldown: ({ drilldownDimensions, initialDimensio
             toJSON: () => any;
             jaql: (nested?: boolean | undefined) => any;
             skipValidation?: boolean | undefined;
+            composeCode?: string | undefined;
         };
     }[]>;
     availableDrilldowns: import("vue").ComputedRef<Attribute[]>;
@@ -70,6 +71,7 @@ export declare const useCustomDrilldown: ({ drilldownDimensions, initialDimensio
             toJSON: () => any;
             jaql: (nested?: boolean | undefined) => any;
             skipValidation?: boolean | undefined;
+            composeCode?: string | undefined;
         };
         readonly filterType: string;
         readonly guid: string;

package/dist/src/providers/theme-provider.d.ts

@@ -24,6 +24,88 @@ export declare const getThemeContext: () => Ref<{
         primaryButtonTextColor: string;
         primaryButtonHoverColor: string;
     };
+    aiChat: {
+        backgroundColor: string;
+        primaryTextColor: string;
+        secondaryTextColor: string;
+        primaryFontSize: [fontSize: string, lineHeight: string];
+        border: string | false;
+        borderRadius: string | false;
+        body: {
+            paddingLeft: string;
+            paddingRight: string;
+            paddingTop: string;
+            paddingBottom: string;
+            gapBetweenMessages: string;
+        };
+        footer: {
+            paddingLeft: string;
+            paddingRight: string;
+            paddingTop: string;
+            paddingBottom: string;
+        };
+        userMessages: {
+            backgroundColor: string;
+        };
+        systemMessages: {
+            backgroundColor: string;
+        };
+        input: {
+            backgroundColor: string;
+            focus: {
+                outlineColor: string;
+            };
+        };
+        header: {
+            backgroundColor: string;
+            textColor: string;
+        };
+        dropup: {
+            backgroundColor: string;
+            boxShadow: string;
+            borderRadius: string;
+            headers: {
+                textColor: string;
+                hover: {
+                    backgroundColor: string;
+                };
+            };
+            items: {
+                textColor: string;
+                hover: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        suggestions: {
+            textColor: string;
+            backgroundColor: string;
+            border: string;
+            borderGradient: [string, string] | null;
+            borderRadius: string;
+            hover: {
+                backgroundColor: string;
+                textColor: string;
+            };
+            loadingGradient: [string, string];
+            gap: string;
+        };
+        clickableMessages: {
+            backgroundColor: string;
+            textColor: string;
+            border: string | false;
+            hover: {
+                textColor: string;
+                backgroundColor: string;
+            };
+        };
+        icons: {
+            color: string;
+            hover: {
+                color: string;
+            };
+        };
+    };
 }> | undefined;
 /**
  * Creates theme context connector
@@ -52,6 +134,88 @@ export declare const createThemeContextConnector: (themeSettings?: CompleteTheme
                 primaryButtonTextColor: string;
                 primaryButtonHoverColor: string;
             };
+            aiChat: {
+                backgroundColor: string;
+                primaryTextColor: string;
+                secondaryTextColor: string;
+                primaryFontSize: [fontSize: string, lineHeight: string];
+                border: string | false;
+                borderRadius: string | false;
+                body: {
+                    paddingLeft: string;
+                    paddingRight: string;
+                    paddingTop: string;
+                    paddingBottom: string;
+                    gapBetweenMessages: string;
+                };
+                footer: {
+                    paddingLeft: string;
+                    paddingRight: string;
+                    paddingTop: string;
+                    paddingBottom: string;
+                };
+                userMessages: {
+                    backgroundColor: string;
+                };
+                systemMessages: {
+                    backgroundColor: string;
+                };
+                input: {
+                    backgroundColor: string;
+                    focus: {
+                        outlineColor: string;
+                    };
+                };
+                header: {
+                    backgroundColor: string;
+                    textColor: string;
+                };
+                dropup: {
+                    backgroundColor: string;
+                    boxShadow: string;
+                    borderRadius: string;
+                    headers: {
+                        textColor: string;
+                        hover: {
+                            backgroundColor: string;
+                        };
+                    };
+                    items: {
+                        textColor: string;
+                        hover: {
+                            backgroundColor: string;
+                        };
+                    };
+                };
+                suggestions: {
+                    textColor: string;
+                    backgroundColor: string;
+                    border: string;
+                    borderGradient: [string, string] | null;
+                    borderRadius: string;
+                    hover: {
+                        backgroundColor: string;
+                        textColor: string;
+                    };
+                    loadingGradient: [string, string];
+                    gap: string;
+                };
+                clickableMessages: {
+                    backgroundColor: string;
+                    textColor: string;
+                    border: string | false;
+                    hover: {
+                        textColor: string;
+                        backgroundColor: string;
+                    };
+                };
+                icons: {
+                    color: string;
+                    hover: {
+                        color: string;
+                    };
+                };
+            };
         };
         skipTracking: boolean;
     }>;
@@ -77,6 +241,88 @@ export declare const createThemeContextConnector: (themeSettings?: CompleteTheme
                 primaryButtonTextColor: string;
                 primaryButtonHoverColor: string;
             };
+            aiChat: {
+                backgroundColor: string;
+                primaryTextColor: string;
+                secondaryTextColor: string;
+                primaryFontSize: [fontSize: string, lineHeight: string];
+                border: string | false;
+                borderRadius: string | false;
+                body: {
+                    paddingLeft: string;
+                    paddingRight: string;
+                    paddingTop: string;
+                    paddingBottom: string;
+                    gapBetweenMessages: string;
+                };
+                footer: {
+                    paddingLeft: string;
+                    paddingRight: string;
+                    paddingTop: string;
+                    paddingBottom: string;
+                };
+                userMessages: {
+                    backgroundColor: string;
+                };
+                systemMessages: {
+                    backgroundColor: string;
+                };
+                input: {
+                    backgroundColor: string;
+                    focus: {
+                        outlineColor: string;
+                    };
+                };
+                header: {
+                    backgroundColor: string;
+                    textColor: string;
+                };
+                dropup: {
+                    backgroundColor: string;
+                    boxShadow: string;
+                    borderRadius: string;
+                    headers: {
+                        textColor: string;
+                        hover: {
+                            backgroundColor: string;
+                        };
+                    };
+                    items: {
+                        textColor: string;
+                        hover: {
+                            backgroundColor: string;
+                        };
+                    };
+                };
+                suggestions: {
+                    textColor: string;
+                    backgroundColor: string;
+                    border: string;
+                    borderGradient: [string, string] | null;
+                    borderRadius: string;
+                    hover: {
+                        backgroundColor: string;
+                        textColor: string;
+                    };
+                    loadingGradient: [string, string];
+                    gap: string;
+                };
+                clickableMessages: {
+                    backgroundColor: string;
+                    textColor: string;
+                    border: string | false;
+                    hover: {
+                        textColor: string;
+                        backgroundColor: string;
+                    };
+                };
+                icons: {
+                    color: string;
+                    hover: {
+                        color: string;
+                    };
+                };
+            };
         };
         skipTracking?: boolean | undefined;
     }, children: import("preact").VNode<{}>, error?: Error | undefined) => import("preact").VNode<{}>;

package/dist/src/sdk-ui-core-exports.d.ts

@@ -1,5 +1,5 @@
 export { boxWhiskerProcessResult } from '@sisense/sdk-ui-preact';
-export type { ChartType, CartesianChartType, CategoricalChartType, ScatterChartType, IndicatorChartType, BoxplotChartType, ScattermapChartType, AreamapChartType, TableType, AreaSubtype, LineSubtype, PieSubtype, PolarSubtype, StackableSubtype, BoxplotSubtype, WidgetType, CartesianWidgetType, CategoricalWidgetType, TabularWidgetType, AreaChartProps, BarChartProps, ChartProps, LineChartProps, ColumnChartProps, FunnelChartProps, PolarChartProps, ScatterChartProps, PieChartProps, TreemapChartProps, SunburstChartProps, IndicatorChartProps, MemberFilterTileProps, CriteriaFilterTileProps, DateRangeFilterTileProps, ChartWidgetProps, TableWidgetProps, TableProps, PivotTableProps, DrilldownBreadcrumbsProps, BoxplotChartProps, AreamapChartProps, ScattermapChartProps, SisenseContextProviderProps, DashboardWidgetProps, ExecuteQueryByWidgetIdParams, ExecuteQueryParams, GetWidgetModelParams, GetSharedFormulaParams, GetDashboardModelParams, UseGetSharedFormulaParams, GetDashboardModelsParams, ChartDataOptions, CartesianChartDataOptions, CategoricalChartDataOptions, ScatterChartDataOptions, IndicatorChartDataOptions, BoxplotChartDataOptions, BoxplotChartCustomDataOptions, ScattermapChartDataOptions, AreamapChartDataOptions, TableDataOptions, PivotTableDataOptions, WidgetDataOptions, NumberFormatConfig, DecimalScale, DataColorCondition, ConditionalDataColorOptions, DataColorOptions, RangeDataColorOptions, UniformDataColorOptions, ValueToColorMap, MultiColumnValueToColorMap, SortDirection, BoxWhiskerType, ScattermapLocationLevel, StyledColumn, StyledMeasureColumn, ChartStyleOptions, LineStyleOptions, AreaStyleOptions, StackableStyleOptions, PieStyleOptions, FunnelStyleOptions, PolarStyleOptions, IndicatorStyleOptions, NumericSimpleIndicatorStyleOptions, NumericBarIndicatorStyleOptions, GaugeIndicatorStyleOptions, ScatterStyleOptions, TreemapStyleOptions, SunburstStyleOptions, BoxplotStyleOptions, ScattermapStyleOptions, AreamapStyleOptions, ChartWidgetStyleOptions, WidgetStyleOptions, DashboardWidgetStyleOptions, TableStyleOptions, PivotTableStyleOptions, DataLimits, Legend, Markers, Labels, IndicatorComponents, ScatterMarkerSize, LineWidth, AxisLabel, Convolution, SeriesLabels, X2Title, ScattermapMarkers, WidgetModel, DashboardModel, BeforeRenderHandler, DataPoint, ScatterDataPoint, HighchartsOptions, BoxplotDataPoint, AppConfig, DateConfig, MenuItemSection, MonthOfYear, DayOfWeek, DateLevel, ThemeOid, GetDashboardModelOptions, GetDashboardModelsOptions, SeriesChartType, MenuPosition, ThemeSettings, Color, ColorPaletteTheme, Navigator, DrilldownOptions, DrilldownSelection, CriteriaFilterType, Member, FilterVariant, } from '@sisense/sdk-ui-preact';
+export type { ChartType, CartesianChartType, CategoricalChartType, ScatterChartType, IndicatorChartType, BoxplotChartType, ScattermapChartType, AreamapChartType, TableType, AreaSubtype, LineSubtype, PieSubtype, PolarSubtype, StackableSubtype, BoxplotSubtype, WidgetType, CartesianWidgetType, CategoricalWidgetType, TabularWidgetType, AreaChartProps, BarChartProps, ChartProps, LineChartProps, ColumnChartProps, FunnelChartProps, PolarChartProps, ScatterChartProps, PieChartProps, TreemapChartProps, SunburstChartProps, IndicatorChartProps, MemberFilterTileProps, CriteriaFilterTileProps, DateRangeFilterTileProps, ChartWidgetProps, TableWidgetProps, TableProps, PivotTableProps, DrilldownBreadcrumbsProps, BoxplotChartProps, AreamapChartProps, ScattermapChartProps, SisenseContextProviderProps, DashboardWidgetProps, ExecuteQueryByWidgetIdParams, ExecuteQueryParams, GetWidgetModelParams, GetSharedFormulaParams, GetDashboardModelParams, UseGetSharedFormulaParams, GetDashboardModelsParams, ChartDataOptions, CartesianChartDataOptions, CategoricalChartDataOptions, ScatterChartDataOptions, IndicatorChartDataOptions, BoxplotChartDataOptions, BoxplotChartCustomDataOptions, ScattermapChartDataOptions, AreamapChartDataOptions, TableDataOptions, PivotTableDataOptions, WidgetDataOptions, NumberFormatConfig, DecimalScale, DataColorCondition, ConditionalDataColorOptions, DataColorOptions, RangeDataColorOptions, UniformDataColorOptions, ValueToColorMap, MultiColumnValueToColorMap, SortDirection, BoxWhiskerType, ScattermapLocationLevel, StyledColumn, StyledMeasureColumn, PivotRowsSort, ChartStyleOptions, LineStyleOptions, AreaStyleOptions, StackableStyleOptions, PieStyleOptions, FunnelStyleOptions, PolarStyleOptions, IndicatorStyleOptions, NumericSimpleIndicatorStyleOptions, NumericBarIndicatorStyleOptions, GaugeIndicatorStyleOptions, ScatterStyleOptions, TreemapStyleOptions, SunburstStyleOptions, BoxplotStyleOptions, ScattermapStyleOptions, AreamapStyleOptions, ChartWidgetStyleOptions, WidgetStyleOptions, DashboardWidgetStyleOptions, TableStyleOptions, PivotTableStyleOptions, DataLimits, Legend, Markers, Labels, IndicatorComponents, ScatterMarkerSize, LineWidth, AxisLabel, Convolution, SeriesLabels, X2Title, ScattermapMarkers, WidgetModel, DashboardModel, BeforeRenderHandler, DataPoint, ScatterDataPoint, HighchartsOptions, BoxplotDataPoint, AppConfig, DateConfig, MenuItemSection, MonthOfYear, DayOfWeek, DateLevel, ThemeOid, GetDashboardModelOptions, GetDashboardModelsOptions, SeriesChartType, MenuPosition, ThemeSettings, Color, ColorPaletteTheme, Navigator, DrilldownOptions, DrilldownSelection, CriteriaFilterType, Member, FilterVariant, } from '@sisense/sdk-ui-preact';
 import type { ContextMenuProps as ContextMenuPropsPreact, ThemeProviderProps as ThemeProviderPropsPreact } from '@sisense/sdk-ui-preact';
 export type ContextMenuProps = Omit<ContextMenuPropsPreact, 'children'>;
 export type ThemeProviderProps = Omit<ThemeProviderPropsPreact, 'children'>;

package/package.json

@@ -11,7 +11,7 @@
     "Sisense",
     "Compose SDK"
   ],
-  "version": "1.7.2",
+  "version": "1.9.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -34,7 +34,7 @@
     "format:check": "prettier --check ."
   },
   "dependencies": {
-    "@sisense/sdk-ui-preact": "^1.7.2",
+    "@sisense/sdk-ui-preact": "^1.9.0",
     "deepmerge": "^4.3.1",
     "lodash": "^4.17.21",
     "vue": "^3.3.2"