@sisense/sdk-ui 0.16.0 → 1.0.0

package/dist/chart-options-processor/translations/boxplot/boxplot-plot-options.d.ts

@@ -0,0 +1,3 @@
+import { PlotOptions } from '../../chart-options-service.js';
+import { ValueLabel } from '../value-label-section.js';
+export declare const getBoxplotPlotOptions: (valueLabel: ValueLabel) => PlotOptions;

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

@@ -0,0 +1,5 @@
+import { SeriesType } from '../../chart-options-service.js';
+import { BoxplotChartData } from '../../../chart-data/types.js';
+import { SeriesWithAlerts } from '../../../types.js';
+import { BoxplotChartDesignOptions } from '../design-options.js';
+export declare const buildBoxplotSeries: (data: BoxplotChartData, chartDesignOptions: BoxplotChartDesignOptions) => SeriesWithAlerts<SeriesType[]>;

package/dist/chart-options-processor/translations/boxplot/boxplot-tooltip.d.ts

@@ -0,0 +1,3 @@
+import { BoxplotChartDataOptionsInternal } from '../../../chart-data-options/types';
+import { TooltipSettings } from '../tooltip-utils';
+export declare const getBoxplotTooltipSettings: (dataOptions: BoxplotChartDataOptionsInternal) => TooltipSettings;

package/dist/chart-options-processor/translations/design-options.d.ts

@@ -5,7 +5,7 @@ import { LegendPosition } from './legend-section';
 import { LineType, StackType } from './translations-to-highcharts';
 import { PieType, PieLabels } from './pie-plot-options';
 import { FunnelSize, FunnelType, FunnelDirection, FunnelLabels } from './funnel-plot-options';
-import { Convolution, SunburstStyleOptions, TreemapStyleOptions } from '../../types';
+import { Convolution, ScattermapMarkers, SunburstStyleOptions, TreemapStyleOptions } from '../../types';
 import { ScatterMarkerSize } from './scatter-plot-options';
 type DataLimits = {
     seriesCapacity: number;
@@ -81,7 +81,7 @@ export type IndicatorComponents = {
         /** The text of the title */
         text?: string;
     };
-    /** The secondary title of the indicator chart to be shown when `secondary` is specified in {@link IndicatorDataOptions} */
+    /** The secondary title of the indicator chart to be shown when `secondary` is specified in {@link IndicatorChartDataOptions} */
     secondaryTitle?: {
         /** The text of the secondary title */
         text?: string;
@@ -116,4 +116,11 @@ export type PolarType = 'line' | 'area' | 'column';
 export type PolarChartDesignOptions = BaseDesignOptionsType & {
     polarType: PolarType;
 };
+export type BoxplotType = 'full' | 'hollow';
+export type BoxplotChartDesignOptions = BaseDesignOptionsType & {
+    boxplotType: BoxplotType;
+};
+export type ScattermapChartDesignOptions = BaseDesignOptionsType & {
+    markers: Required<ScattermapMarkers>;
+};
 export {};

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

@@ -2,9 +2,9 @@ import { Style } from '../chart-options-service';
 export type LegendPosition = 'top' | 'left' | 'right' | 'bottom' | null;
 export type LegendSettings = {
     enabled: boolean;
-    align: 'center' | 'left' | 'right';
-    verticalAlign: 'top' | 'middle' | 'bottom';
-    layout: 'horizontal' | 'vertical';
+    align?: 'center' | 'left' | 'right';
+    verticalAlign?: 'top' | 'middle' | 'bottom';
+    layout?: 'horizontal' | 'vertical';
     itemStyle?: Style & {
         cursor?: string;
     };
@@ -19,6 +19,7 @@ export type LegendSettings = {
             [key: string]: string | number;
         };
     };
+    maxHeight?: number;
 };
 export declare const legendItemStyleDefault: LegendSettings['itemStyle'];
 export declare const getLegendSettings: (position: LegendPosition) => LegendSettings;

package/dist/chart-options-processor/translations/tooltip-utils.d.ts

@@ -26,6 +26,11 @@ export type InternalSeries = {
         x?: number | string;
         y?: number;
         z?: number;
+        high?: number;
+        low?: number;
+        q1?: number;
+        q3?: number;
+        median?: number;
         name: string;
         color: string;
         custom?: {

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

@@ -65,9 +65,13 @@ export declare const addStackingIfSpecified: (chartType: ChartType, designOption
  * @param categories -
  * @param index -
  */
-export declare const indexMapWhenOnlyY: (categories: string[], index: number) => (0 | -1)[];
+export declare const indexMapWhenOnlyY: (categories: string[], index: number) => (-1 | 0)[];
 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 adjustMinMaxWhenInvalid: (explicitAxis: AxisMinMax, autoMinMax: AxisMinMax) => {
+    min: number;
+    max: number;
+};
 export declare const adjustMinWhenColumnBar: (chartType: ChartType, autoMinMax: AxisMinMax) => {
     min: number;
     max: number;

package/dist/chart-options-processor/translations/types.d.ts

@@ -1,6 +1,6 @@
 import { ChartDataOptionsInternal } from '../../chart-data-options/types';
 import { ChartType } from '../../types';
-import { LineChartDesignOptions, AreaChartDesignOptions, BarChartDesignOptions, ColumnChartDesignOptions, PieChartDesignOptions, FunnelChartDesignOptions, IndicatorChartDesignOptions, PolarChartDesignOptions, ScatterChartDesignOptions, TreemapChartDesignOptions } from './design-options';
+import { LineChartDesignOptions, AreaChartDesignOptions, BarChartDesignOptions, ColumnChartDesignOptions, PieChartDesignOptions, FunnelChartDesignOptions, IndicatorChartDesignOptions, PolarChartDesignOptions, ScatterChartDesignOptions, TreemapChartDesignOptions, BoxplotChartDesignOptions, ScattermapChartDesignOptions } from './design-options';
 export declare const POLAR_CHART_TYPES: readonly ["polar"];
 export type PolarChartType = (typeof POLAR_CHART_TYPES)[number];
 export declare const CARTESIAN_CHART_TYPES: readonly ["line", "area", "bar", "column", "polar"];
@@ -18,10 +18,16 @@ export type TableType = (typeof TABLE_TYPES)[number];
 declare const INDICATOR_CHART_TYPES: readonly ["indicator"];
 /** Indicator chart types @expandType */
 export type IndicatorChartType = (typeof INDICATOR_CHART_TYPES)[number];
+declare const BOXPLOT_CHART_TYPES: readonly ["boxplot"];
+/** Boxplot chart types  @expandType */
+export type BoxplotChartType = (typeof BOXPLOT_CHART_TYPES)[number];
 declare const IMAGE_CHART_TYPES: readonly ["image"];
 export type ImageChartType = (typeof IMAGE_CHART_TYPES)[number];
+export declare const SCATTERMAP_CHART_TYPES: readonly ["scattermap"];
+/** Scattermap chart types  @expandType */
+export type ScattermapChartType = (typeof SCATTERMAP_CHART_TYPES)[number];
 export type ChartDataType = 'cartesian' | 'categorical' | 'scatter' | 'table' | 'indicator';
-export type ChartDesignOptions = LineChartDesignOptions | AreaChartDesignOptions | BarChartDesignOptions | ColumnChartDesignOptions | PieChartDesignOptions | FunnelChartDesignOptions | PolarChartDesignOptions | IndicatorChartDesignOptions | ScatterChartDesignOptions | TreemapChartDesignOptions;
+export type ChartDesignOptions = LineChartDesignOptions | AreaChartDesignOptions | BarChartDesignOptions | ColumnChartDesignOptions | PieChartDesignOptions | FunnelChartDesignOptions | PolarChartDesignOptions | IndicatorChartDesignOptions | ScatterChartDesignOptions | TreemapChartDesignOptions | BoxplotChartDesignOptions | ScattermapChartDesignOptions;
 export type ChartConfig = {
     chartType: ChartType;
     dataOptions: ChartDataOptionsInternal;
@@ -30,7 +36,9 @@ export type ChartConfig = {
 export declare const isCartesian: (chartType: ChartType) => chartType is "area" | "line" | "bar" | "column" | "polar";
 export declare const isCategorical: (chartType: ChartType) => chartType is "pie" | "funnel" | "treemap" | "sunburst";
 export declare const isScatter: (chartType: ChartType) => chartType is "scatter";
+export declare const isScattermap: (chartType: ChartType) => chartType is "scattermap";
 export declare const isIndicator: (chartType: ChartType) => chartType is "indicator";
 export declare const isPolar: (chartType: ChartType) => chartType is "polar";
 export declare const isTable: (chartType: ChartType | TableType) => chartType is "table";
+export declare const isBoxplot: (chartType: ChartType) => chartType is "boxplot";
 export {};

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

@@ -1,3 +1,4 @@
+import type { DataLabelsOptions } from '@sisense/sisense-charts';
 import { Style } from '../chart-options-service';
 import { NumberFormatConfig } from './number-format-config';
 import { AxisOrientation } from './axis-section';
@@ -21,7 +22,7 @@ export type ValueLabelSettings = {
         relative: boolean;
         totals: boolean;
     };
-    formatter?: (this: InternalSeries) => string;
+    formatter?: (this: InternalSeries, options?: DataLabelsOptions, valuePropName?: string) => string;
 };
 export declare const createValueLabelFormatter: (numberFormatConfig?: NumberFormatConfig) => (this: InternalSeries) => string;
 export declare const getValueLabelSettings: (xAxisOrientation: AxisOrientation, valueLabel: ValueLabel, inside?: boolean) => ValueLabelSettings;

package/dist/chart.d.ts

@@ -14,10 +14,10 @@ export declare const shouldSkipSisenseContextWaiting: (props: ChartProps) => boo
  *   dataSet={DM.DataSource}
  *   dataOptions={{
  *     category: [DM.Commerce.AgeRange],
- *     value: [measures.sum(DM.Commerce.Revenue)],
+ *     value: [measureFactory.sum(DM.Commerce.Revenue)],
  *     breakBy: [DM.Commerce.Gender],
  *   }}
- *   filters={[filters.members(DM.Commerce.Gender,['Female', 'Male'])]}
+ *   filters={[filterFactory.members(DM.Commerce.Gender,['Female', 'Male'])]}
  *   onDataPointClick= {(point, nativeEvent) => { console.log('clicked', point, nativeEvent); }}
  * />
  * ```

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

@@ -1,9 +1,9 @@
-import { IndicatorDataOptions } from '../../chart-data-options/types';
+import { IndicatorChartDataOptions } from '../../chart-data-options/types';
 import { IndicatorChartDesignOptions } from '../../chart-options-processor/translations/design-options';
 import { IndicatorChartData } from '../../chart-data/types';
 import { LegacyIndicatorChartTypes } from './types';
 export type IndicatorLegacyChartDataOptions = ReturnType<typeof createLegacyChartDataOptions>;
-export declare const createLegacyChartDataOptions: (chartData: IndicatorChartData, chartDesignOptions: IndicatorChartDesignOptions, chartDataOptions: IndicatorDataOptions) => {
+export declare const createLegacyChartDataOptions: (chartData: IndicatorChartData, chartDesignOptions: IndicatorChartDesignOptions, chartDataOptions: IndicatorChartDataOptions) => {
     type: LegacyIndicatorChartTypes;
     skin: 1 | 2 | "vertical" | "horizontal";
     title: {

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

@@ -1,10 +1,10 @@
 import { IndicatorStyleType, NumericIndicatorSubType } from '../../../chart-options-processor/translations/design-options';
-import { IndicatorDataOptions, ThemeSettings } from '../../../types';
+import { IndicatorChartDataOptions, ThemeSettings } from '../../../types';
 import { LegacyIndicatorChartOptions } from '../types';
 import { IndicatorChartData } from '../../../chart-data/types';
 export type ChartRenderingOptions = {
     chartData: IndicatorChartData;
-    dataOptions: IndicatorDataOptions;
+    dataOptions: IndicatorChartDataOptions;
     themeSettings?: ThemeSettings;
 };
 export type IndicatorTypeOptions = {

package/dist/charts/indicator/indicator-legacy-chart-options/override-with-value-color.d.ts

@@ -1,4 +1,4 @@
-import { IndicatorDataOptions, ConditionalDataColorOptions, DataColorOptions, UniformDataColorOptions } from '../../../types';
+import { IndicatorChartDataOptions, ConditionalDataColorOptions, DataColorOptions, UniformDataColorOptions } from '../../../types';
 import { LegacyIndicatorChartOptions } from '../types';
 import { IndicatorTypeOptions } from './indicator-legacy-chart-options';
 /**
@@ -15,7 +15,7 @@ export type AllowedIndicatorColoringTypes = 'Static' | 'Absolute';
  * @param dataOptions - The indicator data options to extract the color options from.
  * @returns The color options from the indicator data options.
  */
-export declare function getValueColorOptions(dataOptions: IndicatorDataOptions): DataColorOptions | undefined;
+export declare function getValueColorOptions(dataOptions: IndicatorChartDataOptions): DataColorOptions | undefined;
 /**
  * Overrides the value color in the legacy indicator chart options with the specified color.
  *

package/dist/charts/scattermap/hooks/use-locations.d.ts

@@ -0,0 +1,3 @@
+import { Location } from '../types.js';
+import { ScattermapLocationLevel } from '../../../chart-data-options/types.js';
+export declare const useLocations: (locationsNames: string[], locationLevel: ScattermapLocationLevel) => Location[] | null;

package/dist/charts/scattermap/hooks/use-settings.d.ts

@@ -0,0 +1,5 @@
+type GeoSettings = {
+    maps_api_provider: string;
+};
+export declare const useGeoSettings: () => GeoSettings | null;
+export {};

package/dist/charts/scattermap/hooks/use-tooltip-handler.d.ts

@@ -0,0 +1,14 @@
+import { ScattermapChartLocation } from '../../../chart-data/types';
+import { ScattermapChartDataOptionsInternal } from '../../../chart-data-options/types.js';
+import { DataSource, Filter } from '@sisense/sdk-data';
+export type TooltipOptions = {
+    content: string;
+    postponedContent?: Promise<string>;
+};
+type TooltipHandler = (location: ScattermapChartLocation) => TooltipOptions;
+export declare const useTooltipHandler: ({ dataOptions, dataSource, filters, }: {
+    dataOptions: ScattermapChartDataOptionsInternal;
+    dataSource: DataSource | null;
+    filters?: Filter[] | undefined;
+}) => TooltipHandler;
+export {};

package/dist/charts/scattermap/scattermap.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ScattermapChartData } from '../../chart-data/types.js';
+import { ScattermapChartDataOptionsInternal } from '../../chart-data-options/types.js';
+import { ScattermapChartDesignOptions } from '../../chart-options-processor/translations/design-options.js';
+import { DataSource, Filter, FilterRelation } from '@sisense/sdk-data';
+export type ScattermapProps = {
+    chartData: ScattermapChartData;
+    dataOptions: ScattermapChartDataOptionsInternal;
+    designOptions: ScattermapChartDesignOptions;
+    dataSource: DataSource | null;
+    filters?: Filter[] | FilterRelation;
+};
+export declare const Scattermap: ({ chartData, dataOptions, dataSource, filters, designOptions, }: ScattermapProps) => JSX.Element;

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

@@ -0,0 +1,16 @@
+export type Coordinates = {
+    lat: number;
+    lng: number;
+};
+export type Location = {
+    _id: string;
+    lookupKey: string;
+    placetype: null | string;
+    context: null | string;
+    err: null | string;
+    latLng: Coordinates;
+    name: string;
+    place_name: string;
+    text: string;
+    version: string;
+};

package/dist/charts/scattermap/utils/color.d.ts

@@ -0,0 +1,3 @@
+import { ScattermapChartLocation } from '../../../chart-data/types.js';
+import { DataColorOptions } from '../../../types.js';
+export declare function getLocationsMarkerColors(locations: ScattermapChartLocation[], colorOptions?: DataColorOptions): string[];

package/dist/charts/scattermap/utils/copyright.d.ts

@@ -0,0 +1,2 @@
+import leaflet from 'leaflet';
+export declare function addCopyright(map: leaflet.Map, mapUrl: string): leaflet.Control.Attribution;

package/dist/charts/scattermap/utils/location.d.ts

@@ -0,0 +1,5 @@
+import { ScattermapLocationLevel } from 'packages/sdk-ui/src/chart-data-options/types';
+export declare const LOCATION_DELIMITER = ",";
+export declare function combineLocationNames(names: string[]): string;
+export declare function splitLocationName(combinedLocation: string): string[];
+export declare function getLocationGeoLevel(level: ScattermapLocationLevel): "country" | "city" | "adm" | undefined;

package/dist/charts/scattermap/utils/map.d.ts

@@ -0,0 +1,2 @@
+import leaflet from 'leaflet';
+export declare function fitMapToBounds(map: leaflet.Map, markers: leaflet.CircleMarker[]): void;

package/dist/charts/scattermap/utils/markers.d.ts

@@ -0,0 +1,28 @@
+import leaflet from 'leaflet';
+import { ScattermapMarkers } from 'packages/sdk-ui/src/types';
+type PrepareMarkerOptionsProps = {
+    color: string;
+    size: number;
+    fill: Required<ScattermapMarkers>['fill'];
+    blur: boolean;
+};
+type CreateMarkerProps = {
+    coordinates: {
+        lat: number;
+        lng: number;
+    };
+    style: PrepareMarkerOptionsProps;
+};
+export declare function prepareMarkerOptions(style: PrepareMarkerOptionsProps): {
+    radius: number;
+    fillOpacity: number;
+    opacity: number;
+    fillColor: string;
+    color: string;
+    stroke: boolean;
+    weight: number;
+    customStyle: PrepareMarkerOptionsProps;
+};
+export declare function createMarker({ coordinates, style }: CreateMarkerProps): leaflet.CircleMarker<any>;
+export declare function removeMarkers(markers: leaflet.CircleMarker[]): void;
+export {};

package/dist/charts/scattermap/utils/size.d.ts

@@ -0,0 +1,2 @@
+import { ScattermapChartLocation } from '../../../chart-data/types.js';
+export declare function getLocationsMarkerSizes(locations: ScattermapChartLocation[], minsize?: number, maxsize?: number): number[];

package/dist/charts/scattermap/utils/tooltip.d.ts

@@ -0,0 +1,8 @@
+import { ScattermapChartLocation } from '../../../chart-data/types';
+import { ScattermapChartDataOptionsInternal } from '../../../chart-data-options/types.js';
+export declare const enum TooltipShowDetails {
+    YES = 0,
+    NO = 1,
+    LOADING = 2
+}
+export declare const createScattermapTooltip: (location: ScattermapChartLocation, dataOptions: ScattermapChartDataOptionsInternal, showDetails?: TooltipShowDetails) => string;

package/dist/charts/scattermap/utils/values.d.ts

@@ -0,0 +1,4 @@
+export declare function getValuesMinMax(values: number[]): {
+    min: number;
+    max: number;
+};

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

@@ -20,7 +20,7 @@ export type TableProps = {
      */
     dataOptions: TableDataOptionsInternal;
     /**
-     * Configuration that define functional style of the various chart elements
+     * Configuration that defines functional style of the various chart elements
      *
      */
     designOptions?: TableDesignOptions;

package/dist/column-chart.d.ts

@@ -12,10 +12,10 @@ import { ColumnChartProps } from './props';
  *   dataSet={DM.DataSource}
  *   dataOptions={{
  *     category: [DM.Commerce.AgeRange],
- *     value: [measures.sum(DM.Commerce.Revenue)],
+ *     value: [measureFactory.sum(DM.Commerce.Revenue)],
  *     breakBy: [DM.Commerce.Gender],
  *   }}
- *   filters={[filters.greaterThan(DM.Commerce.Revenue, 1000)]}
+ *   filters={[filterFactory.greaterThan(DM.Commerce.Revenue, 1000)]}
  *   onDataPointClick={(point, nativeEvent) => {
  *     console.log('clicked', point, nativeEvent);
  *   }}

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const LoadingDots: ({ color }: {
+    color: string | undefined;
+}) => JSX.Element;

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

@@ -5,7 +5,7 @@ import { WidgetDto } from './types';
  *
  * @param {DashboardDto} dashboard - The dashboard containing the filters.
  * @param {WidgetDto} widget - The widget to extract filters from.
- * @returns {Object} An object containing an array of filters and an array of highlights.
+ * @returns {object} An object containing an array of filters and an array of highlights.
  */
 export declare function extractDashboardFiltersForWidget(dashboard: DashboardDto, widget: WidgetDto): {
     filters: import("@sisense/sdk-data").Filter[];

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

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

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

@@ -1,7 +1,8 @@
 import { DimensionalBaseMeasure, DimensionalAttribute, DimensionalCalculatedMeasure, Jaql } from '@sisense/sdk-data';
 import { StyledMeasureColumn, StyledColumn, Color } from '../types';
-import { Panel, PanelItem, WidgetType } from './types';
+import { Panel, PanelItem, WidgetType, WidgetStyle, BoxplotWidgetStyle } 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, customPaletteColors?: Color[]): StyledMeasureColumn | StyledColumn;
-export declare function extractDataOptions(widgetType: WidgetType, panels: Panel[], customPaletteColors?: Color[]): WidgetDataOptions;
+export declare function createDataColumn(item: PanelItem, customPaletteColors?: Color[]): StyledColumn | StyledMeasureColumn;
+export declare function extractBoxplotBoxType(style: BoxplotWidgetStyle): "iqr" | "extremums" | "standardDeviation";
+export declare function extractDataOptions(widgetType: WidgetType, panels: Panel[], style: WidgetStyle, customPaletteColors?: Color[]): WidgetDataOptions;

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

@@ -1,5 +1,5 @@
-import { StyleOptions, TableStyleOptions, NumericBarIndicatorStyleOptions, NumericSimpleIndicatorStyleOptions, GaugeIndicatorStyleOptions } from '../types';
+import { ChartStyleOptions, TableStyleOptions, NumericBarIndicatorStyleOptions, NumericSimpleIndicatorStyleOptions, GaugeIndicatorStyleOptions } from '../types';
 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<WType extends WidgetType>(widgetType: WType, widgetSubtype: WidgetSubtype, style: WidgetStyle, panels: Panel[]): StyleOptions | TableStyleOptions;
+export declare function extractStyleOptions<WType extends WidgetType>(widgetType: WType, widgetSubtype: WidgetSubtype, style: WidgetStyle, panels: Panel[]): ChartStyleOptions | TableStyleOptions;

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

@@ -14,8 +14,8 @@ 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 type WidgetType = CartesianWidgetType | CategoricalWidgetType | 'chart/scatter' | 'indicator' | TabularWidgetType | 'chart/boxplot' | 'map/scatter';
+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' | 'boxplot/full' | 'boxplot/hollow' | 'map/scatter';
 export declare enum WidgetDashboardFilterMode {
     FILTER = "filter",
     SELECT = "select"
@@ -110,6 +110,7 @@ export type PanelItem = {
     singleSeriesType?: SeriesType;
     categoriesSorting?: SortDirection;
     isColored?: boolean;
+    geoLevel?: 'country' | 'state' | 'city';
 };
 export type PanelColorFormat = PanelColorFormatSingle | PanelColorFormatRange | PanelColorFormatConditional;
 export type PanelMembersFormat = Record<string, {
@@ -299,7 +300,29 @@ export type SunburstWidgetStyle = {
     'tooltip/contribution': boolean;
     'tooltip/value': boolean;
 };
-export type WidgetStyle = CartesianWidgetStyle | PolarWidgetStyle | FunnelWidgetStyle | ScatterWidgetStyle | TableWidgetStyle | IndicatorWidgetStyle | TreemapWidgetStyle | SunburstWidgetStyle;
+export type BoxplotWidgetStyle = {
+    xAxis: AxisStyle;
+    yAxis: AxisStyle;
+    whisker: {
+        'whisker/iqr': boolean;
+        'whisker/extremums': boolean;
+        'whisker/deviation': boolean;
+    };
+    outliers: {
+        enabled: boolean;
+    };
+};
+export type ScattermapWidgetStyle = {
+    markers: {
+        fill: 'filled' | 'filled-light' | 'hollow' | 'hollow-bold';
+        size: {
+            defaultSize: number;
+            min: number;
+            max: number;
+        };
+    };
+};
+export type WidgetStyle = CartesianWidgetStyle | PolarWidgetStyle | FunnelWidgetStyle | ScatterWidgetStyle | TableWidgetStyle | IndicatorWidgetStyle | TreemapWidgetStyle | SunburstWidgetStyle | BoxplotWidgetStyle | ScattermapWidgetStyle;
 export declare enum FiltersMergeStrategyEnum {
     WIDGET_FIRST = "widgetFirst",
     CODE_FIRST = "codeFirst",

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

@@ -5,8 +5,7 @@ import { WidgetDto } from './types';
  * Fetches a Widget DTO model and, optionally, a Dashboard DTO model.
  *
  * @internal
- *
- * @param {Object} options - The options for fetching the DTO models.
+ * @param {object} options - The options for fetching the DTO models.
  * @param {string} options.widgetOid - The OID of the widget to fetch.
  * @param {string} options.dashboardOid - The OID of the dashboard to which the widget belongs.
  * @param {boolean} [options.includeDashboard] - (Optional) Whether to include the associated dashboard.
@@ -32,8 +31,7 @@ export declare const fetchWidgetDtoModel: ({ widgetOid, dashboardOid, includeDas
  * Custom hook for fetching Widget DTO and Dashboard DTO models.
  *
  * @internal
- *
- * @param {Object} options - The options for fetching the DTO models.
+ * @param {object} options - The options for fetching the DTO models.
  * @param {string} options.widgetOid - The OID of the widget to fetch.
  * @param {string} options.dashboardOid - The OID of the dashboard to which the widget belongs.
  * @param {boolean} [options.includeDashboard] - (Optional) Whether to include the associated dashboard.

package/dist/decorators/component-decorators/as-sisense-component.d.ts

@@ -15,6 +15,7 @@ export type SisenseComponentConfig = {
 export type ComponentDecorator<DecoratorConfig> = (decoratorConfig: DecoratorConfig) => <ComponentProps extends Record<string, any>>(Component: FunctionComponent<ComponentProps>) => FunctionComponent<ComponentProps>;
 /**
  * Decorator that adds sisense-specific functionality to a component
+ *
  * @param componentConfig - component configuration
  * @returns A component with sisense-specific functionality
  */

package/dist/filters/components/common/basic-input.d.ts

@@ -1,7 +1,7 @@
 import { type FunctionComponent, type InputHTMLAttributes } from 'react';
 type BasicInputProps = {
     variant?: 'white' | 'grey';
-    label: string;
+    label?: string;
     callback: (value: string) => void;
 } & InputHTMLAttributes<HTMLInputElement>;
 export declare const BasicInput: FunctionComponent<BasicInputProps>;

package/dist/filters/components/common/date-range-field-button.d.ts

@@ -1,8 +1,9 @@
 import { CompleteThemeSettings } from '../../../types';
 import { type FunctionComponent, type ButtonHTMLAttributes } from 'react';
+type Variant = 'white' | 'grey';
 type InputProps = {
-    variant?: 'white' | 'grey';
-    label: string;
+    variant?: Variant;
+    label?: string;
     isActive?: boolean;
 } & ButtonHTMLAttributes<HTMLButtonElement>;
 type ThemeMixin = {

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

@@ -4,5 +4,6 @@ export type DropdownProps = {
     elements: JSX.Element[];
     icon?: JSX.Element;
     selectedIdx?: number;
+    disabled?: boolean;
 } & React.ComponentProps<typeof MenuList>;
 export declare const Dropdown: FunctionComponent<DropdownProps>;

package/dist/filters/components/common/filter-utils.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Orientation options for the filter tile. The filter tile can
+ * be arranged vertically, or horizontally to fit most toolbars.
+ */
+export type FilterVariant = 'vertical' | 'horizontal';
+/**
+ * Determines whether the arrangement of the filter menu is vertical.
+ *
+ * @param arrangement - Arrangement of the filter menu
+ * @returns True if the arrangement is vertical, false otherwise
+ * @internal
+ */
+export declare const isVertical: (arrangement: FilterVariant) => boolean;

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

@@ -7,3 +7,4 @@ export { SisenseSwitchButton } from './switch';
 export { TriangleIndicator } from './triangle-indicator';
 export { DateRangeFieldButton } from './date-range-field-button';
 export { Dropdown } from './dropdown';
+export { type FilterVariant } from './filter-utils';

package/dist/filters/components/criteria-filter-tile/criteria-filter-menu.d.ts

@@ -1,6 +1,7 @@
 import { FunctionComponent } from 'react';
-import { FilterOptionType, FilterVariant, CriteriaFilterValueType } from './criteria-filter-operations';
+import { FilterOptionType, CriteriaFilterValueType } from './criteria-filter-operations';
 import { Measure } from '@sisense/sdk-data';
+import { FilterVariant } from '../common/filter-utils';
 /**
  * Props for {@link CriteriaFilterMenu}
  *

package/dist/filters/components/criteria-filter-tile/criteria-filter-operations.d.ts

@@ -28,7 +28,6 @@ export declare const FilterOption: {
     LIKE: string;
 };
 export type FilterOptionType = keyof typeof FilterOption;
-export type FilterVariant = 'vertical' | 'horizontal';
 /**
  * Object containing related information for a filter option,
  * including the function to be used for filtering, the number of inputs,
@@ -54,14 +53,6 @@ export type FilterInfo = {
 export declare const CRITERIA_FILTER_MAP: {
     [key: string]: FilterInfo;
 };
-/**
- * Determines whether the arrangement of the filter menu is vertical.
- *
- * @param arrangement - Arrangement of the filter menu
- * @returns True if the arrangement is vertical, false otherwise
- * @internal
- */
-export declare const isVertical: (arrangement: FilterVariant) => boolean;
 /**
  * Given an input filter, use the filterType and operators to determine
  * the corresponding {@link FilterOption} and {@link FilterInfo}.

package/dist/filters/components/criteria-filter-tile/criteria-filter-tile.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { FilterVariant } from './criteria-filter-operations.js';
 import { ExcludeFilter, Filter, Measure, NumericFilter, RankingFilter, TextFilter } from '@sisense/sdk-data';
+import { FilterVariant } from '../common/filter-utils.js';
 /**
  * Props for {@link CriteriaFilterTile}
  */
@@ -25,7 +25,7 @@ export type CriteriaFilterType = NumericFilter | TextFilter | RankingFilter | Ex
  *
  * @example
  * ```tsx
- * const initialRevenueFilter = filters.greaterThanOrEqual(DM.Commerce.Revenue, 10000);
+ * const initialRevenueFilter = filterFactory.greaterThanOrEqual(DM.Commerce.Revenue, 10000);
  * const [revenueFilter, setRevenueFilter] = useState<Filter | null>(initialRevenueFilter);
  *
  * return (

package/dist/filters/components/criteria-filter-tile/index.d.ts

@@ -1,2 +1 @@
 export { CriteriaFilterTile, type CriteriaFilterTileProps, type CriteriaFilterType, } from './criteria-filter-tile';
-export { type FilterVariant } from './criteria-filter-operations';