@sisense/sdk-ui 0.13.0 → 0.15.0

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

@@ -1,13 +1,21 @@
-import { WidgetDto, Datasource, FilterJaql } from '../../dashboard-widget/types';
-type Filter = {
+import { WidgetDto, Datasource } from '../../dashboard-widget/types';
+import { FilterJaql } from '@sisense/sdk-data';
+export type Filter = {
+    isCascading?: false;
     jaql: FilterJaql;
-    isCascading: boolean;
+    instanceid?: string;
+    disabled?: boolean;
+};
+export type CascadingFilter = {
+    isCascading: true;
+    levels: FilterJaql[];
+    instanceid?: string;
+    disabled?: boolean;
 };
 export type DashboardDto = {
     oid: string;
     title: string;
     datasource: Datasource;
     widgets?: WidgetDto[];
-    filters?: Filter[];
+    filters?: Array<Filter | CascadingFilter>;
 };
-export {};

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

@@ -1,5 +1,5 @@
 import type { DataColorOptions } from '../chart-data/series-data-color-service';
-import type { NumberFormatConfig, SeriesChartType, SortDirection, ValueToColorMap } from '../types';
+import type { NumberFormatConfig, SeriesChartType, SortDirection, ValueToColorMap, MultiColumnValueToColorMap } from '../types';
 import { Column, MeasureColumn, CalculatedMeasureColumn } from '@sisense/sdk-data';
 /**
  * Styles for a category/column when visualized in a chart
@@ -13,6 +13,9 @@ export interface CategoryStyle {
      * Date format.
      *
      * See [ECMAScript Date Time String Format](https://tc39.es/ecma262/multipage/numbers-and-dates.html#sec-date-time-string-format)
+     *
+     * Note that 'YYYY' and 'DD' have been disabled since they often get confused with 'yyyy' and 'dd'
+     * and can produce unexpected results.
      */
     dateFormat?: string;
     /** Boolean flag to toggle continuous timeline on this date column. */
@@ -100,6 +103,8 @@ export type ValueStyle = {
     enabled?: boolean;
     /** Boolean flag whether null values are treated as zeros in the chart */
     treatNullDataAsZeros?: boolean;
+    /** Boolean flag whether to connect a graph line across null points or render a gap */
+    connectNulls?: boolean;
 };
 /**
  * Wrapped {@link @sisense/sdk-data!MeasureColumn | Measure Column} with styles
@@ -198,8 +203,9 @@ export interface CategoricalChartDataOptions {
     category: (Column | StyledColumn)[];
     /**
      * Optional mapping of each of the series to colors.
+     * ({@link MultiColumnValueToColorMap} used only for {@link SunburstChart})
      */
-    seriesToColorMap?: ValueToColorMap;
+    seriesToColorMap?: ValueToColorMap | MultiColumnValueToColorMap;
 }
 /**
  * Configuration for how to query aggregate data and assign data
@@ -281,13 +287,13 @@ export declare function isMeasureColumn(arg: AnyColumn): arg is MeasureColumn |
  * Configuration for how to query data and assign data to {@link Table}.
  *
  */
-export type TableDataOptions = {
+export interface TableDataOptions {
     /**
      * Columns (or attributes) whose values represent data columns in table
      *
      */
     columns: (Column | StyledColumn | MeasureColumn | CalculatedMeasureColumn | StyledMeasureColumn)[];
-};
+}
 /**
  * Configuration for querying aggregate data and assigning data to chart encodings.
  *
@@ -323,7 +329,7 @@ export interface CartesianChartDataOptionsInternal {
 export interface CategoricalChartDataOptionsInternal {
     y: Value[];
     breakBy: Category[];
-    seriesToColorMap?: ValueToColorMap;
+    seriesToColorMap?: ValueToColorMap | MultiColumnValueToColorMap;
 }
 /** @internal */
 export interface ScatterChartDataOptionsInternal {

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

@@ -99,6 +99,7 @@ export type AxisPlotBand = {
     };
 };
 export declare const getCategoricalCompareValue: (value: CategoricalXValues) => number;
+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[];

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

@@ -18,6 +18,7 @@ export interface AxisComputedProperties {
     maskedBreakByColor?: string;
     maskedSize?: string;
     color?: string;
+    selected?: boolean;
 }
 export declare const handleNumberValue: (cell: ComparableData) => number | null;
 export declare const buildScatterSeries: (data: ScatterDataTable, categoriesMap: ScatterAxisCategoriesMap, dataOptions?: ScatterChartDataOptionsInternal, themeSettings?: CompleteThemeSettings, seriesCapacity?: number) => SeriesWithAlerts<SeriesType[]>;

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

@@ -10,7 +10,7 @@ export declare function prepareSunburstDataItems(chartData: CategoricalChartData
         levelsCount: number;
     };
 } | {
-    color: string;
+    color: any;
     name?: string | undefined;
     y?: number | null | undefined;
     x?: number | null | undefined;
@@ -22,6 +22,7 @@ export declare function prepareSunburstDataItems(chartData: CategoricalChartData
         lineWidth?: number | undefined;
     } | undefined;
     selected?: boolean | undefined;
+    sliced?: boolean | undefined;
     custom?: {
         [k: string]: unknown;
         number1?: number | undefined;

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

@@ -26,6 +26,7 @@ export type SeriesPointStructure = {
         lineWidth?: number;
     };
     selected?: boolean;
+    sliced?: boolean;
     custom?: {
         number1?: number;
         string1?: string;
@@ -61,7 +62,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) => HighchartsSeriesValues;
+export declare const formatSeriesContinuousXAxis: (series: CategoricalSeriesValues, indexMap: number[], treatNullDataAsZeros: boolean, interval: number, maxCategories: number, dateFormatter: (time: number) => string) => 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;
@@ -71,5 +72,5 @@ export declare const autoCalculateYAxisMinMax: (chartType: ChartType, chartData:
     min: number;
     max: number;
 };
-export declare const determineYAxisOptions: (chartData: ChartData, dataOptions: ChartDataOptionsInternal) => [number[], (HighchartsType | undefined)[], boolean[]];
+export declare const determineYAxisOptions: (chartData: ChartData, dataOptions: ChartDataOptionsInternal) => [number[], (HighchartsType | undefined)[], boolean[], boolean[]];
 export declare const getColorSetting: (dataOptions: CartesianChartDataOptionsInternal | CategoricalChartDataOptionsInternal, key: string) => string | undefined;

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

@@ -0,0 +1,13 @@
+import { DashboardDto } from '../api/types/dashboard-dto';
+import { WidgetDto } from './types';
+/**
+ * Extracts dashboard filters applicable to a widget.
+ *
+ * @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.
+ */
+export declare function extractDashboardFiltersForWidget(dashboard: DashboardDto, widget: WidgetDto): {
+    filters: import("@sisense/sdk-data").Filter[];
+    highlights: import("@sisense/sdk-data").Filter[];
+};

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

@@ -1,5 +1,6 @@
 import { DataColorOptions } from '../chart-data/series-data-color-service';
-import { CompleteThemeSettings, ValueToColorMap } from '../types';
-import { PanelColorFormat, PanelMembersFormat } from './types';
+import { CompleteThemeSettings, ValueToColorMap, MultiColumnValueToColorMap } from '../types';
+import { PanelColorFormat, PanelItem, PanelMembersFormat } from './types';
 export declare const createValueColorOptions: (format?: PanelColorFormat, themeSettings?: CompleteThemeSettings) => 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,6 +1,6 @@
-import { DimensionalBaseMeasure, DimensionalAttribute, DimensionalCalculatedMeasure } from '@sisense/sdk-data';
+import { DimensionalBaseMeasure, DimensionalAttribute, DimensionalCalculatedMeasure, Jaql } from '@sisense/sdk-data';
 import { CategoricalChartDataOptions, ScatterChartDataOptions, IndicatorDataOptions, StyledMeasureColumn, StyledColumn, CompleteThemeSettings } from '../types';
-import { Panel, PanelItem, Jaql, WidgetType } from './types';
+import { Panel, PanelItem, WidgetType } from './types';
 import { TableDataOptions } from '../chart-data-options/types';
 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;

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

@@ -1,5 +1,24 @@
-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.
+ *
+ * @param {FilterJaql} jaql - The FilterJaql object.
+ * @returns {object} - An object containing the extracted filter model components, including filter, backgroundFilter, and turnOffMembersFilter.
+ */
+export declare function extractFilterModelFromJaql(jaql: FilterJaql): {
+    filter: {
+        all: true;
+    } | {
+        members: string[];
+    } | {
+        exclude: {
+            members: string[];
+        };
+    };
+    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/types.d.ts

@@ -1,3 +1,4 @@
+import { Jaql, SortDirection } from '@sisense/sdk-data';
 export declare const enum WidgetType {
     PieChart = "chart/pie",
     ColumnChart = "chart/column",
@@ -14,6 +15,10 @@ export declare const enum WidgetType {
     TableWithAggregation = "tablewidgetagg"
 }
 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",
+    SELECT = "select"
+}
 export type Datasource = {
     title: string;
     id: string;
@@ -32,68 +37,25 @@ export interface WidgetDto {
     subtype: WidgetSubtype | string;
     datasource: Datasource;
     metadata: {
+        ignore?: FiltersIgnoringRules;
         panels: Panel[];
     };
     style: WidgetStyle;
     title: string;
     desc: string;
+    options?: {
+        dashboardFiltersMode: `${WidgetDashboardFilterMode}`;
+    };
 }
-export declare const enum DataType {
-    TEXT = "text",
-    NUMERIC = "numeric",
-    DATETIME = "datetime"
-}
+export type FiltersIgnoringRules = {
+    dimensions?: string[];
+    ids: string[];
+    all: boolean;
+};
 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>;
-};
-type IncludeAllFilter = {
-    all: true;
-};
-export type IncludeMembersFilter = {
-    members: string[];
-};
-type ExcludeMembersFilter = {
-    exclude: {
-        members: string[];
-    };
-};
-export type MembersFilter = IncludeMembersFilter | ExcludeMembersFilter;
-type BaseFilter = IncludeAllFilter | MembersFilter;
-type BackgroundFilter = BaseFilter;
-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

@@ -0,0 +1,48 @@
+import { RestApi } from '../api/rest-api';
+import { DashboardDto } from '../api/types/dashboard-dto';
+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 {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.
+ * @param {RestApi} options.api - The RestApi instance to use for fetching.
+ * @returns {Promise<{widget: WidgetDto, dashboard?: DashboardDto}>} A promise that resolves to an object containing the Widget DTO and optionally the Dashboard DTO.
+ */
+export declare const fetchWidgetDtoModel: ({ widgetOid, dashboardOid, includeDashboard, api, }: {
+    widgetOid: string;
+    dashboardOid: string;
+    includeDashboard?: boolean | undefined;
+    api: RestApi;
+}) => Promise<{
+    widget: WidgetDto;
+    dashboard: DashboardDto | undefined;
+}>;
+/**
+ * Custom hook for fetching Widget DTO and Dashboard DTO models.
+ *
+ * @internal
+ *
+ * @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.
+ * @returns {{
+ *   widget: WidgetDto,
+ *   dashboard?: DashboardDto,
+ *   error: Error
+ * }} An object containing the Widget DTO, optionally the Dashboard DTO, and an error if fetching fails.
+ */
+export declare const useFetchWidgetDtoModel: ({ widgetOid, dashboardOid, includeDashboard, }: {
+    widgetOid: string;
+    dashboardOid: string;
+    includeDashboard?: boolean | undefined;
+}) => {
+    error: Error | undefined;
+    widget?: WidgetDto | undefined;
+    dashboard?: DashboardDto | undefined;
+};

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

@@ -1,7 +1,7 @@
-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;
@@ -12,7 +12,7 @@ export declare function getRootPanelItem(item: PanelItem): PanelItem;
 export declare function getSortType(jaqlSort: JaqlSortDirection | undefined): SortDirection;
 /**
  * Merges two arrays of filter objects, prioritizing 'targetFilters' over 'sourceFilters',
- * and removes duplicates based on filter attribute expression (dim)
+ * and removes duplicates based on filter compare id
  *
  * @param {Filter[]} [sourceFilters=[]] - The source array of filter objects.
  * @param {Filter[]} [targetFilters=[]] - The target array of filter objects.

package/dist/decorators/{with-tracking → component-decorators/with-tracking}/error-tracker.d.ts

@@ -1,6 +1,6 @@
 import { HttpClient } from '@sisense/sdk-rest-client';
 import { Component, ReactNode } from 'react';
-import { SisenseContextPayload } from '../../sisense-context/sisense-context';
+import { SisenseContextPayload } from '../../../sisense-context/sisense-context';
 type ErrorTrackerProps = {
     children: ReactNode;
     componentName: string;

package/dist/decorators/hook-decorators/index.d.ts

@@ -0,0 +1 @@
+export * from './with-tracking';

package/dist/decorators/hook-decorators/with-tracking.d.ts

@@ -0,0 +1,2 @@
+export type HookDecorator<DecoratorConfig> = (decoratorConfig: DecoratorConfig) => <HookArgs extends any[], HookResult>(hook: (...args: HookArgs) => HookResult) => (...args: HookArgs) => HookResult;
+export declare const withTracking: HookDecorator<string>;

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

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

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

@@ -1,5 +1,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 { SisenseSwitchButton } from './switch';
+export { TriangleIndicator } from './triangle-indicator';
+export { DateRangeFieldButton } from './date-range-field-button';

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

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

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

@@ -0,0 +1,25 @@
+import { FunctionComponent } from 'react';
+import { FilterOptionType } from './criteria-filter-operations.js';
+/**
+ * Props for {@link CriteriaFilterDisplay}
+ */
+export interface CriteriaFilterDisplayProps {
+    filterType: FilterOptionType;
+    values?: (number | string)[];
+}
+/**
+ * UI component that provides a static, uneditable display of the criteria filter values, to be shown when vertically aligned filter tiles are collapsed.
+ *
+ * @example
+ * ```tsx
+ * return (
+ *  <CriteriaFilterDisplay
+ *   filterType={FilterOption.BETWEEN}
+ *   values={[0, 100]}
+ *   />
+ * );
+ * ```
+ * @param props - Criteria filter menu props
+ * @returns Criteria filter menu component
+ */
+export declare const CriteriaFilterDisplay: FunctionComponent<CriteriaFilterDisplayProps>;

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

@@ -0,0 +1,20 @@
+import { FunctionComponent } from 'react';
+import { FilterOptionType, FilterVariant } from './criteria-filter-operations';
+/**
+ * Props for {@link CriteriaFilterMenu}
+ *
+ * @internal
+ */
+export interface CriteriaFilterMenuProps {
+    filterType: FilterOptionType;
+    arrangement?: FilterVariant;
+    defaultValues?: (number | string)[];
+    onUpdate?: (values: (number | string)[]) => void;
+    disabled?: boolean;
+}
+/**
+ * UI component that provides field(s) for the user to enter values for a numeric filter.
+ *
+ * @internal
+ */
+export declare const CriteriaFilterMenu: FunctionComponent<CriteriaFilterMenuProps>;