@sisense/sdk-ui 1.7.2 → 1.8.0

package/dist/area-chart.d.ts

@@ -3,27 +3,23 @@ import { AreaChartProps } from './props';
 /**
  * A React 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
- * An example of using the component to visualize the `Sample ECommerce` data source:
- * ```tsx
- * <AreaChart
- *   dataSet={DM.DataSource}
- *   dataOptions={{
- *     category: [DM.Commerce.Date.Years],
- *     value: [measureFactory.sum(DM.Commerce.Revenue)],
- *     breakBy: [DM.Commerce.Gender],
- *   }}
- *   styleOptions={{ subtype: 'area/stacked' }}
- *   filters={[filterFactory.members(DM.Commerce.Gender, ['Female', 'Male'])]}
- *   onDataPointClick={(point, nativeEvent) => {
- *     console.log('clicked', point, nativeEvent);
- *   }}
+ * ## Example
+ *
+ * Area chart displaying total revenue per quarter from the Sample ECommerce data model.
+ *
+ * <iframe
+ *  src='https://dhoavm6pu1cvg.cloudfront.net/?example=charts%2Farea-chart&mode=docs'
+ *  width=800
+ *  height=870
+ *  style='border:none;'
  * />
- * ```
  *
- * <img src="media://area-chart-example-1.png" width="800"/>
+ * Additional Area Chart examples:
+ *
+ * - [Stacked Area Chart](https://csdk-playground.sisense.com/?example=charts%2Farea-chart-stacked)
+ * - [Stacked Percentage Area Chart](https://csdk-playground.sisense.com/?example=charts%2Farea-chart-stacked100)
+ *
  * @param props - Area chart properties
  * @returns Area Chart component
  * @group Charts

package/dist/areamap-chart.d.ts

@@ -1,23 +1,21 @@
 /// <reference types="react" />
 import { AreamapChartProps } from './props';
 /**
- * A React 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.
+ * A React component for visualizing geographical data as colored polygons on a map.
  *
- * @example
- * An example of using the component to visualize the `Sample ECommerce` data source:
- * ```tsx
- * <AreamapChart
- *   dataSet={DM.DataSource}
- *   dataOptions={{
- *     geo: [DM.Country.Country],
- *     color: measureFactory.sum(DM.Commerce.Cost, 'Total Cost'),
- *   }}
- *   styleOptions={{
- *     mapType: 'world',
- *   }}
+ * For another way do display data on a map, see {@link ScattermapChart}.
+ *
+ * ## Example
+ *
+ * Areamap chart displaying total revenue per country from the Sample ECommerce data model. The total revenue amount is indicated by the colors on the map.
+ *
+ * <iframe
+ *  src='https://csdk-playground.sisense.com/?example=charts%2Fmap-area&mode=docs'
+ *  width=800
+ *  height=870
+ *  style='border:none;'
  * />
- * ```
+ *
  * @param props - Areamap chart properties
  * @returns Areamap Chart component
  * @group Charts

package/dist/bar-chart.d.ts

@@ -3,28 +3,23 @@ import { BarChartProps } from './props';
 /**
  * A React component representing categorical data with horizontal rectangular bars,
  * whose lengths are proportional to the values that they represent.
- * You can also break up the values by another category or groups.
  *
- * See [Bar Chart](https://docs.sisense.com/main/SisenseLinux/bar-chart.htm) for more information.
+ * ## Example
  *
- * @example
- * An example of using the component to visualize the `Sample ECommerce` data source:
- * ```tsx
- * <BarChart
- *   dataSet={DM.DataSource}
- *   dataOptions={{
- *     category: [DM.Commerce.AgeRange],
- *     value: [measureFactory.sum(DM.Commerce.Revenue)],
- *     breakBy: [DM.Commerce.Gender],
- *   }}
- *   filters={[filterFactory.greaterThan(DM.Commerce.Revenue, 1000)]}
- *   onDataPointClick={(point, nativeEvent) => {
- *     console.log('clicked', point, nativeEvent);
- *   }}
+ * Bar chart displaying total revenue per year from the Sample ECommerce data model.
+ *
+ * <iframe
+ *  src='https://csdk-playground.sisense.com/?example=charts%2Fbar-chart&mode=docs'
+ *  width=800
+ *  height=870
+ *  style='border:none;'
  * />
- * ```
  *
- * <img src="media://bar-chart-example-1.png" width="800"/>
+ * Additional Bar Chart examples:
+ *
+ * - [Stacked Bar Chart](https://csdk-playground.sisense.com/?example=charts%2Fbar-chart-stacked)
+ * - [Stacked Percentage Bar Chart](https://csdk-playground.sisense.com/?example=charts%2Fbar-chart-stacked100)
+ *
  * @param props - Bar chart properties
  * @returns Bar Chart component
  * @group Charts

package/dist/boxplot-chart.d.ts

@@ -1,34 +1,20 @@
 /// <reference types="react" />
 import { BoxplotChartProps } from './props';
 /**
- * A React 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.
+ * A React component representing data in a way that visually describes the distribution,
+ * variability, and center of a data set along an axis.
  *
- * @example
- * An example of using the component to visualize the `Sample ECommerce` data source:
- * ```tsx
- * <BoxplotChart
- *   dataSet={DM.DataSource}
- *   dataOptions={{
- *     category: [DM.Category.Category],
- *     value: [DM.Commerce.Cost],
- *     boxType: 'iqr',
- *     outliersEnabled: true,
- *   }}
- *   filters={[
- *     filterFactory.members(DM.Category.Category, ['Calculators', 'DVD Players', 'Routers']),
- *     filterFactory.members(DM.Commerce.AgeRange, ['19-24']),
- *   ]}
- *   styleOptions={{
- *     seriesLabels: {
- *       enabled: true,
- *     }
- *   }}
+ * ## Example
+ *
+ * Boxplot chart displaying data from the Sample ECommerce data model.
+ *
+ * <iframe
+ *  src='https://csdk-playground.sisense.com/?example=charts%2Fboxplot-chart&mode=docs'
+ *  width=800
+ *  height=870
+ *  style='border:none;'
  * />
- * ```
  *
- * <img src="media://boxplot-chart-example-1.png" width="600px" />
  * @param props - Boxplot chart properties
  * @returns Boxplot Chart component
  * @group Charts

package/dist/chart/chart.d.ts

@@ -5,75 +5,17 @@ export declare const shouldSkipSisenseContextWaiting: (props: ChartProps) => boo
 /**
  * A React component used for easily switching chart types or rendering multiple series of different chart types.
  *
- * @example
- * (1) An example of using the `Chart` component to
- * plot a column chart of the Sample ECommerce data source hosted in a Sisense instance:
- * ```tsx
- * <Chart
- *   chartType={'column'}
- *   dataSet={DM.DataSource}
- *   dataOptions={{
- *     category: [DM.Commerce.AgeRange],
- *     value: [measureFactory.sum(DM.Commerce.Revenue)],
- *     breakBy: [DM.Commerce.Gender],
- *   }}
- *   filters={[filterFactory.members(DM.Commerce.Gender,['Female', 'Male'])]}
- *   onDataPointClick= {(point, nativeEvent) => { console.log('clicked', point, nativeEvent); }}
- * />
- * ```
+ * ## Example
  *
- * <img src="media://chart-data-source-example-1.png" width="800px" />
+ * A chart component displaying total revenue per quarter from the Sample ECommerce data model. The component is currently set to show the data in a column chart.
  *
- * (2) An example of using the `Chart` component to
- * plot a pie chart of static data provided in code:
- * ```tsx
- * <Chart
- *    chartType={'pie'}
- *    dataSet={{
- *      columns: [
- *        { name: 'Years', type: 'date' },
- *        { name: 'Group', type: 'string' },
- *        { name: 'Quantity', type: 'number' },
- *        { name: 'Units', type: 'number' },
- *      ],
- *      rows: [
- *        ['2009', 'A', 6781, 10],
- *        ['2009', 'B', 5500, 15],
- *        ['2010', 'A', 4471, 70],
- *        ['2011', 'B', 1812, 50],
- *        ['2012', 'B', 5001, 60],
- *        ['2013', 'A', 2045, 40],
- *        ['2014', 'B', 3010, 90],
- *        ['2015', 'A', 5447, 80],
- *        ['2016', 'B', 4242, 70],
- *        ['2017', 'B', 936, 20],
- *      ],
- *    }}
- *    dataOptions={{
- *      category: [
- *        {
- *          name: 'Years',
- *          type: 'date',
- *        },
- *      ],
- *      value: [
- *        {
- *          name: 'Quantity',
- *          aggregation: 'sum',
- *          title: 'Total Quantity',
- *        },
- *      ],
- *    }}
- *    styleOptions={{
- *      legend: {
- *        enabled: true,
- *        position: 'bottom',
- *      },
- *    }}
- *  />
- * ```
+ * <iframe
+ *  src='https://csdk-playground.sisense.com/?example=charts/chart&mode=docs'
+ *  width=800
+ *  height=870
+ *  style='border:none;'
+ * />
  *
- * <img src="media://chart-local-data-example-1.png" width="800px" />
  * @param props - Chart properties
  * @returns Chart component representing a chart type as specified in `ChartProps.`{@link ChartProps.chartType | chartType}
  * @group Charts

package/dist/chart-data/cartesian-data.d.ts

@@ -1,7 +1,7 @@
+import { type SortDirection } from '../types';
 import { Column, DataTable } from '../chart-data-processor/table-processor';
 import { CartesianChartData, CategoricalXValues } from './types';
 import { CartesianChartDataOptionsInternal, Value } from '../chart-data-options/types';
-import { SortDirection } from '../types';
 export declare const validateCartesianChartDataOptions: (chartDataOptions: CartesianChartDataOptionsInternal) => CartesianChartDataOptionsInternal;
 export declare const cartesianData: (chartDataOptions: CartesianChartDataOptionsInternal, dataTable: DataTable) => CartesianChartData;
 export declare const sortDirection: (sortType: SortDirection | undefined) => 1 | -1 | 0;

package/dist/chart-data/chart-data-service.d.ts

@@ -1,6 +1,6 @@
 import { ChartDataOptionsInternal } from '../chart-data-options/types';
 import { DataTable } from '../chart-data-processor/table-processor';
-import { ChartType, NumberFormatConfig, SeriesChartType } from '../types';
+import type { ChartType, NumberFormatConfig, SeriesChartType, SortDirection } from '../types';
 import { ChartData } from './types';
 export declare const chartDataService: (chartType: ChartType, chartDataOptions: ChartDataOptionsInternal, dataTable: DataTable) => ChartData;
 export type ValueColumn = {
@@ -15,4 +15,3 @@ export type ValueColumn = {
     color?: string;
     legacyInstanceId?: string;
 };
-export type SortDirection = 'sortAsc' | 'sortDesc' | 'sortNone';

package/dist/chart-data/data-coloring/types.d.ts

@@ -1,7 +1,5 @@
 /**
  * All possible color options for data.
- *
- * @see {@link https://docs.sisense.com/main/SisenseLinux/selecting-colors-in-widgets.htm | Selecting Colors in Widgets}
  */
 export type DataColorOptions = string | UniformDataColorOptions | RangeDataColorOptions | ConditionalDataColorOptions;
 /**
@@ -16,7 +14,6 @@ export type DataColorOptions = string | UniformDataColorOptions | RangeDataColor
  *   color: 'red',
  * }
  * ```
- * @see {@link https://docs.sisense.com/main/SisenseLinux/selecting-colors-in-widgets.htm | Selecting Colors in Widgets}
  */
 export type UniformDataColorOptions = {
     /**
@@ -51,7 +48,6 @@ export type UniformDataColorOptions = {
  *   maxColor: 'blue',
  * }
  * ```
- * @see {@link https://docs.sisense.com/main/SisenseLinux/selecting-colors-in-widgets.htm | Selecting Colors in Widgets}
  */
 export type RangeDataColorOptions = {
     /**
@@ -104,7 +100,6 @@ export type RangeDataColorOptions = {
  *   defaultColor: 'red',
  * }
  * ```
- * @see {@link https://docs.sisense.com/main/SisenseLinux/selecting-colors-in-widgets.htm | Selecting Colors in Widgets}
  */
 export type ConditionalDataColorOptions = {
     /**
@@ -123,9 +118,8 @@ export type ConditionalDataColorOptions = {
 /**
  * Color condition for {@link ConditionalDataColorOptions} represented as a logical expression.
  *
- * See {@link ConditionalDataColorOptions} for examples.
+ * See {@link ConditionalDataColorOptions} for usage examples.
  *
- * @see {@link https://docs.sisense.com/main/SisenseLinux/selecting-colors-in-widgets.htm | Selecting Colors in Widgets}
  */
 export type DataColorCondition = {
     /**

package/dist/chart-data-options/types.d.ts

@@ -1,5 +1,5 @@
 import type { DataColorOptions } from '../chart-data/data-coloring';
-import type { NumberFormatConfig, SeriesChartType, SortDirection, ValueToColorMap, MultiColumnValueToColorMap, LineWidth, Markers } from '../types';
+import type { NumberFormatConfig, SeriesChartType, ValueToColorMap, MultiColumnValueToColorMap, LineWidth, Markers, SortDirection, PivotRowsSort } from '../types';
 import { Column, MeasureColumn, CalculatedMeasureColumn, PivotGrandTotals, TotalsCalculation } from '@sisense/sdk-data';
 /**
  * Styles for a category/column when visualized in a chart
@@ -33,8 +33,10 @@ export interface CategoryStyle {
      * @internal
      */
     enabled?: boolean;
-    /** {@inheritDoc SortDirection} */
-    sortType?: SortDirection;
+    /**
+     * Sorting configuration that represents either {@link SortDirection} or {@link PivotRowsSort} for the pivot table
+     */
+    sortType?: SortDirection | PivotRowsSort;
     isColored?: boolean;
     /**
      * Boolean flag whether to render category/column value as HTML in the Table component.

package/dist/column-chart.d.ts

@@ -6,26 +6,23 @@ import { ColumnChartProps } from './props';
  *
  * The chart can include multiple values on both the X and Y-axis, as well as a break down by categories displayed on the Y-axis.
  *
- * See [Column Chart](https://docs.sisense.com/main/SisenseLinux/column-chart.htm) for more information.
- *
- * @example
- * An example of using the component to visualize the `Sample ECommerce` data source:
- * ```tsx
- * <ColumnChart
- *   dataSet={DM.DataSource}
- *   dataOptions={{
- *     category: [DM.Commerce.AgeRange],
- *     value: [measureFactory.sum(DM.Commerce.Revenue)],
- *     breakBy: [DM.Commerce.Gender],
- *   }}
- *   filters={[filterFactory.greaterThan(DM.Commerce.Revenue, 1000)]}
- *   onDataPointClick={(point, nativeEvent) => {
- *     console.log('clicked', point, nativeEvent);
- *   }}
+ * ## Example
+ *
+ * Column chart displaying total revenue per year, broken down by condition, from the Sample ECommerce data model.
+ *
+ * <iframe
+ *  src='https://csdk-playground.sisense.com/?example=charts%2Fcolumn-chart&mode=docs'
+ *  width=800
+ *  height=870
+ *  style='border:none;'
  * />
- * ```
  *
- * <img src="media://column-chart-example-1.png" width="800"/>
+ *
+ * Additional Column Chart examples:
+ *
+ * - [Stacked Column Chart](https://csdk-playground.sisense.com/?example=charts%2Fcolumn-chart-stacked)
+ * - [Stacked Percentage Column Chart](https://csdk-playground.sisense.com/?example=charts%2Fcolumn-chart-stacked100)
+ *
  * @param props - Column chart properties
  * @returns Column Chart component
  * @group Charts

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

@@ -7,14 +7,17 @@ import { DashboardWidgetProps } from '../props';
  * To learn more about using Sisense Fusion Widgets in Compose SDK,
  * see [Sisense Fusion Widgets](/guides/sdk/guides/charts/guide-fusion-widgets.html).
  *
- * @example
- * The example below renders a dashboard widget with the specified widget and dashboard OIDs.
- * ```tsx
- * <DashboardWidget
- *   widgetOid={'64473e07dac1920034bce77f'}
- *   dashboardOid={'6441e728dac1920034bce737'}
+ * ## Example
+ *
+ * Display two dashboard widgets from a Fusion Embed instance.
+ *
+ * <iframe
+ *  src='https://csdk-playground.sisense.com/?example=fusion-assets%2Ffusion-widgets&mode=docs'
+ *  width=800
+ *  height=870
+ *  style='border:none;'
  * />
- * ```
+ *
  * @group Fusion Embed
  * @fusionEmbed
  */

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

@@ -8,6 +8,6 @@ export declare function createDataColumn(item: PanelItem, customPaletteColors?:
 export declare const createDataOptionsFromPanels: (panels: Panel[], variantColors: Color[]) => {
     [key: string]: any[];
 };
-export declare function createColumnsFromPanelItems(panels: Panel[], panelName: string, customPaletteColors?: Color[]): (StyledMeasureColumn | StyledColumn)[];
+export declare function createColumnsFromPanelItems<ColumnType = StyledColumn | StyledMeasureColumn>(panels: Panel[], panelName: string, customPaletteColors?: Color[]): ColumnType[];
 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-filters.d.ts

@@ -1,10 +1,10 @@
-import { Filter, FilterJaql } from '@sisense/sdk-data';
+import { FilterJaql } from '@sisense/sdk-data';
 import { Panel } from './types';
 /**
  * Extracts filter model components from a FilterJaql object.
  *
- * @param {FilterJaql} jaql - The FilterJaql object.
- * @returns {object} - An object containing the extracted filter model components, including filter, backgroundFilter, and turnOffMembersFilter.
+ * @param jaql - The FilterJaql object.
+ * @returns An object containing the extracted filter model components, including filter, backgroundFilter, and turnOffMembersFilter.
  */
 export declare function extractFilterModelFromJaql(jaql: FilterJaql): {
     filter: {
@@ -15,22 +15,30 @@ export declare function extractFilterModelFromJaql(jaql: FilterJaql): {
         exclude: {
             members: string[];
         };
+    } | {
+        equals?: (number | import("@sisense/sdk-data").FormulaJaql) | undefined;
+        doesntEqual?: (number | import("@sisense/sdk-data").FormulaJaql) | undefined;
+        toNotEqual?: (number | import("@sisense/sdk-data").FormulaJaql) | undefined;
+        to?: (number | import("@sisense/sdk-data").FormulaJaql) | undefined;
+        fromNotEqual?: (number | import("@sisense/sdk-data").FormulaJaql) | undefined;
+        from?: (number | import("@sisense/sdk-data").FormulaJaql) | undefined;
+        '='?: (number | import("@sisense/sdk-data").FormulaJaql) | undefined;
+        '<'?: (number | import("@sisense/sdk-data").FormulaJaql) | undefined;
+        '>'?: (number | import("@sisense/sdk-data").FormulaJaql) | undefined;
+        '>='?: (number | import("@sisense/sdk-data").FormulaJaql) | undefined;
+        '<='?: (number | import("@sisense/sdk-data").FormulaJaql) | undefined;
+    } | {
+        and: import("@sisense/sdk-data").JaqlNumericFilter[];
+    } | {
+        or: import("@sisense/sdk-data").JaqlNumericFilter[];
     };
     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.
- *
- * @param jaql - The filter JAQL object.
- * @returns - The created Filter object.
- * @internal
- */
-export declare function createFilterFromJaql(jaql: FilterJaql, instanceid?: string): Filter;
 /**
  * Extracts filters from the widget panel.
  *
- * @param {Panel[]} panels - The array of panels.
- * @returns {Filter[]} - The extracted filters.
+ * @param panels - The array of panels.
+ * @returns The extracted filters.
  */
-export declare function extractFilters(panels: Panel[]): Filter[];
+export declare function extractFilters(panels: Panel[]): import("@sisense/sdk-data").Filter[];

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

@@ -1,4 +1,4 @@
-import { Jaql, SortDirection } from '@sisense/sdk-data';
+import { Jaql, JaqlSortDirection } from '@sisense/sdk-data';
 /**
  * The type of a widget on a dashboard that is a variant of Cartesian widget.
  */
@@ -109,7 +109,7 @@ export type PanelItem = {
     parent?: PanelItem;
     through?: PanelItem;
     singleSeriesType?: SeriesType;
-    categoriesSorting?: SortDirection;
+    categoriesSorting?: JaqlSortDirection;
     isColored?: boolean;
     geoLevel?: 'country' | 'state' | 'city';
 };

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

@@ -1,6 +1,6 @@
-import { type Filter, SortDirection as JaqlSortDirection, FilterRelations, FilterRelationsModel, FilterRelationsJaql } from '@sisense/sdk-data';
+import { type Filter, JaqlSortDirection, FilterRelations, FilterRelationsModel, FilterRelationsJaql } from '@sisense/sdk-data';
 import { ChartSubtype } from '../chart-options-processor/subtype-to-design-options';
-import { ChartType, SortDirection } from '../types';
+import { ChartType, type SortDirection } 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;

package/dist/formulas/use-get-shared-formula.d.ts

@@ -67,11 +67,11 @@ export type SharedFormulaSuccessState = {
     status: 'success';
 };
 /**
- * Fetch a [shared formula](https://docs.sisense.com/main/SisenseLinux/shared-formulas.htm) from the Sisense instance
+ * Fetch a [shared formula](https://docs.sisense.com/main/SisenseLinux/shared-formulas.htm) from the a Fusion Embed instance.
  *
- * Formula can be identified either by `oid` or by name and data source pair
+ * The formula can be identified either by `oid` or by name and data source pair.
  *
- * When the retrieval is successful but the shared formula is not found, the result is altered from being `undefined` to `null`
+ * When the retrieval is successful but the shared formula is not found, the resulting `formula` is `null`. When the retrieval is not successful the resulting `formula` is `undefined`.
  *
  * @example
  * An example of retrieving a shared formula by oid:

package/dist/funnel-chart.d.ts

@@ -2,45 +2,18 @@
 import { FunnelChartProps } from './props';
 /**
  * A React component representing data progressively decreasing in size or quantity through a funnel shape.
- * See [Funnel Chart](https://docs.sisense.com/main/SisenseLinux/funnel-chart.htm) for more information.
  *
- * @example
- * An example of visualizing sales funnel data:
- * ```tsx
- * <FunnelChart
- *   dataSet={{
- *     columns: [
- *       { name: 'Stage', type: 'string' },
- *       { name: 'Unique Users', type: 'number' },
- *     ],
- *     rows: [
- *       ['Website visits', 15654],
- *       ['Downloads', 4064],
- *       ['Requested price list', 1987],
- *       ['Invoice sent', 976],
- *       ['Finalized', 846],
- *     ],
- *   }}
- *   dataOptions={{
- *     category: [
- *       {
- *         name: 'Stage',
- *         type: 'string',
- *       },
- *     ],
- *     value: [
- *       {
- *         name: 'Unique Users',
- *         aggregation: 'sum',
- *       },
- *     ],
- *   }}
- * />
- * ```
+ * ## Example
+ *
+ * Funnel chart displaying data from the Sample ECommerce data model.
  *
- * <img src="media://funnel-chart-example-1.png" width="800"/>
+ * <iframe
+ *  src='https://csdk-playground.sisense.com/?example=charts%2Ffunnel-chart&mode=docs'
+ *  width=800
+ *  height=870
+ *  style='border:none;'
+ * />
  *
- * Note that the chart sorts the measure, `Unique Users`, in descending order by default.
  * @param props - Funnel chart properties
  * @returns Funnel Chart component
  * @group Charts

package/dist/index.d.ts

@@ -43,7 +43,6 @@ export * from './formulas';
 export { trackHook } from './decorators/hook-decorators';
 export * from './common/hooks/data-load-state-reducer';
 export { createDataOptionsFromPanels } from './dashboard-widget/translate-widget-data-options';
-export { createFilterFromJaql } from './dashboard-widget/translate-widget-filters';
 export { useThemeContext } from './theme-provider';
 export { LoadingIndicator } from './common/components/loading-indicator';
 export { useFetch, type RequestConfig, type UseQueryResult } from './common/hooks/use-fetch';