@sisense/sdk-ui 0.15.0 → 1.0.0

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,6 +1,6 @@
-import { DataColorOptions } from '../chart-data/series-data-color-service';
-import { CompleteThemeSettings, ValueToColorMap, MultiColumnValueToColorMap } from '../types';
+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, 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,8 @@
 import { DimensionalBaseMeasure, DimensionalAttribute, DimensionalCalculatedMeasure, Jaql } from '@sisense/sdk-data';
-import { CategoricalChartDataOptions, ScatterChartDataOptions, IndicatorDataOptions, StyledMeasureColumn, StyledColumn, CompleteThemeSettings } from '../types';
-import { Panel, PanelItem, WidgetType } from './types';
-import { TableDataOptions } from '../chart-data-options/types';
+import { StyledMeasureColumn, StyledColumn, Color } 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, 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[]): 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(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[]): ChartStyleOptions | TableStyleOptions;

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

@@ -1,20 +1,21 @@
 import { Jaql, SortDirection } from '@sisense/sdk-data';
-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"
-}
-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';
+/**
+ * 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 | '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"
@@ -23,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.
@@ -42,7 +45,7 @@ export interface WidgetDto {
     };
     style: WidgetStyle;
     title: string;
-    desc: string;
+    desc: string | null;
     options?: {
         dashboardFiltersMode: `${WidgetDashboardFilterMode}`;
     };
@@ -107,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, {
@@ -296,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.
@@ -20,14 +19,19 @@ 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.
  *
  * @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/dashboard-widget/utils.d.ts

@@ -6,7 +6,7 @@ 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/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

@@ -0,0 +1,9 @@
+import { type FunctionComponent } from 'react';
+import { MenuList } from '@mui/material';
+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

@@ -2,7 +2,9 @@ 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';
+export { type FilterVariant } from './filter-utils';

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/criteria-filter-tile/criteria-filter-display.d.ts

@@ -1,11 +1,11 @@
 import { FunctionComponent } from 'react';
-import { FilterOptionType } from './criteria-filter-operations.js';
+import { FilterOptionType, CriteriaFilterValueType } from './criteria-filter-operations.js';
 /**
  * Props for {@link CriteriaFilterDisplay}
  */
 export interface CriteriaFilterDisplayProps {
     filterType: FilterOptionType;
-    values?: (number | string)[];
+    values?: CriteriaFilterValueType[];
 }
 /**
  * UI component that provides a static, uneditable display of the criteria filter values, to be shown when vertically aligned filter tiles are collapsed.

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

@@ -1,5 +1,7 @@
 import { FunctionComponent } from 'react';
-import { FilterOptionType, FilterVariant } 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}
  *
@@ -8,9 +10,10 @@ import { FilterOptionType, FilterVariant } from './criteria-filter-operations';
 export interface CriteriaFilterMenuProps {
     filterType: FilterOptionType;
     arrangement?: FilterVariant;
-    defaultValues?: (number | string)[];
-    onUpdate?: (values: (number | string)[]) => void;
+    defaultValues?: CriteriaFilterValueType[];
+    onUpdate?: (values: CriteriaFilterValueType[]) => void;
     disabled?: boolean;
+    measures?: Measure[];
 }
 /**
  * UI component that provides field(s) for the user to enter values for a numeric filter.

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

@@ -1,3 +1,5 @@
+import { Measure } from '@sisense/sdk-data';
+import { CriteriaFilterType } from './criteria-filter-tile';
 /**
  * Collection of filter options for the {@link CriteriaFilterMenu},
  * to be provided to subcomponents as the `filterType` prop.
@@ -5,6 +7,9 @@
  * @internal
  */
 export declare const FilterOption: {
+    NOT_BETWEEN: string;
+    TOP: string;
+    BOTTOM: string;
     BETWEEN: string;
     EQUALS: string;
     NOT_EQUALS: string;
@@ -23,8 +28,6 @@ export declare const FilterOption: {
     LIKE: string;
 };
 export type FilterOptionType = keyof typeof FilterOption;
-export type FilterVariant = 'vertical' | 'horizontal';
-export type FilterInputType = 'text' | 'number';
 /**
  * Object containing related information for a filter option,
  * including the function to be used for filtering, the number of inputs,
@@ -39,7 +42,7 @@ export type FilterInfo = {
     symbols: string[];
     message: string;
     ranked: boolean;
-    type: FilterInputType;
+    type: string;
 };
 /**
  * Map of {@link FilterOption} to {@link FilterInfo}
@@ -51,12 +54,14 @@ export declare const CRITERIA_FILTER_MAP: {
     [key: string]: FilterInfo;
 };
 /**
- * Determines whether the arrangement of the filter menu is vertical.
+ * Given an input filter, use the filterType and operators to determine
+ * the corresponding {@link FilterOption} and {@link FilterInfo}.
  *
- * @param arrangement - Arrangement of the filter menu
- * @returns True if the arrangement is vertical, false otherwise
  * @internal
  */
-export declare const isVertical: (arrangement: FilterVariant) => boolean;
-export declare const operatorsToOption: (operatorA?: string, operatorB?: string) => "BETWEEN" | "EQUALS" | "NOT_EQUALS" | "LESS_THAN" | "LESS_THAN_OR_EQUAL" | "GREATER_THAN" | "GREATER_THAN_OR_EQUAL" | "IS" | "IS_NOT" | "CONTAINS" | "NOT_CONTAIN" | "STARTS_WITH" | "NOT_STARTS_WITH" | "ENDS_WITH" | "NOT_ENDS_WITH" | "LIKE";
+export declare const filterToOption: (filter: CriteriaFilterType) => FilterOptionType;
+export type CriteriaFilterValueType = string | number | Measure;
+export declare const filterToDefaultValues: (filter: CriteriaFilterType) => CriteriaFilterValueType[];
+export declare const valuesToDisplayValues: (values: CriteriaFilterValueType[]) => (string | number)[];
 export declare const translatedMsgNoVal: (message: string, t: Function) => any;
+export declare const filterTypeToInputType: (filterType: string) => string;

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 { Filter, NumericFilter, TextFilter } from '@sisense/sdk-data';
+import { ExcludeFilter, Filter, Measure, NumericFilter, RankingFilter, TextFilter } from '@sisense/sdk-data';
+import { FilterVariant } from '../common/filter-utils.js';
 /**
  * Props for {@link CriteriaFilterTile}
  */
@@ -13,14 +13,31 @@ export interface CriteriaFilterTileProps {
     arrangement?: FilterVariant;
     /** Callback returning filter object, or null for failure */
     onUpdate: (filter: Filter | null) => void;
+    /** List of available measures to rank by. Required only for ranking filters. */
+    measures?: Measure[];
 }
-export type CriteriaFilterType = NumericFilter | TextFilter;
+export type CriteriaFilterType = NumericFilter | TextFilter | RankingFilter | ExcludeFilter;
 /**
  * UI component that allows the user to filter numeric or text attributes according to
- * a number of built-in operations defined in the {@link NumericFilter} or {@link TextFilter}.
+ * a number of built-in operations defined in the {@link NumericFilter}, {@link TextFilter}, or {@link RankingFilter}.
  *
  * The arrangement prop determines whether the filter is rendered vertically or horizontally, with the latter intended for toolbar use and omitting title, enable/disable, and collapse/expand functionality.
  *
+ * @example
+ * ```tsx
+ * const initialRevenueFilter = filterFactory.greaterThanOrEqual(DM.Commerce.Revenue, 10000);
+ * const [revenueFilter, setRevenueFilter] = useState<Filter | null>(initialRevenueFilter);
+ *
+ * return (
+ *   <CriteriaFilterTile
+ *     title={'Revenue'}
+ *     filter={revenueFilter}
+ *     onUpdate={setRevenueFilter}
+ *   />
+ * );
+ * ```
+ *
+ * <img src="media://criteria-filter-tile-example-1.png" width="300px" />
  * @param props - Criteria filter tile props
  * @returns Criteria filter tile component
  */

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';

package/dist/filters/components/date-filter/date-filter/calendar-date-selector.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import dayjs from 'dayjs';
-export type SelectorMode = 'fromSelector' | 'toSelector';
+export type SelectorMode = 'fromSelector' | 'toSelector' | 'pointSelector';
 export type DateRangeLimits = {
-    maxDate: dayjs.Dayjs;
-    minDate: dayjs.Dayjs;
+    maxDate?: dayjs.Dayjs;
+    minDate?: dayjs.Dayjs;
 };
 type DayjsDateRange = {
     from: dayjs.Dayjs;
@@ -11,10 +11,12 @@ type DayjsDateRange = {
 };
 export type CalendarDateSelectorProps = {
     selectorMode: SelectorMode;
-    limit: DateRangeLimits;
-    onDateRangeChanged: (dateRange: DayjsDateRange) => void;
-    onSelectorModeChanged: (newSelectorMode: SelectorMode) => void;
-    selectedDateRange: DayjsDateRange;
+    limit?: DateRangeLimits;
+    onDateRangeChanged?: (dateRange: DayjsDateRange) => void;
+    onSelectorModeChanged?: (newSelectorMode: SelectorMode) => void;
+    selectedDateRange?: DayjsDateRange;
+    onDateChanged?: (selectedDate: dayjs.Dayjs) => void;
+    selectedDate?: dayjs.Dayjs;
 };
-export declare function CalendarDateSelector({ selectedDateRange, limit, onDateRangeChanged, selectorMode, onSelectorModeChanged, }: CalendarDateSelectorProps): JSX.Element;
+export declare function CalendarDateSelector({ selectedDateRange, limit, onDateRangeChanged, selectorMode, onSelectorModeChanged, onDateChanged, selectedDate, }: CalendarDateSelectorProps): JSX.Element;
 export {};

package/dist/filters/components/date-filter/date-filter/quick-date-selection-buttons.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import dayjs from 'dayjs';
-type ButtonId = 'earliest' | 'today' | 'latest';
+export type ButtonId = 'earliest' | 'today' | 'latest';
 type QuickDateSelectionButtonsProps = {
     onDateSelected: (selectedDate: dayjs.Dayjs) => void;
     enabledButtons: ButtonId[];
-    limit: {
-        maxDate: dayjs.Dayjs;
-        minDate: dayjs.Dayjs;
+    limit?: {
+        maxDate?: dayjs.Dayjs;
+        minDate?: dayjs.Dayjs;
     };
 };
 export declare const QuickDateSelectionButtons: (props: QuickDateSelectionButtonsProps) => JSX.Element;

package/dist/filters/components/date-filter/date-range-filter-tile/date-range-filter-tile.d.ts

@@ -49,7 +49,7 @@ export interface DateRangeFilterTileProps {
  * React example of configuring the date min max values and handling onChange event.
  * ```tsx
  * const [dateRangeFilter, setDateRangeFilter] = useState<Filter>(
- *   filters.dateRange(DM.Commerce.Date.Years),
+ *   filterFactory.dateRange(DM.Commerce.Date.Years),
  * );
  *
  * return (

package/dist/filters/components/date-filter/index.d.ts

@@ -1,2 +1,3 @@
 export * from './date-filter';
 export * from './date-range-filter-tile';
+export * from './relative-date-filter-tile';

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

@@ -0,0 +1 @@
+export { RelativeDateFilterTile, type RelativeDateFilterTileProps, } from './relative-date-filter-tile.js';

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

@@ -0,0 +1,14 @@
+import { RelativeDateFilter } from '@sisense/sdk-data';
+import { FunctionComponent } from 'react';
+/**
+ * @internal
+ */
+export type RelativeDateFilterDisplayProps = {
+    filter: RelativeDateFilter;
+};
+/**
+ * Displays a relative date filter as a human-readable string.
+ *
+ * @internal
+ */
+export declare const RelativeDateFilterDisplay: FunctionComponent<RelativeDateFilterDisplayProps>;

package/dist/filters/components/date-filter/relative-date-filter-tile/relative-date-filter-tile.d.ts

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+import { Filter } from '@sisense/sdk-data';
+import { FilterVariant } from '../../common/index.js';
+/**
+ * Props for {@link RelativeDateFilterTile}
+ */
+export interface RelativeDateFilterTileProps {
+    /**Filter tile title */
+    title: string;
+    /** Relative date filter. */
+    filter: Filter;
+    /** Arrangement of the filter inputs. Use vertical for standard filter tiles and horizontal for toolbars */
+    arrangement?: FilterVariant;
+    /**
+     * Callback function that is called when the relative date filter object should be updated.
+     *
+     * @param filter - Relative date filter, or null for failure/disabled
+     */
+    onUpdate: (filter: Filter | null) => void;
+    /**
+     * Limit of the date range that can be selected.
+     */
+    limit?: {
+        maxDate: string;
+        minDate: string;
+    };
+}
+/**
+ * UI component that allows the user to filter date attributes according to
+ * a number of built-in operations defined in the relative date filter.
+ * Useful for filtering data by relative date ranges, such as "last 7 days" or "next 30 days from Date".
+ *
+ * @param props - Relative date filter tile props
+ * @returns Relative date filter tile component
+ */
+export declare const RelativeDateFilterTile: import("react").FunctionComponent<RelativeDateFilterTileProps>;

package/dist/filters/components/date-filter/relative-date-filter-tile/relative-date-filter.d.ts

@@ -0,0 +1,26 @@
+import { Filter, RelativeDateFilter as RelativeDateFilterType } from '@sisense/sdk-data';
+import { FilterVariant } from '../../common/index.js';
+import { FunctionComponent } from 'react';
+/**
+ * @internal
+ */
+export interface RelativeDateFilterProps {
+    filter: RelativeDateFilterType;
+    arrangement?: FilterVariant;
+    onUpdate: (filter: Filter | null) => void;
+    disabled: boolean;
+    limit?: {
+        maxDate: string;
+        minDate: string;
+    };
+}
+/**
+ * @internal
+ */
+export declare const RelativeDateFilter: FunctionComponent<RelativeDateFilterProps>;
+export declare const DATE_OPS_MAP: {
+    [x: string]: string;
+};
+export declare const DATE_LEVELS_MAP: {
+    [x: string]: string;
+};

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

@@ -1,5 +1,5 @@
 import type { FunctionComponent, ReactNode } from 'react';
-import { FilterVariant } from './criteria-filter-tile/criteria-filter-operations';
+import { FilterVariant } from './common/filter-utils';
 interface Props {
     title: string;
     renderContent: (collapsed: boolean, tileDisabled: boolean) => ReactNode;

package/dist/filters/components/member-filter-tile/basic-member-filter-tile.d.ts

@@ -18,6 +18,8 @@ export interface BasicMemberFilterTileProps {
     maxAllowedMembers?: number;
     /** Whether this is a dependent filter */
     isDependent?: boolean;
+    /** Flag to update selected members when caused by an external change */
+    shouldUpdateSelectedMembers?: boolean;
 }
 /**
  * UI component that, given a list of members to select from and a list of