@sisense/sdk-ui 1.32.0 → 1.33.0

package/dist/packages/sdk-ui/src/filters/components/filters-panel/hooks/use-new-filter-adding.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { DataSource, Filter } from '@sisense/sdk-data';
+import { UseNewFilterCreationConfig } from '../types';
+type UseNewFilterCreationParams = {
+    defaultDataSource?: DataSource;
+    dataSources: DataSource[];
+    onFilterCreated: (filter: Filter) => void;
+    config?: UseNewFilterCreationConfig;
+};
+type UseNewFilterCreationReturn = {
+    NewFilterCreator: () => JSX.Element | null;
+    startFilterCreation: (anchorEl: HTMLElement) => void;
+};
+/**
+ * Hook that keeps new filter creation process.
+ * Returns a function to start creation a new filter and a component that renders the filter creation popovers.
+ */
+export declare const useNewFilterCreation: ({ dataSources, onFilterCreated, defaultDataSource, config, }: UseNewFilterCreationParams) => UseNewFilterCreationReturn;
+export {};

package/dist/packages/sdk-ui/src/filters/components/filters-panel/index.d.ts

@@ -1 +1,2 @@
 export { FiltersPanel, type FiltersPanelProps } from './filters-panel';
+export type { FiltersPanelConfig } from './types';

package/dist/packages/sdk-ui/src/filters/components/filters-panel/types.d.ts

@@ -0,0 +1,60 @@
+import type { FilterEditorConfig } from '../filter-editor-popover/types';
+/**
+ * Configuration for the filters panel
+ */
+export interface FiltersPanelConfig {
+    /**
+     * Configures the available actions within the filters panel.
+     */
+    actions?: {
+        /**
+         * Configuration for adding a new filter.
+         */
+        addFilter?: {
+            /**
+             * Determines whether the possibility to create a new filter is enabled.
+             *
+             * If not specified, the default value is `false`.
+             */
+            enabled?: boolean;
+            /** @internal */
+            multiSelect?: {
+                visible?: boolean;
+            };
+        };
+        /**
+         * Configuration for editing an existing filter.
+         */
+        editFilter?: {
+            /**
+             * Determines whether the possibility to edit an existing filter is enabled.
+             *
+             * If not specified, the default value is `false`.
+             */
+            enabled?: boolean;
+            /** @internal */
+            multiSelect?: {
+                visible?: boolean;
+            };
+        };
+        /**
+         * Configuration for deleting a filter.
+         */
+        deleteFilter?: {
+            /**
+             * Determines whether the possibility to delete a filter is enabled.
+             *
+             * If not specified, the default value is `true`.
+             */
+            enabled?: boolean;
+        };
+    };
+}
+/** @internal */
+export type UseExistingFilterEditingConfig = FilterEditorConfig & {
+    enabled?: boolean;
+};
+/** @internal */
+export type UseNewFilterCreationConfig = FilterEditorConfig & {
+    enabled?: boolean;
+};

package/dist/packages/sdk-ui/src/filters/components/icons/index.d.ts

@@ -1,7 +1,6 @@
 export { MenuIcon } from './menu-icon';
 export { PencilIcon } from './pencil-icon';
 export { PlusIcon } from './plus-icon';
-export { SearchIcon } from './search-icon';
 export { TrashIcon } from './trash-icon';
 export { LockIcon } from './lock-icon';
 export { DateIcon } from './date-icon';

package/dist/packages/sdk-ui/src/index.d.ts

@@ -9,7 +9,7 @@ export { isChartWidgetProps, isPivotTableWidgetProps, isTextWidgetProps, isPlugi
 export { type WidgetType, type CartesianWidgetType, type CategoricalWidgetType, type TabularWidgetType, type TextWidgetType, } from './widget-by-id/types';
 export { getChartType } from './widget-by-id/utils';
 export * from './query-execution';
-export { executeQuery } from './query/execute-query';
+export { executeQuery, executePivotQuery } from './query/execute-query';
 export { SisenseContextProvider } from './sisense-context/sisense-context-provider';
 export { DrilldownWidget } from './widgets/drilldown-widget';
 export { processDrilldownSelections } from './widgets/common/use-drilldown-core';

package/dist/packages/sdk-ui/src/line-chart.d.ts

@@ -16,8 +16,8 @@ import { LineChartProps } from './props';
  *
  * Additional Line Chart examples:
  *
- * - [Curved Line Chart](https://www.sisense.com/platform/compose-sdk/playground/?example=charts%2Fline-chart-spline)
- * - [Styled Line Chart](https://www.sisense.com/platform/compose-sdk/playground/?example=charts%2Fline-chart-styled)
+ * - [Curved Line Chart](https://www.sisense.com/developers/playground/?example=charts%2Fline-chart-spline)
+ * - [Styled Line Chart](https://www.sisense.com/developers/playground/?example=charts%2Fline-chart-styled)
  *
  * @param props - Line chart properties
  * @returns Line Chart component

package/dist/packages/sdk-ui/src/models/dashboard/dashboard-model-translator.d.ts

@@ -10,8 +10,6 @@ import { AppSettings } from '../../app/settings/settings.js';
  * ```tsx
  * <Dashboard {...dashboardModelTranslator.toDashboardProps(dashboardModel)} />
  * ```
- * @group Fusion Assets
- * @fusionEmbed
  */
 export declare function toDashboardProps(dashboardModel: DashboardModel): DashboardProps;
 /**

package/dist/packages/sdk-ui/src/models/widget/use-get-widget-model.d.ts

@@ -86,7 +86,7 @@ export type WidgetModelSuccessState = {
  *
  * Additional `useGetWidgetModel` examples:
  *
- * - [Modify Chart Type](https://www.sisense.com/platform/compose-sdk/playground/?example=fusion-assets%2Fuse-get-widget-model-change-chart-type)
+ * - [Modify Chart Type](https://www.sisense.com/developers/playground/?example=fusion-assets%2Fuse-get-widget-model-change-chart-type)
  *
  * @returns Widget load state that contains the status of the execution, the result widget model, or the error if one has occurred
  * @group Fusion Assets

package/dist/packages/sdk-ui/src/pie-chart.d.ts

@@ -17,8 +17,8 @@ import { PieChartProps } from './props';
  *
  * Additional Pie Chart examples:
  *
- * - [Donut Pie Chart](https://www.sisense.com/platform/compose-sdk/playground/?example=charts%2Fpie-chart-donut)
- * - [Ring Pie Chart](https://www.sisense.com/platform/compose-sdk/playground/?example=charts%2Fpie-chart-ring)
+ * - [Donut Pie Chart](https://www.sisense.com/developers/playground/?example=charts%2Fpie-chart-donut)
+ * - [Ring Pie Chart](https://www.sisense.com/developers/playground/?example=charts%2Fpie-chart-ring)
  *
  * @param props - Pie chart properties
  * @returns Pie Chart component

package/dist/packages/sdk-ui/src/polar-chart.d.ts

@@ -16,8 +16,8 @@ import { PolarChartProps } from './props';
  *
  * Additional Polar Chart examples:
  *
- * - [Area Polar Chart](https://www.sisense.com/platform/compose-sdk/playground/?example=charts%2Fpolar-chart-area)
- * - [Line Polar Chart](https://www.sisense.com/platform/compose-sdk/playground/?example=charts%2Fpolar-chart-line)
+ * - [Area Polar Chart](https://www.sisense.com/developers/playground/?example=charts%2Fpolar-chart-area)
+ * - [Line Polar Chart](https://www.sisense.com/developers/playground/?example=charts%2Fpolar-chart-line)
  *
  * @param props - Polar chart properties
  * @returns Polar Chart component

package/dist/packages/sdk-ui/src/query-execution/use-execute-query.d.ts

@@ -17,7 +17,7 @@ import { ExecuteQueryParams, ExecuteQueryResult } from './types';
  *
  * Additional `useExecuteQuery()` examples:
  *
- * - [Query with Sorting](https://www.sisense.com/platform/compose-sdk/playground/?example=queries%2Fuse-execute-query-sorting)
+ * - [Query with Sorting](https://www.sisense.com/developers/playground/?example=queries%2Fuse-execute-query-sorting)
  * - [Take Control of Your Data Visualizations]( https://www.sisense.com/blog/take-control-of-your-data-visualizations/) blog post with examples of using the hook to fetch data to display in third-party charts.
  *
  * @returns Query state that contains the status of the query execution, the result data, or the error if any occurred

package/dist/packages/sdk-ui/src/scatter-chart.d.ts

@@ -22,7 +22,7 @@ import { ScatterChartProps } from './props';
  *
  * Additional Scatter Chart examples:
  *
- * - [Bubble Scatter Chart](https://www.sisense.com/platform/compose-sdk/playground/?example=charts/scatter-chart-bubble)
+ * - [Bubble Scatter Chart](https://www.sisense.com/developers/playground/?example=charts/scatter-chart-bubble)
  *
  * @param props - Scatter chart properties
  * @returns Scatter Chart component

package/dist/packages/sdk-ui/src/theme-provider/use-theme-settings.d.ts

@@ -1,4 +1,4 @@
-import { ThemeOid, ThemeSettings, CompleteThemeSettings } from '../types';
+import { CompleteThemeSettings, ThemeOid, ThemeSettings } from '../types';
 /**
  * Returns the theme settings for the given theme OID or theme settings and error if it happened.
  *

package/dist/packages/sdk-ui/src/theme-provider/utils.d.ts

@@ -0,0 +1,5 @@
+import { ElementStateColors, ElementStates } from '../types';
+/**
+ * @internal
+ */
+export declare const getElementStateColor: (value: string | ElementStateColors, state: ElementStates) => string;

package/dist/packages/sdk-ui/src/translation/resources/en.d.ts

@@ -337,6 +337,13 @@ export declare const translation: {
             after: string;
         };
     };
+    dataBrowser: {
+        addFilter: string;
+        selectField: string;
+        configureFilter: string;
+        noResults: string;
+        searchPlaceholder: string;
+    };
     pivotTable: {
         grandTotal: string;
         subTotal: string;

package/dist/packages/sdk-ui/src/translation/resources/index.d.ts

@@ -347,6 +347,13 @@ export declare const resources: {
                 after: string;
             };
         };
+        dataBrowser: {
+            addFilter: string;
+            selectField: string;
+            configureFilter: string;
+            noResults: string;
+            searchPlaceholder: string;
+        };
         pivotTable: {
             grandTotal: string;
             subTotal: string;
@@ -691,6 +698,13 @@ export declare const resources: {
                 after: string;
             };
         };
+        dataBrowser: {
+            addFilter: string;
+            selectField: string;
+            configureFilter: string;
+            noResults: string;
+            searchPlaceholder: string;
+        };
         pivotTable: {
             grandTotal: string;
             subTotal: string;

package/dist/packages/sdk-ui/src/types.d.ts

@@ -905,6 +905,18 @@ export interface GeneralThemeSettings {
     primaryButtonTextColor?: string;
     /** Hover color for primary buttons */
     primaryButtonHoverColor?: string;
+    /**
+     * Theme settings for popover
+     *
+     * @internal
+     */
+    popover?: PopoverThemeSettings;
+    /**
+     * Theme settings for buttons
+     *
+     * @internal
+     */
+    buttons?: ButtonsThemeSettings;
 }
 /** Possible sizes for spacing. */
 export type SpaceSizes = 'None' | 'Large' | 'Medium' | 'Small';
@@ -965,6 +977,145 @@ export type FilterThemeSettings = {
         backgroundColor?: string;
     };
 };
+/**
+ * @internal
+ */
+export declare enum ElementStates {
+    DEFAULT = "default",
+    HOVER = "hover",
+    FOCUS = "focus"
+}
+/**
+ * Represents state-based color settings for an element.
+ *
+ * @internal
+ */
+export type ElementStateColors = {
+    /** Default color */
+    default: string;
+    /** Hover state color */
+    hover?: string;
+    /** Focus state color */
+    focus?: string;
+};
+/**
+ * Theme settings for input elements.
+ *
+ * @internal
+ */
+export type InputThemeSettings = {
+    /** Background color */
+    backgroundColor?: string;
+    /** Text color */
+    textColor?: string;
+    /** Border color */
+    borderColor?: string | ElementStateColors;
+    /** Corner radius */
+    cornerRadius?: number;
+    /** Theme settings for dropdown list */
+    dropdownList?: {
+        /** Background color */
+        backgroundColor?: string;
+        /** Text color */
+        textColor?: string;
+        /** Border color */
+        borderColor?: string;
+        /** Corner radius */
+        cornerRadius?: number;
+        /** Shadow */
+        shadow?: string;
+        /** Theme settings for dropdown list item */
+        item?: {
+            /** Background color */
+            backgroundColor?: string | ElementStateColors;
+            /** Text color */
+            textColor?: string;
+        };
+    };
+    /** Theme settings for datepicker */
+    datepicker?: {
+        /** Background color */
+        backgroundColor?: string;
+        /** Text color */
+        textColor?: string;
+        /** Corner radius */
+        cornerRadius?: number;
+        /** Shadow */
+        shadow?: string;
+        /** Theme settings for datepicker day item */
+        item?: {
+            /** Background color */
+            backgroundColor?: string | ElementStateColors;
+            /** Text color */
+            textColor?: string | ElementStateColors;
+        };
+    };
+};
+/**
+ * Theme settings for popover
+ *
+ * @internal
+ */
+export type PopoverThemeSettings = {
+    /** Corner radius */
+    cornerRadius?: number;
+    /** Shadow */
+    shadow?: string;
+    /** Theme settings for popover header */
+    header?: {
+        /** Background color */
+        backgroundColor?: string;
+        /** Text color */
+        textColor?: string;
+    };
+    /** Theme settings for popover footer */
+    footer?: {
+        /** Background color */
+        backgroundColor?: string;
+        /** Text color */
+        textColor?: string;
+    };
+    /** Theme settings for popover content */
+    content?: {
+        /** Background color */
+        backgroundColor?: string;
+        /** Text color */
+        textColor?: string;
+        /** Theme settings for clickable list */
+        clickableList?: {
+            /** Theme settings for clickable list item */
+            item?: {
+                /** Text color */
+                textColor?: string;
+                /** Background color */
+                backgroundColor?: string;
+                /** Setting to be applied on hover */
+                hover?: {
+                    /** Text color */
+                    textColor?: string;
+                    /** Background color */
+                    backgroundColor?: string;
+                };
+            };
+        };
+    };
+    /** Theme settings for popover input */
+    input?: InputThemeSettings;
+};
+/**
+ * Theme settings for buttons
+ *
+ * @internal
+ */
+export type ButtonsThemeSettings = {
+    /** Theme settings for cancel button */
+    cancel?: {
+        /** Background color */
+        backgroundColor?: string | ElementStateColors;
+        /** Text color */
+        textColor?: string;
+    };
+};
 /** Theme settings defining the look and feel of components. */
 export interface ThemeSettings {
     /** Chart theme settings */

package/dist/packages/sdk-ui/src/utils/data-sources-utils.d.ts

@@ -0,0 +1,8 @@
+import { DataSource } from '@sisense/sdk-data';
+export type DataSourceObject = {
+    title: string;
+    id: string;
+};
+export declare const toDataSourceObject: (dataSource: DataSource) => DataSourceObject;
+export declare const getDataSourceId: (dataSource: DataSource) => string;
+export declare const getDataSourceTitle: (dataSource: DataSource) => string;

package/dist/packages/sdk-ui/src/utils/utility-types.d.ts

@@ -44,6 +44,10 @@ export type AnyObject = Record<string, any>;
  * Empty object with no properties
  */
 export type EmptyObject = Record<string, never>;
+/**
+ * Any array
+ */
+export type AnyArray = any[];
 /**
  * Allows you to make a property of an object required.
  *
@@ -60,9 +64,9 @@ export type WithRequiredProp<T, K extends keyof T> = Omit<T, K> & Required<Pick<
 /**
  * Universal generic state for hooks that fetch data from the REST API.
  */
-export type RestApiHookState<DataKey extends string, SuccessDataType extends AnyObject> = RestApiHookSuccessState<DataKey, SuccessDataType> | RestApiHookErrorState<DataKey> | RestApiHookLoadingState<DataKey>;
+export type RestApiHookState<DataKey extends string, SuccessDataType extends AnyObject | AnyArray> = RestApiHookSuccessState<DataKey, SuccessDataType> | RestApiHookErrorState<DataKey> | RestApiHookLoadingState<DataKey>;
 /** Success state of the REST API hook */
-export type RestApiHookSuccessState<DataKey extends string, SuccessDataType extends AnyObject> = {
+export type RestApiHookSuccessState<DataKey extends string, SuccessDataType extends AnyObject | AnyArray> = {
     isLoading: false;
     isError: false;
     isSuccess: true;

package/dist/packages/sdk-ui/src/widgets/drilldown-widget.d.ts

@@ -29,7 +29,7 @@ import { DrilldownWidgetProps } from '../props';
  *
  * Additional drilldown examples:
  *
- * - [Detached Breadcrumbs](https://www.sisense.com/platform/compose-sdk/playground/?example=use-cases%2Fdrilldown-detached-breadcrumbs)
+ * - [Detached Breadcrumbs](https://www.sisense.com/developers/playground/?example=use-cases%2Fdrilldown-detached-breadcrumbs)
  *
  * @param props - DrilldownWidget properties
  * @returns DrilldownWidget wrapper component