@sisense/sdk-ui 1.28.0 → 1.29.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ai.cjs +32 -32
- package/dist/ai.js +567 -554
- package/dist/analytics-composer.cjs +1 -1
- package/dist/analytics-composer.js +3 -3
- package/dist/{derive-chart-family-BYdyoe8O.js → derive-chart-family-Cy3hlluo.js} +15251 -15392
- package/dist/{derive-chart-family-BNu7PP-p.cjs → derive-chart-family-DWCXp57c.cjs} +102 -102
- package/dist/index.cjs +253 -120
- package/dist/index.js +10677 -8687
- package/dist/packages/sdk-ui/src/ai/api/hooks.d.ts +2 -1
- package/dist/packages/sdk-ui/src/ai/chart/nlq-chart-widget.d.ts +9 -1
- package/dist/packages/sdk-ui/src/ai/use-get-query-recommendations.d.ts +3 -2
- package/dist/packages/sdk-ui/src/analytics-composer/common/utils.d.ts +0 -1
- package/dist/packages/sdk-ui/src/area-chart.d.ts +1 -1
- package/dist/packages/sdk-ui/src/areamap-chart.d.ts +1 -1
- package/dist/packages/sdk-ui/src/boxplot-utils.d.ts +3 -2
- package/dist/packages/sdk-ui/src/chart-data-options/types.d.ts +1 -1
- package/dist/packages/sdk-ui/src/chart-options-processor/subtype-to-design-options.d.ts +1 -1
- package/dist/packages/sdk-ui/src/chart-options-processor/translations/axis-section.d.ts +5 -2
- package/dist/packages/sdk-ui/src/chart-options-processor/translations/design-options.d.ts +1 -0
- package/dist/packages/sdk-ui/src/chart-options-processor/translations/value-label-section.d.ts +3 -1
- package/dist/packages/sdk-ui/src/common/components/button.d.ts +10 -0
- package/dist/packages/sdk-ui/src/common/components/popover.d.ts +23 -0
- package/dist/packages/sdk-ui/src/common/components/radio.d.ts +8 -0
- package/dist/packages/sdk-ui/src/common/hooks/use-combined-menu.d.ts +3 -4
- package/dist/packages/sdk-ui/src/const.d.ts +1 -0
- package/dist/packages/sdk-ui/src/dashboard/components/dashboard-container.d.ts +1 -1
- package/dist/packages/sdk-ui/src/dashboard/types.d.ts +6 -0
- package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/common/index.d.ts +4 -0
- package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/common/input.d.ts +5 -0
- package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/common/search-input.d.ts +8 -0
- package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/common/select/base.d.ts +14 -0
- package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/common/select/index.d.ts +3 -0
- package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/common/select/multi-select-item.d.ts +7 -0
- package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/common/select/searchable-multi-select.d.ts +12 -0
- package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/common/select/searchable-single-select.d.ts +12 -0
- package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/common/select/single-select-item.d.ts +7 -0
- package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/common/select/single-select.d.ts +12 -0
- package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/common/select/types.d.ts +7 -0
- package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/common/select/utils.d.ts +4 -0
- package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/common/selectable-section.d.ts +11 -0
- package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/filter-editor-popover.d.ts +12 -0
- package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/filter-editor.d.ts +8 -0
- package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/multi-select-control.d.ts +7 -0
- package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/sections/include-all-section.d.ts +9 -0
- package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/sections/members-section.d.ts +11 -0
- package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/sections/text-condition-section.d.ts +11 -0
- package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/utils.d.ts +5 -0
- package/dist/packages/sdk-ui/src/filters/components/filters-panel/filters-panel.d.ts +2 -0
- package/dist/packages/sdk-ui/src/filters/components/icons/arrow-down-icon.d.ts +1 -1
- package/dist/packages/sdk-ui/src/filters/components/icons/check-icon.d.ts +2 -0
- package/dist/packages/sdk-ui/src/filters/components/icons/index.d.ts +1 -0
- package/dist/packages/sdk-ui/src/filters/components/icons/search-icon.d.ts +1 -1
- package/dist/packages/sdk-ui/src/filters/components/member-filter-tile/member-filter-tile.d.ts +1 -1
- package/dist/packages/sdk-ui/src/filters/helpers.d.ts +1 -122
- package/dist/packages/sdk-ui/src/filters/index.d.ts +0 -1
- package/dist/packages/sdk-ui/src/pivot-table/formatters/header-cell-formatters/header-cell-totals-formatter.d.ts +4 -0
- package/dist/packages/sdk-ui/src/props.d.ts +15 -15
- package/dist/packages/sdk-ui/src/translation/resources/en.d.ts +29 -0
- package/dist/packages/sdk-ui/src/translation/resources/index.d.ts +58 -0
- package/dist/packages/sdk-ui/src/types.d.ts +27 -2
- package/dist/packages/sdk-ui/src/utils/filter-relations.d.ts +30 -72
- package/dist/packages/sdk-ui/src/widget-by-id/dashboard-widget.d.ts +1 -1
- package/dist/packages/sdk-ui/src/widget-by-id/translate-widget-data-options.d.ts +1 -2
- package/dist/packages/sdk-ui/src/widget-by-id/types.d.ts +14 -0
- package/dist/packages/sdk-ui/src/widget-by-id/utils.d.ts +2 -57
- package/dist/useQuery-CRu7WcYd.cjs +916 -0
- package/dist/{useQuery-CwqhrvKr.js → useQuery-CdtycPOg.js} +17019 -16985
- package/dist/{widget-composer-BvJFwTM1.cjs → widget-composer-DyY3yi_b.cjs} +8 -8
- package/dist/{widget-composer-CAmaQCTo.js → widget-composer-G4mPX-JO.js} +112 -110
- package/package.json +7 -7
- package/dist/useQuery-7UcSPq8U.cjs +0 -915
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import type { ChatResponse } from './types';
|
|
2
|
+
import { TranslatableError } from '../../translation/translatable-error';
|
|
2
3
|
/**
|
|
3
4
|
* @internal
|
|
4
5
|
*/
|
|
@@ -19,6 +20,6 @@ export declare const useGetAllChats: () => {
|
|
|
19
20
|
*/
|
|
20
21
|
export declare const useMaybeCreateChat: (contextId: string | undefined, shouldCreate: boolean) => import("@tanstack/react-query").UseMutationResult<import("./types").Chat | undefined, unknown, void, unknown>;
|
|
21
22
|
export declare const useSendChatMessage: (chatId: string | undefined, enableFollowupQuestions?: boolean) => {
|
|
22
|
-
mutate: import("@tanstack/react-query").UseMutateFunction<ChatResponse | undefined,
|
|
23
|
+
mutate: import("@tanstack/react-query").UseMutateFunction<ChatResponse | undefined, TranslatableError, string, void>;
|
|
23
24
|
isLoading: boolean;
|
|
24
25
|
};
|
|
@@ -20,6 +20,14 @@ export interface NlqChartWidgetProps {
|
|
|
20
20
|
* Can be used to inject modification of queried data.
|
|
21
21
|
*/
|
|
22
22
|
onDataReady?: (data: Data) => Data;
|
|
23
|
+
/**
|
|
24
|
+
* Boolean flag to show or hide the widget header
|
|
25
|
+
*
|
|
26
|
+
* Note: set to 'false' to hide the widget header
|
|
27
|
+
*
|
|
28
|
+
* @default true
|
|
29
|
+
*/
|
|
30
|
+
enableHeader?: boolean;
|
|
23
31
|
}
|
|
24
32
|
/**
|
|
25
33
|
* React component that renders a chart widget based on NLQ response data.
|
|
@@ -43,4 +51,4 @@ export interface NlqChartWidgetProps {
|
|
|
43
51
|
* @group Generative AI
|
|
44
52
|
* @internal
|
|
45
53
|
*/
|
|
46
|
-
export declare const NlqChartWidget: ({ nlqResponse, onDataReady, filters }: NlqChartWidgetProps) => import("react/jsx-runtime").JSX.Element;
|
|
54
|
+
export declare const NlqChartWidget: ({ nlqResponse, onDataReady, filters, enableHeader, }: NlqChartWidgetProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { QueryRecommendation } from './api/types';
|
|
2
|
+
import { HookEnableParam } from '../common/hooks/types';
|
|
2
3
|
/**
|
|
3
4
|
* Parameters for {@link useGetQueryRecommendations} hook.
|
|
4
5
|
*/
|
|
5
|
-
export interface UseGetQueryRecommendationsParams {
|
|
6
|
+
export interface UseGetQueryRecommendationsParams extends HookEnableParam {
|
|
6
7
|
/** Data model title or perspective title */
|
|
7
8
|
contextTitle: string;
|
|
8
9
|
/**
|
|
@@ -30,7 +31,7 @@ export interface UseGetQueryRecommendationsState {
|
|
|
30
31
|
/** Whether the data fetching has succeeded */
|
|
31
32
|
isSuccess: boolean;
|
|
32
33
|
/** The result data */
|
|
33
|
-
data: QueryRecommendation[];
|
|
34
|
+
data: QueryRecommendation[] | undefined;
|
|
34
35
|
/** The error if any occurred */
|
|
35
36
|
error: unknown;
|
|
36
37
|
/** Callback to trigger a refetch of the data */
|
|
@@ -13,7 +13,6 @@ export declare function capitalizeFirstLetter(str: string): string;
|
|
|
13
13
|
export declare function sanitizeDimensionId(str: string): string;
|
|
14
14
|
export declare function validateQueryModel(model: any): SimpleQueryModel;
|
|
15
15
|
export declare function isEmptyQueryModel(queryModel: ExpandedQueryModel | undefined | null): boolean;
|
|
16
|
-
export declare function escapeSingleQuotes(str?: string): string | undefined;
|
|
17
16
|
export declare function validateChartType(chartType: DynamicChartType | 'pivot' | 'pivot2'): void;
|
|
18
17
|
export declare function checkIfMeasuresExist(props: ChartWidgetProps | PivotTableWidgetProps | ExecuteQueryParams | ExecutePivotQueryParams): boolean;
|
|
19
18
|
export declare function isNonEmptyArray<T>(array: T[]): boolean;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { AreaChartProps } from './props';
|
|
3
3
|
/**
|
|
4
|
-
* A React component similar to a {@link LineChart},
|
|
4
|
+
* A React component similar to a {@link @sisense/sdk-ui!LineChart | `LineChart`},
|
|
5
5
|
* but with filled in areas under each line and an option to display them as stacked.
|
|
6
6
|
*
|
|
7
7
|
* ## Example
|
|
@@ -3,7 +3,7 @@ import { AreamapChartProps } from './props';
|
|
|
3
3
|
/**
|
|
4
4
|
* A React component for visualizing geographical data as colored polygons on a map.
|
|
5
5
|
*
|
|
6
|
-
* For another way do display data on a map, see {@link ScattermapChart}.
|
|
6
|
+
* For another way do display data on a map, see {@link @sisense/sdk-ui!ScattermapChart | `ScattermapChart`}.
|
|
7
7
|
*
|
|
8
8
|
* ## Example
|
|
9
9
|
*
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Attribute, Measure, Filter, QueryResultData, DataSource } from '@sisense/sdk-data';
|
|
1
|
+
import { Attribute, Measure, Filter, QueryResultData, DataSource, FilterRelationsJaql } from '@sisense/sdk-data';
|
|
2
2
|
import { ClientApplication } from './app/client-application.js';
|
|
3
3
|
import { executeQuery as executeQueryFunction } from './query/execute-query.js';
|
|
4
4
|
import { BoxplotChartCustomDataOptions, BoxplotChartDataOptionsInternal } from './chart-data-options/types.js';
|
|
@@ -22,12 +22,13 @@ export declare const boxWhiskerProcessResultInternal: (boxWhiskerData: QueryResu
|
|
|
22
22
|
* @group Charts
|
|
23
23
|
*/
|
|
24
24
|
export declare function boxWhiskerProcessResult(boxWhiskerData: QueryResultData, outliersData: QueryResultData, dataOptions?: BoxplotChartCustomDataOptions): QueryResultData;
|
|
25
|
-
export declare const executeBoxplotQuery: ({ app, chartDataOptions, dataSource, attributes, measures, filters, highlights, }: {
|
|
25
|
+
export declare const executeBoxplotQuery: ({ app, chartDataOptions, dataSource, attributes, measures, filters, filterRelations, highlights, }: {
|
|
26
26
|
app: ClientApplication;
|
|
27
27
|
chartDataOptions: BoxplotChartDataOptionsInternal;
|
|
28
28
|
dataSource?: DataSource | undefined;
|
|
29
29
|
attributes: Attribute[];
|
|
30
30
|
measures: Measure[];
|
|
31
31
|
filters?: Filter[] | undefined;
|
|
32
|
+
filterRelations?: FilterRelationsJaql | undefined;
|
|
32
33
|
highlights?: Filter[] | undefined;
|
|
33
34
|
}, executeQuery: typeof executeQueryFunction) => Promise<QueryResultData>;
|
|
@@ -23,7 +23,7 @@ export interface CategoryStyle {
|
|
|
23
23
|
/**
|
|
24
24
|
* Date granularity that works with continuous timeline.
|
|
25
25
|
*
|
|
26
|
-
* Values from {@link @sisense/sdk-data!DateLevels}.
|
|
26
|
+
* Values from {@link @sisense/sdk-data!DateLevels | `DateLevels`}.
|
|
27
27
|
*
|
|
28
28
|
*/
|
|
29
29
|
granularity?: string;
|
|
@@ -93,7 +93,7 @@ export type PolarSubtype = 'polar/column' | 'polar/area' | 'polar/line';
|
|
|
93
93
|
export type IndicatorSubtype = 'indicator/numeric' | 'indicator/gauge';
|
|
94
94
|
/**
|
|
95
95
|
*
|
|
96
|
-
* Subtype of {@link TreemapChart}
|
|
96
|
+
* Subtype of {@link @sisense/sdk-ui!TreemapChart | `TreemapChart`}
|
|
97
97
|
*
|
|
98
98
|
* **Values**
|
|
99
99
|
*
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Stacking, Style } from '../chart-options-service';
|
|
2
2
|
import { ChartDataOptionsInternal, StyledColumn } from '../../chart-data-options/types';
|
|
3
|
-
import { ChartType } from '../../types';
|
|
3
|
+
import { ChartType, CompleteThemeSettings } from '../../types';
|
|
4
4
|
import { CategoricalXValues } from '../../chart-data/types';
|
|
5
5
|
import { AxisClipped } from './translations-to-highcharts';
|
|
6
6
|
export type Axis = {
|
|
@@ -78,6 +78,8 @@ export type StackLabel = {
|
|
|
78
78
|
enabled: boolean;
|
|
79
79
|
rotation: number;
|
|
80
80
|
labelrank: number;
|
|
81
|
+
x?: number;
|
|
82
|
+
y?: number;
|
|
81
83
|
};
|
|
82
84
|
export type PlotBand = {
|
|
83
85
|
text: string;
|
|
@@ -96,6 +98,7 @@ export type AxisPlotBand = {
|
|
|
96
98
|
color?: string;
|
|
97
99
|
label?: {
|
|
98
100
|
text: string;
|
|
101
|
+
x: number;
|
|
99
102
|
y: number;
|
|
100
103
|
style?: Style;
|
|
101
104
|
};
|
|
@@ -105,4 +108,4 @@ export declare const getDefaultDateFormat: (granularity?: string) => "HH:mm:ss"
|
|
|
105
108
|
export declare const getDateFormatter: (category: StyledColumn, dateFormatter?: ((date: Date, format: string) => string) | undefined) => (time: number) => string;
|
|
106
109
|
export declare const getXAxisDatetimeSettings: (axis: Axis, category: StyledColumn, values: number[], dateFormatter?: ((date: Date, format: string) => string) | undefined) => AxisSettings[];
|
|
107
110
|
export declare const getXAxisSettings: (axis: Axis, axis2: Axis | undefined, categories: string[], plotBands: PlotBand[], xAxisOrientation: AxisOrientation, dataOptions: ChartDataOptionsInternal, chartType: ChartType) => AxisSettings[];
|
|
108
|
-
export declare const getYAxisSettings: (axis: Axis, axis2: Axis | undefined, axisMinMax: AxisMinMax, axis2MinMax: AxisMinMax | undefined, showTotal: boolean, dataOptions: ChartDataOptionsInternal, stacking: Stacking | undefined) => [AxisSettings[], AxisClipped[]];
|
|
111
|
+
export declare const getYAxisSettings: (axis: Axis, axis2: Axis | undefined, axisMinMax: AxisMinMax, axis2MinMax: AxisMinMax | undefined, showTotal: boolean, totalLabelRotation: number, dataOptions: ChartDataOptionsInternal, stacking: Stacking | undefined, themeSettings?: CompleteThemeSettings) => [AxisSettings[], AxisClipped[]];
|
|
@@ -35,6 +35,7 @@ export type CartesianChartDesignOptions = BaseDesignOptionsType & DesignPerSerie
|
|
|
35
35
|
export type StackableChartDesignOptions = CartesianChartDesignOptions & {
|
|
36
36
|
stackType: StackType;
|
|
37
37
|
showTotal?: boolean;
|
|
38
|
+
totalLabelRotation?: number;
|
|
38
39
|
} & DesignPerSeries;
|
|
39
40
|
export type LineChartDesignOptions = CartesianChartDesignOptions;
|
|
40
41
|
export type AreaChartDesignOptions = StackableChartDesignOptions;
|
package/dist/packages/sdk-ui/src/chart-options-processor/translations/value-label-section.d.ts
CHANGED
|
@@ -7,6 +7,8 @@ import { NumberFormatConfig } from '../../types';
|
|
|
7
7
|
export type ValueLabelOptions = {
|
|
8
8
|
enabled?: boolean;
|
|
9
9
|
rotation?: number;
|
|
10
|
+
showValue?: boolean;
|
|
11
|
+
showPercentage?: boolean;
|
|
10
12
|
};
|
|
11
13
|
export type RotationType = 'horizontal' | 'diagonal' | 'vertical';
|
|
12
14
|
export type ValueLabelSettings = {
|
|
@@ -28,7 +30,7 @@ export type ValueLabelSettings = {
|
|
|
28
30
|
};
|
|
29
31
|
formatter?: (this: InternalSeries, options?: DataLabelsOptions, valuePropName?: string) => string;
|
|
30
32
|
};
|
|
31
|
-
export declare const createValueLabelFormatter: (numberFormatConfig?: NumberFormatConfig) => (this: InternalSeries) => string;
|
|
33
|
+
export declare const createValueLabelFormatter: (numberFormatConfig?: NumberFormatConfig, options?: ValueLabelOptions) => (this: InternalSeries) => string;
|
|
32
34
|
export declare const getRotationType: (rotation: number) => RotationType;
|
|
33
35
|
export declare const getValueLabelSettings: (xAxisOrientation: AxisOrientation, valueLabel: ValueLabelOptions, inside?: boolean) => ValueLabelSettings;
|
|
34
36
|
export declare const getPolarValueLabelSettings: (valueLabel: ValueLabelOptions, polarType: PolarType) => ValueLabelSettings;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
type ButtonProps = {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
type?: 'primary' | 'secondary';
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
onClick?: () => void;
|
|
7
|
+
};
|
|
8
|
+
/** @internal */
|
|
9
|
+
export declare const Button: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
/** @internal */
|
|
3
|
+
export type PopoverAnchorPosition = {
|
|
4
|
+
anchorEl: HTMLElement;
|
|
5
|
+
anchorOrigin: {
|
|
6
|
+
vertical: 'top' | 'center' | 'bottom';
|
|
7
|
+
horizontal: 'left' | 'center' | 'right';
|
|
8
|
+
};
|
|
9
|
+
contentOrigin: {
|
|
10
|
+
vertical: 'top' | 'center' | 'bottom';
|
|
11
|
+
horizontal: 'left' | 'center' | 'right';
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
type PopoverPosition = PopoverAnchorPosition;
|
|
15
|
+
type PopoverProps = {
|
|
16
|
+
children: ReactNode;
|
|
17
|
+
open: boolean;
|
|
18
|
+
position?: PopoverPosition;
|
|
19
|
+
onClose?: () => void;
|
|
20
|
+
};
|
|
21
|
+
/** @internal */
|
|
22
|
+
export declare const Popover: (props: PopoverProps) => import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { MenuOptions } from '../components/menu/types.js';
|
|
2
|
-
type IsTargetMenuFn = (menuOptions: MenuOptions) => boolean;
|
|
3
|
-
type CombineMenusFn = (currentMenuOptions: MenuOptions, capturedMenuOptions: MenuOptions) => MenuOptions;
|
|
4
|
-
interface CombinedMenuParams {
|
|
2
|
+
export type IsTargetMenuFn = (menuOptions: MenuOptions) => boolean;
|
|
3
|
+
export type CombineMenusFn = (currentMenuOptions: MenuOptions, capturedMenuOptions: MenuOptions) => MenuOptions;
|
|
4
|
+
export interface CombinedMenuParams {
|
|
5
5
|
/** Function to determine if the captured menu is the target menu */
|
|
6
6
|
isTargetMenu: IsTargetMenuFn;
|
|
7
7
|
/** Function to combine the current menu options with the captured menu options */
|
|
@@ -17,4 +17,3 @@ export declare const useCombinedMenu: ({ isTargetMenu, combineMenus }: CombinedM
|
|
|
17
17
|
openMenu: (options: MenuOptions) => void;
|
|
18
18
|
onBeforeMenuOpen: (options: MenuOptions) => MenuOptions | null;
|
|
19
19
|
};
|
|
20
|
-
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { DashboardContainerProps } from '../../dashboard/types';
|
|
2
|
-
export declare const DashboardContainer: ({ title, layoutOptions, config, widgets, filters, onFiltersChange, defaultDataSource, onChange, }: DashboardContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare const DashboardContainer: ({ title, layoutOptions, config, widgets, filters, onFiltersChange, defaultDataSource, onChange, enableFilterEditor, }: DashboardContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -22,6 +22,8 @@ export interface DashboardByIdProps {
|
|
|
22
22
|
* @alpha
|
|
23
23
|
*/
|
|
24
24
|
persist?: boolean;
|
|
25
|
+
/** @internal */
|
|
26
|
+
enableFilterEditor?: boolean;
|
|
25
27
|
}
|
|
26
28
|
/**
|
|
27
29
|
* Props for the DashboardContainer component
|
|
@@ -40,6 +42,8 @@ export interface DashboardContainerProps {
|
|
|
40
42
|
* @internal
|
|
41
43
|
*/
|
|
42
44
|
onChange?: (action: DashboardChangeAction) => void;
|
|
45
|
+
/** @internal */
|
|
46
|
+
enableFilterEditor?: boolean;
|
|
43
47
|
}
|
|
44
48
|
/**
|
|
45
49
|
* Dashboard configuration
|
|
@@ -108,6 +112,8 @@ export interface DashboardProps {
|
|
|
108
112
|
* @internal
|
|
109
113
|
*/
|
|
110
114
|
onChange?: (action: DashboardChangeAction) => void;
|
|
115
|
+
/** @internal */
|
|
116
|
+
enableFilterEditor?: boolean;
|
|
111
117
|
}
|
|
112
118
|
/**
|
|
113
119
|
* Props for the Dashboard Header component
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Input: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
|
package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/common/search-input.d.ts
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
type SearchInputProps = {
|
|
3
|
+
placeholder?: string;
|
|
4
|
+
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
5
|
+
style?: CSSProperties;
|
|
6
|
+
};
|
|
7
|
+
export declare const SearchInput: (props: SearchInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/common/select/base.d.ts
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Focusable } from './types';
|
|
3
|
+
export declare const SelectContainer: import("@emotion/styled").StyledComponent<{
|
|
4
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
6
|
+
} & Focusable, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
7
|
+
export declare const SelectItemContainer: import("@emotion/styled").StyledComponent<{
|
|
8
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
9
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
10
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
11
|
+
export declare const SelectLabel: import("@emotion/styled").StyledComponent<{
|
|
12
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
13
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
14
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { SelectItem } from './types';
|
|
2
|
+
type MultiSelectItemProps<Value> = SelectItem<Value> & {
|
|
3
|
+
selected: boolean;
|
|
4
|
+
onSelect?: (value: Value) => void;
|
|
5
|
+
};
|
|
6
|
+
export declare function MultiSelectItem<Value = unknown>(props: MultiSelectItemProps<Value>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
import { SelectItem } from './types';
|
|
3
|
+
type SearchableMultiSelectProps<Value> = {
|
|
4
|
+
values?: Value[];
|
|
5
|
+
items: SelectItem<Value>[];
|
|
6
|
+
style?: CSSProperties;
|
|
7
|
+
placeholder?: string;
|
|
8
|
+
onChange?: (values: Value[]) => void;
|
|
9
|
+
};
|
|
10
|
+
/** @internal */
|
|
11
|
+
export declare function SearchableMultiSelect<Value = unknown>(props: SearchableMultiSelectProps<Value>): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
import { SelectItem } from './types';
|
|
3
|
+
type SearchableSingleSelectProps<Value> = {
|
|
4
|
+
value?: Value;
|
|
5
|
+
items: SelectItem<Value>[];
|
|
6
|
+
style?: CSSProperties;
|
|
7
|
+
placeholder?: string;
|
|
8
|
+
onChange?: (value: Value) => void;
|
|
9
|
+
};
|
|
10
|
+
/** @internal */
|
|
11
|
+
export declare function SearchableSingleSelect<Value = unknown>(props: SearchableSingleSelectProps<Value>): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { SelectItem } from './types';
|
|
2
|
+
type SingleSelectItemProps<Value> = SelectItem<Value> & {
|
|
3
|
+
selected: boolean;
|
|
4
|
+
onSelect?: (value: Value) => void;
|
|
5
|
+
};
|
|
6
|
+
export declare function SingleSelectItem<Value = unknown>(props: SingleSelectItemProps<Value>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
import { SelectItem } from './types';
|
|
3
|
+
type SelectProps<Value> = {
|
|
4
|
+
value?: Value;
|
|
5
|
+
multiple?: boolean;
|
|
6
|
+
items: SelectItem<Value>[];
|
|
7
|
+
style?: CSSProperties;
|
|
8
|
+
onChange?: (value: Value) => void;
|
|
9
|
+
};
|
|
10
|
+
/** @internal */
|
|
11
|
+
export declare function SingleSelect<Value = unknown>(props: SelectProps<Value>): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/common/select/utils.d.ts
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { PopoverAnchorPosition } from '../../../../../common/components/popover';
|
|
2
|
+
import { SelectItem } from './types';
|
|
3
|
+
export declare const calculatePopoverPosition: (anchorEl: HTMLDivElement | null, contentHeight?: number) => PopoverAnchorPosition;
|
|
4
|
+
export declare function getSelectedItemsDisplayValue<Value>(items: SelectItem<Value>[], values: Value[]): string | undefined;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
+
type ChildrenFn = (select: () => void) => ReactNode;
|
|
3
|
+
type SelectableSectionProps = {
|
|
4
|
+
selected: boolean;
|
|
5
|
+
style?: CSSProperties;
|
|
6
|
+
onSelect: (selected: boolean) => void;
|
|
7
|
+
children: ReactNode | ChildrenFn;
|
|
8
|
+
};
|
|
9
|
+
/** @internal */
|
|
10
|
+
export declare const SelectableSection: ({ selected, style, children, onSelect, }: SelectableSectionProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/filter-editor-popover.d.ts
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { type Filter } from '@sisense/sdk-data';
|
|
2
|
+
import { PopoverAnchorPosition } from '../../../common/components/popover';
|
|
3
|
+
type FilterEditorPopoverPosition = Pick<PopoverAnchorPosition, 'anchorEl'>;
|
|
4
|
+
type FilterEditorPopoverProps = {
|
|
5
|
+
filter?: Filter | null;
|
|
6
|
+
position?: FilterEditorPopoverPosition;
|
|
7
|
+
onChange?: (filter: Filter) => void;
|
|
8
|
+
onClose?: () => void;
|
|
9
|
+
};
|
|
10
|
+
/** @internal */
|
|
11
|
+
export declare const FilterEditorPopover: ({ filter, position, onChange, onClose, }: FilterEditorPopoverProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Filter } from '@sisense/sdk-data';
|
|
2
|
+
type FilterEditorProps = {
|
|
3
|
+
filter: Filter;
|
|
4
|
+
onChange?: (filter: Filter | null) => void;
|
|
5
|
+
};
|
|
6
|
+
/** @internal */
|
|
7
|
+
export declare const FilterEditor: ({ filter, onChange }: FilterEditorProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Filter } from '@sisense/sdk-data';
|
|
2
|
+
type IncludeAllSectionProps = {
|
|
3
|
+
filter: Filter;
|
|
4
|
+
selected: boolean;
|
|
5
|
+
onChange: (newFilter: Filter) => void;
|
|
6
|
+
};
|
|
7
|
+
/** @internal */
|
|
8
|
+
export declare const IncludeAllSection: ({ filter, selected, onChange }: IncludeAllSectionProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Filter } from '@sisense/sdk-data';
|
|
2
|
+
type MembersSectionProps = {
|
|
3
|
+
filter: Filter;
|
|
4
|
+
selected: boolean;
|
|
5
|
+
members: string[];
|
|
6
|
+
multiSelectEnabled: boolean;
|
|
7
|
+
onChange: (filter: Filter | null) => void;
|
|
8
|
+
};
|
|
9
|
+
/** @internal */
|
|
10
|
+
export declare const MembersSection: (props: MembersSectionProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Filter } from '@sisense/sdk-data';
|
|
2
|
+
type TextConditionSectionProps = {
|
|
3
|
+
filter: Filter;
|
|
4
|
+
selected: boolean;
|
|
5
|
+
members: string[];
|
|
6
|
+
multiSelectEnabled: boolean;
|
|
7
|
+
onChange: (filter: Filter | null) => void;
|
|
8
|
+
};
|
|
9
|
+
/** @internal */
|
|
10
|
+
export declare const TextConditionSection: ({ filter, selected, members, multiSelectEnabled, onChange, }: TextConditionSectionProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { Filter, MembersFilter } from '@sisense/sdk-data';
|
|
2
|
+
export declare function isIncludeAllFilter(filter: Filter): filter is MembersFilter;
|
|
3
|
+
export declare function isIncludeMembersFilter(filter: Filter): filter is MembersFilter;
|
|
4
|
+
export declare function isExcludeMembersFilter(filter: Filter): filter is MembersFilter;
|
|
5
|
+
export declare function isConditionalFilter(filter: Filter): boolean;
|
|
@@ -11,6 +11,8 @@ export type FiltersPanelProps = {
|
|
|
11
11
|
onFiltersChange: (filters: Filter[] | FilterRelations) => void;
|
|
12
12
|
/** Default data source used for filter tiles */
|
|
13
13
|
defaultDataSource?: DataSource;
|
|
14
|
+
/** @internal */
|
|
15
|
+
enableFilterEditor?: boolean;
|
|
14
16
|
};
|
|
15
17
|
/**
|
|
16
18
|
* Filters panel component that renders a list of filter tiles
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { SVGProps } from 'react';
|
|
2
|
-
export declare const ArrowDownIcon: (props: Pick<SVGProps<SVGElement>, 'className' | 'width' | 'height' | 'fill' | 'onClick'>) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare const ArrowDownIcon: (props: Pick<SVGProps<SVGElement>, 'className' | 'style' | 'width' | 'height' | 'fill' | 'onClick'>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { SVGProps } from 'react';
|
|
2
|
-
export declare const SearchIcon: (props: Pick<SVGProps<SVGElement>, 'className' | 'width' | 'height'>) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare const SearchIcon: (props: Pick<SVGProps<SVGElement>, 'className' | 'width' | 'height' | 'color' | 'opacity'>) => import("react/jsx-runtime").JSX.Element;
|
package/dist/packages/sdk-ui/src/filters/components/member-filter-tile/member-filter-tile.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import { Attribute, DataSource, Filter } from '@sisense/sdk-data';
|
|
|
2
2
|
import { FunctionComponent } from 'react';
|
|
3
3
|
import { FilterTileDesignOptions } from '../filter-tile-container';
|
|
4
4
|
/**
|
|
5
|
-
* Props for {@link MemberFilterTile}
|
|
5
|
+
* Props for {@link @sisense/sdk-ui!MemberFilterTile | `MemberFilterTile`}
|
|
6
6
|
*/
|
|
7
7
|
export interface MemberFilterTileProps {
|
|
8
8
|
/** Title for the filter tile, which is rendered into the header */
|