@sisense/sdk-ui 0.14.0 → 0.16.0

package/dist/api/types/dashboard-dto.d.ts

@@ -1,7 +1,9 @@
-import { WidgetDto, Datasource, FilterJaql } from '../../dashboard-widget/types';
+import { WidgetDto, Datasource } from '../../dashboard-widget/types';
+import { FilterJaql } from '@sisense/sdk-data';
+import { AnyObject } from '../../utils/utility-types';
 export type Filter = {
     isCascading?: false;
-    jaql: FilterJaql;
+    jaql: FilterJaql & AnyObject;
     instanceid?: string;
     disabled?: boolean;
 };
@@ -17,4 +19,4 @@ export type DashboardDto = {
     datasource: Datasource;
     widgets?: WidgetDto[];
     filters?: Array<Filter | CascadingFilter>;
-};
+} & AnyObject;

package/dist/chart-data-options/coloring/consts.d.ts

@@ -1 +1,4 @@
 export declare const DEFAULT_COLOR = "#dcdcdc";
+export declare const colorChineseSilver = "#CCCCCC";
+export declare const colorWhite = "#FFFFFF";
+export declare const DEFAULT_PALETTE_COLORS: string[];

package/dist/chart-data-options/coloring/utils.d.ts

@@ -0,0 +1,6 @@
+import { Color } from '../../types';
+/**
+ * Returns a color from the given palette colors array based on index.
+ * If no custom palette supplied, returns a color from the default palette.
+ */
+export declare const getPaletteColor: (customPaletteColors: Color[] | undefined, index: number) => string;

package/dist/chart-data-options/get-translated-data-options.d.ts

@@ -0,0 +1,6 @@
+import { ChartDataOptions, ChartType } from '../types';
+export declare function getTranslatedDataOptions(dataOptions: ChartDataOptions, chartType: ChartType): {
+    chartDataOptions: import("./types").ChartDataOptionsInternal;
+    attributes: import("packages/sdk-data/dist").Attribute[];
+    measures: import("packages/sdk-data/dist").Measure[];
+};

package/dist/chart-options-processor/chart-options-service.d.ts

@@ -9,7 +9,7 @@ import { HighchartsType, HighchartsSeriesValues } from './translations/translati
 import { TooltipSettings } from './tooltip';
 import { PieOptions } from './translations/pie-plot-options';
 import { FunnelOptions } from './translations/funnel-plot-options';
-import { ChartType, OptionsWithAlerts, CompleteThemeSettings } from '../types';
+import { ChartType, OptionsWithAlerts, CompleteThemeSettings, StyleOptions } from '../types';
 import { ChartDataOptionsInternal } from '../chart-data-options/types';
 import { ScatterBubbleOptions } from './translations/scatter-plot-options';
 /**
@@ -30,9 +30,6 @@ export type HighchartsOptions = Pick<Options, keyof Options>;
  * @param dateFormatter
  */
 export declare const highchartsOptionsService: (chartData: ChartData, chartType: ChartType, chartDesignOptions: ChartDesignOptions, dataOptions: ChartDataOptionsInternal, themeSettings?: CompleteThemeSettings, dateFormatter?: ((date: Date, format: string) => string) | undefined) => OptionsWithAlerts<HighchartsOptionsInternal>;
-export declare const colorChineseSilver = "#CCCCCC";
-export declare const colorWhite = "#FFFFFF";
-export declare const DEFAULT_SERIES_COLORS: string[];
 export type SeriesType = HighchartsSeriesValues & {
     index?: number;
     animation?: boolean;
@@ -178,76 +175,7 @@ type Navigator = {
         right: string;
     };
 };
-declare const DEFAULT_STYLE_OPTIONS: {
-    readonly legend: {
-        readonly enabled: true;
-        readonly position: "bottom";
-    };
-    readonly navigator: {
-        readonly enabled: true;
-    };
-    readonly markers: {
-        readonly enabled: true;
-        readonly fill: "hollow";
-        readonly size: "small";
-    };
-    readonly seriesLabels: {
-        readonly enabled: false;
-        readonly rotation: 0;
-    };
-    readonly xAxis: {
-        readonly enabled: true;
-        readonly gridLines: true;
-        readonly isIntervalEnabled: false;
-        readonly labels: {
-            readonly enabled: true;
-        };
-        readonly logarithmic: false;
-        readonly title: {
-            readonly enabled: false;
-            readonly text: "X Axis title";
-        };
-    };
-    readonly yAxis: {
-        readonly enabled: true;
-        readonly gridLines: true;
-        readonly isIntervalEnabled: false;
-        readonly labels: {
-            readonly enabled: true;
-        };
-        readonly logarithmic: false;
-        readonly title: {
-            readonly enabled: false;
-            readonly text: "Y Axis title";
-        };
-    };
-    readonly y2Axis: {
-        readonly enabled: true;
-        readonly gridLines: true;
-        readonly isIntervalEnabled: false;
-        readonly labels: {
-            readonly enabled: true;
-        };
-        readonly logarithmic: false;
-        readonly title: {
-            readonly enabled: false;
-            readonly text: "Y2 Axis title";
-        };
-    };
-    readonly convolution: {
-        readonly enabled: false;
-        readonly selectedConvolutionType: "byPercentage";
-        readonly minimalIndependentSlicePercentage: 3;
-        readonly independentSlicesCount: 7;
-    };
-    readonly labels: {
-        readonly categories: true;
-        readonly enabled: true;
-        readonly percent: true;
-        readonly decimals: false;
-        readonly value: false;
-    };
-};
+declare const DEFAULT_STYLE_OPTIONS: StyleOptions;
 /**
  * Returns default style options, which can be used as base for custom style options.
  *

package/dist/chart-options-processor/translations/axis-section.d.ts

@@ -2,6 +2,7 @@ import { Style } from '../chart-options-service';
 import { ChartDataOptionsInternal, Category } from '../../chart-data-options/types';
 import { ChartType } from '../../types';
 import { CategoricalXValues } from '../../chart-data/types';
+import { AxisClipped } from './translations-to-highcharts';
 export type Axis = {
     enabled?: boolean;
     titleEnabled?: boolean;
@@ -68,6 +69,7 @@ export type AxisSettings = {
     minorGridLineDashStyle?: string;
     stackLabels?: StackLabel;
     showLastLabel?: boolean;
+    visible?: boolean;
 };
 export type StackLabel = {
     style: Style;
@@ -102,5 +104,5 @@ export declare const getCategoricalCompareValue: (value: CategoricalXValues) =>
 export declare const getDateFormatter: (category: Category, dateFormatter?: ((date: Date, format: string) => string) | undefined) => (time: number) => string;
 export declare const getXAxisDatetimeSettings: (axis: Axis, category: Category, values: number[], dateFormatter?: ((date: Date, format: string) => string) | undefined) => AxisSettings[];
 export declare const getXAxisSettings: (axis: Axis, axis2: Axis | undefined, categories: string[], plotBands: PlotBand[], xAxisOrientation: AxisOrientation, chartDataOptions: ChartDataOptionsInternal, chartType: ChartType) => AxisSettings[];
-export declare const getYAxisSettings: (axis: Axis, axis2: Axis | undefined, axisMinMax: AxisMinMax, axis2MinMax: AxisMinMax, showTotal: boolean, chartDataOptions: ChartDataOptionsInternal) => AxisSettings[];
+export declare const getYAxisSettings: (axis: Axis, axis2: Axis | undefined, axisMinMax: AxisMinMax, axis2MinMax: AxisMinMax | undefined, showTotal: boolean, chartDataOptions: ChartDataOptionsInternal) => [AxisSettings[], AxisClipped[]];
 export {};

package/dist/chart-options-processor/translations/funnel-series.d.ts

@@ -1,9 +1,8 @@
-import { Color, SeriesWithAlerts, CompleteThemeSettings } from '../../types';
+import { SeriesWithAlerts, CompleteThemeSettings } from '../../types';
 import { SeriesType } from '../chart-options-service';
 import { FunnelChartDesignOptions } from './design-options';
 import { CategoricalChartData } from '../../chart-data/types';
 import { CategoricalChartDataOptionsInternal } from '../../chart-data-options/types';
-export declare const getAPaletteColor: (colors: Color[] | undefined, index: number) => string;
 /**
  * Convert categorical chart data into renderable highcharts funnel series. *
  *

package/dist/chart-options-processor/translations/legend-section.d.ts

@@ -11,7 +11,7 @@ export type LegendSettings = {
     symbolRadius?: number;
     symbolHeight?: number;
     symbolWidth?: number;
-    borderWidth?: string;
+    borderWidth?: number;
     borderColor?: string;
     backgroundColor?: string;
     title?: {
@@ -20,4 +20,5 @@ export type LegendSettings = {
         };
     };
 };
+export declare const legendItemStyleDefault: LegendSettings['itemStyle'];
 export declare const getLegendSettings: (position: LegendPosition) => LegendSettings;

package/dist/chart-options-processor/translations/pie-series.d.ts

@@ -1,9 +1,8 @@
-import { Color, SeriesWithAlerts, CompleteThemeSettings } from '../../types';
+import { SeriesWithAlerts, CompleteThemeSettings } from '../../types';
 import { CategoricalChartDataOptionsInternal } from '../../chart-data-options/types';
 import { SeriesType } from '../chart-options-service';
 import { PieChartDesignOptions } from './design-options';
 import { CategoricalChartData } from '../../chart-data/types';
-export declare const getAPaletteColor: (colors: Color[] | undefined, index: number) => string;
 type FormattedPieChartData = SeriesWithAlerts<SeriesType[]> & {
     convolutionSeries: SeriesType[];
 };

package/dist/chart-options-processor/translations/translations-to-highcharts.d.ts

@@ -2,7 +2,7 @@ import { ChartType } from '../../types';
 import { ChartDataOptionsInternal, CategoricalChartDataOptionsInternal, CartesianChartDataOptionsInternal } from '../../chart-data-options/types';
 import { CategoricalSeriesValues, ChartData, CartesianChartData } from '../../chart-data/types';
 import { StackableChartDesignOptions } from './design-options';
-import { AxisMinMax } from './axis-section';
+import { AxisMinMax, AxisSettings } from './axis-section';
 import { Stacking } from '../chart-options-service';
 import { ChartDesignOptions } from './types';
 export type LineType = 'straight' | 'smooth';
@@ -40,6 +40,10 @@ export type SeriesPointStructure = {
     drilldown?: string;
     parent?: string;
 };
+export type AxisClipped = {
+    minClipped: boolean;
+    maxClipped: boolean;
+};
 /**
  * Translate public-facing chart type and chart design options to internal highcharts chart type
  *
@@ -62,7 +66,7 @@ export declare const addStackingIfSpecified: (chartType: ChartType, designOption
  * @param index -
  */
 export declare const indexMapWhenOnlyY: (categories: string[], index: number) => (0 | -1)[];
-export declare const formatSeriesContinuousXAxis: (series: CategoricalSeriesValues, indexMap: number[], treatNullDataAsZeros: boolean, interval: number, maxCategories: number, dateFormatter: (time: number) => string) => HighchartsSeriesValues;
+export declare const formatSeriesContinuousXAxis: (series: CategoricalSeriesValues, indexMap: number[], treatNullDataAsZeros: boolean, interval: number, maxCategories: number, dateFormatter: (time: number) => string, yAxisSettings: AxisSettings, axisClipped: AxisClipped) => HighchartsSeriesValues;
 export declare const formatSeries: (series: CategoricalSeriesValues, indexMap: number[], treatNullDataAsZeros: boolean, categories?: string[], categoryColors?: string[]) => HighchartsSeriesValues;
 export declare const adjustMinWhenColumnBar: (chartType: ChartType, autoMinMax: AxisMinMax) => {
     min: number;

package/dist/charts/indicator/chart/indicator.d.ts

@@ -35,5 +35,5 @@ export declare class Indicator {
      * @param {object} options
      * @param {string} size
      */
-    setTextOptions(options: LegacyIndicatorChartOptions, size: string): void;
+    setTextOptions(options: LegacyIndicatorChartOptions, size?: string): void;
 }

package/dist/charts/indicator/chart/ticker.d.ts

@@ -1,5 +1,5 @@
 import { IndicatorLegacyChartDataOptions } from '../indicator-legacy-chart-data-options';
-import { LegacyIndicatorChartOptions } from '../types';
+import { LegacyIndicatorChartOptions, TickerOptions } from '../types';
 export declare class Ticker {
     /**
      * Renders indicator ticker widget.
@@ -9,7 +9,7 @@ export declare class Ticker {
      * @param {object} options
      * @param {HTMLElement} container
      */
-    render(canvas: HTMLCanvasElement, data: IndicatorLegacyChartDataOptions, options: LegacyIndicatorChartOptions | any, container: HTMLElement): void;
+    render(canvas: HTMLCanvasElement, data: IndicatorLegacyChartDataOptions, options: TickerOptions, container: HTMLElement): void;
     /**
      * Draws indicator ticker widget.
      *

package/dist/charts/indicator/indicator-legacy-chart-options/default-options.d.ts

@@ -1,4 +1,5 @@
-import { NumericSimpleOptions, NumericBarOptions, GaugeOptions } from '../types';
+import { NumericSimpleOptions, NumericBarOptions, GaugeOptions, TickerOptions } from '../types';
 export declare const defaultNumericSimpleOptions: NumericSimpleOptions;
 export declare const defaultNumericBarOptions: NumericBarOptions;
 export declare const defaultGaugeOptions: GaugeOptions;
+export declare const defaultTickerOptions: TickerOptions;

package/dist/charts/indicator/types.d.ts

@@ -32,20 +32,21 @@ type CommonOptions = {
     fontFamily: string;
     title: {
         color: string;
-        fontSizes: FontSizes;
+        fontSizes?: FontSizes;
     };
     value: {
         color?: string;
-        fontSizes: FontSizes;
+        fontSizes?: FontSizes;
+        fontWeight?: number;
     };
     secondaryTitle: {
         color: string;
-        fontSizes: FontSizes;
+        fontSizes?: FontSizes;
     };
     secondaryValue: {
-        fontWeight: number;
+        fontWeight?: number;
         color: string;
-        fontSizes: FontSizes;
+        fontSizes?: FontSizes;
     };
     textKeys: string[];
     backgroundColor: string;
@@ -114,5 +115,45 @@ export type GaugeOptions = CommonOptions & {
     gaugeHeights: BaseMeasure[];
     measureKeys: string[];
 };
-export type LegacyIndicatorChartOptions = NumericBarOptions | NumericSimpleOptions | GaugeOptions;
+export type TickerOptions = CommonOptions & {
+    fontSize: number;
+    dividerColor: string;
+    barHandleColor: string;
+    height: number;
+    horizontalMargin: number;
+    barWidth: number;
+    barHeight: number;
+    barOpacity: number;
+    tickerBarWidth: number;
+    tickerBarHeight: number;
+    horizontalPadding: number;
+    textPadding: number;
+    sectionMinWidth: number;
+    dividerWidth: number;
+    dividerHeight: number;
+    valueFont?: string;
+    titleFont?: string;
+    secondaryValueFont?: string;
+    secondaryTitleFont?: string;
+    offsetX?: number;
+    showTickerBar?: boolean;
+    fitValueMeasure?: {
+        string: string;
+        width: number;
+    };
+    fitSecValueMeasure?: {
+        string: string;
+        width: number;
+    };
+    fitSecTitleMeasure?: {
+        string: string;
+        width: number;
+    };
+    fitTitleMeasure?: {
+        string: string;
+        width: number;
+    };
+    width?: number;
+};
+export type LegacyIndicatorChartOptions = NumericBarOptions | NumericSimpleOptions | GaugeOptions | TickerOptions;
 export {};

package/dist/common/components/loading-indicator.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { CompleteThemeSettings } from '../../types';
+/**
+ * Component that displays a loading indicator.
+ *
+ * @param onCancel - Function to call when cancel is clicked.
+ * @returns A loading indicator with optional cancel.
+ */
+export declare const LoadingIndicator: ({ themeSettings, onCancel, }: {
+    themeSettings?: {
+        chart: {
+            textColor: string;
+            secondaryTextColor: string;
+            backgroundColor: string;
+            panelBackgroundColor: string;
+        };
+        palette: {
+            variantColors: import("../../types").Color[];
+        };
+        typography: {
+            fontFamily: string;
+            primaryTextColor: string;
+            secondaryTextColor: string;
+        };
+        general: {
+            brandColor: string;
+            backgroundColor: string;
+            primaryButtonTextColor: string;
+            primaryButtonHoverColor: string;
+        };
+    } | undefined;
+    onCancel?: (() => void) | undefined;
+}) => JSX.Element;

package/dist/common/icons/loading-icon.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+type LoadingIconProps = {
+    spin?: boolean;
+};
+export default function LoadingIcon({ spin }: LoadingIconProps): JSX.Element;
+export {};

package/dist/dashboard-widget/translate-dashboard-filters.d.ts

@@ -8,6 +8,6 @@ import { WidgetDto } from './types';
  * @returns {Object} An object containing an array of filters and an array of highlights.
  */
 export declare function extractDashboardFiltersForWidget(dashboard: DashboardDto, widget: WidgetDto): {
-    filters: import("packages/sdk-data/dist").Filter[];
-    highlights: import("packages/sdk-data/dist").Filter[];
+    filters: import("@sisense/sdk-data").Filter[];
+    highlights: import("@sisense/sdk-data").Filter[];
 };

package/dist/dashboard-widget/translate-panel-color-format.d.ts

@@ -1,6 +1,6 @@
 import { DataColorOptions } from '../chart-data/series-data-color-service';
-import { CompleteThemeSettings, ValueToColorMap, MultiColumnValueToColorMap } from '../types';
+import { ValueToColorMap, MultiColumnValueToColorMap, Color } from '../types';
 import { PanelColorFormat, PanelItem, PanelMembersFormat } from './types';
-export declare const createValueColorOptions: (format?: PanelColorFormat, themeSettings?: CompleteThemeSettings) => DataColorOptions | undefined;
+export declare const createValueColorOptions: (format?: PanelColorFormat, customPaletteColors?: Color[]) => DataColorOptions | undefined;
 export declare const createValueToColorMap: (membersFormat: PanelMembersFormat) => ValueToColorMap;
 export declare const createValueToColorMultiColumnsMap: (items: PanelItem[]) => MultiColumnValueToColorMap;

package/dist/dashboard-widget/translate-widget-data-options.d.ts

@@ -1,7 +1,7 @@
-import { DimensionalBaseMeasure, DimensionalAttribute, DimensionalCalculatedMeasure } from '@sisense/sdk-data';
-import { CategoricalChartDataOptions, ScatterChartDataOptions, IndicatorDataOptions, StyledMeasureColumn, StyledColumn, CompleteThemeSettings } from '../types';
-import { Panel, PanelItem, Jaql, WidgetType } from './types';
-import { TableDataOptions } from '../chart-data-options/types';
+import { DimensionalBaseMeasure, DimensionalAttribute, DimensionalCalculatedMeasure, Jaql } from '@sisense/sdk-data';
+import { StyledMeasureColumn, StyledColumn, Color } from '../types';
+import { Panel, PanelItem, WidgetType } from './types';
+import { WidgetDataOptions } from '../models';
 export declare function createDimensionalElementFromJaql(jaql: Jaql, format?: PanelItem['format']): import("@sisense/sdk-data").Filter | DimensionalCalculatedMeasure | DimensionalBaseMeasure | DimensionalAttribute;
-export declare function createDataColumn(item: PanelItem, themeSettings?: CompleteThemeSettings): StyledMeasureColumn | StyledColumn;
-export declare function extractDataOptions(widgetType: WidgetType, panels: Panel[], themeSettings?: CompleteThemeSettings): CategoricalChartDataOptions | ScatterChartDataOptions | IndicatorDataOptions | TableDataOptions;
+export declare function createDataColumn(item: PanelItem, customPaletteColors?: Color[]): StyledMeasureColumn | StyledColumn;
+export declare function extractDataOptions(widgetType: WidgetType, panels: Panel[], customPaletteColors?: Color[]): WidgetDataOptions;

package/dist/dashboard-widget/translate-widget-filters.d.ts

@@ -1,5 +1,5 @@
-import { Filter } from '@sisense/sdk-data';
-import { FilterJaql, Panel } from './types';
+import { Filter, FilterJaql } from '@sisense/sdk-data';
+import { Panel } from './types';
 /**
  * Extracts filter model components from a FilterJaql object.
  *
@@ -16,20 +16,8 @@ export declare function extractFilterModelFromJaql(jaql: FilterJaql): {
             members: string[];
         };
     };
-    backgroundFilter: import("./types").BackgroundFilter | ({
-        exclude: {
-            members: string[];
-        };
-    } & {
-        turnedOff: boolean;
-    }) | undefined;
-    turnOffMembersFilter: ({
-        exclude: {
-            members: string[];
-        };
-    } & {
-        turnedOff: boolean;
-    }) | undefined;
+    backgroundFilter: import("@sisense/sdk-data").BackgroundFilter | import("@sisense/sdk-data").TurnOffMembersFilter | undefined;
+    turnOffMembersFilter: import("@sisense/sdk-data").TurnOffMembersFilter | undefined;
 };
 /**
  * Creates a Filter from a FilterJaql object.

package/dist/dashboard-widget/translate-widget-style-options.d.ts

@@ -2,4 +2,4 @@ import { StyleOptions, TableStyleOptions, NumericBarIndicatorStyleOptions, Numer
 import { Panel, WidgetStyle, WidgetSubtype, WidgetType, TableWidgetStyle, IndicatorWidgetStyle } from './types';
 export declare function extractTableChartStyleOptions(widgetStyle: TableWidgetStyle): TableStyleOptions;
 export declare const getIndicatorTypeSpecificOptions: (widgetSubtype: WidgetSubtype, widgetStyle: IndicatorWidgetStyle) => NumericSimpleIndicatorStyleOptions | NumericBarIndicatorStyleOptions | GaugeIndicatorStyleOptions;
-export declare function extractStyleOptions(widgetType: WidgetType, widgetSubtype: WidgetSubtype, style: WidgetStyle, panels: Panel[]): StyleOptions | TableStyleOptions;
+export declare function extractStyleOptions<WType extends WidgetType>(widgetType: WType, widgetSubtype: WidgetSubtype, style: WidgetStyle, panels: Panel[]): StyleOptions | TableStyleOptions;

package/dist/dashboard-widget/types.d.ts

@@ -1,18 +1,20 @@
-export declare const enum WidgetType {
-    PieChart = "chart/pie",
-    ColumnChart = "chart/column",
-    BarChart = "chart/bar",
-    LineChart = "chart/line",
-    AreaChart = "chart/area",
-    FunnelChart = "chart/funnel",
-    TreemapChart = "treemap",
-    SunburstChart = "sunburst",
-    ScatterChart = "chart/scatter",
-    IndicatorChart = "indicator",
-    PolarChart = "chart/polar",
-    Table = "tablewidget",
-    TableWithAggregation = "tablewidgetagg"
-}
+import { Jaql, SortDirection } from '@sisense/sdk-data';
+/**
+ * The type of a widget on a dashboard that is a variant of Cartesian widget.
+ */
+export type CartesianWidgetType = 'chart/line' | 'chart/area' | 'chart/bar' | 'chart/column' | 'chart/polar';
+/**
+ * The type of a widget on a dashboard that is a variant of Categorical widget.
+ */
+export type CategoricalWidgetType = 'chart/pie' | 'chart/funnel' | 'treemap' | 'sunburst';
+/**
+ * The type of a widget on a dashboard that is a variant of tabular widget.
+ */
+export type TabularWidgetType = 'tablewidget' | 'tablewidgetagg';
+/**
+ * The type of a widget on a dashboard.
+ */
+export type WidgetType = CartesianWidgetType | CategoricalWidgetType | 'chart/scatter' | 'indicator' | TabularWidgetType;
 export type WidgetSubtype = 'area/basic' | 'area/stacked' | 'area/stacked100' | 'area/spline' | 'area/stackedspline' | 'area/stackedspline100' | 'bar/classic' | 'bar/stacked' | 'bar/stacked100' | 'column/classic' | 'column/stackedcolumn' | 'column/stackedcolumn100' | 'line/basic' | 'line/spline' | 'pie/classic' | 'pie/donut' | 'pie/ring' | 'column/polar' | 'area/polar' | 'line/polar' | 'indicator/numeric' | 'indicator/gauge' | 'bubble/scatter' | 'treemap' | 'sunburst';
 export declare enum WidgetDashboardFilterMode {
     FILTER = "filter",
@@ -22,7 +24,9 @@ export type Datasource = {
     title: string;
     id: string;
     fullname?: string;
-    live: boolean;
+    live?: boolean;
+    address?: string;
+    database?: string;
 };
 /**
  * The data transfer object (DTO) containing info of a widget on a dashboard.
@@ -41,7 +45,7 @@ export interface WidgetDto {
     };
     style: WidgetStyle;
     title: string;
-    desc: string;
+    desc: string | null;
     options?: {
         dashboardFiltersMode: `${WidgetDashboardFilterMode}`;
     };
@@ -51,64 +55,10 @@ export type FiltersIgnoringRules = {
     ids: string[];
     all: boolean;
 };
-export declare const enum DataType {
-    TEXT = "text",
-    NUMERIC = "numeric",
-    DATETIME = "datetime"
-}
 export type Panel = {
     name: string;
     items: PanelItem[];
 };
-export declare enum SortDirection {
-    ASC = "asc",
-    DESC = "desc"
-}
-export type BaseJaql = {
-    agg?: string;
-    datatype: DataType;
-    dim: string;
-    table: string;
-    column: string;
-    title: string;
-    level?: 'years' | 'quarters' | 'months' | 'weeks' | 'minutes' | 'days';
-    sort?: SortDirection;
-};
-type FormulaID = string;
-type FormulaContext = BaseJaql | FilterJaql;
-export type FormulaJaql = {
-    type?: 'measure';
-    sort?: SortDirection;
-    title: string;
-    formula: string;
-    context?: Record<FormulaID, FormulaContext>;
-};
-export type IncludeAllFilter = {
-    all: true;
-};
-export type IncludeMembersFilter = {
-    members: string[];
-};
-type ExcludeMembersFilter = {
-    exclude: {
-        members: string[];
-    };
-};
-export type MembersFilter = IncludeMembersFilter | ExcludeMembersFilter;
-type BaseFilter = IncludeAllFilter | MembersFilter;
-export type BackgroundFilter = BaseFilter & {
-    level?: 'string';
-};
-type TurnOffMembersFilter = ExcludeMembersFilter & {
-    turnedOff: boolean;
-};
-type Filter = BaseFilter & {
-    filter?: BackgroundFilter | TurnOffMembersFilter;
-};
-export type FilterJaql = BaseJaql & {
-    filter: Filter;
-};
-export type Jaql = BaseJaql | FormulaJaql | FilterJaql;
 type SeriesType = 'auto' | 'line' | 'spline' | 'areaspline' | 'bar' | 'area' | 'column';
 interface DecimalAbbreviations {
     k: boolean;

package/dist/dashboard-widget/use-fetch-widget-dto-model.d.ts

@@ -20,7 +20,13 @@ export declare const fetchWidgetDtoModel: ({ widgetOid, dashboardOid, includeDas
     api: RestApi;
 }) => Promise<{
     widget: WidgetDto;
-    dashboard: DashboardDto | undefined;
+    dashboard: ({
+        oid: string;
+        title: string;
+        datasource: import("./types").Datasource;
+        widgets?: WidgetDto[] | undefined;
+        filters?: (import("../api/types/dashboard-dto").Filter | import("../api/types/dashboard-dto").CascadingFilter)[] | undefined;
+    } & import("../utils/utility-types").AnyObject) | undefined;
 }>;
 /**
  * Custom hook for fetching Widget DTO and Dashboard DTO models.

package/dist/dashboard-widget/utils.d.ts

@@ -1,12 +1,12 @@
-import { type Filter } from '@sisense/sdk-data';
+import { type Filter, SortDirection as JaqlSortDirection } from '@sisense/sdk-data';
 import { ChartSubtype } from '../chart-options-processor/subtype-to-design-options';
 import { ChartType, SortDirection } from '../types';
-import { FiltersMergeStrategy, Panel, PanelItem, SortDirection as JaqlSortDirection, WidgetSubtype, WidgetType } from './types';
+import { FiltersMergeStrategy, Panel, PanelItem, WidgetSubtype, WidgetType } from './types';
 export declare function getChartType(widgetType: WidgetType): ChartType;
 export declare function getChartSubtype(widgetSubtype: WidgetSubtype): ChartSubtype | undefined;
 type WidgetTypeOrString = string | WidgetType;
 export declare function isSupportedWidgetType(widgetType: WidgetTypeOrString): widgetType is WidgetType;
-export declare function isTableWidget(widgetType: WidgetTypeOrString): boolean;
+export declare function isTabularWidget(widgetType: WidgetTypeOrString): boolean;
 export declare function getEnabledPanelItems(panels: Panel[], panelName: string): PanelItem[];
 export declare function getRootPanelItem(item: PanelItem): PanelItem;
 export declare function getSortType(jaqlSort: JaqlSortDirection | undefined): SortDirection;

package/dist/filters/components/common/dropdown.d.ts

@@ -0,0 +1,8 @@
+import { type FunctionComponent } from 'react';
+import { MenuList } from '@mui/material';
+export type DropdownProps = {
+    elements: JSX.Element[];
+    icon?: JSX.Element;
+    selectedIdx?: number;
+} & React.ComponentProps<typeof MenuList>;
+export declare const Dropdown: FunctionComponent<DropdownProps>;

package/dist/filters/components/common/index.d.ts

@@ -2,5 +2,8 @@ export { LinkButton, PrimaryButton, SecondaryButton } from './buttons';
 export { Checkbox } from './checkbox';
 export { BasicInput } from './basic-input';
 export { Input } from './input';
-export { Radio } from './radio';
+export { Radio, RadioGroup, type RadioGroupProps } from './radio';
 export { SisenseSwitchButton } from './switch';
+export { TriangleIndicator } from './triangle-indicator';
+export { DateRangeFieldButton } from './date-range-field-button';
+export { Dropdown } from './dropdown';

package/dist/filters/components/common/radio.d.ts

@@ -3,4 +3,11 @@ type RadioProps = {
     label?: string;
 } & InputHTMLAttributes<HTMLInputElement>;
 export declare const Radio: FunctionComponent<RadioProps>;
+export type RadioGroupProps = {
+    items: string[];
+    currentSelection?: string;
+    title?: string;
+    className?: string;
+} & InputHTMLAttributes<HTMLInputElement>;
+export declare const RadioGroup: FunctionComponent<RadioGroupProps>;
 export {};

package/dist/filters/components/common/triangle-indicator.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const TriangleIndicator: () => JSX.Element;